.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%}.sw-key.sw-deck-contact__key{isolation:isolate;overflow:hidden}.sw-key.sw-deck-contact__key:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff1f 30%,#ffffff80 50%,#ffffff1f 70%,#fff0 100%);width:38%;animation:12s cubic-bezier(.4,0,.25,1) 3s infinite sw-key-glint;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-140%)skew(-22deg)}@keyframes sw-key-glint{0%{transform:translate(-140%)skew(-22deg)}12%,to{transform:translate(380%)skew(-22deg)}}@media (prefers-reduced-motion:reduce){.sw-key.sw-deck-contact__key:after{animation:none;display:none}}@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}}.sw-screen-ui{transition:opacity .15s var(--ease-out);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:13px 6px auto}.sw-screen-ui.is-hidden{opacity:0;pointer-events:none}.sw-screen-modes{gap:2px;display:flex}.sw-screen-btn{font-family:var(--font-mono);letter-spacing:.1em;color:#ecece852;cursor:pointer;border-radius:2px;padding:2px 4px;font-size:8px;line-height:10px;transition:color .15s,background .15s}.sw-screen-btn:hover{color:#ecece8b3}.sw-screen-btn.is-on{color:#ecece8}.sw-screen-modes .sw-screen-btn.is-on{background:#ecece81f}.sw-screen-btn:focus-visible{outline:1px solid var(--sw-orange);outline-offset:0}.sw-deck-display{align-items:center;gap:10px;display:flex}.sw-deck-display>.sw-deck-screen{flex:auto;min-width:0}@media (min-width:640px){.sw-deck-display{flex:290px;min-width:290px}.sw-deck-display>.sw-deck-screen{min-width:190px}}.sw-soundgrid{--mk:42px;grid-template-columns:repeat(2, var(--mk));grid-auto-rows:var(--mk);flex:none;gap:6px;display:grid}@media (min-width:640px){.sw-soundgrid{--mk:40px}}.sw-mkey{--skirt:color-mix(in oklab, var(--sw-cap-2), #000 14%);--skirt-edge:color-mix(in oklab, var(--sw-cap-2), #000 40%);--face-1:color-mix(in oklab, var(--sw-cap), #fff 22%);--face-2:var(--sw-cap);--travel:0px;background:linear-gradient(180deg, var(--skirt), color-mix(in oklab, var(--skirt), #000 10%));box-shadow:inset 0 0 0 1px var(--sw-line), 0 calc(3px - var(--travel)) 0 var(--skirt-edge), 0 calc(5px - var(--travel)) calc(9px - var(--travel) * 2) -3px #00000059;transform:translateY(var(--travel));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline-offset:3px;border-radius:9px;transition:transform .26s cubic-bezier(.34,1.9,.5,1),box-shadow .26s cubic-bezier(.34,1.9,.5,1);position:relative}[data-theme=field] .sw-mkey{--skirt:color-mix(in oklab, var(--sw-cap-2), #000 30%);--skirt-edge:#000;--face-1:color-mix(in oklab, var(--sw-cap), #fff 9%)}.sw-mkey:before{content:"";background:linear-gradient(180deg, var(--face-1), var(--face-2));box-shadow:inset 0 1px 0 var(--sw-hi), inset 0 -3px 5px -2px #0000001f, 0 1px 2px #0000002e;transition:inset .12s var(--ease-out);border-radius:6px;position:absolute;inset:3px 4px 6px}.sw-mkey:hover:before{background:linear-gradient(180deg, color-mix(in oklab, var(--face-1), #fff 12%), var(--face-2))}.sw-mkey:active{--travel:3px;transition-duration:45ms;transition-timing-function:ease-out}.sw-mkey:active:before{inset:3px 4px 4px}.sw-mkey[data-latched=true]{--travel:1.5px}.sw-mkey[data-latched=true]:before{inset:3px 4px 5px}.sw-mkey__legend{font-family:var(--font-mono);letter-spacing:.04em;color:var(--sw-ink);pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:3px 4px 6px}.sw-mkey--small .sw-mkey__legend{letter-spacing:.08em;font-size:7.5px}.sw-mkey__led{z-index:1;background:color-mix(in oklab, var(--sw-orange), var(--sw-ink) 55%);opacity:.3;border-radius:999px;width:4px;height:4px;transition:opacity .12s,box-shadow .12s,background .12s;position:absolute;top:6px;left:7px}.sw-mkey[data-latched=true] .sw-mkey__led{background:var(--sw-orange);opacity:1;box-shadow:0 0 6px 1px color-mix(in oklab, var(--sw-orange), transparent 35%)}.sw-deck-plate--ctrl{transition:opacity .7s var(--ease-out), translate .7s var(--ease-out)}[data-idle-seen] .sw-deck-plate--ctrl{animation:none}[data-idle=true] .sw-deck-plate--ctrl{opacity:0;pointer-events:none;translate:0 14px}.sw-deck-close{z-index:2;width:26px;height:26px;color:var(--sw-ink-2);background:linear-gradient(180deg, color-mix(in oklab, var(--sw-panel), #000 7%), color-mix(in oklab, var(--sw-panel), #fff 8%));box-shadow:inset 0 1px 2.5px #0000003d, inset 0 0 0 1px var(--sw-line), 0 1px 0 var(--sw-hi);cursor:pointer;transition:color .16s, box-shadow .12s var(--ease-out), transform .12s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:999px;place-items:center;display:grid;position:absolute;top:6px;left:6px}.sw-deck-close:before{content:"";border-radius:999px;position:absolute;inset:-8px}.sw-deck-close:hover{color:var(--sw-ink)}.sw-deck-close:active{box-shadow:inset 0 2px 4px #00000052, inset 0 0 0 1px var(--sw-line), 0 1px 0 var(--sw-hi);transform:scale(.95)}.sw-deck-plate--ctrl>.sw-screw:first-child{display:none}.sw-deck-plate--ctrl .sw-deck-silk{left:42px}.sw-deck-plate--ctrl.is-hidden{display:none}@keyframes sw-engine-in{0%{opacity:0;translate:0 8px}}[data-engine-seen] .sw-deck-plate--ctrl{animation:sw-engine-in .24s var(--ease-out) backwards}.sw-deck-reshow{animation:sw-engine-in .2s var(--ease-out) backwards;justify-content:center;display:flex}@media (min-width:1280px){.sw-deck-reshow{flex:1;justify-content:flex-start;align-self:flex-end}.sw-deck-plate--ctrl{align-self:flex-end;margin-top:-260px}}[data-engine-seen] .sw-deck-plate--ctrl .sw-enter{animation:none}