@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{--borderColor:#000;--player-btn:#000;--player-btn-hover:#000;--player-btn-active:#000;--player-btn-disabled:#bbb;--tagsBackground:#d6d8db;--tagsText:#000;--tagsBackgroundHoverActive:#e0e2e8;--tagsTextHoverActive:#000;--searchBackground:#fff;--searchText:#000;--searchPlaceHolder:#a1a3a7;--playerBackground:#fff;--titleColor:#000;--timeColor:#000;--progressSlider:#e0e2e8;--progressUsed:#000;--progressLeft:#e5e5e5;--bufferLoaded:#c9cace;--volumeSlider:#e0e2e8;--volumeUsed:#000;--volumeLeft:#e5e5e5;--playlistBackground:#fff;--playlistText:#a1a3a7;--playlistBackgroundHoverActive:#f5f5f5;--playlistTextHoverActive:#000}:root.dark{--borderColor:#999;--player-btn:#fff;--player-btn-hover:#fff;--player-btn-active:#fff;--player-btn-disabled:#888;--tagsBackground:#f3f4f6;--tagsText:#000;--tagsBackgroundHoverActive:#575a77;--tagsTextHoverActive:#fff;--searchBackground:#18191f;--searchText:#fff;--searchPlaceHolder:#575a77;--playerBackground:#18191f;--titleColor:#fff;--timeColor:#fff;--progressSlider:#575a77;--progressUsed:#fff;--progressLeft:#151616;--bufferLoaded:#1f212b;--volumeSlider:#575a77;--volumeUsed:#fff;--volumeLeft:#151616;--playlistBackground:#18191f;--playlistText:#575a77;--playlistBackgroundHoverActive:#18191f;--playlistTextHoverActive:#fff}.PageTemplate_pagetemplate__dgvqa{height:100%;width:100%;overflow:hidden;border-radius:20px;border:2px solid var(--borderColor);display:flex;flex-direction:column}.TagsTemplate_wrapper__jiu3L{width:100%;margin:2px auto;height:auto;color:var(--primaryText);display:inline-block}.TagItem_tag__kFwnF{background-color:var(--tagsBackground);color:var(--tagsText);height:30px;display:inline-grid;place-items:center;margin:2px;transition:transform .2s;padding:0 10px;font-family:Varela Round,sans-serif;border-radius:10px;font-size:15px}.TagItem_active__c1c9I,.TagItem_tag__kFwnF:hover{background-color:var(--tagsBackgroundHoverActive);color:var(--tagsTextHoverActive)}.TagItem_tag__kFwnF:hover{cursor:pointer;transform:scale(1.1)}.Search_search__2xfzB{font-family:Quicksand,sans-serif;height:24px;border:none!important;font-size:18px;width:100%;margin:0 auto;background-color:var(--searchBackground)!important;color:var(--searchText);padding-left:20px;border-radius:10px}.Search_search__2xfzB:focus{border:none!important}.Search_search__2xfzB::placeholder{color:var(--searchPlaceHolder)}.PlayerTemplate_wrapper____rgg{width:100%;padding:0 20px;background-color:var(--playerBackground);font-family:Quicksand,sans-serif}.TitleAndTimeBox_wrapper__2HgnP{display:grid;margin:30px 0 20px;grid-template-columns:1fr}.Title_title__8H8Pv{color:var(--titleColor);font-size:18px;text-align:left;width:100%;text-align:center}.Time_time__KB5Dp{font-family:Varela Round,sans-serif;margin:0 20px 0 0;color:var(--timeColor);font-size:16px;text-align:center}.Progress_container__JxuZE{display:grid;place-items:center;padding-bottom:10px}.Progress_slider__fggjx{-webkit-appearance:none;width:100%;height:4px;border-radius:5px}.Progress_slider__fggjx::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--progressSlider);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.Progress_slider__fggjx::-webkit-slider-thumb:hover{width:20px;height:20px}.Progress_slider__fggjx::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--progressSlider);cursor:pointer}.ButtonsAndVolumeBox_wrapper__fvQmf{display:grid;grid-template-columns:auto;margin-bottom:0}.ButtonsBox_wrapper__nGkyu{display:grid;grid-template-columns:repeat(5,auto);place-items:center}.Loop_loop__xuhS1{width:16px;height:16px;transition:transform .2s;fill:var(--player-btn)}.Loop_loop__xuhS1.Loop_disabled__cf15h{fill:var(--player-btn-disabled)}.Previous_previous__204JY{width:18px;height:18px;transition:transform .2s;fill:var(--player-btn)}.Previous_previous__204JY:hover{cursor:pointer;transform:scale(1.2);fill:var(--player-btn-hover)}.Play_play__SXVUI{width:20px;height:20px;transition:transform .2s;fill:var(--player-btn)}.Play_play__SXVUI:hover{cursor:pointer;transform:scale(1.2);fill:var(--player-btn-hover)}.Pause_pause__GQPPR{width:20px;height:20px;transition:transform .2s;fill:var(--player-btn)}.Pause_pause__GQPPR:hover{cursor:pointer;transform:scale(1.2);fill:var(--player-btn-hover)}.Next_next__Hrjx9{width:18px;height:18px;transition:transform .2s;transform:rotate(180deg);fill:var(--player-btn)}.Next_next__Hrjx9:hover{cursor:pointer;transform:scale(1.2) rotate(180deg);fill:var(--player-btn-hover)}.Shuffle_shuffle__mQa8b{width:16px;height:16px;transition:transform .2s;fill:var(--player-btn)}.Shuffle_shuffle__mQa8b.Shuffle_disabled__5hEkd{fill:var(--player-btn-disabled)}.Volume_wrapper__lmrm6{display:grid;place-items:center;min-height:60px}.Volume_slider__jCPpB{-webkit-appearance:none;width:70%;height:1px;border-radius:10px;background:var(--volumeSlider);outline:none;opacity:1;transition:all .5s}.Volume_slider__jCPpB:hover{height:12px}.Volume_slider__jCPpB::-webkit-slider-thumb{appearance:none;width:1px;height:20px;border-radius:50%;background:var(--volumeSlider);cursor:pointer}.Volume_slider__jCPpB::-webkit-slider-thumb:hover{background:var(--volumeSlider)}.Volume_slider__jCPpB::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--volumeSlider);cursor:pointer}.PlaylistTemplate_wrapper__qp5Wr{width:100%;background-color:var(--playlistBackground);display:flex;flex-direction:column;margin:0 auto;height:200px;min-height:120px;overflow-y:scroll;font-family:Quicksand,sans-serif}.PlaylistTemplate_wrapper__qp5Wr::-webkit-scrollbar{width:5px}.PlaylistTemplate_wrapper__qp5Wr::-webkit-scrollbar-track{border-radius:10px}.PlaylistTemplate_wrapper__qp5Wr::-webkit-scrollbar-thumb{background:var(--primaryText);border-radius:10px}.PlaylistItem_item__P8dFz{background-color:var(--playlistBackground);color:var(--playlistText);text-align:center;padding:6px 0;cursor:pointer;font-size:16px;font-family:Poppins,sans-serif}.PlaylistItem_item__P8dFz:last-child{padding:6px 0 30px}.PlaylistItem_active__O_v67{font-family:Quicksand,sans-serif;font-size:18px}.PlaylistItem_active__O_v67,.PlaylistItem_item__P8dFz:hover{color:var(--playlistTextHoverActive)}