._3N0scq_wrap{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.37, 0, .63, 1);aspect-ratio:954/594;width:min(100%,954px);margin-inline:auto;position:relative}._3N0scq_board{width:954px;height:594px;transform:scale(var(--s,1));transform-origin:0 0;position:absolute;top:0;left:0}._3N0scq_svg{pointer-events:none;position:absolute;inset:0;overflow:visible}._3N0scq_progress{stroke-dasharray:1 1;stroke-dashoffset:1px;opacity:1;transition:stroke-dashoffset var(--travel) var(--ease-in-out)}._3N0scq_progress[data-on]{stroke-dashoffset:0}._3N0scq_board[data-resetting] ._3N0scq_progress{opacity:0;transition:opacity .5s var(--ease-in-out)}._3N0scq_lead{background:var(--color-violet);offset-rotate:0deg;offset-anchor:center;opacity:0;pointer-events:none;z-index:3;border-radius:50%;width:6px;height:6px;position:absolute;top:0;left:0;box-shadow:0 0 0 1.5px #fff,0 0 10px 2px #646aed8c}._3N0scq_node{z-index:2;width:24px;height:24px;position:absolute}._3N0scq_node img{width:100%;height:100%;position:absolute;inset:0}._3N0scq_nodeOn{opacity:0;transition:opacity .35s var(--ease-out), transform .5s var(--ease-out);transform:scale(.6)}._3N0scq_node[data-on] ._3N0scq_nodeOn{opacity:1;transform:scale(1)}._3N0scq_board[data-resetting] ._3N0scq_nodeOn{opacity:0;transform:scale(1)}._3N0scq_float{pointer-events:none;animation:_3N0scq_float 4s var(--ease-in-out) infinite;position:absolute;inset:0}@keyframes _3N0scq_float{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}._3N0scq_card{--active:0;pointer-events:auto;width:348px;height:232px;transition:transform .7s var(--ease-out);z-index:1;background:#fff;border-radius:16px;position:absolute}._3N0scq_card[data-active]{z-index:2;transform:translateY(-4px)}._3N0scq_card:before{content:"";border-radius:inherit;opacity:0;transition:opacity .7s var(--ease-out);pointer-events:none;position:absolute;inset:0;box-shadow:-67px 217px 91px #00000003,-38px 122px 77px #0000000d,-17px 54px 57px #00000017,-4px 14px 31px #0000001a}._3N0scq_card[data-active]:before{opacity:1}._3N0scq_card>:not(._3N0scq_copy),._3N0scq_copy{transition:color .6s var(--ease-out), background-color .6s var(--ease-out), opacity .6s var(--ease-out)}._3N0scq_icon{background-color:var(--color-dark-10);width:104px;height:104px;position:absolute;top:24px;left:24px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:auto;mask-size:auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._3N0scq_card[data-active] ._3N0scq_icon{background-color:var(--color-dark-950)}._3N0scq_number{font-family:var(--font-display);white-space:nowrap;color:var(--color-dark-10);opacity:.24;max-width:121px;font-size:104px;font-weight:700;line-height:72px;position:absolute;top:16px;left:227px;overflow:hidden}._3N0scq_card[data-active] ._3N0scq_number{color:var(--color-dark-950);opacity:1}._3N0scq_copy{flex-direction:column;gap:4px;width:271px;display:flex;position:absolute;top:144px;left:24px}._3N0scq_title{font-family:var(--font-display);color:var(--color-dark-30);transition:color .6s var(--ease-out);font-size:20px;font-weight:600;line-height:24px}._3N0scq_card[data-active] ._3N0scq_title{color:var(--color-dark-950)}._3N0scq_description{font-family:var(--font-sans);color:var(--color-dark-30);font-size:12px;font-weight:500;line-height:18px}._3N0scq_halo{filter:blur(88.554px);opacity:.8;pointer-events:none;background:#d5fe008f;position:absolute;inset:48.01% 38.11% 23.58% 45.76%}._3N0scq_keyWrap{z-index:2;filter:drop-shadow(0 14px 16px #12121238)drop-shadow(0 4px 5px #1212121f);width:150px;height:150px;position:absolute;top:222px;left:402px}._3N0scq_key{transform-origin:50% 55%;position:absolute;inset:0}._3N0scq_keyFace{background:radial-gradient(141% 141% at 0 0,#fff 0%,#f5ffbf 25%,#eaff80 50%,#e5fe60 62.5%,#e0fe40 75%,#dafe20 87.5%,#d8fe10 93.75%,#d5fe00 100%);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._3N0scq_keyOverlay{mix-blend-mode:overlay;width:100%;height:100%;position:absolute;inset:0}._3N0scq_keySoftlight{mix-blend-mode:soft-light;position:absolute;inset:7.14% 2.86% 2.86% 7.14%}._3N0scq_keySoftlight img,._3N0scq_keyRim img{width:100%;height:100%;position:absolute}._3N0scq_keySoftlight img{width:107.94%;height:107.94%;inset:-3.97%}._3N0scq_keyBar{filter:drop-shadow(1.477px 1.477px .739px #12121226);position:absolute;inset:17.86% 18.57% 19.29%}._3N0scq_keyBarFill{background:radial-gradient(120% 90% at 24% 14%,#121212 0%,#121212e0 49.5%,#121212 100%);position:absolute;inset:-5.01% -4.98% -4.95%;box-shadow:inset .739px .739px .739px #ffffff7a,inset -.739px -.739px .739px #12121242;-webkit-mask-position:4px 3.572px;mask-position:4px 3.572px;-webkit-mask-size:99.265px 99.632px;mask-size:99.265px 99.632px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._3N0scq_keyRim{position:absolute;inset:1.43%}._3N0scq_keyRim img{width:103.68%;height:103.68%;inset:-1.84%}._3N0scq_ring{border:2px solid var(--color-violet);opacity:0;pointer-events:none;border-radius:44px;position:absolute;inset:0;box-shadow:0 0 18px #d5fe00e6,inset 0 0 12px #d5fe0099}@media (prefers-reduced-motion:reduce){._3N0scq_float{animation:none}}
