@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--accent-color: #5E37CC;--accent-color-hover: #4927a8;--text-color: #E0DCEA;--text-second-color: #C5C4C6;--text-disable-color: #919095;--main-bg-color: #1B1A1C;--main-bg-color-for-blur: #2b2a2d53;--main-bg-color-for-notification: #1b1a1cac;--second-bg-color: #141414;--second-bg-color-for-blur: #141414b8;--inputs-bg-color: #2B2A2D;--disabled-bg-color: #232224;--stroke-light: #c5c4c652;--error-color: #C84141;--error-color-hover: #ab3939;--success-color: #4EBA3C;--play-selection-height: 80px;--mobile-play-section-height: 60px;--header-height: 80px;--mobile-nav-panel-height: 80px;--main-padding: 40px}@media screen and (max-width:480px){:root{--main-padding: 20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none;-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}html{font-size:10px;background-color:var(--main-bg-color)}body{min-height:100%;font-family:Rubik,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);caret-color:var(--text-second-color)}ul,ol{list-style:none}img,picture,video,canvas{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}input,textarea,select{background:none;border:none;outline:none}a{color:var(--text-color);text-decoration:none}table{border-collapse:collapse;border-spacing:0}svg{transition:.3s color ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{display:none}.App{display:flex;flex-direction:column;height:100svh;background-color:var(--main-bg-color)}.loader{width:50px;aspect-ratio:1;border-radius:50%;border:8px solid var(--accent-color);animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}.icon{width:20px;height:20px}.icon-active{color:var(--accent-color);transition:.3s all ease}@media(hover:hover){.icon-active:hover{color:var(--accent-color-hover)}}.icon-like-idle{stroke-width:2px;fill:none;color:var(--text-color);transition:.3s all ease}@media(hover:hover){.icon-like-idle:hover{fill:none;color:var(--accent-color)}}._notification_wrapper_x423i_1{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding:10px}._notification_wrapper_with_header_x423i_16{padding-top:calc(var(--header-height) + 10px)}._notification_x423i_1{box-sizing:border-box;padding:15px;max-width:500px;min-width:330px;height:70px;display:flex;align-items:center;background-color:var(--main-bg-color-for-notification);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:relative;border-radius:10px;pointer-events:visible;right:0;border:1px solid var(--stroke-light);animation:_notification-fade-in-desktop_x423i_1 1s ease,_notification-fade-out_x423i_1 .5s ease 4s forwards}._notification_x423i_1._fadeOut_x423i_37{animation:_notification-fade-out_x423i_1 .5s ease forwards}._notification_x423i_1 img{width:40px;height:40px;border-radius:5px;margin-right:20px}._notification_data_x423i_46{display:flex;flex-direction:column;justify-content:space-between;height:100%}._notification_info_x423i_52{font-size:1.5rem;font-weight:600}._notification_additional_info_x423i_56{font-size:1.3rem;font-weight:500}._accent_x423i_61{color:var(--accent-color)}._notification_icon_x423i_65{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin-right:20px}._notification_icon_x423i_65 svg{height:40px;width:40px}._delete_notification_x423i_78{width:24px;height:24px;cursor:pointer;border-radius:10px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:.5s ease all;position:absolute;display:flex;justify-content:center;align-items:center;color:var(--text-disable-color);pointer-events:visible;top:2px;right:2px;opacity:1}@media(hover:hover){._delete_notification_x423i_78{opacity:0}._notification_x423i_1:hover ._delete_notification_x423i_78{opacity:1}._delete_notification_x423i_78:hover svg{color:var(--accent-color)}}._delete_notification_x423i_78 svg{width:14px;height:14px}@media screen and (max-width:480px){._notification_wrapper_x423i_1{padding:10px}._notification_x423i_1{max-width:100%;min-width:100%;animation:_notification-fade-in-mobile_x423i_1 1s ease,_notification-fade-out_x423i_1 .5s ease 4s forwards}}@keyframes _notification-fade-in-mobile_x423i_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _notification-fade-in-desktop_x423i_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _notification-fade-out_x423i_1{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}header{animation:_header-fade-in_vklck_1 1s ease}._main_header_vklck_5{height:80px;width:100%;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);padding:0 40px;z-index:200}._main_header_vklck_5 ._header_home_vklck_18{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center}._main_header_vklck_5 ._header_home_vklck_18 svg{width:20px;height:20px}._main_header_vklck_5 ._header_account_vklck_30{display:flex;min-width:200px;height:50px;justify-content:flex-end;transition:.5s ease all;cursor:pointer}._main_header_vklck_5 ._header_account_info_vklck_38{display:flex;flex-direction:column;text-align:end;justify-content:space-between;padding:5px 0;margin-right:20px}._main_header_vklck_5 ._header_account_info_vklck_38 span:first-child{font-size:1.8rem;font-weight:600}._main_header_vklck_5 ._header_account_info_vklck_38 span:last-child{font-size:1.6rem;font-weight:500;color:var(--text-disable-color)}._main_header_vklck_5 ._account_photo_vklck_55{width:50px;height:50px;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:100px}._main_header_vklck_5 ._account_photo_vklck_55 img{width:50px}._main_header_vklck_5 ._show_user_data_vklck_67{opacity:0;pointer-events:none}@media screen and (max-width:480px){._main_header_vklck_5{display:none}}@keyframes _header-fade-in_vklck_1{0%{top:-100px;opacity:0}to{top:0;opacity:1}}._general_btn_1brn0_1,._general_link_1brn0_2{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:1rem 1.8rem;line-height:1.15;white-space:nowrap;font-family:inherit;border:1px solid transparent}._general_btn_1brn0_1:disabled{background-color:var(--disabled-bg-color);color:var(--text-disable-color);cursor:not-allowed;border-color:transparent;transform:none}@media(hover:hover){._general_btn_1brn0_1:disabled:hover{background-color:var(--disabled-bg-color);color:var(--text-disable-color);transform:none}._general_btn_1brn0_1:disabled:hover svg{color:inherit}}._accent_1brn0_33{background-color:var(--accent-color);border-radius:10px;transition:.4s all ease;cursor:pointer}@media(hover:hover){._accent_1brn0_33:hover{background-color:var(--accent-color-hover)}}._simple_1brn0_45{border:1px solid var(--text-color);border-radius:10px;transition:.4s all ease;cursor:pointer}@media(hover:hover){._simple_1brn0_45:hover{background-color:var(--text-color);color:var(--accent-color)}}._alternative_1brn0_58{background-color:var(--inputs-bg-color);color:var(--text-disable-color);border-radius:100px;transition:.3s all ease;cursor:pointer}@media(hover:hover){._alternative_1brn0_58:hover{color:var(--text-color);transform:scale(1.02)}._alternative_1brn0_58:hover svg{color:var(--accent-color)}}._disable_1brn0_75{background-color:var(--disabled-bg-color);color:var(--text-disable-color);border-radius:10px}._size_xs_1brn0_81{font-size:1.1rem;padding:.6rem 1.2rem}._size_s_1brn0_86{font-size:1.2rem;padding:.4rem 1.2rem}._size_m_1brn0_91{font-size:1.4rem;padding:.7rem 1.6rem}._size_l_1brn0_96{font-size:1.6rem;padding:1rem 2rem}._size_xl_1brn0_101{font-size:1.8rem;padding:1.4rem 2.4rem}._size_2xl_1brn0_106{font-size:2rem;padding:1rem 2rem}._size_3xl_1brn0_111{font-size:3.2rem;padding:.4rem 1.2rem}._weight_regular_1brn0_116{font-weight:400}._weight_medium_1brn0_120{font-weight:500}._weight_semibold_1brn0_124{font-weight:600}._weight_bold_1brn0_128{font-weight:700}._photo_2ub06_1{width:100%;height:100%;object-fit:cover}._icon_2ub06_7{width:50%;height:50%;color:var(--text-color)}._background_8dpxk_1{height:100svh;width:100%;position:relative;box-sizing:border-box;padding:40px 60px;display:flex;flex-direction:column;overflow:hidden}._content_8dpxk_12{position:relative;z-index:2;display:flex;align-items:stretch;gap:48px;flex:1;width:100%;height:100%;min-height:0}._queue_8dpxk_24{flex:1 1 auto;min-width:0;min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain}._background_img_8dpxk_33{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(50px);opacity:.5;z-index:1;pointer-events:none}@media screen and (max-width:1024px){._content_8dpxk_12{justify-content:center}._queue_8dpxk_24{display:none}._background_8dpxk_1{padding:20px}}._fullscreen_controls_jcm0v_1{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);padding:16px}._controller_btn_jcm0v_10{width:36px;height:36px;flex:none;display:flex;justify-content:center;align-items:center;background-color:#00000073;border-radius:50%;cursor:pointer}._controller_btn_jcm0v_10 svg{width:18px;height:18px}@media(hover:hover){._controller_btn_jcm0v_10:hover svg{color:var(--accent-color)}}._left_controllers_jcm0v_31,._center_controllers_jcm0v_32,._right_controllers_jcm0v_33{display:flex;align-items:center;grid-column:1}._left_controllers_jcm0v_31{grid-row:3;justify-self:end}._center_controllers_jcm0v_32{grid-row:2;align-self:center;justify-content:center;gap:min(20px,4%)}._right_controllers_jcm0v_33{grid-row:1;justify-self:end}._fullscreen_play_btn_jcm0v_56{flex:none;width:48px;height:48px;aspect-ratio:1/1;background-color:var(--accent-color);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:.3s all ease}@media(hover:hover){._fullscreen_play_btn_jcm0v_56:hover{transform:scale(1.05)}}._fullscreen_play_loader_jcm0v_74{width:100%;height:100%}._fullscreen_next_rewind_jcm0v_79{transform:rotate(180deg)}._play_or_pause_icon_jcm0v_83{color:var(--text-color);position:relative;left:2px;width:22px;aspect-ratio:1/1}._play_or_pause_icon_playing_jcm0v_90{left:0;width:18px}._now_playing_lhn35_1{display:flex;flex-direction:column;align-self:center;width:min(480px,100svh - 300px);max-width:480px;flex:0 0 auto;min-width:0}@media screen and (max-width:1024px){._now_playing_lhn35_1{width:100%}}._cover_lhn35_16{position:relative;width:100%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;flex-shrink:0}._track_img_lhn35_25{width:100%;height:100%;object-fit:cover;display:block}._cover_overlay_lhn35_32{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 30%,transparent 70%,rgba(0,0,0,.12))}._track_info_lhn35_39{display:flex;flex-direction:column;align-items:center;gap:12px}._fullscreen_track_info_lhn35_46{width:100%;text-align:center;overflow:hidden}._track_title_lhn35_52,._fullscreen_artist_lhn35_53{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._track_title_lhn35_52{font-size:2rem;line-height:1.4;font-weight:700;color:var(--text-color)}._fullscreen_artist_lhn35_53{font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--text-second-color)}._playback_s55mx_1{width:100%;display:flex;flex-direction:column;gap:8px;flex-shrink:0}@media screen and (max-width:480px){._playback_s55mx_1{margin-top:auto}}._time_wrapper_s55mx_14{display:flex;justify-content:space-between;align-items:center;width:100%}._time_wrapper_s55mx_14 span{font-size:1.4rem;color:var(--text-disable-color)}._dots_track_s55mx_25{display:flex;align-items:flex-end;justify-content:space-between;width:100%;height:88px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}._dot_s55mx_25{width:5px;border-radius:100px;background-color:var(--text-disable-color);pointer-events:none;transform-origin:center bottom;transition:height .14s linear,background-color .14s linear,box-shadow .14s linear}._dots_track_s55mx_25[data-dragging] ._dot_s55mx_25{transition:none}._track_item_wrapper_1htlu_1{box-sizing:border-box;width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;padding:10px;cursor:pointer}._track_item_wrapper_1htlu_1 button{cursor:pointer}._img_wrapper_1htlu_15{width:40px;height:40px;border-radius:5px;overflow:hidden;flex-shrink:0}._img_wrapper_1htlu_15 img{width:100%;height:100%;object-fit:cover}._track_info_wrapper_1htlu_28{flex:1 0 200px;display:flex;align-items:center}._small_track_item_info_1htlu_34{display:flex;flex-direction:column;margin-left:10px}._small_track_item_info_1htlu_34 span:first-child{font-size:1.6rem;font-weight:500}._small_track_item_info_1htlu_34 span:last-child{font-size:1.5rem;font-weight:400;color:var(--text-second-color)}._shell_1290y_1{padding-bottom:0}._shell_desktop_1290y_5._shell_with_player_1290y_5{padding-bottom:var(--play-selection-height)}._shell_tablet_1290y_9._shell_with_player_1290y_5{padding-bottom:calc(var(--mobile-play-section-height) + 40px)}._shell_mobile_1290y_13{padding-bottom:calc(var(--mobile-nav-panel-height) + 20px)}._shell_mobile_1290y_13._shell_with_player_1290y_5{padding-bottom:calc(var(--mobile-nav-panel-height) + var(--mobile-play-section-height) + 30px)}