@font-face{font-family:LLPIXEL3;src:url(Inter-Light.2d9202bb.otf);font-style:normal;font-display:swap}.media-container{width:100%}.songs-container{background:#0a82a099;border-radius:0 0 7px 7px;padding:10px 0}.songs-container .song-container{cursor:pointer;padding:4px 10px;font-weight:700}.songs-container .song-container p{margin:0;font-family:LLPIXEL3;font-size:14px;font-weight:400}.songs-container .song-container:hover,.songs-container .song-container:active{background:#0a82a080}.songs-container .song-active{background:#0c96b8;border-top:2px solid #00000026;border-bottom:2px solid #00000026}.songs-container .song-active p{font-weight:700}.player-container{background:#0a82a0cc;border-bottom:2px solid #00000026;border-radius:7px 7px 0 0;padding:10px;font-weight:600}.player-container .button{font-size:32px;display:inline-flex;position:relative}.player-container .button input{cursor:pointer;width:40px;height:40px;opacity:0;-webkit-tap-highlight-color:transparent}.player-container .button label{pointer-events:none;-webkit-user-select:none;user-select:none;height:40px;width:40px;align-items:center;font-family:LLPIXEL3;display:flex;position:absolute}.player-container .button label:before{text-align:center;width:40px;color:#fff}.player-container .button:hover,.player-container .button:active{filter:saturate(1.05)}.player-container .info{background:#0003;border:2px solid #00000026;border-radius:5px;justify-content:space-between;padding:5px;font-family:LLPIXEL3;font-size:16px;font-weight:400;display:flex;font-weight:700!important}.player-container .info:after{content:attr(data-time);display:inline-block}.player-container .prev label:before{content:"<<"}.player-container .play input:checked+label:before{content:"=";filter:drop-shadow(0 0 10px #fff)drop-shadow(0 0 5px #fff9);transform:rotate(90deg)}.player-container .play label:before{content:">"}.player-container .next label:before{content:">>"}.player-container .loop input:checked+label:before{filter:drop-shadow(0 0 10px #fff)drop-shadow(0 0 5px #fff9)}.player-container .loop label:before{content:"∞"}.player-container .length-container{cursor:pointer;width:100%;background:#00000059;border:thin solid #00000026;border-radius:3px;display:block}.player-container .length-container:hover{filter:saturate(1.5)}.player-container .length-container .length{height:10px;width:0;background:#0fc3f0;border-radius:3px;display:block}
/*# sourceMappingURL=audioplayer.5ba2ed29.css.map */