.piano-keys_slice__FIiwy{--ease:cubic-bezier(0.16,1,0.3,1);--label:#2c1f12;--note:#5e4428;--lit:#763d0a;--gap:3px;position:relative;display:flex;isolation:isolate}.piano-keys_bed__w7dWh{position:relative;display:flex;min-width:0}.piano-keys_keys__Xlh2F{position:relative;display:flex;gap:var(--gap);background:#050506}.piano-keys_white__jWb4F{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--label);-webkit-tap-highlight-color:transparent;transition:transform .45s var(--ease)}.piano-keys_shade__y29bu{position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity .45s var(--ease)}.piano-keys_white__jWb4F:hover .piano-keys_shade__y29bu{opacity:.5}.piano-keys_white__jWb4F:before{content:"";position:absolute;pointer-events:none}.piano-keys_sheen__d1sn5{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.piano-keys_sheen__d1sn5:after{content:"";position:absolute;opacity:0;transition:opacity .35s var(--ease)}.piano-keys_label__aj2E2,.piano-keys_note__dEN23{position:relative;font-family:var(--font-serif),Georgia,serif;font-weight:600;white-space:nowrap;transition:color .6s var(--ease)}.piano-keys_note__dEN23{color:var(--note);line-height:1;letter-spacing:.02em}.piano-keys_label__aj2E2{line-height:1.05;letter-spacing:.005em}.piano-keys_current__01yEm .piano-keys_label__aj2E2,.piano-keys_current__01yEm .piano-keys_note__dEN23{color:var(--lit)}.piano-keys_white__jWb4F:focus-visible{outline:2px solid #c9a16a;outline-offset:-5px}.piano-keys_black__sX8dd{position:absolute;z-index:3;cursor:pointer;background:#0c0c0e;transition:transform .35s var(--ease)}.piano-keys_black__sX8dd:after,.piano-keys_black__sX8dd:before{content:"";position:absolute;pointer-events:none}.piano-keys_black__sX8dd:after{opacity:.6;transition:opacity .35s var(--ease)}.piano-keys_black__sX8dd:hover:after{opacity:1}.piano-keys_light__2Oq0O{position:absolute;top:0;left:0;pointer-events:none;will-change:transform,opacity}.piano-keys_activeLight__4ihkl,.piano-keys_hoverLight__AJDyW{z-index:2;mix-blend-mode:multiply}.piano-keys_halo__Tl62K{position:absolute;z-index:5;top:0;left:0;pointer-events:none;mix-blend-mode:screen}.piano-keys_halo__Tl62K:before{content:"";position:absolute}.piano-keys_bar__IPp1A .piano-keys_halo__Tl62K{bottom:0;width:var(--kw);will-change:transform,opacity}.piano-keys_bar__IPp1A .piano-keys_halo__Tl62K:before{inset:0 -55%;background:radial-gradient(42% 26% at 50% 12%,rgb(243 196 128/.42),transparent 75%),radial-gradient(40% 16% at 50% 94%,rgb(243 196 128/.5),transparent 75%)}.piano-keys_stack__ZkP84 .piano-keys_halo__Tl62K{right:0;height:var(--kh);will-change:transform,opacity}.piano-keys_stack__ZkP84 .piano-keys_halo__Tl62K:before{inset:-55% 0;background:radial-gradient(10% 42% at 3% 50%,rgb(243 196 128/.5),transparent 75%),radial-gradient(10% 40% at 98% 50%,rgb(243 196 128/.35),transparent 75%)}.piano-keys_cheekBlock__R2kfe,.piano-keys_endBlock__RKZod,.piano-keys_fallboard__iybNZ,.piano-keys_keyslip__PwUbV{position:relative;flex:0 0 auto;pointer-events:none}.piano-keys_bar__IPp1A{--kw:clamp(76px,calc((min(100vw, 1440px) - 466px) / 7 - 3px),140px);--kh:84px;--bw:calc(var(--kw) * 0.58);height:114px}.piano-keys_bar__IPp1A .piano-keys_endBlock__RKZod{width:12px;background:linear-gradient(90deg,#000,#16161a 55%,#050506);box-shadow:inset 1px 0 0 rgb(243 214 174/.42),inset -1px 0 0 #000}.piano-keys_bar__IPp1A .piano-keys_bed__w7dWh{flex-direction:column}.piano-keys_bar__IPp1A .piano-keys_fallboard__iybNZ{z-index:4;height:20px;background:linear-gradient(90deg,transparent 8%,rgb(243 214 174/.09) 26%,transparent 42%,transparent 58%,rgb(243 214 174/.07) 76%,transparent 92%),linear-gradient(180deg,#0b0b0d,#17171b 52%,#2b2b31 80%,#070708);box-shadow:inset 0 -1px 0 rgb(243 214 174/.45),0 5px 9px rgb(0 0 0/.6)}.piano-keys_bar__IPp1A .piano-keys_keys__Xlh2F{height:var(--kh);padding:0 var(--gap);overflow:hidden}.piano-keys_bar__IPp1A .piano-keys_keyslip__PwUbV{height:10px;background:linear-gradient(180deg,#202025,#070708 55%,#0d0d0f);box-shadow:inset 0 1px 0 rgb(243 214 174/.3),inset 0 -1px 0 rgb(213 174 136/.14)}.piano-keys_bar__IPp1A .piano-keys_white__jWb4F{flex:0 0 var(--kw);justify-content:flex-end;padding-bottom:13px;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#d9cfbb,#efe8da 11%,#f9f5ec 42%,#f5efe4 80%,#ebe3d3);box-shadow:inset 1px 0 0 rgb(255 255 255/.6),inset -1px 0 0 rgb(110 90 60/.3)}.piano-keys_bar__IPp1A .piano-keys_shade__y29bu{box-shadow:inset 0 10px 9px -8px rgb(0 0 0/.55)}.piano-keys_bar__IPp1A .piano-keys_white__jWb4F:before{left:0;right:0;bottom:0;height:7px;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#fbf7ee,#e9ddc6 40%,#cbbb9b);box-shadow:0 -1px 0 rgb(120 100 70/.2)}.piano-keys_bar__IPp1A .piano-keys_sheen__d1sn5:after{left:0;right:0;top:0;height:45%;background:linear-gradient(180deg,transparent,rgb(255 255 255/.55),transparent);transform:translateY(-110%)}.piano-keys_bar__IPp1A .piano-keys_note__dEN23{font-size:15px;margin-bottom:4px}.piano-keys_bar__IPp1A .piano-keys_label__aj2E2{font-size:clamp(14.5px,1.2vw,17px)}.piano-keys_bar__IPp1A .piano-keys_white__jWb4F:hover{transform:translateY(1.5px)}.piano-keys_bar__IPp1A .piano-keys_white__jWb4F:hover .piano-keys_sheen__d1sn5:after{opacity:1;transform:translateY(240%);transition:transform 1s var(--ease),opacity .25s var(--ease)}.piano-keys_bar__IPp1A .piano-keys_current__01yEm{transform:translateY(1px)}.piano-keys_bar__IPp1A .piano-keys_black__sX8dd{top:0;left:calc(var(--gap) + var(--after) * (var(--kw) + var(--gap)) - var(--gap) / 2 - var(--bw) / 2 + var(--shift) * var(--bw));width:var(--bw);height:calc(var(--kh) * .52);border-radius:0 0 3px 3px;background:linear-gradient(180deg,#030304,#111114 26%,#1d1d21 68%,#2e2e34 84%,#0c0c0e 86%,#18181b);box-shadow:1px 3px 4px rgb(0 0 0/.5),3px 7px 12px rgb(0 0 0/.26),inset 1.5px 0 0 rgb(255 255 255/.08),inset -1.5px 0 0 rgb(0 0 0/.75),inset 0 -1px 0 rgb(213 174 136/.24)}.piano-keys_bar__IPp1A .piano-keys_black__sX8dd:before{inset:0 3px 8px;border-radius:0 0 2.5px 2.5px;background:linear-gradient(180deg,#0a0a0c,#1c1c20 60%,#26262b);box-shadow:inset 1px 0 0 rgb(255 255 255/.09),inset -1px 0 0 rgb(255 255 255/.04),inset 0 -1px 0 rgb(255 255 255/.12),0 1px 0 rgb(0 0 0/.8)}.piano-keys_bar__IPp1A .piano-keys_black__sX8dd:after{top:3px;bottom:10px;left:22%;width:26%;background:linear-gradient(90deg,transparent,rgb(255 240 220/.12) 50%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}.piano-keys_bar__IPp1A .piano-keys_black__sX8dd:hover{transform:translateY(1px)}.piano-keys_bar__IPp1A .piano-keys_light__2Oq0O{width:var(--kw);height:var(--kh);border-radius:0 0 4px 4px}.piano-keys_bar__IPp1A .piano-keys_activeLight__4ihkl{background:radial-gradient(125% 85% at 50% 112%,#efae5e 0,#f6c98c 30%,#fbe5c3 62%,#fff 94%)}.piano-keys_bar__IPp1A .piano-keys_hoverLight__AJDyW{background:radial-gradient(120% 80% at 50% 112%,#f8d6a6 0,#fbe9cf 45%,#fff 85%)}.piano-keys_bar__IPp1A .piano-keys_cheek___4sbR{flex:0 0 176px;width:176px;height:114px;display:block}.piano-keys_stack__ZkP84{--kh:clamp(58px,8.4svh,78px);--bh:calc(var(--kh) * 0.56);flex-direction:column;width:100%}.piano-keys_stack__ZkP84 .piano-keys_endBlock__RKZod{height:12px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#1b1b1f,#050506);box-shadow:inset 0 1px 0 rgb(243 214 174/.42)}.piano-keys_stack__ZkP84 .piano-keys_bed__w7dWh{flex-direction:row}.piano-keys_stack__ZkP84 .piano-keys_keyslip__PwUbV{order:0;width:9px;background:linear-gradient(90deg,#0d0d0f,#070708 45%,#202025);box-shadow:inset 1px 0 0 rgb(213 174 136/.16)}.piano-keys_stack__ZkP84 .piano-keys_keys__Xlh2F{order:1;flex:1;flex-direction:column;padding:var(--gap) 0}.piano-keys_stack__ZkP84 .piano-keys_fallboard__iybNZ{order:2;z-index:4;width:18px;background:linear-gradient(180deg,transparent 10%,rgb(243 214 174/.09) 30%,transparent 48%),linear-gradient(270deg,#0b0b0d,#17171b 52%,#2b2b31 80%,#070708);box-shadow:inset 1px 0 0 rgb(243 214 174/.45),-5px 0 9px rgb(0 0 0/.6)}.piano-keys_stack__ZkP84 .piano-keys_white__jWb4F{height:var(--kh);padding:0 32% 0 18px;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#ebe3d3,#f5efe4 20%,#f9f5ec 58%,#efe8da 89%,#d9cfbb);box-shadow:inset 0 1px 0 rgb(255 255 255/.6),inset 0 -1px 0 rgb(110 90 60/.3);animation:piano-keys_key-in__Jxo3_ .9s var(--ease) backwards;animation-delay:calc(var(--i) * 60ms + .12s)}.piano-keys_stack__ZkP84 .piano-keys_shade__y29bu{box-shadow:inset -10px 0 9px -8px rgb(0 0 0/.55)}.piano-keys_stack__ZkP84 .piano-keys_white__jWb4F:before{top:0;bottom:0;left:0;width:7px;border-radius:4px 0 0 4px;background:linear-gradient(270deg,#fbf7ee,#e9ddc6 40%,#cbbb9b)}.piano-keys_stack__ZkP84 .piano-keys_sheen__d1sn5:after{top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgb(255 255 255/.55),transparent);transform:translateX(-110%)}.piano-keys_stack__ZkP84 .piano-keys_white__jWb4F:hover .piano-keys_sheen__d1sn5:after{opacity:1;transform:translateX(260%);transition:transform 1s var(--ease),opacity .25s var(--ease)}.piano-keys_stack__ZkP84 .piano-keys_note__dEN23{font-size:14px;margin-bottom:5px}.piano-keys_stack__ZkP84 .piano-keys_label__aj2E2{font-size:clamp(23px,3.3svh,30px);font-weight:400}.piano-keys_stack__ZkP84 .piano-keys_current__01yEm{transform:translateX(1.5px)}.piano-keys_stack__ZkP84 .piano-keys_black__sX8dd{right:0;top:calc(var(--gap) + var(--after) * (var(--kh) + var(--gap)) - var(--gap) / 2 - var(--bh) / 2 + var(--shift) * var(--bh));width:34%;height:var(--bh);border-radius:3px 0 0 3px;background:linear-gradient(270deg,#030304,#111114 26%,#1d1d21 68%,#2e2e34 84%,#0c0c0e 86%,#18181b);box-shadow:-3px 1px 4px rgb(0 0 0/.5),-7px 3px 12px rgb(0 0 0/.26),inset 0 1.5px 0 rgb(255 255 255/.08),inset 0 -1.5px 0 rgb(0 0 0/.75),inset 1px 0 0 rgb(213 174 136/.24);animation:piano-keys_key-in__Jxo3_ .9s var(--ease) backwards;animation-delay:calc(var(--i) * 60ms + .16s)}.piano-keys_stack__ZkP84 .piano-keys_black__sX8dd:before{inset:3px 0 3px 8px;border-radius:2.5px 0 0 2.5px;background:linear-gradient(270deg,#0a0a0c,#1c1c20 60%,#26262b);box-shadow:inset 0 1px 0 rgb(255 255 255/.09),inset 0 -1px 0 rgb(255 255 255/.04),inset 1px 0 0 rgb(255 255 255/.12),-1px 0 0 rgb(0 0 0/.8)}.piano-keys_stack__ZkP84 .piano-keys_black__sX8dd:after{left:11px;right:3px;top:22%;height:26%;background:linear-gradient(180deg,transparent,rgb(255 240 220/.12) 50%,transparent);-webkit-mask-image:linear-gradient(270deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(270deg,transparent,#000 30%,#000 70%,transparent)}.piano-keys_stack__ZkP84 .piano-keys_light__2Oq0O{width:calc(100% - 0px);height:var(--kh);border-radius:4px 0 0 4px}.piano-keys_stack__ZkP84 .piano-keys_activeLight__4ihkl{background:radial-gradient(85% 125% at -12% 50%,#efae5e 0,#f6c98c 30%,#fbe5c3 62%,#fff 94%)}.piano-keys_stack__ZkP84 .piano-keys_hoverLight__AJDyW{background:radial-gradient(80% 120% at -12% 50%,#f8d6a6 0,#fbe9cf 45%,#fff 85%)}.piano-keys_stack__ZkP84 .piano-keys_cheekBlock__R2kfe{height:52px;border-radius:0 0 46px 6px;background:radial-gradient(70% 90% at 82% 20%,rgb(243 214 174/.26),transparent 65%),linear-gradient(90deg,#030304,#141417 45%,#0a0a0c 75%,#030304);box-shadow:inset -2px -2px 3px -1px rgb(243 214 174/.5),inset -1px -1px 0 rgb(243 214 174/.4),inset 0 8px 9px -8px #000}@keyframes piano-keys_key-in__Jxo3_{0%{opacity:0;transform:translateX(-26px)}}@keyframes piano-keys_key-rise__ZMoEc{0%{opacity:0;transform:translateY(20px)}}.piano-keys_bar__IPp1A .piano-keys_black__sX8dd,.piano-keys_bar__IPp1A .piano-keys_white__jWb4F{animation:piano-keys_key-rise__ZMoEc .95s var(--ease) backwards;animation-delay:calc(var(--i) * 75ms + .22s)}@media (prefers-reduced-motion:reduce){.piano-keys_black__sX8dd,.piano-keys_white__jWb4F{transition:none}.piano-keys_bar__IPp1A .piano-keys_black__sX8dd:hover,.piano-keys_bar__IPp1A .piano-keys_current__01yEm,.piano-keys_bar__IPp1A .piano-keys_white__jWb4F:hover,.piano-keys_stack__ZkP84 .piano-keys_current__01yEm,.piano-keys_stack__ZkP84 .piano-keys_white__jWb4F:hover{transform:none}.piano-keys_sheen__d1sn5{display:none}.piano-keys_bar__IPp1A .piano-keys_black__sX8dd,.piano-keys_bar__IPp1A .piano-keys_white__jWb4F,.piano-keys_stack__ZkP84 .piano-keys_black__sX8dd,.piano-keys_stack__ZkP84 .piano-keys_white__jWb4F{animation-name:piano-keys_key-fade__MM8Ff}}@keyframes piano-keys_key-fade__MM8Ff{0%{opacity:0}}