.fn{--acc:#7b9bff;--on:#0a1235;inset:0}.fn>*{position:absolute}.fn[data-f="1"]{--acc:#3d6bff;--on:#fff}.fn[data-f="2"]{--acc:#e0809a;--on:#fff}.fn[data-f="3"]{--acc:#7fd6ff;--on:#052238}.fn__glow{opacity:0;pointer-events:none;width:577em;height:520em;transition:opacity .7s ease-out;top:-20em;left:-10em}.fn__glow--0{opacity:1;background:radial-gradient(closest-side,#0a0e288c,#0000)}.fn__glow--1{background:radial-gradient(closest-side,#ffffff8c,#0000)}.fn__glow--2{background:radial-gradient(closest-side,#ffbecd99,#0000)}.fn__glow--3{background:radial-gradient(closest-side,#96e1ff8c,#0000)}.fn[data-f="1"] .fn__glow--0,.fn[data-f="2"] .fn__glow--0,.fn[data-f="3"] .fn__glow--0{opacity:0}.fn[data-f="1"] .fn__glow--1,.fn[data-f="2"] .fn__glow--2,.fn[data-f="3"] .fn__glow--3{opacity:1}.fn__view{perspective:1300em;perspective-origin:50% 35%;width:557em;height:290em;top:14em;left:0}.fn__ring{--rx0:0deg;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.fn__card{will-change:transform;background:#111;border-radius:20em;width:250em;height:208.5em;transition:transform .95s cubic-bezier(.2,1.08,.3,1),opacity .5s ease-out;position:absolute;top:22em;left:153.5em;transform:translate(0,0);box-shadow:0 40em 70em -24em #050a288c,0 0 0 1em #ffffff1f}.fn__card img{border-radius:20em;width:100%;height:100%;display:block}.fn__card:after{content:"";opacity:1;pointer-events:none;background:#08125a9e;border-radius:20em;transition:opacity .6s ease-out;position:absolute;inset:0}.fn__card[data-o="0"]:after{opacity:0}.fn__card[data-o="0"]{z-index:3}.fn__card[data-o="-1"]{z-index:2;opacity:.92;transform:translate3d(-196em,18em,-150em)rotateY(38deg)scale(.86)}.fn__card[data-o="1"]{z-index:2;opacity:.92;transform:translate3d(196em,18em,-150em)rotateY(-38deg)scale(.86)}.fn__card[data-o="2"]{z-index:1;opacity:0;transform:translate3d(0,-20em,-420em)scale(.7)}.fn__gloss{pointer-events:none;border-radius:20em;position:absolute;inset:0;overflow:hidden}.fn__gloss:before{content:"";transform:translateX(calc(-60% + var(--sx,0%)));background:linear-gradient(110deg,#0000 40%,#ffffff57 48%,#0000 56%);transition:transform 1.1s cubic-bezier(.2,.7,.2,1);position:absolute;inset:-30% -20%}.fn__card[data-o="0"] .fn__gloss:before{transform:translateX(calc(40% + var(--sx,0%)))}.fn__sel{box-shadow:inset 0 0 0 3em var(--acc);opacity:0;pointer-events:none;border-radius:20em;transition:opacity .4s ease-out;position:absolute;inset:0}.fn__sel svg{box-sizing:border-box;background:var(--acc);width:26em;height:26em;color:var(--on);border-radius:50%;padding:5em;position:absolute;bottom:14em;right:12em}.fn__card[data-o="0"] .fn__sel{opacity:1}.fn__seg{z-index:4;gap:6em;display:flex;top:322em;left:30em}.fn__opt{color:#fff;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff24;border:0;border-radius:999em;align-items:center;gap:.55em;margin:0;padding:.68em 1em .68em .85em;font:600 14em/1 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;transition:background-color .3s ease-out,color .3s ease-out;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff3d}.fn__opt i{background:var(--d);border-radius:50%;width:.78em;height:.78em;box-shadow:inset 0 0 0 1px #ffffff80}.fn__opt:focus-visible{outline-offset:2px;outline:2px solid #fff}.fn__opt.is-on{color:#14151b;background:#fff;box-shadow:0 6em 16em -6em #050a2899}.fn__chips{box-sizing:border-box;color:#1a1b22;z-index:4;background:#fffffff0;border-radius:22em;align-content:center;gap:18em;width:262em;height:148em;padding:0 20em;display:grid;top:382em;left:30em;box-shadow:0 24em 40em -16em #050a288c}.fn__row{align-items:center;gap:14em;display:flex}.fn__osd{z-index:4;filter:drop-shadow(0 22em 26em #050a2880);width:218em;top:372em;left:312em;transform:perspective(900em)rotateY(-9deg)rotate(-2deg)}.fn__osd img{border-radius:12em;width:100%;height:auto;display:block}.fn__sl{flex:1;align-items:center;gap:10em;min-width:0;display:flex}.fn__sl b{color:#3a3b44;font:600 13em/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}.fn__track{background:#16161a1f;border-radius:99em;flex:1;height:8em;position:relative}.fn__track i{background:var(--acc);transform-origin:0;border-radius:99em;transition:background-color .5s ease-out;position:absolute;inset:0;transform:scaleX(.62)}.fn__track:after{content:"";background:#fff;border-radius:50%;width:18em;height:18em;margin:-9em 0 0 -9em;position:absolute;top:50%;left:62%;box-shadow:0 2em 6em #0000004d,0 0 0 1px #16161a1f}.fn__tog{background:var(--acc);border-radius:99em;width:44em;height:26em;transition:background-color .5s ease-out;position:relative}.fn__tog:after{content:"";background:#fff;border-radius:50%;width:20em;height:20em;position:absolute;top:3em;right:3em;box-shadow:0 2em 4em #00000040}.fn__btn{background:var(--acc);color:var(--on);border-radius:99em;padding:.62em 1.25em;font:650 14em/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;transition:background-color .5s ease-out,color .5s ease-out}.fn__hud{background:#16161a14;border-radius:9em;place-items:center;width:30em;height:30em;display:grid}.fn__hud i{background:var(--acc);border-radius:5em;width:16em;height:16em;transition:background-color .5s ease-out}.fn .fa-cur{z-index:9}.fn .fa-click{border-color:#fff}.bx-t[data-bx=finishes]:after{width:60%;height:26%}@media (width>=1280px){.bx-t[data-bx=finishes] .bx-cap{max-width:78.9946cqw}}@media (width<=1279px){.fn__glow{height:300em;top:-10em}.fn__view{width:358em;height:210em;top:8em}.fn__card{border-radius:16em;width:226em;height:188.5em;top:12em;left:66em}.fn__card img,.fn__card:after,.fn__gloss,.fn__sel{border-radius:16em}.fn__card[data-o="-1"]{transform:translate3d(-150em,14em,-100em)rotateY(38deg)scale(.86)}.fn__card[data-o="1"]{transform:translate3d(150em,14em,-100em)rotateY(-38deg)scale(.86)}.fn__seg{flex-wrap:wrap;justify-content:center;top:218em;left:12em;right:12em}.fn__opt{font-size:12em}.fn__chips{border-radius:16em;align-items:center;gap:12em;width:334em;height:46em;padding:0 14em;display:flex;top:306em;left:12em}.fn__chips .fn__row:first-child{flex:1}.fn__chips .fn__row:not(:first-child){display:contents}.fn__sl b,.fn__osd{display:none}}.dm{position:absolute;inset:0;overflow:hidden}.dm:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(0deg,#f4f5f8 0,#f4f5f8f7 24%,#f4f5f8b3 40%,#0000 58%);position:absolute;inset:0}.dm__d{width:760em;position:absolute;top:0;left:-323em}.dm .sd{box-shadow:none;border-radius:0}.dm__panel{z-index:50;width:440em;height:500em;position:absolute;top:70em;left:1252em}.dm__pad{background:linear-gradient(160deg,#20222ceb,#101116f0);border-radius:48em;width:440em;height:286em;position:relative;box-shadow:inset 0 0 0 2em #fff3,0 30em 70em -10em #0009}.dm__pad>i{position:absolute}.dm__lane{background:#ffffff1a;border-radius:26em;width:52em;height:190em;top:48em;overflow:hidden}.dm__lane--l{left:24em}.dm__lane--r{right:24em}.dm__lane b{transform-origin:50% 100%;background:#3d6bff;transition:transform .9s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:scaleY(0)}.dm[data-f=edge1] .dm__lane--r b{transform:scaleY(.72)}.dm__zone{background:#ffffff1a;border-radius:50%;width:66em;height:66em;box-shadow:inset 0 0 0 2em #fff3}.dm__zone b{opacity:0;background:#3d6bff;border-radius:50%;transition:opacity .15s ease-out;position:absolute;inset:0;box-shadow:0 0 0 10em #3d6bff4d}.dm[data-f=tr] .dm__zone--tr b{opacity:1}.dm__zone--tl{top:20em;left:24em}.dm__zone--tr{top:20em;right:24em}.dm__zone--bl{bottom:20em;left:24em}.dm__zone--br{bottom:20em;right:24em}.dm__finger{background:radial-gradient(circle at 50% 42%,#ffffffb3 0,#ffffff80 55%,#fff3 72%,#0000 76%);border-radius:50%;width:80em;height:80em;margin:-40em 0 0 -40em;transition:transform .9s cubic-bezier(.4,0,.2,1),opacity .25s ease-out;top:0;left:0;transform:translate(383em,53em);box-shadow:inset 0 0 0 3em #ffffffe6,0 10em 26em #00000080}.dm[data-f=idle] .dm__finger{opacity:0;transform:translate(383em,210em)}.dm[data-f=edge0] .dm__finger{transform:translate(390em,215em)}.dm[data-f=edge1] .dm__finger{transform:translate(390em,100em)}.dm__trail{transform-origin:50% 100%;opacity:0;background:linear-gradient(#0000,#ffffff8c);border-radius:8em;width:16em;height:120em;margin-right:42em;transition:transform .9s cubic-bezier(.4,0,.2,1),opacity .3s ease-out;top:0;right:0;transform:translateY(110em)scaleY(0)}.dm[data-f=edge1] .dm__trail{opacity:1;transform:translateY(110em)scaleY(1)}.dm__ring{opacity:0;border:5em solid #8fa7ff;border-radius:50%;width:80em;height:80em;margin:-40em 0 0 -40em;top:0;left:0;transform:translate(383em,53em)}.dm__cap{color:#fff;opacity:0;background:#0e0f14eb;border-radius:40em;justify-items:center;gap:8em;width:440em;padding:22em 0 26em;transition:opacity .2s ease-out,transform .5s cubic-bezier(.25,1.5,.45,1);display:grid;position:absolute;top:300em;left:0;transform:translateY(16em)scale(.96);box-shadow:inset 0 0 0 2em #ffffff29,0 24em 60em -10em #0000008c}.dm__cap em{letter-spacing:.16em;color:#8fa7ff;font:700 28em/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}.dm__cap span{color:#ffffffdb;font:500 38em/1.1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}.dm__cap b{align-items:center;gap:14em;display:flex}.dm__cap b i{font:700 60em/1.1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}.dm__cap b svg{width:56em;height:56em}.dm[data-cap=mute] .dm__cap--mute,.dm[data-cap=vol] .dm__cap--vol{opacity:1;transform:none}.dm .sd__hud{transform:translateY(-14em)scale(1.3)}.dm .sd__hud.is-on{transform:scale(1.5)}@media (width<=1279px){.dm__d{width:690em;left:-330em}}@media (prefers-reduced-motion:reduce){.dm__finger,.dm__lane b,.dm__trail,.dm__cap{transition:none!important}}