.pinout-wrapper.svelte-1jz8mjs{overflow:auto}.pinout.svelte-1jz8mjs{background-color:#1e1e21;width:100%;min-width:fit-content;position:relative;margin:10em 0;padding:1em;border-radius:.5em}.pinout.svelte-1jz8mjs ul:where(.svelte-1jz8mjs){display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:10px;margin:0;padding:0;list-style:none}.pinout.svelte-1jz8mjs ul:where(.svelte-1jz8mjs) li:where(.svelte-1jz8mjs) .tag:where(.svelte-1jz8mjs){position:absolute;max-width:8em;text-wrap:nowrap;border:1px solid}.pinout.svelte-1jz8mjs ul:where(.svelte-1jz8mjs) li:where(.svelte-1jz8mjs) .tag.up:where(.svelte-1jz8mjs){bottom:100%;left:50%;transform-origin:center left;margin-top:-0%;transform:rotate(-90deg);border-radius:0 30px 30px 0;padding:0 8px 0 4px}.pinout.svelte-1jz8mjs ul:where(.svelte-1jz8mjs) li:where(.svelte-1jz8mjs) .tag.down:where(.svelte-1jz8mjs){top:100%;transform-origin:center right;right:50%;margin-top:0%;transform:rotate(-90deg);padding:0 4px 0 8px;border-radius:30px 0 0 30px}.pinout.svelte-1jz8mjs li:where(.svelte-1jz8mjs){cursor:pointer;list-style:none;margin:0;position:relative}.pinout.svelte-1jz8mjs li:where(.svelte-1jz8mjs) .dot:where(.svelte-1jz8mjs){margin:auto;width:35px;height:35px;border-radius:40px;background-color:#3fc863;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center}.pinout.svelte-1jz8mjs li:where(.svelte-1jz8mjs) .dot:where(.svelte-1jz8mjs):hover{opacity:.9}.analogin_dot.svelte-1jz8mjs{border:4px solid var(--color-blau)}.legende.svelte-1jz8mjs{display:flex;flex-wrap:wrap;gap:1rem}.legende.svelte-1jz8mjs .color-bar:where(.svelte-1jz8mjs){border:3px solid currentColor}@media (max-width: 820px){.pinout.svelte-1jz8mjs li:where(.svelte-1jz8mjs) .dot:where(.svelte-1jz8mjs){color:transparent}.pinout.svelte-1jz8mjs li:where(.svelte-1jz8mjs):hover .dot:where(.svelte-1jz8mjs){display:block;color:#fff}.pinout.svelte-1jz8mjs li:where(.svelte-1jz8mjs) .dot:where(.svelte-1jz8mjs){width:3.5vw;height:3.5vw}}