@layer components{._disc_11zcp_2{--surface:var(--knob-white);--size:var(--knob-size,5.5rem);width:var(--size);height:var(--size);aspect-ratio:1;border-radius:var(--radius-full);background:linear-gradient(calc(90deg + atan2(var(--cast-y), var(--cast-x))), oklch(from var(--knob-white) calc(l - .05) c h), var(--knob-white) 50%, oklch(from var(--knob-white) calc(l + .04) c h));box-shadow:var(--shadow-pad), inset calc(var(--cast-x) * 2px) calc(var(--cast-y) * 2px) 1px 0 oklch(from var(--spec) l c h / .7), inset calc(var(--cast-x) * 4px) calc(var(--cast-y) * 4px) 3px 0 oklch(from var(--spec) l c h / .35), inset calc(var(--cast-x) * 24px) calc(var(--cast-y) * 24px) calc(var(--size) * .5) oklch(from var(--ao) l c h / .2), inset calc(var(--light-x) * 1.5px) calc(var(--light-y) * 1.5px) 2px oklch(from var(--spec) l c h / .4);padding:0}._label_11zcp_31{width:var(--knob-size,5.5rem);text-align:center;color:oklch(from var(--ink) l c h / .72)}._disc_11zcp_2:active{background:oklch(from var(--surface) calc(l - .04) c h)}._disc_11zcp_2:focus-visible{outline:2px solid var(--primary);outline-offset:2px}._well_1iov0_8{--well:var(--stick-well,var(--knob-size,5.5rem));--well-h:var(--stick-h,var(--key-h,calc(var(--well) * 47 / 88)));--lean:0;grid-template-columns:var(--stick-gap,2px) minmax(0, 1fr) var(--stick-gap,2px);width:var(--well);height:var(--well-h);padding-block:0;padding-inline:var(--stick-ridge,4px);cursor:pointer;touch-action:none;background:oklch(from var(--frame) calc(l - .08) c h);box-shadow:inset 0 calc(var(--cast-y) * 2px) 3px oklch(from var(--ao) l c h / .5), inset calc(var(--cast-x) * 1.5px) 0 2.5px oklch(from var(--ao) l c h / .42);grid-template-rows:minmax(0,1fr);align-content:stretch;align-items:stretch;font-size:0;line-height:0;display:grid;overflow:visible}._well_1iov0_8:after{content:"";height:1px;margin-inline:calc(var(--stick-ridge,4px) * -1);pointer-events:none;z-index:2;background:oklch(from var(--ao) l c h / .48);grid-area:1/1/auto/-1;place-self:start stretch}._label_1iov0_49{width:var(--stick-well,var(--knob-size,5.5rem));text-align:center;color:var(--key-white)}._gap_1iov0_55,._floor_1iov0_56{grid-row:1;align-self:stretch;min-width:0;min-height:0}._gap_1iov0_55:first-child{grid-column:1}._floor_1iov0_56{grid-column:2}._gap_1iov0_55:last-child{grid-column:3}._gap_1iov0_55{background:oklch(14% .01 40)}._floor_1iov0_56{z-index:1;background:linear-gradient(to right, oklch(from var(--enamel) calc(l - .16) c h) 0%, oklch(from var(--enamel) calc(l - .08) c h) 32%, oklch(from var(--enamel) calc(l - .12) c h) 58%, oklch(from var(--enamel) calc(l - .32) c h) 100%);box-shadow:inset calc(var(--cast-x) * 4px) calc(var(--cast-y) * 5px) 10px oklch(from var(--ao) l c h / .62), inset calc(var(--cast-x) * 2px) calc(var(--cast-y) * 2px) 4px oklch(from var(--ao) l c h / .4), inset calc(var(--light-x) * 6px) calc(var(--light-y) * 1px) 9px oklch(from var(--ao) l c h / .72), inset calc(var(--light-x) * 2px) 0 3px oklch(from var(--ao) l c h / .55);border-radius:0;overflow:visible}._nub_1iov0_101{--nub-r:calc(9 / var(--spec-n,477) * var(--art,477px));--cheek:32%;--cheek-under:36%;width:var(--stick-nub,auto);height:var(--stick-nub,100%);aspect-ratio:1;transform:translateX(calc(var(--lean) * var(--stick-lean,18px)))}._cheek_1iov0_111,._face_1iov0_112{grid-area:1/1;align-self:stretch;min-width:0;height:100%}._cheek_1iov0_111{background:oklch(from var(--enamel) calc(l - .2) c h)}._cheekLeft_1iov0_123{width:calc(max(0, var(--lean)) * var(--cheek-under));border-start-start-radius:var(--nub-r);border-end-start-radius:var(--nub-r);justify-self:start}._cheekRight_1iov0_130{width:calc(max(0, calc(var(--lean) * -1)) * var(--cheek-under));border-start-end-radius:var(--nub-r);border-end-end-radius:var(--nub-r);justify-self:end}._face_1iov0_112{--surface:var(--enamel);--disc-contact:10px;--disc-form:22px;--disc-ambient:36px;z-index:1;width:calc(100% - abs(var(--lean)) * var(--cheek));background:radial-gradient(circle at calc(50% + var(--light-x) * 28%) calc(50% + var(--light-y) * 28%), oklch(from var(--surface) calc(l + .1) c h), var(--surface) 55%, oklch(from var(--surface) calc(l - .08) c h));box-shadow:var(--shadow-disc);border-start-start-radius:calc((1 - max(0, var(--lean))) * var(--nub-r));border-start-end-radius:calc((1 - max(0, calc(var(--lean) * -1))) * var(--nub-r));border-end-end-radius:calc((1 - max(0, calc(var(--lean) * -1))) * var(--nub-r));border-end-start-radius:calc((1 - max(0, var(--lean))) * var(--nub-r));justify-self:start;margin-inline-start:calc(max(0, var(--lean)) * var(--cheek))}._well_1iov0_8:not(:active) ._nub_1iov0_101,._well_1iov0_8:not(:active) ._face_1iov0_112,._well_1iov0_8:not(:active) ._cheek_1iov0_111{transition:transform .12s ease-out,width .12s ease-out,margin-inline-start .12s ease-out,border-radius .12s ease-out}._well_1iov0_8:focus-visible{outline:2px solid var(--primary);outline-offset:2px}._root_slvv7_2{--fader-w:var(--knob-size);--seat:oklch(from var(--frame) calc(l - .14) c h);grid-template-rows:auto auto auto auto auto 1fr auto;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:stretch;gap:0;min-width:0;display:grid}._channel_slvv7_14,._master_slvv7_15{grid-template-rows:subgrid;grid-row:1/-1;align-content:start;justify-items:center;row-gap:0;display:grid}._channel_slvv7_14+._channel_slvv7_14{margin-inline-start:var(--mixer-gap)}._master_slvv7_15{grid-column:5;justify-items:end}._bracket_slvv7_33{--bracket-ink:oklch(from var(--key-white) l c h / .7);--bracket-inset-start:calc(var(--block-gutter) + var(--knob-size) / 2);--bracket-inset-end:calc(var(--stick-h) / 2);grid-area:3/4/6;margin-inline-end:var(--bracket-gap,0px)}._screen_slvv7_42{width:var(--screen-w);height:var(--screen-h);margin-top:var(--block-gutter);grid-row:1/span 2;place-self:start end}._phones_slvv7_51{align-self:end}._root_jb3xp_2{cursor:pointer;position:relative}._input_jb3xp_7{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._track_jb3xp_19{--h:var(--switch-h,.95rem);--w:var(--switch-w,calc(var(--h) * 2));--mark:calc(var(--h) * .58);width:var(--w);height:var(--h);border-radius:var(--radius-full);background:oklch(from var(--enamel) calc(l - .03) c h);box-shadow:inset calc(var(--cast-x) * 3px) calc(var(--cast-y) * 3px) 6px oklch(from var(--ao) l c h / .52), inset calc(var(--cast-x) * 8px) calc(var(--cast-y) * 8px) 9px oklch(from var(--enamel) calc(l - .22) c h / .36), inset calc(var(--light-x) * 1.5px) calc(var(--light-y) * 1.5px) 2.5px oklch(from var(--enamel) calc(l + .1) c h / .35);grid-template-columns:1fr 1fr;align-items:center;display:grid;overflow:visible}._input_jb3xp_7:focus-visible+._track_jb3xp_19{outline:2px solid var(--primary);outline-offset:2px}._well_jb3xp_45{border-radius:inherit;pointer-events:none;grid-area:1/1/auto/-1;grid-template-rows:1fr;grid-template-columns:1fr 1fr;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}._well_jb3xp_45:before{content:"";opacity:.34;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:90px 90px;grid-area:1/1/auto/-1;position:absolute;inset:0}._mark_jb3xp_73{width:var(--mark);height:var(--mark);color:oklch(from var(--enamel) calc(l + .11) c h);opacity:.48;filter:drop-shadow(0 .4px 0 oklch(from var(--enamel) calc(l + .16) c h / .55));display:grid}._mark_jb3xp_73 svg{width:100%;height:100%;display:block}._sun_jb3xp_90{grid-area:1/1}._moon_jb3xp_95{grid-area:1/2}._thumb_jb3xp_100{--surface:var(--enamel);z-index:1;width:calc(var(--h) - 1px);height:calc(var(--h) - 1px);border-radius:var(--radius-full);background:var(--enamel);box-shadow:var(--shadow-disc);grid-area:1/1/auto/-1;place-self:center start;margin:.5px;transition:transform .16s}._input_jb3xp_7:checked+._track_jb3xp_19 ._thumb_jb3xp_100,._theme_jb3xp_120 ._thumb_jb3xp_100{transform:translateX(calc(var(--w) - var(--h)))}._theme_jb3xp_120:has(._input_jb3xp_7:checked) ._thumb_jb3xp_100{transform:none}._input_jb3xp_7:active+._track_jb3xp_19 ._thumb_jb3xp_100{--disc-contact:4px;--disc-form:10px;--disc-ambient:16px}}@property --lean{syntax:"<number>";inherits:true;initial-value:0}