.sw-deck{--plate-px:24px;flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.sw-deck-plate{padding:32px var(--plate-px) 20px}.sw-deck-silk{top:7px;left:var(--plate-px);right:var(--plate-px);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex;position:absolute}.sw-deck-ext{vertical-align:0;margin-left:1px;display:inline-block}@media (hover:none){.sw-deck-hint-wheel{display:none}}.sw-deck-ctrl{flex-direction:column;gap:16px;display:flex}.sw-deck-screen{flex:none;width:100%;height:92px}.sw-deck-screen:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(162deg,#ffffff12,#fff0 36%),radial-gradient(130% 150%,#0000 62%,#0006);position:absolute;inset:0}.sw-deck-knobs{justify-content:space-between;gap:4px;display:flex}.sw-deck-link{flex-direction:column;gap:16px;width:100%;display:flex}.sw-deck-socials__row{justify-content:space-between;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sw-deck-contact,.sw-key.sw-deck-contact__key{width:100%}@media (min-width:640px){.sw-deck{gap:16px;padding-bottom:20px}.sw-deck-ctrl{flex-direction:row;align-items:center;gap:24px}.sw-deck-screen{flex:200px;width:auto;min-width:200px;max-width:320px}.sw-deck-knobs{flex:none;margin-left:auto}.sw-deck-link{flex-direction:row;align-items:flex-end;gap:24px}.sw-deck-socials__row{gap:12px}.sw-deck-contact{width:auto;margin-left:auto}.sw-key.sw-deck-contact__key{width:auto;min-width:152px}}@media (min-width:1280px){.sw-deck{flex-direction:row;justify-content:space-between;align-items:stretch}.sw-deck-plate--link{align-items:flex-end;display:flex}.sw-deck-screen{flex:none;width:200px}.sw-deck-knobs{margin-left:0}.sw-deck-link{width:auto}}.sw-deck-social svg,.sw-deck-contact__glyph{transition:transform .18s var(--ease-out)}@media (hover:hover){.sw-deck-social:hover svg{transform:translateY(-1px)}.sw-deck-contact__key:hover .sw-deck-contact__glyph{transform:translate(1px,-1px)}}.sw-deck-social:active svg,.sw-deck-contact__key:active .sw-deck-contact__glyph{transform:none}.sw-deck-contact .sw-led[data-blink=true]{animation:sw-deck-breathe 2.6s var(--ease-in-out) infinite}@keyframes sw-deck-breathe{0%,to{opacity:1}50%{opacity:.28}}.sw-knob{--knob-box:76px;--cap:var(--sw-blue);--tick-on:var(--cap);--notch:color-mix(in oklab, var(--cap), #000 48%);width:var(--knob-box);height:var(--knob-box);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:none;position:relative}.sw-knob[data-color=white]{--tick-on:var(--sw-ink);--notch:#2a2a28}.sw-knob__scale{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sw-knob__scale line{stroke:var(--sw-ink-3);stroke-width:1px;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .14s var(--ease-out)}.sw-knob__scale line[data-on=true]{stroke:var(--tick-on)}.sw-knob__cap{background:var(--cap);box-shadow:inset 0 0 0 .5px #0000001a, inset 0 1px 0 #ffffff4d, 0 1.5px 0 color-mix(in oklab, var(--cap), #000 32%), 0 2px 3px #00000024, 0 9px 16px -5px #0000004d;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), filter .2s var(--ease-out);border-radius:999px;position:absolute;inset:14.4737%}.sw-knob__cap:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(85% 65% at 50% 6%,#ffffff57,#fff0 64%),radial-gradient(120% 80% at 50% 112%,#00000021,#0000 56%);position:absolute;inset:0}.sw-knob__rot{border-radius:inherit;position:absolute;inset:0}.sw-knob__notch{background:var(--notch);border-radius:1px;width:2px;height:42%;position:absolute;top:7%;left:calc(50% - 1px)}@media (hover:hover){.sw-knob:hover .sw-knob__cap{filter:brightness(1.04)}}.sw-knob[data-dragging=true] .sw-knob__cap{box-shadow:inset 0 0 0 .5px #0000001a, inset 0 1px 0 #ffffff4d, 0 1px 0 color-mix(in oklab, var(--cap), #000 32%), 0 1px 2px #00000029, 0 5px 10px -5px #0000004d;transform:scale(.975)}@media (max-width:639px){.sw-knob{--knob-box:max(52px, min(68px, calc((100vw - 92px) / 4)))}.sw-deck-socials__row>li{flex:0 52px;min-width:44px}.sw-deck-socials__row>li>span,.sw-key.sw-deck-social{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.sw-deck-contact .sw-led[data-blink=true]{animation:none}}.sw-knob[data-pointer-focus]:focus-visible{outline:none}.sw-deck-plate--link{padding:20px var(--plate-px)}@media (min-width:1280px){.sw-deck-plate--link{align-self:flex-end;align-items:center}}