.kb[data-v-9d316406]{container-type:inline-size;width:100%}.kb__case[data-v-9d316406]{background:linear-gradient(180deg,#2a2b30,#151619);border-radius:2.6cqw;box-shadow:inset 0 1px #ffffff24,0 3cqw 8cqw -2cqw #000c;padding:3.4cqw;position:relative}.kb__plate[data-v-9d316406]{aspect-ratio:16/6.25;background:#0b0c0e;border-radius:1.2cqw;box-shadow:inset 0 .3cqw .8cqw #000c;position:relative}.kb__leds[data-v-9d316406]{inset:0;position:absolute}.kb--spectrum .kb__leds[data-v-9d316406]{animation:led-spectrum var(--spectrum-duration,6s) linear infinite;will-change:filter}.led[data-v-9d316406]{background:rgb(var(--led)/.9);border-radius:1cqw;box-shadow:0 0 2.2cqw .5cqw rgb(var(--led)/.75);opacity:var(--led-strength,.85);position:absolute;transform:scale(.86);transition:opacity .9s var(--ease-out-quint),background-color .5s ease,box-shadow .5s ease}.kb--spectrum .led[data-v-9d316406]{filter:hue-rotate(var(--led-hue,0deg))}.kb--breathing .led[data-v-9d316406],.kb--wave .led[data-v-9d316406]{animation:var(--led-animation);animation-delay:var(--led-delay,0s)}.kb--reactive .led[data-v-9d316406]{opacity:0}.kb--reactive .led--lit[data-v-9d316406]{opacity:1;transition-duration:.05s}.led--lit[data-v-9d316406]{transform:scale(.96);transition-duration:.05s}.led--hl[data-v-9d316406],.led--hover[data-v-9d316406],.led--lit[data-v-9d316406]{opacity:1!important}.kb--dark .led[data-v-9d316406],.led--hl[data-v-9d316406]{animation:none!important}.kb--dark .led[data-v-9d316406]{opacity:0!important}.cap[data-v-9d316406]{border-radius:.8cqw;cursor:default;display:block;padding:.28cqw;position:absolute;-webkit-tap-highlight-color:transparent}.cap--interactive[data-v-9d316406]{cursor:pointer}.cap__face[data-v-9d316406]{align-items:center;background:linear-gradient(180deg,#2e2f35f0,#212227f5);border-radius:.7cqw;box-shadow:inset 0 .08cqw #ffffff14,0 .35cqw #121316eb;color:#e8e8ec;display:flex;flex-direction:column;height:100%;justify-content:center;line-height:1;position:relative;transition:transform .12s var(--ease-out-quint),background .2s ease,box-shadow .2s ease}.cap__face[data-v-9d316406]:after{background:radial-gradient(130% 95% at 50% 115%,rgb(var(--led)/.42),transparent 62%);border-radius:inherit;content:"";inset:0;opacity:var(--led-strength,.85);pointer-events:none;position:absolute;transition:opacity .9s var(--ease-out-quint)}.cap__label[data-v-9d316406],.cap__shift[data-v-9d316406]{position:relative;text-shadow:0 0 .7cqw rgb(var(--led)/.55)}.kb--breathing .cap__face[data-v-9d316406]:after,.kb--wave .cap__face[data-v-9d316406]:after{animation:var(--led-animation);animation-delay:var(--led-delay,0s)}.kb--reactive .cap__face[data-v-9d316406]:after,.kb--spectrum .cap__face[data-v-9d316406]:after{opacity:0}.cap--hl .cap__face[data-v-9d316406]:after,.cap--lit .cap__face[data-v-9d316406]:after{animation:none;opacity:1;transition-duration:.05s}.kb--dark .cap__label[data-v-9d316406],.kb--dark .cap__shift[data-v-9d316406],.kb--reactive .cap__label[data-v-9d316406],.kb--reactive .cap__shift[data-v-9d316406],.kb--spectrum .cap__label[data-v-9d316406],.kb--spectrum .cap__shift[data-v-9d316406]{text-shadow:none}.kb--dark .cap__face[data-v-9d316406]:after{animation:none;opacity:0}.cap--interactive:hover .cap__face[data-v-9d316406]{background:linear-gradient(180deg,#3a3b42f2,#26272df5)}.cap--down .cap__face[data-v-9d316406],.cap--interactive:active .cap__face[data-v-9d316406]{box-shadow:inset 0 .08cqw #ffffff0f,0 .1cqw #121316eb;transform:translateY(.25cqw)}.cap--selected .cap__face[data-v-9d316406]{box-shadow:0 0 0 .18cqw #ffffffe6,0 0 1.6cqw rgb(var(--rgb-primary)/.8),0 .35cqw #121316eb}.cap--hl .cap__face[data-v-9d316406]{box-shadow:0 0 0 .16cqw rgb(var(--rgb-primary)/.95),0 .35cqw #121316eb}.cap__label[data-v-9d316406]{font-size:1.35cqw;font-weight:500;letter-spacing:-.01em}.cap__label--word[data-v-9d316406]{font-size:.95cqw}.cap__shift[data-v-9d316406]{font-size:.85cqw;margin-bottom:.15cqw;opacity:.55}.cap[data-v-9d316406]:focus-visible{outline:none}.cap:focus-visible .cap__face[data-v-9d316406]{box-shadow:0 0 0 .2cqw rgb(var(--rgb-primary)),0 .35cqw #121316eb}@container (max-width: 520px){.cap__shift[data-v-9d316406]{display:none}.cap__label--word[data-v-9d316406]{font-size:1.1cqw}}.kb__screen[data-v-9d316406]{background:#000;border-radius:.7cqw;box-shadow:inset 0 0 0 .12cqw #ffffff14;overflow:hidden;padding:.25cqw;position:absolute}.screen__off[data-v-9d316406]{display:block;height:100%}.screen__clock[data-v-9d316406]{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:var(--font-sans);gap:.2cqw;height:100%;justify-content:center}.screen__bar[data-v-9d316406]{display:flex;font-size:.55cqw;justify-content:space-between;opacity:.7;padding:0 .3cqw;width:100%}.screen__time[data-v-9d316406]{color:rgb(var(--rgb-primary));font-size:1.55cqw;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.03em}.screen__date[data-v-9d316406]{font-size:.6cqw;opacity:.7}.screen__img[data-v-9d316406]{border-radius:.4cqw;display:block;height:100%;image-rendering:pixelated;-o-object-fit:contain;object-fit:contain;width:100%}.screen__img--cover[data-v-9d316406]{image-rendering:auto;-o-object-fit:cover;object-fit:cover}.screen-enter-active[data-v-9d316406],.screen-leave-active[data-v-9d316406]{transition:opacity .35s ease,transform .35s var(--ease-out-quint)}.screen-enter-from[data-v-9d316406],.screen-leave-to[data-v-9d316406]{opacity:0;transform:scale(.94)}.kb__knob[data-v-9d316406]{aspect-ratio:1;background:conic-gradient(from 0deg,#9a9ca3,#5c5e66,#c4c6cc,#55575e,#9a9ca3);box-shadow:0 .6cqw 1.2cqw #0009;transform:rotate(var(--angle,0deg));transition:transform .35s var(--ease-spring)}.kb__knob[data-v-9d316406],.knob__face[data-v-9d316406]{border-radius:999px;position:absolute}.knob__face[data-v-9d316406]{background:radial-gradient(circle at 30% 25%,#3a3b40,#202125);inset:13%}.knob__face[data-v-9d316406]:after{background:#ffffffd9;border-radius:99px;content:"";height:22%;left:50%;position:absolute;top:12%;translate:-50% 0;width:6%}.kb__tip[data-v-9d316406]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0cd9;border-radius:.8cqw;box-shadow:0 0 0 1px #ffffff1f;color:#fff;font-size:max(11px,1.05cqw);font-weight:500;padding:.5cqw .9cqw;pointer-events:none;position:absolute;translate:-50% calc(-100% - .8cqw);white-space:nowrap;z-index:5}.hero-gradient[data-v-0410a4e2]{animation:hero-shine-0410a4e2 9s linear infinite;background-image:linear-gradient(100deg,rgb(var(--hero-a)) 0,#22d3ee 45%,#ec4899 80%,rgb(var(--hero-a)));background-size:220% 100%}[data-theme=light]{background-image:linear-gradient(100deg,rgb(var(--hero-a)) 0,#0891b2 45%,#db2777 80%,rgb(var(--hero-a)))}@keyframes hero-shine-0410a4e2{to{background-position:-220% 0}}.hero-keyboard[data-v-0410a4e2]{transform:perspective(2200px) rotateX(calc(8deg + var(--py, 0)*-4deg)) rotateY(calc(var(--px, 0)*4deg));transition:transform .6s var(--ease-out-quint);will-change:transform}.callout[data-v-0410a4e2]{transition:translate .6s var(--ease-out-quint);translate:calc(var(--px, 0)*var(--depth)*-14px) calc(var(--py, 0)*var(--depth)*-10px)}.callout--float[data-v-0410a4e2]{animation:callout-float-0410a4e2 6s ease-in-out infinite}@keyframes callout-float-0410a4e2{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cap-enter-active[data-v-0410a4e2]{transition:transform .25s var(--ease-spring),opacity .25s ease}.cap-enter-from[data-v-0410a4e2]{opacity:0;transform:translateY(8px) scale(.8)}.cap-leave-active[data-v-0410a4e2]{opacity:0;position:absolute;transition:opacity .15s ease}.cap-move[data-v-0410a4e2]{transition:transform .25s var(--ease-out-quint)}@media(hover:none),(prefers-reduced-motion:reduce){.hero-keyboard[data-v-0410a4e2]{transform:perspective(2200px) rotateX(6deg)}.callout[data-v-0410a4e2]{translate:none}}@media(prefers-reduced-motion:reduce){.hero-gradient[data-v-0410a4e2]{animation:none;background-position:0 0}}.app-range[data-v-1158ed1a]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:999px;box-shadow:0 1px 4px #00000080,0 0 0 .5px #0003;height:16px;width:16px}.app-range[data-v-1158ed1a]::-moz-range-thumb{background:#fff;border:0;border-radius:999px;box-shadow:0 1px 4px #00000080;height:16px;width:16px}.app-range[data-v-1158ed1a]:focus-visible{outline:none}.app-range[data-v-1158ed1a]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px rgb(var(--rgb-primary)/.6)}.page-enter-active[data-v-cb450d4b],.page-leave-active[data-v-cb450d4b]{transition:opacity .22s ease,transform .22s var(--ease-out-quint)}.page-enter-from[data-v-cb450d4b]{opacity:0;transform:translateY(6px)}.page-leave-to[data-v-cb450d4b]{opacity:0}.copy-enter-active[data-v-ffbffc7c],.copy-leave-active[data-v-ffbffc7c]{transition:opacity .25s ease,transform .25s var(--ease-out-quint)}.copy-enter-from[data-v-ffbffc7c]{opacity:0;transform:translateY(6px)}.copy-leave-to[data-v-ffbffc7c]{opacity:0}.mini-key[data-v-5bba3203]{animation:mini-wave-5bba3203 2.4s ease-in-out infinite;opacity:.18}@keyframes mini-wave-5bba3203{0%,to{opacity:.16;transform:scale(.9)}45%{opacity:1;transform:scale(1)}}.cap-demo[data-v-5bba3203]{animation:cap-tap-5bba3203 2.8s ease-in-out infinite}@keyframes cap-tap-5bba3203{0%,82%,to{transform:translateY(0)}88%{box-shadow:inset 0 1px #ffffff1a,0 0 #0b0b0d,0 0 14px rgb(var(--rgb-primary)/.8);transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.mini-key[data-v-5bba3203]{opacity:.7;transform:none}}.range[data-v-1bb81c24]{accent-color:rgb(var(--rgb-primary));-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--line-strong);border-radius:999px;cursor:pointer;flex:1;height:4px;min-width:0}.range[data-v-1bb81c24]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 0 2px rgb(var(--rgb-primary)),0 2px 6px #0000004d;height:16px;width:16px}.range[data-v-1bb81c24]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;box-shadow:0 0 0 2px rgb(var(--rgb-primary)),0 2px 6px #0000004d;height:16px;width:16px}.profile-enter-active[data-v-20bdc744],.profile-leave-active[data-v-20bdc744]{transition:opacity .3s ease,transform .3s var(--ease-out-quint)}.profile-enter-from[data-v-20bdc744]{opacity:0;transform:translateY(10px)}.profile-leave-to[data-v-20bdc744]{opacity:0;transform:translateY(-6px)}