.schematic-container{margin:4rem auto 4rem auto}.connections-container{display:flex;align-items:center;justify-content:center;margin:0 auto;gap:25px;overflow:auto}.schematic.connections{display:flex;align-items:center;flex-direction:column;gap:5px;user-select:none}.connections-container img{margin:80px 0 0 0}.conections-row{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:10px;padding:5px;border-radius:5px;background:0 0;transition:opacity .5s,transform .5s}.conections-row.title{font-size:1.2rem;font-weight:700}.conections-schematic:has(.conections-row.hoverable:hover) .conections-row.hoverable{opacity:.4}.conections-row.hoverable:hover{transform:scale(1.02);filter:brightness(1.2);opacity:1!important}.schematic.pinout{--center-width:250px;--column-gap:32px;display:grid;grid-template-columns:1fr var(--center-width) 1fr;gap:var(--column-gap);user-select:none;overflow:auto;margin:2rem auto 0 auto;padding:0 0 1rem 0;position:relative}.schematic.pinout .column{display:flex;flex-direction:column;gap:4px;position:relative}.schematic.pinout .column.left{grid-column:1}.schematic.pinout .column.center,.schematic.pinout .column.top,.schematic.pinout .column.bottom{grid-column:2}.schematic.pinout .column.right{grid-column:3}.schematic.pinout .column.center{align-items:center;justify-content:center;flex:0 0 var(--center-width)}.schematic.pinout .column.center img{width:100%;height:auto}.schematic.pinout .column.left .pin{flex-direction:row-reverse;transform-origin:center right}.schematic.pinout .pin:hover{filter:brightness(1.2)}.schematic .pin{display:flex;flex-direction:row;align-items:center;justify-items:center;background:0 0;height:24px;gap:4px;opacity:1;transition:opacity .5s,transform .5s;transform-origin:center;position:relative}.schematic .pin div{transition:opacity .5s,transform .5s,width .5s,color .5s,border .5s}.schematic .conections-row .pin div{font-size:1rem;padding:.2rem .4rem;width:auto}.schematic .pin.left{flex-direction:row-reverse}.schematic.connetions .pin div{font-size:1.05rem;height:28px;font-weight:600}.schematic.connetions .pin div:not(.pin-number){width:80px}.schematic .pin div{background:#d8ccc2;color:#111;font-size:14px;font-weight:500;border:1px solid #0005;border-radius:4px;display:flex;align-items:center;justify-content:center;width:75px;height:24px}.schematic .left div{flex-direction:row-reverse}.schematic .pin:hover{opacity:1!important}.schematic .pin .pin-number{width:32px!important;background:#61646540;border:#555 1px solid;color:#f1f1f1;font-weight:700}.schematic .pin .pin-number.pin-empty{background:0 0;border:transparent 1px solid}.schematic .pin:hover .pin-number{background:#64646490}.schematic .pin .pin-port{background:#d8ccc2}.schematic .pin .pin-gpio{background:#decdc3}.schematic .pin .pin-gpio.pin-input-only{background:#ab8d7c}.schematic .pin .pin-analog{background:#855381;color:#f1f1f1}.schematic .pin .pin-digital{background:#426805;color:#f1f1f1}.schematic .pin .pin-interruption{background:#e3c5be}.schematic .pin .pin-pwm{background:#9db85d}.schematic .pin .pin-adc{background:#e57c25}.schematic .pin .pin-dac{background:#f2c50e}.schematic .pin .pin-touch{background:#dd6ca6}.schematic .pin .pin-rtc{background:#5d8ed1;width:50px}.schematic .pin .pin-communication{background:#8eb8c8}.schematic .pin .pin-uart{background:#00c9a1}.schematic .pin .pin-i2c{background:#485177;color:#f1f1f1;width:90px}.schematic .pin .pin-spi{background:#229cef;color:#f1f1f1;width:90px}.schematic .pin .pin-function{background:#a793c4}.schematic .pin .pin-control{background:#c3a448}.schematic .pin .pin-power{background:linear-gradient(-45deg,#bb2a29 49%,#303030 50%,#303030 100%);border:1px solid #303030;color:#f1f1f1}.schematic .pin .pin-power-5v{background:#bb2a29;color:#f1f1f1}.schematic .pin .pin-power-3v3{background:#943c3c;color:#f1f1f1}.schematic .pin .pin-power-gnd{background:#303030;color:#f1f1f1}.pin .pin-warning::after{content:"⚠️";font-size:20px;margin-bottom:4px}.pin .pin-danger::after{content:"🚨";font-size:20px;margin-bottom:4px}.schematic .pin div.pin-small{font-size:10px!important}.schematic .pin .pin-comment{font-size:.8rem;background:0 0!important;color:var(--text-color)}.schematic .pin .pin-disabled{opacity:.25!important}.schematic .pin .w60{width:60px!important}.schematic .pin .w80{width:80px!important}.schematic .pin .w100{width:100px!important}.schematic .pin .w120{width:120px!important}.schematic .pin .w140{width:140px!important}.schematic .pin .wauto{width:auto;padding:0 10px}.schematic:has(.pin div.highlight) .pin div{opacity:.3}.pin div.highlight{opacity:1!important}.pin div.highlight:not(.pin-comment){border:2px solid orange}.schematic .wire{width:100px;height:7px!important;border:1px solid #7777;border-radius:2px!important}.schematic .wire.black{background-color:#383838}.schematic .wire.red{background-color:#fd0000}.schematic .wire.blue{background-color:#0d00fd}.schematic .wire.green{background-color:#449218}.schematic .wire.yellow{background-color:#fde800}.schematic .wire.orange{background-color:#fd7f00}.schematic .wire.purple{background-color:#830ca4}.schematic .wire.brown{background-color:#87511c}.schematic .wire.cyan{background-color:#00ecfd}.schematic .wire.grey{background-color:#797979}.schematic .wire.grey{background-color:#d0d0d0}.schematic img{width:100px;height:auto}.schematic .pin-header{--pin-size:26px;--pin-inner-size:calc(var(--pin-size) * 0.3);display:grid;grid-template-columns:var(--pin-size) var(--pin-size);gap:2px}.schematic .pin-header div{position:relative;background:#333;width:var(--pin-size);height:var(--pin-size)}.schematic .pin-header div.lighter{background:#565456}.schematic .pin-header div.octagon{clip-path:polygon(25%0,75%0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.schematic .pin-header div.circulon{border-radius:var(--pin-size)}.schematic .pin-header div::after{content:"";display:block;position:absolute;background:#999;width:var(--pin-inner-size);height:var(--pin-inner-size);top:calc(50% - var(--pin-inner-size)/2);left:calc(50% - var(--pin-inner-size)/2);clip-path:polygon(15%0,85%0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}.schematic.legend{margin:1rem auto 2rem auto}.schematic.legend .legend-buttons{margin-top:1rem;justify-content:center}.schematic .legend-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:1rem}.schematic.legend ul{list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;margin:0}.schematic.legend ul li{display:inline-block;font-size:.95rem;padding:2px 5px;border-radius:3px;cursor:pointer}.schematic.legend li:hover div{filter:brightness(1.25)}.schematic.legend li.pin .pin-comments{color:var(--text-color);background-color:transparent!important;border-color:#7777}.schematic.legend li.pin:not(.legend-btn) div{height:36px;opacity:.2!important;position:relative}.schematic.legend li.pin:not(.legend-btn) div:after{content:"";display:block;position:absolute;inset:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='%233335' stroke-width='6'/></svg>");background-repeat:no-repeat;background-position:center center;background-size:100% 100%,auto}.schematic.legend li.pin.active div{opacity:1!important}.schematic.legend li.pin.active div:after{content:none}.schematic .pin .hidden{width:6px!important;overflow:hidden;font-size:0;color:transparent}.schematic .pin .tooltip{display:none;position:absolute;background:rgba(0,0,0,.8);color:#fff;padding:3px 6px;border-radius:3px;white-space:nowrap;font-size:12px;pointer-events:none;z-index:5000}.schematic .pin:hover .tooltip{display:block}.schematic.legend ul li.pin.legend-btn div{background:#5556!important;color:#f1f1f1!important;opacity:1!important;width:180px!important;height:32px}.schematic.legend p{margin-bottom:0!important;color:var(--text-color-light);font-size:1.05rem}.arduino-diagram{display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;height:380px;background:#8fbac5;color:#333;position:relative;font-family:Arial,sans-serif;border:2px solid #555}.arduino-diagram--title{font-size:30px;font-weight:700;writing-mode:vertical-lr;position:absolute;top:110px;left:40%;transform:rotate(180deg)}.arduino-diagram--power{position:absolute;top:16px;left:2%;font-size:16px;writing-mode:vertical-rl;transform:rotate(180deg)}.arduino-diagram--analog{position:absolute;bottom:25px;left:2%;font-size:16px;writing-mode:vertical-rl;transform:rotate(180deg)}.arduino-diagram--digital{position:absolute;top:110px;right:2%;font-size:16px;writing-mode:vertical-rl;transform:rotate(180deg)}.arduino-diagram.mcu-diagram{background:#333;color:#ccc}.mcu-diagram--title{font-size:30px;font-weight:700;writing-mode:vertical-lr;position:absolute;top:150px;left:40%;transform:rotate(180deg)}.mcu-diagram--power{position:absolute;top:10px;left:2%;font-size:16px;writing-mode:vertical-rl;transform:rotate(180deg)}.mcu-diagram--i2c{position:absolute;top:120px;left:2%;font-size:16px;writing-mode:vertical-rl;transform:rotate(180deg)}.mcu-diagram--spi{position:absolute;top:225px;left:2%;font-size:16px;writing-mode:vertical-rl;transform:rotate(180deg)}.mcu-diagram--uart{position:absolute;bottom:10px;left:2%;font-size:16px;writing-mode:vertical-rl;transform:rotate(180deg)}.mcu-diagram--gpio{position:absolute;top:60px;right:2%;font-size:16px;writing-mode:vertical-rl}.mcu-diagram--pwm{position:absolute;bottom:115px;right:2%;font-size:16px;writing-mode:vertical-rl}.mcu-diagram--adc{position:absolute;bottom:10px;right:2%;font-size:16px;writing-mode:vertical-rl}.arduino-diagram.mcu-diagram .arduino-diagram--title{top:150px;left:40%;transform:rotate(180deg)}@media (max-width:760px){.schematic.diagram .pin div{font-size:11px}.schematic.diagram .pin div{width:40px}.schematic.diagram .pin div.pin-number{width:30px}.schematic.pinout.diagram{grid-template-columns:1fr calc(.5*var(--center-width)) 1fr}.schematic.diagram .arduino-diagram{width:90px;height:390px}.arduino-diagram--title{font-size:20px;top:150px;left:35%}.arduino-diagram--power{font-size:11px}.arduino-diagram--analog{font-size:11px}.arduino-diagram--digital{top:145px;font-size:11px}}