@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;700;900&display=swap);*{box-sizing:border-box}body{font-family:sans-serif;margin:0 10px}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;background-color:#000;background-position-x:center;background-repeat:repeat-x;background-size:auto 80vh;color:rgb(var(--foreground-rgb));font-family:Inter,sans-serif;margin:0;padding:0;scrollbar-width:none}.audio-player{background:transparent}.audio-player,.inner{height:100vh;position:absolute;top:0;width:100%}.inner{left:0;margin:0 auto;padding:0}.audio-info,.trackBox{height:100%;position:absolute;width:100%}.audio-info{display:flex;gap:20px}.text,.title{color:#fff}.title{font-size:24px;font-weight:800;line-height:28px;margin-bottom:0;padding:2px}.artist{color:#7f7f7f;margin:0 0 20px;opacity:1}.icon-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.audio-image{background:transparent;height:100%;width:100%}.audio-icon{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;width:80px}.audio-image img{height:100%;object-fit:cover;vertical-align:middle;width:100%}.audio-image-inner,.blackFade{height:100%;left:0;position:absolute;top:0;width:100%}.blackFade{background:linear-gradient(180deg,rgba(2,2,2,0),#020202 87.5%);content:"";display:block;pointer-events:none}.audio-info .text{align-items:center;bottom:200px;display:flex;justify-content:space-between;padding:120px 20px 20px;position:absolute;width:100%;z-index:300}button.makeRequest{align-content:center;background-color:initial;border:none;border-radius:50px;color:#eaeaea;font-size:12px;font-weight:900;height:34px;padding:0 12px;width:200px}.gradient-border svg,button.makeRequest svg{fill:#eaeaea;margin-right:5px}.gradient-border{--border-width:3px;align-items:center;background-color:#020202d1;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:900;height:40px;justify-content:center;position:relative;text-transform:uppercase;width:115px}.gradient-border:hover{background-color:#02020280}.gradient-border:after{-webkit-animation:moveGradient 4s infinite alternate;animation:moveGradient 4s infinite alternate;background:linear-gradient(60deg,#e5eb1c,#1ec766,#f57f36,#6d81f5,#f68fc0,#f55958,#96c6f5,#d54db9);background-position:0 50%;background-size:300% 300%;border-radius:100px;content:"";height:calc(100% + var(--border-width)*2);left:calc(var(--border-width)*-1);position:absolute;top:calc(var(--border-width)*-1);width:calc(100% + var(--border-width)*2);z-index:-1}@-webkit-keyframes moveGradient{50%{background-position:100% 50%}}@keyframes moveGradient{50%{background-position:100% 50%}}.controls-wrapper{align-items:center;bottom:80px;display:flex;justify-content:center;margin-top:0;padding:36px 0 59px;position:absolute;text-align:center;width:100%;z-index:900}.controls button,.volume button{background-color:initial;border:none;cursor:pointer;margin:0 20px}button svg{fill:#fff;font-size:40px}.controls button:active svg,.controls button:active svg path,.controls button:hover svg,.controls button:hover svg path{fill:url(#MyGradient)}.button:active,button:active{opacity:.5}.volume{align-items:center;display:flex}.volume button{margin:0}.progress{align-items:center;display:flex;display:none;gap:10px;width:100%}.time{color:#333;font-size:13px;line-height:46px}.time.current{color:#fff}.top__bar{color:#f200ff;display:flex;font-size:25px;justify-content:space-between;line-height:1.25rem;padding:20px;position:absolute;text-align:left;top:0;width:100%;z-index:200}.top__bar a{color:inherit}.top__bar p{margin:0}.controls{display:flex;text-align:center}.volume{display:none}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rotating{-webkit-animation:rotating 5s linear infinite;animation:rotating 5s linear infinite}.marquee{--duration:15s;--gap:var(--space);background:#f45b58;bottom:-2px;color:#000;display:flex;font-size:20px;font-weight:900;gap:var(--gap);letter-spacing:-.02rem;line-height:18px;overflow:hidden;padding-bottom:2px;position:fixed;text-align:center;-webkit-user-select:none;user-select:none;width:100%;z-index:900}.marquee .listeners,.marquee .location,.marquee .plays{display:flex;flex-direction:row;flex-wrap:nowrap;margin:0;padding-bottom:5px;padding-top:5px;text-transform:uppercase;z-index:10}.marquee__group{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px;justify-content:space-around}.animating .marquee__group{-webkit-animation:scroll 35s linear infinite;animation:scroll 35s linear infinite}@media (prefers-reduced-motion:reduce){.marquee__group{-webkit-animation-play-state:paused;animation-play-state:paused}}.marquee__group img{aspect-ratio:1;border-radius:1rem;max-width:clamp(10rem,1rem + 28vmin,20rem);object-fit:cover}.innerMarquee *,.marquee__group :not(div){margin:0 2px}.marquee__group svg{position:relative;top:-1px}.innerMarquee span,.marquee__group span{display:block;margin:0 5px 0 0!important;white-space:nowrap}.innerMarquee span:last-child,.marquee__group span:last-child{margin:0!important}.innerMarquee{align-items:center;display:inline-flex;flex-direction:row;justify-content:space-around}.marquee--borders{border-block:3px solid #1e90ff;padding-block:.75rem}.marquee--reverse .marquee__group{-webkit-animation-delay:-7.5s;animation-delay:-7.5s;animation-direction:reverse}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.requests{background:#000;color:#fff;height:100%;overflow:scroll;padding-bottom:100px;position:absolute;top:0;width:100%;z-index:99999}.requestsTopBar{align-content:center;align-items:center;display:flex;justify-content:space-between;padding:10px 20px;width:100%}.close{cursor:pointer}.requestsTopBar h4{font-size:1.5em}.requestedSong{align-items:center;background:#e5eb1c;border-radius:130px;color:#000;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin-left:5px;margin-right:5px;margin-top:-7px;padding:25px;transition:all .3s ease-in-out}.requestedSong:nth-child(2n+0){background:#1ec766}.requestedSong:nth-child(3n+0){background:#f57f36}.requestedSong:nth-child(4n+0){background:#6d81f5}.requestedSong:nth-child(5n+0){background:#f68fc0}.requestedSong:nth-child(6n+0){background:#f55958}.requestedSong:nth-child(7n+0){background:#96c6f5}.requestedSong:nth-child(8n+0){background:#d54db9}.requestedSong:nth-child(9n+0){background:#e5eb1c}.requestedSong:hover{opacity:.8}.songInfo{align-items:center;display:flex;flex-direction:row;gap:5px}.requestedSong__info__song{font-size:1.2em;font-weight:900;letter-spacing:-.025em;line-height:.9em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:148px}.requestedSong__info__artist{font-size:.7em}.votes{font-size:1.8em;font-weight:400}.votesInfo{align-items:center;display:flex;flex-direction:row;gap:5px}@media only screen and (min-width:768px){.controls-wrapper{bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:40%}.audio-info .text{bottom:40px;padding:120px 50px 20px}}input[type=range]{--range-progress:0;-webkit-appearance:none;background:#ccc;border-radius:2px;cursor:pointer;height:2px;position:relative;width:100%}input[type=range]::-moz-range-track{background:#ccc;border-radius:2px;cursor:pointer;height:2px;position:relative;width:100%}input[type=range]:before{background:#f50;border-bottom-left-radius:2px;border-top-left-radius:2px;content:"";height:2px;left:0;position:absolute;top:0;width:var(--range-progress)}input[type=range]::-moz-range-progress{background:#f50;border-bottom-left-radius:2px;border-top-left-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#f50;border:none;border-radius:50%;cursor:pointer;height:8px;position:relative;width:8px}input[type=range]:active::-webkit-slider-thumb{-webkit-transform:scale(1.2);transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:#f50;border:transparent;border-radius:50%;cursor:pointer;height:8px;position:relative;width:8px}input[type=range]:active::-moz-range-thumb{transform:scale(1.2)}
/*# sourceMappingURL=main.414f5d44.css.map*/