:root{--initial-background-color:#fff}@media(prefers-color-scheme:dark){:root{--initial-background-color:#1a1b1e}}html{background:var(--initial-background-color)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.top-submitters-marquee{animation:marquee 12s linear infinite;display:inline-block;line-height:1;padding-left:100%;white-space:nowrap}.top-submitters-refresh{align-items:center;display:inline-flex;justify-content:center}.top-submitters-refresh svg{transition:transform .22s ease}.top-submitters-refresh:hover svg{transform:rotate(180deg)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.top-submitter-chip{align-items:center;border-radius:999px;display:inline-flex;font-weight:700;gap:8px;margin:0 6px;padding:4px 8px;vertical-align:middle;white-space:nowrap}.top-submitter-chip .name{margin-right:6px}.top-submitter-chip .count{background:#00000014;border-radius:6px;font-size:.75em;font-weight:600;padding:2px 6px}.chip-sep{color:#00000040;display:inline-block;font-weight:700;margin:0 18px}.chip-anim-0,.top-submitter{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff8a00,#e52e71,#7b61ff);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}.chip-anim-1{background:linear-gradient(90deg,#7b61ff,#00c6ff,#e84bee);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}.chip-anim-1,.chip-anim-2{-webkit-text-fill-color:#0000}.chip-anim-2{background:linear-gradient(90deg,#00b894,#2ecc71,#fdd41d);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}@media(prefers-color-scheme:dark){.top-submitter-chip .count{background:#ffffff0f}.chip-sep{color:#ffffff2e}}.spotlight-layout{position:relative}.spotlight-layout .stage{align-items:stretch;display:flex;justify-content:center;position:relative;width:100%}.spotlight-layout .side-panel{align-items:center;bottom:0;display:flex;justify-content:center;position:fixed;top:0;transition:opacity .2s ease-in-out;width:96px;z-index:90}.spotlight-layout .side-panel.left{left:30px}.spotlight-layout .side-panel.right{right:30px}.spotlight-layout .player-box{align-items:stretch;display:flex;flex-direction:column;max-width:100vw;min-width:480px;position:relative;width:100vw;z-index:10}.spotlight-layout .queue-popup{animation:fadeIn .2s ease-out;border-radius:8px;bottom:72px;box-shadow:0 8px 24px #0006;left:50%;max-height:60vh;overflow:auto;pointer-events:auto;position:absolute;transform:translateX(-50%);width:min(90vw,1000px);z-index:60}.spotlight-layout .queue-popup .panel-section{padding:8px}.spotlight-layout .queue-toggle{bottom:20px;left:50%;pointer-events:auto;position:fixed;transform:translateX(-50%);transition:transform .2s ease-in-out;z-index:2000}.spotlight-layout .queue-toggle:hover{transform:translateX(-50%) scale(1.05)}.spotlight-layout .autoplay-toggle{bottom:20px;position:fixed;right:20px;z-index:2000}.spotlight-layout .content-container{margin:0 auto;width:83%}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
/*# sourceMappingURL=main.5bd25e50.css.map*/