html{--mobile-design-width: 480;--desktop-design-width: 1600;--ultrawide-design-width: 2100;font-size:calc(100 / var(--mobile-design-width) * 1vw)}@media(width>=768px){html{font-size:calc(100 / var(--desktop-design-width) * 1vw)}}@media(width>=2100px){html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-design-width) / 16 * .01rem)}}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:thin}body{background:#000;color:#e0e0e0;scroll-behavior:smooth}body:has(.top-3-21-loader:not([data-hidden])){overflow:hidden}.top-3-21-main{position:relative;z-index:1;height:300vh;background:#000;color:#e0e0e0;font-family:Martian Mono,monospace;font-size:21rem;line-height:160%}@media(width<768px){.top-3-21-main{height:auto}}.top-3-21-content{display:flex;flex-flow:row nowrap;position:sticky;top:0;z-index:2;height:100vh;overflow:hidden;touch-action:pan-y}@media(width<768px){.top-3-21-content{flex-flow:column nowrap;position:relative;height:auto}}.top-3-21-content>div{flex:0 0 100vw;display:flex;flex-flow:row nowrap;position:relative;width:100vw}@media(width<768px){.top-3-21-content>div{flex:0 0 100vh}}.top-3-21-content hr{position:absolute;z-index:1;margin:0;height:12rem;background:#e0e0e0;border:0}.top-3-21-content-header{z-index:2;align-items:flex-end;justify-content:flex-start}.top-3-21-content-header-logo{position:absolute;inset:auto auto 160rem 100rem;z-index:1;font-size:120rem;font-weight:300;letter-spacing:-.11em;line-height:100%}@media(width<768px){.top-3-21-content-header-logo{inset:calc(100dvh - 208rem) auto auto 33rem}}.top-3-21-content-header-logo span{margin-left:12rem}.top-3-21-content-header hr{inset:auto 0 172rem 327rem}@media(width<768px){.top-3-21-content-header hr{inset:calc(100dvh - 112rem) 0 auto 260rem}}.top-3-21-content-header .top-3-21-info{top:calc(50% - 120rem);left:136rem}@media(width>=768px){.top-3-21-content-header .top-3-21-info p:last-of-type{display:none}}@media(width<768px){.top-3-21-content-header .top-3-21-info{top:calc(50% - 160rem);left:66rem}.top-3-21-content-header .top-3-21-info p:first-of-type{width:100%}}.top-3-21-content-main,.top-3-21-content-footer{z-index:2}.top-3-21-content-footer hr{inset:auto 355rem 172rem 0;clip-path:polygon(0 0,100% 0,calc(100% - 4rem) 100%,0% 100%)}@media(width<768px){.top-3-21-content-footer hr{inset:calc(100dvh - 112rem) 252rem auto 0}}.top-3-21-content .top-3-21-content-backdrop{position:fixed;inset:0;z-index:1;filter:saturate(0);opacity:.12;overflow:hidden;pointer-events:none}.top-3-21-content .top-3-21-content-backdrop iframe{transform:scale(1.42);width:100%;height:100%;border:none}@media(width<768px){.top-3-21-content .top-3-21-content-backdrop iframe{transform:scale(4)}}.top-3-21-loader{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:2;background:#000;color:color-mix(in srgb,#fff,transparent 42%);font-family:Martian Mono,monospace;font-size:9px;font-weight:500;line-height:1;pointer-events:none;transition:color .543s,opacity 2.1s .543s ease-in-out}.top-3-21-loader[data-hidden]{color:color-mix(in srgb,#fff,transparent 100%);opacity:0}.top-3-21-snaps{position:absolute;inset:0 0 auto;z-index:-1}.top-3-21-snaps div{height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.top-3-21-yt{width:100%;height:100%;padding:133rem;filter:saturate(0);pointer-events:none;transition:filter 2.1s ease-in-out}@media(width<768px){.top-3-21-yt{display:flex;align-items:center;justify-content:center;padding:55rem 21rem 210rem}}.top-3-21-yt[data-color]{filter:saturate(1)}.top-3-21-yt-container{width:100%;height:100%}@media(width<768px){.top-3-21-yt-container{aspect-ratio:4/3;height:auto;margin-top:-21%}}.top-3-21-yt-player{position:relative;z-index:1;width:100%;height:100%;opacity:1;transition:opacity 2.1s ease-in-out}.top-3-21-yt-player[data-hidden]{opacity:0}.top-3-21-yt-player iframe{width:100%;height:100%;border:none}.top-3-21-yt-player-text{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:3;padding:0 140rem;color:#fff;font-family:DM Sans,sans-serif;font-size:79rem;font-weight:900;line-height:120%;text-align:center;text-transform:uppercase;pointer-events:none}@media(width<768px){.top-3-21-yt-player-text{width:100%;margin:93% 0 0;padding:0 20rem;font-size:42rem}.top-3-21-yt-player-text p{word-break:break-word}}.top-3-21-yt-player-text[data-small]{font-size:55rem}@media(width<768px){.top-3-21-yt-player-text[data-small]{font-size:28rem}}.top-3-21-yt-player-text span{background-image:linear-gradient(to right,#fff 50%,color-mix(in srgb,#fff 21%,transparent) 50%);background-clip:text;background-repeat:no-repeat;background-size:200% 100%;background-position:100% 100%;color:transparent}.top-3-21-songs{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:35rem;position:absolute;inset:auto 0 161rem;z-index:2;font-size:14rem;font-weight:600}@media(width<768px){.top-3-21-songs{gap:30rem;inset:calc(100dvh - 181rem) 0 auto}}.top-3-21-songs>div{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:30rem;position:relative;z-index:1}.top-3-21-songs>div+hr{clip-path:polygon(4rem 0,100% 0,100% 100%,0% 100%)}.top-3-21-songs hr{flex:1 1 auto;position:relative;clip-path:polygon(0 0,100% 0,calc(100% - 4rem) 100%,0% 100%)}.top-3-21-songs button{position:relative;z-index:1;text-transform:uppercase;white-space:nowrap;cursor:pointer}@media(width>=768px){.top-3-21-songs button span:first-of-type{display:none}}@media(width<768px){.top-3-21-songs button span:last-of-type{display:none}}.top-3-21-songs button:before{content:"";position:absolute;inset:calc(50% - 1rem) -7rem auto;z-index:1;height:2rem;background:#e0e0e0;opacity:0;transition:opacity .543s ease-in-out}.top-3-21-songs button[data-active]:before{opacity:1}.top-3-21-songs button:hover{animation:blink .321s ease-out 1}.top-3-21-controls{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:30rem;position:absolute;inset:auto 0 67rem;z-index:1;font-size:12rem;font-weight:600;text-transform:uppercase}@media(width<768px){.top-3-21-controls{inset:calc(100dvh - 120rem) 0 auto;gap:10rem 30rem;padding:0 30rem}}.top-3-21-controls button{opacity:1;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:opacity .543s ease-in-out}.top-3-21-controls button[disabled]{opacity:.21;pointer-events:none}.top-3-21-controls button span{margin-left:1rem}.top-3-21-controls button:hover{animation:blink .321s ease-out 1}.top-3-21-info{display:flex;flex-flow:column nowrap;gap:21rem;position:absolute;inset:calc(50% - 86rem) auto auto 179rem;z-index:1;transform:translateY(-50%);width:341rem;font-size:10rem;font-weight:500;line-height:170%}@media(width<768px){.top-3-21-info{font-size:12rem;left:66rem;width:calc(100% - 132rem)}}.top-3-21-info p:first-of-type{width:321rem}.top-3-21-info p:first-of-type i{display:inline-block;font-style:normal}.top-3-21-info p:first-of-type i:first-of-type{transform:scaleX(.5) translate(-3rem)}.top-3-21-info p:first-of-type i:last-of-type{transform:translate(-3rem,-.5rem);margin-right:-3rem;font-size:85%}.top-3-21-info p:has(svg){font-size:0;line-height:1}.top-3-21-info p span{transition:opacity .543s ease-in-out}.top-3-21-info a{display:inline-block}.top-3-21-info svg{width:132rem}.top-3-21-info:has(a:hover) span{opacity:.21}.top-3-21-countdown{position:absolute;inset:auto 179rem 173rem auto;z-index:1;font-size:10rem;font-weight:700;line-height:100%;letter-spacing:.05em}@media(width<768px){.top-3-21-countdown{inset:calc(100dvh - 110rem) 77rem auto auto}}@keyframes blink{0%,to{opacity:1}21%{opacity:.7}}