html{--mobile-design-width: 600;--desktop-design-width: 1600;--ultrawide-design-width: 1920;font-size:calc(100 / var(--mobile-design-width) * 1vw)}@media(width>=768px){html{font-size:calc(100 / var(--desktop-design-width) * 1vw)}}@media(width>=1920px){html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-design-width) / 16 * .01rem)}}html{scrollbar-width:thin;color-scheme:dark light}body{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;min-height:100dvh;overflow-x:hidden;background:#000;transition:background 1.234s}.top-4-21-main{position:relative;z-index:1;transform:scale(1.2) translate3d(0,2.1%,0);max-width:1600rem;width:100%;margin:0 auto;font-family:Martian Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.5}@media(width<768px){.top-4-21-main{display:grid;align-items:center;transform:none;min-height:100dvh;overflow:hidden}}.top-4-21-car{display:flex;position:relative;z-index:1;perspective:1234rem;width:100%;aspect-ratio:16/9}@media(width<768px){.top-4-21-car{transform:translate3d(-25%,-4%,0);width:266.6666666667%}}.top-4-21-car-container{display:flex;position:relative;z-index:1;perspective:1234rem;width:100%;aspect-ratio:16/9;background:#212121;user-select:none}.top-4-21-car-container:before{content:"";position:absolute;inset:-2rem;z-index:2;box-shadow:inset 0 0 64rem 64rem #000}@media(width<768px){.top-4-21-car-container:before{box-shadow:inset 0 0 42rem 42rem #000}}.top-4-21-car video{position:absolute;inset:0;z-index:1;filter:saturate(0) brightness(.42);object-fit:contain}.top-4-21-car-countdown{position:absolute;inset:auto 0 10rem;inset:584rem auto auto 482rem;z-index:2;transform:rotate(12deg) skew(-9deg) translateZ(0);width:33rem;color:#e0e0e0;mask-image:linear-gradient(to bottom,#000000c9,#000 21% 59%,#000000c9);opacity:.5;font-size:5rem;filter:blur(.7rem);word-break:break-all;text-align:center}@media(width<768px){.top-4-21-car-countdown{inset:585rem auto auto 478rem;width:44rem;font-size:7rem}}.top-4-21-car-cover{position:absolute;inset:580rem 580rem auto;z-index:1;height:160rem;background:#000;filter:blur(16rem)}@media(width<768px){.top-4-21-car-cover{display:none}}.top-4-21-car-warning{position:absolute;inset:auto auto 0 25%;z-index:2;width:300rem;margin:0 150rem;color:#e0e0e0;font-family:Roboto Condensed,sans-serif;font-size:9px;line-height:150%;text-transform:uppercase;text-align:center}@media(width>=768px){.top-4-21-car-warning{width:calc(100% - 1340rem);margin:0 660rem;padding:0 0 12rem;left:0;font-size:10rem}}.top-4-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:7.5px;font-weight:500;line-height:1;pointer-events:none;transition:color .543s,opacity 2.1s .543s ease-in-out}@media(width<768px){.top-4-21-loader{font-size:9px}}.top-4-21-loader[data-hidden]{color:color-mix(in srgb,#fff,transparent 100%);opacity:0}.top-4-21-footer{position:absolute;inset:auto 0 0;z-index:2;padding:42rem 0 15px;color:#e0e0e0;visibility:hidden;font-family:Roboto Condensed,sans-serif;font-size:9rem;font-weight:700;letter-spacing:.03em;line-height:9rem;text-align:center;text-transform:uppercase;user-select:none}@media(width<768px){.top-4-21-footer{padding-bottom:12px;font-size:13rem;line-height:12px}}.top-4-21-footer a{display:inline-flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:12rem;position:relative;z-index:1}.top-4-21-footer a svg{position:absolute;inset:auto auto 0 calc(50% - 60rem);z-index:1;width:120rem;opacity:0}.top-4-21-footer a svg path{fill:#e0e0e0}.top-4-21-footer a:before{content:"";position:absolute;inset:-12rem;z-index:1}.top-4-21-blink{position:fixed;inset:0;z-index:3;background:#fff;opacity:0;mix-blend-mode:screen;pointer-events:none}.top-4-21-car-radio{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:32rem;transform-style:preserve-3d;position:absolute;inset:52.5% auto auto 40.4%;z-index:2;transform:rotateX(10deg) rotateY(-12deg) rotate(3.3deg) translateZ(0);transform-origin:0 0;width:324rem;aspect-ratio:16/9;overflow:hidden;background:#090909;border-radius:3rem;color:#e0e0e0;cursor:wait}.top-4-21-car-radio[data-active]{cursor:pointer}.top-4-21-car-radio:hover .top-4-21-car-radio-loader-play{border-color:color-mix(in srgb,#2b2b2b,white 2.1%)}.top-4-21-car-radio[data-active]:hover .top-4-21-car-radio-glow{background:color-mix(in srgb,#fff 55%,transparent)}.top-4-21-car-radio:before{content:"";position:absolute;inset:-1rem;z-index:4;border:1px solid color-mix(in srgb,#fff 5%,#000);border-radius:3rem;box-shadow:inset 0 0 16rem 4rem #000;filter:blur(1rem);pointer-events:none}.top-4-21-car-radio-headline{position:relative;z-index:2;padding:0 0 33rem;font-size:50rem;font-weight:700;line-height:1}.top-4-21-car-radio-headline hr{position:absolute;margin:0;border:0;width:420rem;height:9rem;background:#e0e0e0}.top-4-21-car-radio-headline hr:first-of-type{inset:26rem 150rem auto auto}.top-4-21-car-radio-headline hr:last-of-type{inset:36rem auto auto 107rem}.top-4-21-car-radio-headline span{position:relative;z-index:1;margin-right:-4rem;font-weight:900}.top-4-21-car-radio-loader{position:absolute;inset:130rem auto auto 150rem;z-index:1;font-size:0}.top-4-21-car-radio-loader-spinner{width:12rem;aspect-ratio:1;border:2rem solid #e0e0e0;border-top-color:transparent;border-radius:50%;animation:rotation 1.234s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.top-4-21-car-radio-loader-play{display:flex;align-items:center;justify-content:center;position:absolute;inset:-12rem auto auto calc(50% - 18rem);z-index:1;width:37rem;aspect-ratio:1;opacity:0;border:1px solid color-mix(in srgb,#2b2b2b,transparent 42%);border-radius:50%;transition:border .543s}.top-4-21-car-radio-loader-play svg{transform:translate(1rem);width:10rem}.top-4-21-car-radio-yt{position:absolute;inset:0;z-index:3;visibility:hidden}.top-4-21-car-radio-yt-embeds{display:flex;flex-flow:row wrap;position:relative;z-index:1;width:100%;height:100%}.top-4-21-car-radio-yt-embeds>div{position:relative;z-index:1}.top-4-21-car-radio-yt-embeds>div:not([data-active]){filter:grayscale(1);opacity:.5;pointer-events:none}.top-4-21-car-radio-yt-embeds>div .top-4-21-car-radio-yt-thumb{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .321s;pointer-events:none}.top-4-21-car-radio-yt-embeds>div[data-has-played] .top-4-21-car-radio-yt-thumb{opacity:0}.top-4-21-car-radio-yt-buttons{display:flex;flex-flow:row wrap;position:absolute;inset:0;z-index:2;pointer-events:none}.top-4-21-car-radio-yt-buttons button{width:25%;font-size:0;cursor:pointer;pointer-events:all}.top-4-21-car-radio-yt-buttons button[data-active]{opacity:.2;pointer-events:none}.top-4-21-car-radio-yt[data-view=full] .top-4-21-car-radio-yt-embeds>div{position:absolute;inset:0;width:100%;height:100%}.top-4-21-car-radio-yt[data-view=full] .top-4-21-car-radio-yt-embeds>div:not([data-active]){visibility:hidden}.top-4-21-car-radio-yt[data-view=full] .top-4-21-car-radio-yt-embeds>div iframe{transform:scale(.4) translateZ(0);transform-origin:0 0;width:250%;height:250%;aspect-ratio:16/9;border:0}.top-4-21-car-radio-yt[data-view=full] .top-4-21-car-radio-yt-embeds>div .top-4-21-car-radio-yt-thumb{opacity:0}.top-4-21-car-radio-yt[data-view=full] .top-4-21-car-radio-yt-buttons{display:none}.top-4-21-car-radio-yt[data-view=grid] .top-4-21-car-radio-yt-embeds>div{width:25%;height:33.3333%}.top-4-21-car-radio-yt[data-view=grid] .top-4-21-car-radio-yt-embeds>div iframe{transform:scale(.2) translateZ(0);transform-origin:0 0;width:500%;height:500%;border:0;aspect-ratio:4/3}.top-4-21-car-radio-yt[data-view=grid] .top-4-21-car-radio-yt-embeds>div[data-active] .top-4-21-car-radio-yt-thumb{opacity:0}.top-4-21-car-radio-glow{position:absolute;inset:50% auto auto 50%;z-index:1;transform:translate3d(-50%,-50%,0);width:120rem;aspect-ratio:2/1;background:color-mix(in srgb,#fff 30%,transparent);border-radius:50%;filter:blur(64rem);transition:background .789s}.top-4-21-car-ui{display:flex;flex-flow:column nowrap;gap:16rem;transform:rotate(1.5deg) translate3d(1%,0,0);position:absolute;inset:658rem 470rem auto;z-index:2;padding:42rem 150rem 63rem;visibility:hidden;color:#e0e0e0;font-family:Roboto Condensed,sans-serif;font-weight:700;line-height:120%;text-transform:uppercase;user-select:none}@media(width<768px){.top-4-21-car-ui{gap:28rem;inset:658rem 0 auto;max-width:21%;margin:0 auto;padding:33rem 0}}.top-4-21-car-ui>div{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}@media(width<768px){.top-4-21-car-ui>div{flex-wrap:wrap}}.top-4-21-car-ui button{display:flex;line-height:120%;text-transform:uppercase;cursor:pointer}.top-4-21-car-ui button[data-active]{pointer-events:none}.top-4-21-car-ui-current-track{display:none!important;font-size:7rem;font-weight:700;line-height:120%;text-transform:uppercase}.top-4-21-car-ui-songs{gap:2rem 4rem}@media(width<768px){.top-4-21-car-ui-songs{gap:6rem 8rem}}.top-4-21-car-ui-songs div{transition:transform .321s}.top-4-21-car-ui-songs div>button{flex-flow:column nowrap;align-items:center;max-width:42rem;padding:1rem;background:#e0e0e0;color:#e0e0e0;font-size:2rem;text-align:center}@media(width<768px){.top-4-21-car-ui-songs div>button{font-size:4.5rem}}.top-4-21-car-ui-songs div>button[data-active]{transform:none!important;max-width:none;margin-bottom:-2rem;padding:3rem 3rem 0;background:none;color:#e0e0e0;clip-path:none!important;font-size:6rem;white-space:nowrap}@media(width<768px){.top-4-21-car-ui-songs div>button[data-active]{font-size:11rem}}.top-4-21-car-ui-songs div>button span:last-child{font-size:79%}.top-4-21-car-ui-songs div:has(button:hover){transform:rotate(1.2deg) scale(1.04) translateZ(0)}.top-4-21-car-ui-songs div:nth-child(2n):has(button:hover){transform:rotate(-1.2deg) scale(1.04) translateZ(0)}.top-4-21-car-ui-range{position:relative;z-index:1;transform:skew(-12deg) translateZ(0);width:calc(100% - 80rem);height:6rem;margin:0 auto;box-shadow:inset 0 0 0 .45rem color-mix(in srgb,#e0e0e0 21%,transparent);transition:box-shadow .543s}@media(width<768px){.top-4-21-car-ui-range{width:calc(100% - 30rem);height:8rem;box-shadow:inset 0 0 0 1rem color-mix(in srgb,#e0e0e0 21%,transparent)}}.top-4-21-car-ui-range input[type=range]{position:absolute;inset:0 -1rem;z-index:1;padding:0;background:none;border:0;appearance:none;font-size:0;cursor:col-resize}.top-4-21-car-ui-range input[type=range]::-webkit-slider-thumb{position:relative;z-index:2;appearance:none;width:33rem;height:6.2rem;border:0;background:#e0e0e0;border-radius:0;cursor:grab;transition:transform .543s}@media(width<768px){.top-4-21-car-ui-range input[type=range]::-webkit-slider-thumb{height:8rem}}.top-4-21-car-ui-range input[type=range]::-moz-range-thumb{position:relative;z-index:2;appearance:none;width:33rem;height:6.2rem;border:0;background:#e0e0e0;border-radius:0;cursor:grab;transition:transform .543s}@media(width<768px){.top-4-21-car-ui-range input[type=range]::-moz-range-thumb{height:8rem}}.top-4-21-car-ui-range:has(input[type=range]:hover){box-shadow:inset 0 0 0 .45rem color-mix(in srgb,#e0e0e0 29%,transparent)}@media(width<768px){.top-4-21-car-ui-range:has(input[type=range]:hover){box-shadow:inset 0 0 0 1rem color-mix(in srgb,#e0e0e0 29%,transparent)}}.top-4-21-car-ui-range:has(input[type=range]:hover) input[type=range]::-webkit-slider-thumb{transform:scale(1.02,1.12) translateZ(0)}.top-4-21-car-ui-range:has(input[type=range]:hover) input[type=range]::-moz-range-thumb{transform:scale(1.02,1.12) translateZ(0)}.top-4-21-car-ui-range:has(input[type=range]:active) input[type=range]::-webkit-slider-thumb{cursor:grabbing}.top-4-21-car-ui-range:has(input[type=range]:active) input[type=range]::-moz-range-thumb{cursor:grabbing}.top-4-21-car-ui-range-time-current,.top-4-21-car-ui-range-time-end{position:absolute;bottom:-9rem;z-index:0;transform:skew(12deg) translateZ(0);font-size:6rem}@media(width<768px){.top-4-21-car-ui-range-time-current,.top-4-21-car-ui-range-time-end{bottom:-18rem;font-size:11rem}}.top-4-21-car-ui-range-time-current{left:7rem}@media(width<768px){.top-4-21-car-ui-range-time-current{left:12rem}}.top-4-21-car-ui-range-time-end{right:5rem}@media(width<768px){.top-4-21-car-ui-range-time-end{right:7rem}}.top-4-21-car-ui-controls{gap:12rem}.top-4-21-car-ui-controls button{display:flex;align-items:center;justify-content:center;width:21rem;aspect-ratio:1;font-size:0;transition:box-shadow .543s}@media(width<768px){.top-4-21-car-ui-controls button{width:32rem}}.top-4-21-car-ui-controls button svg{width:10rem;aspect-ratio:1}@media(width<768px){.top-4-21-car-ui-controls button svg{width:15rem}}.top-4-21-car-ui-controls button[data-action=random-auto]{display:none}.top-4-21-car-ui-controls button[data-action=pause],.top-4-21-car-ui-controls button[data-action=play]{width:42rem;border-radius:50%;box-shadow:inset 0 0 0 .45rem color-mix(in srgb,#e0e0e0 21%,transparent)}@media(width<768px){.top-4-21-car-ui-controls button[data-action=pause],.top-4-21-car-ui-controls button[data-action=play]{width:64rem;box-shadow:inset 0 0 0 1rem color-mix(in srgb,#e0e0e0 21%,transparent)}}.top-4-21-car-ui-controls button[data-action=pause] svg,.top-4-21-car-ui-controls button[data-action=play] svg{width:16rem}@media(width<768px){.top-4-21-car-ui-controls button[data-action=pause] svg,.top-4-21-car-ui-controls button[data-action=play] svg{width:24rem}}.top-4-21-car-ui-controls button[data-action=pause]:hover,.top-4-21-car-ui-controls button[data-action=play]:hover{box-shadow:inset 0 0 0 .45rem color-mix(in srgb,#e0e0e0 29%,transparent)}@media(width<768px){.top-4-21-car-ui-controls button[data-action=pause]:hover,.top-4-21-car-ui-controls button[data-action=play]:hover{box-shadow:inset 0 0 0 1rem color-mix(in srgb,#e0e0e0 29%,transparent)}}.top-4-21-car-ui-controls button[data-action=pause][data-active],.top-4-21-car-ui-controls button[data-action=play][data-active]{display:none}.top-4-21-car-ui-controls button[data-action=play] svg{transform:translate(1rem)}.top-4-21-car-ui-status{display:none!important;gap:8rem;margin-top:21rem;font-size:4.5rem}@media(width<768px){.top-4-21-car-ui-status{font-size:8rem}}.top-4-21-car:has(.top-4-21-car-radio-yt[data-view=full]) .top-4-21-car-ui-controls button[data-action=view] span:first-child,.top-4-21-car:has(.top-4-21-car-radio-yt[data-view=grid]) .top-4-21-car-ui-controls button[data-action=view] span:last-child{display:none}
