@import url("https://fonts.googleapis.com/css2?family=Varela+Round&display=swap");@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");*{padding:0;margin:0;box-sizing:border-box}:root{--tagsBackground:#3e32e4;--tagsText:#fff;--tagsBackgroundHoverActive:#6e65f1;--tagsTextHoverActive:#fff;--searchBackground:#18191f;--searchText:#fff;--searchPlaceHolder:#575a77;--playerBackground:#18191f;--titleColor:#fff;--timeColor:#fff;--progressSlider:#bcd6ee;--progressUsed:#fff;--progressLeft:#151616;--bufferLoaded:#1f212b;--volumeSlider:#3e32e4;--volumeUsed:#fff;--volumeLeft:#151616;--playlistBackground:#18191f;--playlistText:#575a77;--playlistBackgroundHoverActive:#18191f;--playlistTextHoverActive:#fff}.PlayerTemplate_wrapper__Wj63Z{border-radius:10px;padding:0 40px;background-color:var(--playerBackground);overflow:auto;font-family:Quicksand,sans-serif;position:relative}@media only screen and (max-width:600px){.PlayerTemplate_wrapper__Wj63Z{padding:0 20px}}.TitleAndTimeBox_wrapper__tXl7y{display:grid;grid-template-columns:auto 200px;margin:30px 0 20px}@media only screen and (max-width:800px){.TitleAndTimeBox_wrapper__tXl7y{grid-template-columns:1fr}}.Time_time__TYlFM{font-family:Varela Round,sans-serif;color:var(--timeColor);text-align:right;font-size:30px}@media only screen and (max-width:600px){.Time_time__TYlFM{text-align:center}}.Progress_container__h46XH{display:grid;place-items:center;margin-bottom:20px}.Progress_slider__7ZdtG{-webkit-appearance:none;width:100%;height:4px;border-radius:5px}.Progress_slider__7ZdtG::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;border-radius:50%;background:var(--progressSlider);cursor:pointer}.Progress_slider__7ZdtG::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--progressSlider);cursor:pointer}@media only screen and (max-width:600px){.Progress_container__h46XH{margin:40px 0}}.Play_play__RQLDP{width:40px;height:40px;transition:transform .2s}.Play_play__RQLDP:hover{cursor:pointer;transform:scale(1.2)}.Pause_pause__mvFs0{width:40px;height:40px;transition:transform .2s}.Pause_pause__mvFs0:hover{cursor:pointer;transform:scale(1.2)}.Close_close__dxfsg{width:30px;height:30px;transition:transform .2s;position:absolute;float:right;top:10px;right:10px}.Close_close__dxfsg:hover{cursor:pointer;transform:scale(1.2)}