.pinout-opener{display:block}.pinout-opener__button{display:flex;align-items:center;gap:1.2rem;width:100%;padding:1.2rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:.8rem;background:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground));font-family:inherit;font-size:1.4rem;text-align:left;cursor:pointer;transition:background var(--duration-short) ease,border-color var(--duration-short) ease}.pinout-opener__button:hover{background:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.28)}.pinout-opener__button:focus-visible{outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)}.pinout-opener__button:focus:not(:focus-visible){outline:0;box-shadow:none}.pinout-opener__icon,.pinout-opener__arrow{display:flex;flex-shrink:0;align-items:center;justify-content:center}.pinout-opener__icon svg{width:2.2rem;height:2.2rem;color:rgba(var(--color-foreground),.75)}.pinout-opener__arrow{margin-left:auto}.pinout-opener__arrow svg{width:1.6rem;height:1.6rem;color:rgba(var(--color-foreground),.55);transition:transform var(--duration-short) ease}.pinout-opener__button:hover .pinout-opener__arrow svg{transform:translate(.3rem)}.pinout-opener__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.pinout-opener__label{font-weight:600;line-height:1.3}.pinout-opener__count{font-size:1.2rem;line-height:1.3;color:rgba(var(--color-foreground),.6)}.pinout-modal{background:#0000008c;backdrop-filter:blur(.4rem);-webkit-backdrop-filter:blur(.4rem)}.pinout-modal .pinout-modal__content{display:flex;flex-direction:column;width:min(96rem,92vw);height:auto;max-height:86vh;margin-top:min(8vh,6rem);padding:0;overflow:hidden;border-radius:1.2rem}.pinout-modal__header{display:flex;align-items:flex-start;gap:1.6rem;flex-shrink:0;padding:2rem 2rem 1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.pinout-modal__heading{min-width:0}.pinout-modal__title{display:flex;align-items:center;gap:1rem;margin:0;font-size:1.9rem;line-height:1.2;letter-spacing:0}.pinout-modal__badge{padding:.3rem .9rem;border-radius:10rem;background:rgba(var(--color-foreground),.09);font-size:1.15rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;color:rgba(var(--color-foreground),.7)}.pinout-modal__subtitle{margin:.5rem 0 0;font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.55)}.pinout-modal__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.6rem;height:3.6rem;margin-left:auto;padding:0;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:50%;background:transparent;color:rgba(var(--color-foreground),.7);cursor:pointer;transition:background var(--duration-short) ease,color var(--duration-short) ease}.pinout-modal__close:hover{background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}.pinout-modal__close:focus-visible{outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)}.pinout-modal__close svg{width:1.6rem;height:1.6rem}.pinout-modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2rem 2rem}.pinout{--pinout-power: 35 92% 58%;--pinout-ground: 215 12% 58%;--pinout-io: 208 90% 62%;--pinout-signal: 272 76% 68%;--pinout-bus: 165 68% 46%;--pinout-muted: 215 10% 52%;--pinout-accent: var(--pinout-muted)}.pinout__row--power{--pinout-accent: var(--pinout-power)}.pinout__row--ground{--pinout-accent: var(--pinout-ground)}.pinout__row--digital,.pinout__row--input,.pinout__row--output{--pinout-accent: var(--pinout-io)}.pinout__row--analog,.pinout__row--pwm{--pinout-accent: var(--pinout-signal)}.pinout__row--i2c,.pinout__row--spi,.pinout__row--uart,.pinout__row--i2s,.pinout__row--can{--pinout-accent: var(--pinout-bus)}.pinout__row--terminal,.pinout__row--nc{--pinout-accent: var(--pinout-muted)}.pinout .pinout__table{display:table;table-layout:auto;width:100%;max-width:none;margin:0;border-collapse:collapse;box-shadow:none;overflow-x:visible;white-space:normal;font-size:1.4rem}.pinout .pinout__table th,.pinout .pinout__table td{padding:.9rem 1.2rem .9rem 0;border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.07);text-align:left;vertical-align:top;line-height:1.45}.pinout .pinout__table th:last-child,.pinout .pinout__table td:last-child{padding-right:0}.pinout .pinout__table thead th{position:sticky;top:0;z-index:1;padding-top:1.6rem;padding-bottom:.8rem;background:rgb(var(--color-background));font-size:1.1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:rgba(var(--color-foreground),.55);border-bottom-color:rgba(var(--color-foreground),.18)}.pinout .pinout__table tbody tr:last-child td{border-bottom:0}.pinout .pinout__table tbody tr:hover td{background:rgba(var(--color-foreground),.04)}.pinout .pinout__table .pinout__cell--order{width:4.2rem;padding-left:1rem;border-left:.3rem solid hsl(var(--pinout-accent) / .9);font-variant-numeric:tabular-nums;color:rgba(var(--color-foreground),.45)}.pinout .pinout__table thead .pinout__cell--order{border-left:.3rem solid transparent}.pinout .pinout__table .pinout__cell--description{width:36%;color:rgba(var(--color-foreground),.72)}.pinout__pin{display:inline-block;padding:.2rem .7rem;border-radius:.5rem;border:.1rem solid rgba(var(--color-foreground),.1);background:rgba(var(--color-foreground),.07);font-family:ui-monospace,SF Mono,Consolas,Monaco,monospace;font-size:1.3rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.pinout__type{display:inline-block;padding:.2rem .9rem;border-radius:10rem;background:hsl(var(--pinout-accent) / .16);color:hsl(var(--pinout-accent));font-size:1.15rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}@media screen and (max-width:599px){.pinout-modal .pinout-modal__content{width:94vw;max-height:90vh;margin-top:4vh}.pinout-modal__header{padding:1.6rem 1.6rem 1.2rem}.pinout-modal__title{font-size:1.7rem}.pinout-modal__body{padding:1.6rem}.pinout .pinout__table,.pinout .pinout__table tbody{display:block;width:100%}.pinout .pinout__table thead{display:none}.pinout .pinout__table tr{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.8rem;row-gap:.5rem;margin-bottom:.8rem;padding:1.1rem 1.3rem;border:.1rem solid rgba(var(--color-foreground),.1);border-left:.3rem solid hsl(var(--pinout-accent) / .9);border-radius:.8rem;background:rgba(var(--color-foreground),.03)}.pinout .pinout__table td{display:block;flex:1 1 100%;min-width:0;width:auto;padding:0;border:0;overflow-wrap:break-word;order:4}.pinout .pinout__table td:empty{display:none}.pinout .pinout__table .pinout__cell--order{order:1;flex:0 0 auto;width:auto;padding:0;border-left:0;align-self:center;font-size:1.2rem}.pinout .pinout__table .pinout__cell--pin{order:2;flex:0 1 auto;align-self:center}.pinout .pinout__table .pinout__cell--type{order:3;flex:0 0 auto;margin-left:auto;align-self:center}.pinout .pinout__table td:before{content:attr(data-label);display:block;margin-bottom:.2rem;font-size:1.05rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(var(--color-foreground),.45)}.pinout .pinout__table .pinout__cell--pin:before,.pinout .pinout__table .pinout__cell--type:before{display:none}.pinout .pinout__table .pinout__cell--order:before{display:inline;margin:0;font-size:inherit}.pinout .pinout__table .pinout__cell--description{width:auto}.pinout .pinout__table tbody tr:hover td{background:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/pinout.css.map */