@property --kx-w1{syntax: "<color>"; inherits: false; initial-value: #000;}@property --kx-w2{syntax: "<color>"; inherits: false; initial-value: rgba(0,0,0,0);}@property --kx-w3{syntax: "<color>"; inherits: false; initial-value: rgba(0,0,0,0);}@property --kx-gv{syntax: "<integer>"; inherits: false; initial-value: 0;}.kx-studio__scr .kx-sl{container-type:inline-size;overflow:hidden}.kx-studio__key .kx-studio__scr{transition:transform .3s var(--kx-ease-out),box-shadow .25s}.kx-studio__scr .kx-sl--bg .art{display:none}.kx-studio__scr .kx-sl--bg>[class*=kx-sfx]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s;pointer-events:none}.kx-studio__scr .kx-sl--img>*{transform:scale(1.05);transition:opacity .3s,transform .8s var(--kx-ease-out)}.kx-studio__scr .kx-sl--live{opacity:1;place-items:center;padding:0}.kx-studio__scr .kx-sl--live>[class*=kx-sfx]{position:absolute;opacity:0;transition:opacity .3s,transform .7s var(--kx-ease-out)}.kx-studio__scr .kx-sl--live i{display:block;position:static;inset:auto;height:auto;background:none;border-radius:0;overflow:visible}.kx-studio__scr .kx-sl--live i:after{content:none}.kx-studio__key:is(.is-paused,.is-idle) .kx-studio__scr *,.kx-studio__key:is(.is-paused,.is-idle) .kx-studio__scr *:before,.kx-studio__key:is(.is-paused,.is-idle) .kx-studio__scr *:after{animation-play-state:paused!important}.kx-studio__key.is-in .kx-sl:not(.kx-sl--bg){animation:kx-sfx-in .4s var(--kx-ease-out)}@keyframes kx-sfx-in{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}.kx-studio__key.is-switch .kx-studio__scr{animation:none}.kx-studio__view.is-cut,.kx-studio__view.is-cut *,.kx-studio__view.is-cut *:before,.kx-studio__view.is-cut *:after{transition:none!important}.kx-studio__scr .kx-sl--txt span[data-word]{font-size:var(--tfs, 19cqw);font-weight:var(--tfw, 650);letter-spacing:var(--tls, -.025em);line-height:1.08;padding:.04em .06em;color:var(--tc, #fff);background-image:var(--tg, none);background-size:var(--tgs, 100% 100%);background-position:0 50%;-webkit-background-clip:text;background-clip:text;text-shadow:var(--tsh, 0 0 2.4cqw rgba(255, 255, 255, .3));filter:var(--tf, none)}.kx-studio__scr .kx-sl--txt span[data-word]:empty{display:none}.kx-studio__scr .kx-sl--bg>.kx-sfx-wash{background:radial-gradient(120% 95% at 50% 118%,var(--kx-w2),rgba(0,0,0,0) 64%),radial-gradient(80% 110% at 0% 0%,var(--kx-w3),rgba(0,0,0,0) 62%),var(--kx-w1);transition:opacity .6s,--kx-w1 .7s,--kx-w2 .7s,--kx-w3 .7s}.kx-studio__scr .kx-sfx-wash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s;background-image:radial-gradient(circle at 7% 22%,#fff 0 .25cqw,transparent .4cqw),radial-gradient(circle at 18% 70%,#cfe0ff 0 .2cqw,transparent .35cqw),radial-gradient(circle at 27% 12%,#fff 0 .3cqw,transparent .45cqw),radial-gradient(circle at 39% 48%,#fff 0 .18cqw,transparent .3cqw),radial-gradient(circle at 52% 16%,#ffe9c7 0 .22cqw,transparent .38cqw),radial-gradient(circle at 63% 80%,#fff 0 .2cqw,transparent .35cqw),radial-gradient(circle at 74% 30%,#fff 0 .3cqw,transparent .45cqw),radial-gradient(circle at 86% 62%,#cfe0ff 0 .22cqw,transparent .38cqw),radial-gradient(circle at 93% 14%,#fff 0 .2cqw,transparent .35cqw),radial-gradient(circle at 46% 88%,#fff 0 .16cqw,transparent .3cqw);animation:kx-sfx-glint 2.2s ease-in-out infinite alternate var(--kx-run, paused)}@keyframes kx-sfx-glint{0%{filter:brightness(.5)}to{filter:brightness(1.15)}}@keyframes kx-sfx-turn{to{rotate:1turn}}@keyframes kx-sfx-blink{50%{opacity:.25}}.kx-studio__scr .kx-sl--bg>.kx-sfx-aurora{top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(26% 38% at 34% 46%,#41e962bf,#41e96200 70%),radial-gradient(30% 44% at 66% 56%,#5460ffd9,#5460ff00 70%),radial-gradient(24% 34% at 54% 34%,#ff40c899,#ff40c800 70%),radial-gradient(22% 30% at 78% 34%,#00dcff80,#00dcff00 70%),#03030a;animation:kx-sfx-drift 7s ease-in-out infinite alternate var(--kx-run, paused)}@keyframes kx-sfx-drift{0%{transform:translate(-7%,3%) rotate(-8deg) scale(1)}to{transform:translate(7%,-4%) rotate(22deg) scale(1.18)}}.kx-studio__scr .kx-sl--bg>.kx-sfx-grid{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:6.25cqw 6.25cqw;background-position:50% 50%;-webkit-mask:radial-gradient(72% 100% at 50% 50%,#000 15%,transparent 85%);mask:radial-gradient(72% 100% at 50% 50%,#000 15%,transparent 85%)}.kx-studio__scr .kx-sfx-tile{left:9cqw;top:9cqw;width:32cqw;height:32cqw;border-radius:27%;overflow:hidden;display:grid;place-items:center;color:#fff;background:#1a0b33;box-shadow:inset 0 0 0 .3cqw #ffffff38,0 1.5cqw 5cqw #9664ff73}.kx-studio__scr .kx-sfx-tile:before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;background:conic-gradient(from 0deg,#ff6ad5,#c774e8,#ad8cff,#8795e8,#94d0ff,#7cffcb,#fffb96,#ffb86a,#ff6ad5);animation:kx-sfx-turn 6s linear infinite var(--kx-run, paused)}.kx-studio__scr .kx-sfx-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(155deg,#fff9,#fff0 40%),radial-gradient(90% 60% at 50% 115%,rgba(40,0,90,.45),transparent 70%)}.kx-studio__scr .kx-sfx-tile svg{position:relative;z-index:1;width:54%;height:auto;filter:drop-shadow(0 .5cqw 1cqw rgba(50,0,100,.5))}.kx-studio__scr .kx-sfx-tile--cut svg{animation:kx-sfx-snip 1.6s ease-in-out infinite var(--kx-run, paused)}@keyframes kx-sfx-snip{0%,60%,to{rotate:0deg}72%{rotate:-14deg}84%{rotate:6deg}}.kx-studio__key[data-frame=icon] .kx-sfx-tile--cut{opacity:1;transform:none;--kx-run: running}.kx-studio__key[data-frame=icon] .kx-sfx-wash{opacity:1;--kx-w1: #05030c;--kx-w2: #2c1660;--kx-w3: #3f1250}.kx-studio__key[data-frame=icon]{--tfs: 20cqw;--tfw: 700;--tc: transparent;--tsh: none;--tg: linear-gradient(180deg, #fff 30%, #e3d4ff 70%, #b9a4ff);--tf: drop-shadow(0 0 2cqw rgba(173, 140, 255, .5))}.kx-studio__key[data-frame=icon] .kx-sl--txt{justify-items:end;padding-right:10%}.kx-studio__scr .kx-sl--live>.kx-sfx-rec{left:4.5cqw;top:4cqw;display:flex;align-items:center;gap:1.4cqw;padding:1.2cqw 2.4cqw 1.2cqw 2cqw;border-radius:9cqw;background:#0000008c;box-shadow:inset 0 0 0 .2cqw #ffffff24;font:600 4.8cqw/1 var(--kx-mono);letter-spacing:.12em;color:#fff}.kx-studio__scr .kx-sfx-rec i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:#ff3b4e;box-shadow:0 0 1.4cqw #ff3b4e;animation:kx-sfx-blink 1.2s steps(1) infinite var(--kx-run, paused)}.kx-studio__scr .kx-sl--live>.kx-sfx-vbar{left:5cqw;right:5cqw;bottom:3.6cqw;height:.8cqw;border-radius:1cqw;background:#ffffff38;overflow:hidden}.kx-studio__scr .kx-sl--live>.kx-sfx-vbar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff;transform-origin:0 50%;transform:scaleX(.08)}.kx-studio__key[data-frame=video] :is(.kx-sfx-rec,.kx-sfx-vbar){opacity:1;transform:none;--kx-run: running}.kx-studio__key[data-frame=video] .kx-sl--live>.kx-sfx-vbar:after{animation:kx-sfx-vbar 1.4s linear forwards}@keyframes kx-sfx-vbar{0%{transform:scaleX(.08)}to{transform:scaleX(.92)}}.kx-studio__key[data-frame=video] .kx-sl--live:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000059,#0000 30% 60%,#0000008c)}.kx-studio__scr .kx-sfx-gauge{left:9cqw;top:3cqw;width:82cqw;height:41cqw;overflow:visible}.kx-sfx-gauge path{fill:none}.kx-sfx-gauge .tr{stroke:#ffffff14;stroke-width:10;stroke-linecap:round}.kx-sfx-gauge .tk{stroke:#ffffff47;stroke-width:4;stroke-dasharray:.4 4.6;stroke-dashoffset:.2}.kx-sfx-gauge .fg{stroke:url(#kx-sfx-gg);stroke-width:10;stroke-linecap:round;stroke-dasharray:100 200;stroke-dashoffset:100;filter:drop-shadow(0 0 4px rgba(65,233,98,.4))}.kx-sfx-gauge .nd{transform-box:view-box;transform-origin:100px 94px;transform:rotate(-90deg)}.kx-sfx-gauge .nd circle{fill:#fff;stroke:#0a0c1299;stroke-width:2.4}.kx-studio__scr .kx-sl--live>.kx-sfx-gval{left:0;right:0;top:20cqw;display:grid;justify-items:center;counter-reset:kxg var(--kx-gv);--kx-gv: 0}.kx-sfx-gval strong{font:600 11cqw/1 var(--kx-sans);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}.kx-sfx-gval strong:before{content:counter(kxg)}.kx-sfx-gval strong:after{content:"%";font-size:.5em;margin-left:.06em;opacity:.6}.kx-sfx-gval small{font:500 4.6cqw/1.3 var(--kx-mono);letter-spacing:.18em;color:#ffffff8c;margin-top:.6cqw}.kx-studio__key[data-frame=gauge] .kx-sfx-gauge{opacity:1;transform:none}.kx-studio__key[data-frame=gauge] .kx-sfx-gauge .fg{animation:kx-sfx-cpu-a 1.2s cubic-bezier(.45,0,.2,1) forwards}.kx-studio__key[data-frame=gauge] .kx-sfx-gauge .nd{animation:kx-sfx-cpu-n 1.2s cubic-bezier(.45,0,.2,1) forwards}.kx-studio__key[data-frame=gauge] .kx-sfx-gval{opacity:1;animation:kx-sfx-cpu-v 1.2s cubic-bezier(.45,0,.2,1) forwards}@keyframes kx-sfx-cpu-v{0%{--kx-gv: 0}30%{--kx-gv: 58}55%{--kx-gv: 71}80%{--kx-gv: 63}to{--kx-gv: 67}}@keyframes kx-sfx-cpu-a{0%{stroke-dashoffset:100}30%{stroke-dashoffset:42}55%{stroke-dashoffset:29}80%{stroke-dashoffset:37}to{stroke-dashoffset:33}}@keyframes kx-sfx-cpu-n{0%{transform:rotate(-90deg)}30%{transform:rotate(14.4deg)}55%{transform:rotate(37.8deg)}80%{transform:rotate(23.4deg)}to{transform:rotate(30.6deg)}}.kx-studio__key[data-frame=gauge] .kx-sfx-wash{opacity:1;--kx-w1: #03060a;--kx-w2: #0c3a28;--kx-w3: #062638}.kx-studio__key[data-frame=gauge] .kx-sl--txt span[data-word]{display:none}.kx-studio__key[data-frame=music] .kx-sfx-wash{opacity:1;--kx-w1: #07040d;--kx-w2: #3c1a55;--kx-w3: #4a2412}.kx-studio__scr .kx-sfx-art{left:6cqw;top:6cqw;width:19cqw;height:19cqw;border-radius:2.6cqw;overflow:hidden;background:radial-gradient(80% 80% at 25% 20%,#ffb36b,#ffb36b00 60%),radial-gradient(90% 90% at 85% 90%,#6a5cff,#6a5cff00 65%),linear-gradient(140deg,#ff4f8b,#7a2dd6);box-shadow:0 1.4cqw 4cqw #ff4f8b4d,inset 0 0 0 .25cqw #ffffff2e}.kx-studio__scr .kx-sfx-art>i{position:absolute;top:24%;right:24%;bottom:24%;left:24%;border-radius:50%;box-shadow:0 0 0 .45cqw #fff9,inset 0 0 0 2cqw #ffffff1a}.kx-studio__scr .kx-sfx-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);background-size:260% 100%;animation:kx-sfx-sheen 3.2s ease-in-out infinite var(--kx-run, paused)}@keyframes kx-sfx-sheen{0%{background-position:130% 0}to{background-position:-130% 0}}.kx-studio__scr .kx-sl--live>.kx-sfx-np{left:30cqw;right:16cqw;top:7.5cqw;display:grid;gap:1.2cqw;text-align:left}.kx-sfx-np strong{font:650 7.4cqw/1 var(--kx-sans);letter-spacing:-.02em;color:#fff;white-space:nowrap}.kx-sfx-np small{font:500 5cqw/1.1 var(--kx-sans);color:#ffffff8c;white-space:nowrap}.kx-studio__scr .kx-sl--live>.kx-sfx-eq{right:6.5cqw;top:8.5cqw;width:6.4cqw;height:6cqw;display:flex;align-items:flex-end;gap:.8cqw}.kx-studio__scr .kx-sfx-eq i{flex:1;height:100%;border-radius:.5cqw;background:#ff8ab3;transform-origin:50% 100%;animation:kx-sfx-eq .62s ease-in-out infinite alternate var(--kx-run, paused)}.kx-studio__scr .kx-sfx-eq i:nth-child(2){animation-duration:.48s;animation-delay:-.2s}.kx-studio__scr .kx-sfx-eq i:nth-child(3){animation-duration:.74s;animation-delay:-.4s}.kx-studio__scr .kx-sfx-eq i:nth-child(4){animation-duration:.55s;animation-delay:-.1s}@keyframes kx-sfx-eq{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.kx-studio__scr .kx-sl--live>.kx-sfx-lyric{left:6cqw;right:6cqw;top:30cqw;font:650 7.6cqw/1.1 var(--kx-sans);letter-spacing:-.015em;white-space:nowrap;text-align:left}.kx-sfx-lyric span{color:#fff3}.kx-studio__key[data-frame=music] .kx-sfx-lyric span{animation:kx-sfx-sing .45s ease forwards;animation-delay:calc(.2s + var(--i) * .28s)}@keyframes kx-sfx-sing{to{color:#fff;text-shadow:0 0 2.4cqw rgba(255,150,200,.5)}}.kx-studio__scr .kx-sl--live>.kx-sfx-npbar{left:6cqw;right:6cqw;bottom:4.5cqw;height:.7cqw;border-radius:1cqw;background:#ffffff24;overflow:hidden}.kx-studio__scr .kx-sfx-npbar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ff8ab3,#ffc38a);transform-origin:0 50%;transform:scaleX(.34)}.kx-studio__key[data-frame=music] .kx-sfx-npbar:after{animation:kx-sfx-npbar 1.6s linear forwards}@keyframes kx-sfx-npbar{to{transform:scaleX(.42)}}.kx-studio__key[data-frame=music] :is(.kx-sfx-art,.kx-sfx-np,.kx-sfx-eq,.kx-sfx-lyric,.kx-sfx-npbar){opacity:1;transform:none;--kx-run: running}.kx-studio__scr .kx-sfx-mic{left:9cqw;top:9cqw;width:32cqw;height:32cqw;border-radius:27%;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#ffffff29,#ffffff0a);box-shadow:inset 0 0 0 .3cqw #ffffff29,0 1.5cqw 5cqw #41e96229}.kx-studio__scr .kx-sfx-mic svg{grid-area:1 / 1;width:50%;height:auto;transition:opacity .15s,transform .4s var(--kx-ease-out)}.kx-studio__scr .kx-sfx-mic .off{opacity:0;transform:scale(.7)}.kx-studio__key[data-frame=mic] .kx-sfx-mic{opacity:1;transform:none}.kx-studio__key[data-frame=mic] .kx-sfx-wash{opacity:1;--kx-w1: #030806;--kx-w2: #0e3b22;--kx-w3: #0b1f2c}.kx-studio__key[data-frame=mic]{--tfs: 15cqw;--tfw: 650;--tc: #fff;--tg: none;--tsh: none;--tf: none}.kx-studio__key[data-frame=mic] .kx-sl--txt{justify-items:end;padding-right:10%}.kx-studio__key[data-frame=mic][data-st=off] .kx-sl--bg{background-color:#ff3b4e;transition-duration:.15s}.kx-studio__key[data-frame=mic][data-st=off] .kx-sfx-wash{opacity:0;transition-duration:.15s}.kx-studio__key[data-frame=mic][data-st=off] .kx-sfx-mic{color:#050506;background:none;box-shadow:none}.kx-studio__key[data-frame=mic][data-st=off] .kx-sfx-mic .on{opacity:0;transform:scale(.7)}.kx-studio__key[data-frame=mic][data-st=off] .kx-sfx-mic .off{opacity:1;transform:none}.kx-studio__key[data-frame=mic][data-st=off]{--tc: #050506}.kx-studio__key[data-frame=mic][data-st=off] .kx-studio__scr{box-shadow:0 0 0 1.5px #ff3b4e,0 0 26px #ff3b4eb3}.kx-studio__key[data-frame=live] .kx-sfx-wash{opacity:1;--kx-w1: #03050a;--kx-w2: #12305a;--kx-w3: #0a1630}.kx-studio__key[data-frame=live]{--tfs: 23cqw;--tfw: 400;--tls: -.03em;--tc: #fff;--tg: none;--tsh: 0 0 3cqw rgba(120, 170, 255, .35);--tf: none}.kx-studio__key[data-frame=live] .kx-sl--txt{place-items:center;padding:0 0 6%}.kx-studio__key[data-frame=live] .kx-sl--txt span[data-word]{font-family:var(--kx-sans);font-variant-numeric:tabular-nums}.kx-studio__scr .kx-sl--live>.kx-sfx-date{left:0;right:0;bottom:6cqw;text-align:center;font:500 4.8cqw/1 var(--kx-mono);letter-spacing:.18em;text-transform:uppercase;color:#d2e1ff9e}.kx-studio__key[data-frame=live] .kx-sfx-date{opacity:1;transform:none}.kx-studio__key[data-mode=fonts] .kx-sfx-wash{opacity:1;--kx-w1: #030407;--kx-w2: hsl(var(--hue, 222) 50% 22%);--kx-w3: hsl(var(--hue, 222) 40% 11%)}.kx-studio__key[data-mode=fonts] .kx-sfx-grid{opacity:1}.kx-studio__key[data-mode=fonts]{--tfs: 22cqw;--tfw: 600;--tls: -.02em;--tc: transparent;--tsh: none;--tg: linear-gradient(180deg, #fff 42%, hsl(var(--hue, 222) 75% 84%));--tf: drop-shadow(0 0 2.4cqw hsl(var(--hue, 222) 90% 60% / .4))}.kx-studio__key[data-mode=fonts] .kx-sl--txt span[data-word]{padding:.3em .25em;margin:-.26em -.19em}.kx-studio__key[data-mode=layers] .kx-sfx-aurora{opacity:1;--kx-run: running}.kx-studio__key[data-mode=layers]:not([data-frame=pressed]) .kx-sfx-tile--copy{opacity:1;transform:none;--kx-run: running}.kx-studio__key[data-mode=layers]{--tfs: 20cqw;--tfw: 700;--tc: transparent;--tsh: none;--tg: linear-gradient(180deg, #fff 35%, #d8ffe3);--tf: drop-shadow(0 .3cqw 0 rgba(0, 0, 0, .45)) drop-shadow(0 0 2cqw rgba(140, 255, 190, .5))}.kx-studio__key[data-mode=layers] .kx-sl--txt{justify-items:end;padding-right:8%}.kx-studio__scr .kx-sl--live>.kx-sfx-spark{left:47cqw;bottom:2.5cqw;width:48cqw;height:9.6cqw;overflow:visible;filter:drop-shadow(0 0 1.2cqw rgba(65,233,98,.75))}.kx-sfx-spark .a{fill:url(#kx-sfx-sg)}.kx-sfx-spark .l{fill:none;stroke:#7dff9c;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:100 120;stroke-dashoffset:0}.kx-studio__key[data-mode=layers]:not([data-frame=pressed]) .kx-sfx-spark{opacity:1;transform:none}.kx-studio__key[data-mode=layers].is-explode .kx-sfx-spark .l{animation:kx-sfx-draw .9s cubic-bezier(.3,0,.2,1) .25s backwards}@keyframes kx-sfx-draw{0%{stroke-dashoffset:100}}.kx-studio__key.is-explode .kx-sl--bg{box-shadow:0 0 0 1px #9678ffbf,0 0 24px #785aff59,0 18px 30px #00000073}.kx-studio__key.is-explode .kx-sl--img{box-shadow:0 0 0 1px #ff6ed7b3,0 0 22px #ff6ed740;background:#ff6ed70a}.kx-studio__key.is-explode .kx-sl--txt{box-shadow:0 0 0 1px #fff9,0 0 22px #ffffff26;background:#ffffff09}.kx-studio__key.is-explode .kx-sl--live{box-shadow:0 0 0 1px #41e962bf,0 0 22px #41e9624d;background:#41e9620a}.kx-studio__tags li:nth-child(1):before{background:#41e962;box-shadow:0 0 6px #41e962}.kx-studio__tags li:nth-child(2):before{background:#fff}.kx-studio__tags li:nth-child(3):before{background:#ff6ed7;box-shadow:0 0 6px #ff6ed7}.kx-studio__tags li:nth-child(4):before{background:#9a7bff;box-shadow:0 0 6px #9a7bff}@media(max-width:989px){.kx-studio__key.is-explode{transform:rotateX(58deg) rotate(-26deg) scale(.72) translateY(24%)}.kx-studio__key.is-explode .kx-sl--img{transform:translateZ(26px)}.kx-studio__key.is-explode .kx-sl--txt{transform:translateZ(52px)}.kx-studio__key.is-explode .kx-sl--live{transform:translateZ(78px)}}.kx-studio__scr .kx-sfx-check{left:9cqw;top:9cqw;width:32cqw;height:32cqw;display:grid;place-items:center;color:#fff}.kx-studio__scr .kx-sfx-check:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:radial-gradient(circle at 36% 30%,#a6ffbd,#34d266 55%,#128a3c);box-shadow:0 0 4cqw #41e962b3,inset 0 -.8cqw 1.6cqw #003c1459}.kx-studio__scr .kx-sfx-check>i{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:.5cqw solid rgba(120,255,160,.85);opacity:0}.kx-studio__scr .kx-sfx-check svg{position:relative;z-index:1;width:58%;height:auto;filter:drop-shadow(0 .4cqw .8cqw rgba(0,70,25,.5))}.kx-studio__scr .kx-sfx-check path{stroke-dasharray:1;stroke-dashoffset:1}.kx-studio__key[data-frame=pressed] .kx-sfx-check{opacity:1;transform:none}.kx-studio__key[data-frame=pressed] .kx-sfx-check path{animation:kx-sfx-tick .5s cubic-bezier(.3,0,.2,1) .15s forwards}.kx-studio__key[data-frame=pressed] .kx-sfx-check>i{animation:kx-sfx-ripple 1.3s cubic-bezier(.2,.6,.3,1) infinite}.kx-studio__key[data-frame=pressed] .kx-sfx-check>i+i{animation-delay:.45s}@keyframes kx-sfx-tick{to{stroke-dashoffset:0}}@keyframes kx-sfx-ripple{0%{opacity:.9;transform:scale(.95)}to{opacity:0;transform:scale(1.9)}}.kx-studio__key[data-frame=pressed] .kx-sfx-aurora{opacity:0}.kx-studio__key[data-frame=pressed] .kx-sfx-wash{opacity:1;--kx-w1: #021a0a;--kx-w2: #1f9a46;--kx-w3: #0b4a20}.kx-studio__key[data-frame=pressed] .kx-sl--bg{background:#000}.kx-studio__key[data-frame=pressed] .kx-sl--txt{justify-items:end;padding-right:8%}.kx-studio__key[data-frame=pressed]{--tfs: 14.5cqw;--tg: linear-gradient(180deg, #ffffff 30%, #b8ffca);--tf: drop-shadow(0 0 2.4cqw rgba(65, 233, 98, .8))}.kx-studio__key[data-mode=motion] .kx-sfx-wash{opacity:1}.kx-studio__key[data-mode=motion]{--tfs: 19cqw;--tfw: 700;--tc: transparent;--tsh: none}.kx-studio__key[data-mode=motion] .kx-sl--txt span[data-word]{animation:var(--fx, none);transform-origin:50% 50%}.kx-studio__key[data-mode=motion][data-trig=press]:not([data-st=go]) .kx-sl--txt span[data-word]{animation:none}.kx-studio__key[data-mode=motion][data-trig=press] .kx-sl--txt span[data-word]{animation-iteration-count:1}.kx-studio__key[data-fx=bounce]{--fx: kx-sfx-bounce 1.15s linear infinite;--tg: linear-gradient(180deg, #ffffff 25%, #9cecff);--tf: drop-shadow(0 0 2cqw rgba(0, 200, 255, .55))}.kx-studio__key[data-fx=bounce] .kx-sfx-wash{--kx-w1: #020d22;--kx-w2: #006fb8;--kx-w3: #2f2475}@keyframes kx-sfx-bounce{0%{transform:translateY(0) scale(1.1,.9);animation-timing-function:cubic-bezier(.2,.6,.35,1)}18%{transform:translateY(-16%) scale(.95,1.06);animation-timing-function:cubic-bezier(.2,.6,.35,1)}45%{transform:translateY(-30%) scale(1);animation-timing-function:cubic-bezier(.55,0,.85,.4)}88%{transform:translateY(0) scale(1);animation-timing-function:cubic-bezier(.2,.6,.35,1)}to{transform:translateY(0) scale(1.1,.9)}}.kx-studio__scr .kx-sfx-shadow{left:27cqw;width:46cqw;top:36.5cqw;height:4.5cqw;border-radius:50%;background:radial-gradient(closest-side,#6ee6ffcc,#00a0ff38 60%,#00a0ff00)}.kx-studio__key[data-fx=bounce] .kx-sfx-shadow{opacity:1;transform:none;animation:kx-sfx-bshadow 1.15s linear infinite}@keyframes kx-sfx-bshadow{0%{scale:1.1 1;opacity:1;animation-timing-function:cubic-bezier(.2,.6,.35,1)}45%{scale:.5 .7;opacity:.3;animation-timing-function:cubic-bezier(.55,0,.85,.4)}88%{scale:1 1;opacity:.9}to{scale:1.1 1;opacity:1}}.kx-studio__key[data-fx=pulse]{--fx: kx-sfx-beat 1s cubic-bezier(.3, 0, .2, 1) infinite;--tg: linear-gradient(180deg, #ffffff 25%, #ffb3c1);--tf: drop-shadow(0 0 2.4cqw rgba(255, 60, 100, .65))}.kx-studio__key[data-fx=pulse] .kx-sfx-wash{--kx-w1: #120006;--kx-w2: #8e1530;--kx-w3: #3d0716}@keyframes kx-sfx-beat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(.98)}42%{transform:scale(1.12)}62%{transform:scale(1)}}.kx-studio__key[data-fx=glitch]{--fx: kx-sfx-glitch 1.7s steps(1) infinite;--tc: #fff;--tg: none;--tf: none;--tsh: -.45cqw 0 rgba(255, 0, 200, .8), .45cqw 0 rgba(0, 240, 255, .8), 0 0 2cqw rgba(255, 255, 255, .3)}@keyframes kx-sfx-glitch{0%,to{transform:none;clip-path:inset(0)}16%{transform:translate(-1.6cqw) skew(-8deg);clip-path:inset(10% 0 52% 0);text-shadow:-1.2cqw 0 #ff00c8,1.2cqw 0 #00f0ff}19%{transform:translate(1.4cqw);clip-path:inset(48% 0 8% 0);text-shadow:1cqw 0 #ff00c8,-1cqw 0 #00f0ff}22%{transform:none;clip-path:inset(0)}64%{transform:translate(2cqw) skew(10deg);clip-path:inset(30% 0 30% 0);text-shadow:-1.4cqw 0 #ff00c8,1.4cqw 0 #00f0ff}67%{transform:translate(-2.4cqw);clip-path:inset(0 0 60% 0);text-shadow:1.2cqw 0 #ff00c8,-1.2cqw 0 #00f0ff}70%{transform:translate(1cqw) skew(-4deg);clip-path:inset(62% 0 0 0)}73%{transform:none;clip-path:inset(0)}}.kx-studio__key[data-fx=glitch] .kx-sfx-wash{--kx-w1: #030006;--kx-w2: #0a4a5c;--kx-w3: #4a0646}.kx-studio__scr .kx-sl--bg>.kx-sfx-scan{z-index:2;background:repeating-linear-gradient(180deg,#ffffff12 0 .35cqw,#0000 .35cqw 1.1cqw)}.kx-studio__key[data-fx=glitch] .kx-sfx-scan{opacity:1}.kx-studio__scr .kx-sfx-slices{top:0;right:0;bottom:0;left:0;transform:none}.kx-studio__scr .kx-sfx-slices i{position:absolute;height:2.6cqw;mix-blend-mode:screen;opacity:0}.kx-sfx-slices i:nth-child(1){left:8cqw;width:30cqw;top:12cqw;background:#00f0ff}.kx-sfx-slices i:nth-child(2){left:46cqw;width:40cqw;top:22cqw;height:1.6cqw;background:#ff00c8}.kx-sfx-slices i:nth-child(3){left:20cqw;width:52cqw;top:31cqw;background:#ff00c8}.kx-sfx-slices i:nth-child(4){left:58cqw;width:26cqw;top:39cqw;height:1.4cqw;background:#00f0ff}.kx-studio__key[data-fx=glitch] .kx-sfx-slices{opacity:1}.kx-studio__key[data-fx=glitch] .kx-sfx-slices i{animation:kx-sfx-slice 1.7s steps(1) infinite}.kx-studio__key[data-fx=glitch] .kx-sfx-slices i:nth-child(2n){animation-name:kx-sfx-slice2}@keyframes kx-sfx-slice{0%,22%,63%,74%,to{opacity:0;translate:0 0}15%{opacity:.85;translate:-4cqw 0}19%{opacity:.6;translate:3cqw 1cqw}64%{opacity:.85;translate:-4cqw 0}67%{opacity:.7;translate:5cqw 1cqw}70%{opacity:.9;translate:-2cqw -1cqw}}@keyframes kx-sfx-slice2{0%,21%,64%,75%,to{opacity:0;translate:0 0}17%{opacity:.8;translate:5cqw 0}65%{opacity:.8;translate:6cqw 0}68%{opacity:.9;translate:-5cqw -1cqw}72%{opacity:.6;translate:2cqw 1cqw}}.kx-studio__key[data-fx=flip]{--fx: kx-sfx-flip 1.1s cubic-bezier(.65, 0, .35, 1) infinite;--tg: linear-gradient(180deg, #ffffff 30%, #a7b8ff 70%, #7af0d8);--tf: drop-shadow(0 0 2.2cqw rgba(90, 120, 255, .65))}.kx-studio__key[data-fx=flip] .kx-sfx-wash{--kx-w1: #030822;--kx-w2: #2438b8;--kx-w3: #006b5c}@keyframes kx-sfx-flip{0%{transform:perspective(60cqw) rotateY(0)}to{transform:perspective(60cqw) rotateY(360deg)}}.kx-studio__key[data-fx=orbit]{--tfs: 12cqw;--fx: kx-sfx-ox 1.5s cubic-bezier(.37, 0, .63, 1) infinite alternate, kx-sfx-oy 1.5s cubic-bezier(.37, 0, .63, 1) -.75s infinite alternate;--tg: linear-gradient(180deg, #ffffff 30%, #d2c2ff);--tf: drop-shadow(0 0 2cqw rgba(160, 120, 255, .7))}.kx-studio__key[data-fx=orbit] .kx-sfx-wash{--kx-w1: #02030d;--kx-w2: #1d2a8a;--kx-w3: #3d1466}@keyframes kx-sfx-ox{0%{transform:translate(-24cqw)}to{transform:translate(24cqw)}}@keyframes kx-sfx-oy{0%{translate:0 -8cqw}to{translate:0 8cqw}}.kx-studio__scr .kx-sfx-ring{left:26cqw;width:48cqw;top:17cqw;height:16cqw;border-radius:50%;border:.3cqw dashed rgba(190,170,255,.4)}.kx-studio__key[data-fx=orbit] .kx-sfx-ring{opacity:1;transform:none}.kx-studio__key[data-fx=jelly]{--fx: kx-sfx-jelly 1s ease-in-out infinite;--tg: linear-gradient(180deg, #ffffff 30%, #fff0a8);--tf: drop-shadow(0 0 2cqw rgba(255, 120, 220, .6))}.kx-studio__key[data-fx=jelly] .kx-sfx-wash{--kx-w1: #1a0429;--kx-w2: #a3248a;--kx-w3: #5a2410}.kx-studio__key[data-fx=jelly] .kx-sl--txt span[data-word]{transform-origin:50% 100%}@keyframes kx-sfx-jelly{0%,to{transform:scale(1)}18%{transform:scale(1.22,.8)}38%{transform:scale(.88,1.14)}58%{transform:scale(1.07,.95)}78%{transform:scale(.98,1.02)}}.kx-studio__key[data-fx=neon]{--fx: kx-sfx-breathe 1.2s ease-in-out infinite alternate, kx-sfx-hue 4.8s linear infinite;--tc: #ffe6fa;--tg: none;--tf: none;--tsh: 0 0 .5cqw #fff, 0 0 1.4cqw #ff4fd8, 0 0 3.6cqw #ff4fd8, 0 0 7cqw rgba(255, 79, 216, .6)}.kx-studio__key[data-fx=neon] .kx-sfx-wash{--kx-w1: #06020b;--kx-w2: #2a0c3d;--kx-w3: #0a1c30}.kx-studio__scr .kx-sfx-tube{top:4.5cqw;right:5cqw;bottom:4.5cqw;left:5cqw;border-radius:4.5cqw;border:.6cqw solid #ffd6f6;box-shadow:0 0 .8cqw #ff4fd8,0 0 3cqw #ff4fd8bf,inset 0 0 .8cqw #ff4fd8,inset 0 0 3cqw #ff4fd873}.kx-studio__key[data-fx=neon] .kx-sfx-tube{opacity:1;transform:none;animation:kx-sfx-breathe 1.2s ease-in-out infinite alternate,kx-sfx-hue 4.8s linear infinite}@keyframes kx-sfx-breathe{0%{opacity:1}to{opacity:.32}}@keyframes kx-sfx-hue{to{filter:hue-rotate(360deg)}}.kx-studio__key[data-fx=snow] .kx-sfx-wash{--kx-w1: #030b20;--kx-w2: #2a64b0;--kx-w3: #1a1446}.kx-studio__key[data-fx=snow] .kx-sfx-wash:before{opacity:1;--kx-run: running}.kx-studio__key[data-fx=snow] .kx-sfx-night{opacity:1}.kx-studio__scr .kx-sfx-night>*{position:absolute}.kx-studio__scr .kx-sfx-night__moon{right:11cqw;top:6cqw;width:11cqw;height:11cqw;border-radius:50%;background:radial-gradient(circle at 40% 36%,#fffdf0,#ece6c8 58%,#c8c09f);box-shadow:0 0 4cqw #fffadc99,0 0 14cqw #96b9ff66}.kx-studio__scr .kx-sfx-night svg{left:0;bottom:0;width:100cqw;height:20cqw}.kx-sfx-night .t2{fill:#13284d}.kx-sfx-night .g{fill:url(#kx-sfx-snowg)}.kx-sfx-night .t1{fill:#040b1c;stroke:#c8deff80;stroke-width:.5;stroke-linejoin:round}.kx-studio__scr .kx-sl--img .v-snow i{width:2.2%;background:radial-gradient(circle,#fff 0 40%,#ffffff80 60%,#fff0 72%);box-shadow:none;animation-name:kx-sfx-snow}@keyframes kx-sfx-snow{0%{transform:translate(0);opacity:1}50%{transform:translate(1.6cqw,29cqw)}85%{opacity:1}to{transform:translate(-.4cqw,58cqw);opacity:0}}.kx-studio__scr .kx-sl--img .v-snow i:nth-child(n+9){width:1.4%;opacity:.7;animation-duration:3.4s}.kx-studio__scr .kx-sl--img .v-snow i:nth-child(3n){width:3%}.kx-sl--img .v-snow i:nth-child(9){left:4%;animation-delay:-.6s}.kx-sl--img .v-snow i:nth-child(10){left:27%;animation-delay:-2.1s}.kx-sl--img .v-snow i:nth-child(11){left:40%;animation-delay:-1.3s}.kx-sl--img .v-snow i:nth-child(12){left:64%;animation-delay:-2.8s}.kx-sl--img .v-snow i:nth-child(13){left:76%;animation-delay:-.3s}.kx-sl--img .v-snow i:nth-child(14){left:88%;animation-delay:-1.9s}.kx-studio__bar{display:flex;align-items:center;gap:16px}.kx-studio__steps{display:flex;gap:5px;width:clamp(150px,18vw,230px)}.kx-studio__steps i{position:relative;flex:1;height:2px;border-radius:2px;background:var(--kx-line-2);overflow:hidden}.kx-studio__steps i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--kx-fg-3);transform-origin:0 50%;transform:scaleX(0)}.kx-studio__steps i.is-done:after{transform:none}.kx-studio__steps i.is-on:after{background:var(--kx-accent);animation:kx-sfx-step var(--d, 2s) linear forwards}@keyframes kx-sfx-step{to{transform:scaleX(1)}}.kx-studio.is-hold .kx-studio__steps i:after{animation-play-state:paused}.kx-studio__caption{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;min-height:26px;margin-top:-6px;text-align:center}.kx-studio__caption b{display:inline-block}
/*# sourceMappingURL=/cdn/shop/t/18/assets/kx-studio-fx.css.map */