.navBar{grid-area:navBar;display:flex;flex-wrap:nowrap;justify-content:space-between}.spotify-button{width:72px;background-image:url(/spotify.svg);background-repeat:no-repeat;background-size:32px;background-position:center center;cursor:pointer}.search-nav{display:flex;flex-wrap:nowrap;gap:8px;width:clamp(400px,50vw,550px)}.home-btn{height:100%;aspect-ratio:1 / 1;border-radius:50%;background:url(/home.svg),var(--bg);background-repeat:no-repeat;background-size:24px;background-position:center center;cursor:pointer}.search-section{display:flex;flex-wrap:nowrap;background-color:var(--bg);border-radius:70px;outline:1px solid transparent;gap:7px;flex-grow:1;transition:all .2s ease}.search-part{display:flex;flex-grow:1}.search-part>input::placeholder{color:#fff9;font-size:1rem}.sbtn{height:100%;aspect-ratio:1 / 1;background-image:url(/search.svg);background-repeat:no-repeat;background-position:center center;background-size:24px;filter:invert(35%);transition:all ease .3s;cursor:pointer}.search-part>input{font-size:1rem;border:none;background-color:transparent;width:100%}.search-part>input:focus{outline:none}.browse{height:100%;aspect-ratio:1 / 1;transition:ease filter .3s;background-image:url(/browse.svg);background-repeat:no-repeat;background-position:center center;background-size:24px;filter:invert(35%);cursor:pointer}.search-section:hover{outline:1px solid #fff2;background:#ffffff28}.search-part>input:focus .search-section{outline:1px solid #fff2;background:#ffffff28}.search-section:hover .sbtn,.browse:hover{filter:invert(5%)}.browse:before{content:"";position:absolute;top:25%;left:0;width:2px;height:50%;background:#fff8}.user-nav{display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between;align-items:center;padding-right:10px}.install-btn{position:relative;padding-left:7%;width:100px;font-weight:600;cursor:pointer;font-size:13px;transition:font-weight ease .1s;border-radius:70px}.install-btn:hover{font-weight:700}.install-btn:before{content:"";position:absolute;top:0;left:0;background-image:url(/install.svg);height:100%;width:100%;background-repeat:no-repeat;background-position:left center;transform:translateY(7%);background-size:12%}.notification-btn{height:100%;aspect-ratio:1 / 1;background-image:url(/notification.svg);background-size:16px;filter:invert(35%);background-repeat:no-repeat;background-position:center center;transition:filter ease .1s;cursor:pointer}.notification-btn:hover{filter:invert(5%)}.user{height:32px;aspect-ratio:1 / 1;background-image:url(/user.png);background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:50%;outline:7px solid var(--bg);transition:transform ease .1s;cursor:pointer}.user:hover{transform:scale(1.03)}.songTag{min-height:64px;display:grid;grid-template-columns:56px 1fr;padding-left:8px;gap:4px;cursor:pointer;border-radius:var(--radius)}.songTag:hover{background:var(--bg2)}.songTag>.image{--rad: 6px;align-self:center;background-size:cover;background-repeat:no-repeat;width:85.7%;border-radius:var(--rad);aspect-ratio:1 / 1;background-position:center center;display:grid;place-items:center;background-blend-mode:multiply;position:relative}.songTag>.image:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:#fff;filter:invert(90%);z-index:-1;border-radius:var(--rad);animation:animate 2s linear 20}.songTag>.image>.play-btn-tag{height:45%;aspect-ratio:1 / 1;background-image:url(/play-btn.svg);opacity:0}.songTag>.song-details{display:flex;flex-direction:column;justify-content:center}.songTag:hover>.image{background-color:#0007}.songTag:hover>.image>.play-btn-tag{opacity:1}.songTag>.song-details>.playlist-title{font-size:1rem;filter:invert(5%);font-weight:500;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;padding-right:2px;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.songTag>.song-details>.caption{color:var(--secondary-color);font-size:.9rem}.songTag[name=collapse]{grid-template-columns:1fr;justify-content:center}.songTag[name=collapse]>.song-details{display:none}.songTag[name=collapse]>.image>.play-btn-tag{display:none}.songTag[name=collapse]>.image{padding-right:0;width:86%}.songTag[name=collapse]:hover>.image{background-color:transparent}.leftSection{grid-area:leftSection;width:clamp(280px,30vw,350px);display:grid;--topportion-height: 108px;grid-template-rows:var(--topportion-height) 1fr;background:var(--main-bg);border-radius:var(--radius);overflow:hidden}.top-portion{width:100%;display:grid;grid-template-rows:5fr 4fr}.top-portion>header{display:flex;align-items:center;padding:12px 16px 8px}.top-portion>.portion-btns{display:flex;align-items:center;margin:8px 16px;gap:5px}.top-portion>.portion-btns>.portion-btn{all:unset;background:#ffffff1a;border-radius:50px;padding:6px 12px;transition:all ease .2s;cursor:pointer;font-weight:450;font-size:.9rem}.top-portion>.portion-btns>.portion-btn:hover{background:var(--bg)}.top-portion-nav{width:100%;font-weight:700;height:100%;display:flex;justify-content:space-between;align-items:center}.top-portion-nav>.library{position:relative;padding:4px 8px;filter:invert(30%);transition:filter ease .2s;cursor:pointer;overflow:hidden;font-size:.95rem;display:flex;align-items:center;gap:12px}.top-portion-nav>.library>.expand-btn{background-image:url(/collapse.svg);background-size:contain;height:24px;background-position:center center;aspect-ratio:1 / 1}.top-portion-nav>.library:hover{filter:invert(5%)}.plus-btn,.show-more{height:70%;aspect-ratio:1 / 1;background-repeat:no-repeat;background-size:55%;background-position:center center;filter:invert(30%);transition:all ease .3s;border-radius:50%;cursor:pointer}.plus-btn:hover,.show-more:hover{filter:invert(0%);background-color:var(--bg2)}.plus-btn{background-image:url(/plus.svg)}.show-more{background-image:url(/right-arrow.svg)}.plus-more-btns{display:flex;align-items:center;height:100%;gap:8px}.playlists{display:grid;grid-template-rows:32px 1fr;overflow-y:scroll;scroll-behavior:smooth;padding:0 8px 8px;gap:10px}.playlist-nav>.playlist-search{height:100%;aspect-ratio:1 / 1;background:url(/search.svg);padding:3px;background-repeat:no-repeat;background-position:center center;background-size:55%;border-radius:50%;transition:all ease .1s;cursor:pointer;filter:invert(30%)}.playlist-nav>.playlist-search:hover{background-color:#ffffff1a;filter:invert(5%)}.playlist-nav{width:100%;padding:2px 8px 0;display:flex;justify-content:space-between;align-items:center}.playlist-nav>.recents{font-size:.85rem;position:relative;display:flex;align-items:center;gap:3px;filter:invert(30%);cursor:pointer;transition:all .1s ease}.playlist-nav>.recents:hover{filter:invert(5%);transform:scale(1.01);font-weight:500}.playlist-nav>.recents>.recent-icon{height:16px;aspect-ratio:1 / 1;background-image:url(/recents-icon.svg);background-repeat:no-repeat;background-position:center center;background-size:90%}.playlist-items{flex-grow:1;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.leftSection[name=collapse]{min-width:0px;grid-template-rows:calc(var(--topportion-height) / 2) 1fr;max-width:72px;padding:5px 0 0;gap:4px}.leftSection[name=collapse]>.top-portion{grid-template-rows:1fr}.leftSection[name=collapse]>.top-portion>header>.top-portion-nav>.plus-more-btns{display:none;padding:0}.leftSection[name=collapse]>.top-portion>header>.top-portion-nav{justify-content:center;padding:0;align-items:center}.leftSection[name=collapse]>.top-portion>header{padding:0}.leftSection[name=collapse]>.top-portion>header>.top-portion-nav>.library>.expand-btn{background-image:url(/expand.svg);background-size:contain;height:40px;background-size:24px;background-repeat:no-repeat;background-position:center center;aspect-ratio:1 / 1;padding:12px 16px 8px}.leftSection[name=collapse]>.top-portion>header>.top-portion-nav>.library{overflow:hidden}.leftSection[name=collapse]>.top-portion>.portion-btns{display:none}.playlists[name=collapse]{grid-template-rows:1fr;padding:0}.playlists[name=collapse]::-webkit-scrollbar{width:0}.playlists[name=collapse]>.playlist-nav{display:none}.playlists[name=collapse]>.playlist-items{overflow-x:hidden;padding:0 4px 4px}.playlists[name=collapse]>.playlist-items::-webkit-scrollbar{width:0}._rightSection_jwnki_1{grid-area:rightSection;width:clamp(280px,25vw,330px);border-radius:var(--radius);background-color:var(--main-bg);overflow:hidden;position:relative;overflow-y:auto;scroll-behavior:smooth}._rightSection_jwnki_1::-webkit-scrollbar{width:0}._heading_jwnki_33{display:flex;justify-content:space-between;z-index:4;padding:0 16px;height:64px;position:sticky;top:0;overflow:hidden}._song_heading_jwnki_63{display:flex;align-items:center;font-size:1rem;overflow:hidden;font-weight:800;text-decoration:underline 1.5px solid transparent;flex-grow:1;position:relative;-webkit-mask-image:linear-gradient(to right,#000 90%,transparent 96% 100%);mask-image:linear-gradient(to right,#000 90%,transparent 96% 100%)}._song_heading_jwnki_63>p{white-space:nowrap;cursor:pointer;position:relative;overflow:hidden}._song_heading_jwnki_63>p:hover{text-decoration:underline 1.5px solid #fff}._navigator_jwnki_109{display:flex;flex-wrap:nowrap;align-items:center}._threeDots_jwnki_121,._closeBtn_jwnki_121{height:32px;aspect-ratio:1 / 1;background-size:16px;background-repeat:no-repeat;background-position:center center;border-radius:50%;cursor:pointer;filter:invert(5%)}._threeDots_jwnki_121{background-image:url(/three-dots.svg)}._threeDots_jwnki_121:hover{filter:invert(0%)}._closeBtn_jwnki_121{background-image:url(/cut.svg);transition:background-color .3s ease}._closeBtn_jwnki_121:hover{background-color:var(--bg);filter:invert(0%)}._closeBtn_jwnki_121:active,._threeDots_jwnki_121:active{filter:invert(35%)}._main_jwnki_179{display:flex;flex-direction:column;flex-wrap:nowrap;gap:16px;overflow:hidden;position:relative;padding-bottom:16px}._child-container_jwnki_207{overflow:hidden;position:relative;width:100%}._main_jwnki_179::-webkit-scrollbar{width:0}._song_details_jwnki_231{padding-bottom:8px;display:flex;flex-direction:column;gap:24px}._song_thumb_jwnki_245{width:100%;aspect-ratio:1 / .9;cursor:pointer;position:relative;--loading-display: none;padding:0 16px;display:grid;place-items:center}._song_thumb_jwnki_245>img{width:100%;object-fit:cover;aspect-ratio:1 / 1;border-radius:var(--radius);object-position:center center}._song_thumb_jwnki_245:before{content:"";position:absolute;display:var(--loading-display);top:0;left:0;width:100%;height:100%;background-image:linear-gradient(-135deg,#fff6,#fffb);animation:_animate_jwnki_1 2s linear infinite;filter:invert(85%);border-radius:inherit;z-index:-1}@keyframes _animate_jwnki_1{50%{opacity:.5}}._song_info_jwnki_317{display:flex;justify-content:space-between;display:grid;padding:0 16px;grid-template-columns:1fr max-content;z-index:1;position:relative;transition:1s ease margin-top;--bg-before: linear-gradient(transparent 1px, #0f0f0f99 80px 100%)}._song_info_jwnki_317:before{content:"";position:absolute;width:100%;z-index:-1;left:0;top:-10px;padding:0;height:750%;background:var(--bg-before);pointer-events:none}._song_title_jwnki_369{flex-grow:1;display:grid;overflow:hidden;grid-template-rows:1fr 1fr;position:relative;-webkit-mask-image:linear-gradient(to right,#000 90%,transparent 96% 100%);mask-image:linear-gradient(to right,#000 90%,transparent 96% 100%)}._song_title_jwnki_369>*{white-space:nowrap}._song_title_jwnki_369>div:nth-child(1)>span{font-size:20px;text-decoration:1.5px solid underline transparent;font-weight:750;cursor:pointer}._song_title_jwnki_369>div>span:hover{text-decoration:1.5px solid underline #fff}._artists_jwnki_413>span{color:var(--secondary-color);text-decoration:1px solid underline transparent;cursor:pointer}._artists_jwnki_413>span:hover{color:#fff;text-decoration:1px solid underline #fff}._actions_jwnki_431{display:flex;align-items:center}._add_song_btn_jwnki_441,._copy_btn_jwnki_441{height:50%;aspect-ratio:1 / 1;background-image:url(/add_song.svg);background-repeat:no-repeat;background-position:center center;background-size:60%;border-radius:50%;cursor:pointer;filter:invert(5%)}._copy_btn_jwnki_441{background-image:url(/share.svg);filter:invert(30%);transition:ease filter .1s}._copy_btn_jwnki_441:hover{filter:invert(5%);transform:scale(1.04)}._add_song_btn_jwnki_441:hover{transform:scale(1.04)}._about_artist_jwnki_491{background-color:var(--box-bg-color);border-radius:var(--radius);margin:0 16px;cursor:pointer;position:relative;z-index:2}._about_artist_jwnki_491>div:nth-child(1){background-image:linear-gradient(#00000080,#0000 50%);width:100%;aspect-ratio:2 / 1.3;border-radius:8px 8px 0 0;background-position:center center;background-size:cover}._about_artist_jwnki_491>div:nth-child(1)>p{padding:16px;font-weight:700}._artist_info_jwnki_533{padding:16px;display:flex;flex-direction:column}._artist_name_jwnki_545{align-items:center;justify-content:baseline}._artist_name_jwnki_545>p{font-weight:700;display:inline;text-decoration:underline 1px solid transparent}._artist_name_jwnki_545>p:hover{text-decoration:underline 1px solid #fff}._follow_section_jwnki_571{padding:8px 0 12px;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:8px;align-items:center}._follow_section_jwnki_571>div:nth-child(1){flex-grow:1;color:var(--secondary-color);white-space:wrap;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}._artist_description_jwnki_611{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:13px;margin-bottom:8px;color:var(--secondary-color)}._artist_description_jwnki_611>a{text-decoration:none;color:#fff}._artist_description_jwnki_611>a:hover{text-decoration:underline 1px solid #fff}._credits_jwnki_649{padding:16px;display:flex;flex-direction:column;gap:16px;background-color:var(--box-bg-color);margin:0 16px;border-radius:var(--radius)}._credit_title_jwnki_667{display:flex;justify-content:space-between;align-items:center}._credit_title_jwnki_667>div:nth-child(2){margin-left:10px;font-size:13px;font-weight:700;text-decoration:underline 1px solid transparent;cursor:pointer}._credit_title_jwnki_667>div:nth-child(1){font-weight:700;cursor:text;-webkit-user-select:text;user-select:text}._credit_title_jwnki_667>div:nth-child(2):hover{text-decoration:underline 1px solid #fff;font-weight:750;transform:scale(1.02)}._credits_jwnki_649>div:not(:nth-child(1)){display:flex;justify-content:space-between;align-items:center}._credits_jwnki_649>div:not(:nth-child(1))>div:nth-child(1){display:flex;flex-direction:column;justify-content:center;gap:2px;flex-grow:1}._credits_jwnki_649>div:not(:nth-child(1))>div:nth-child(1)>div:nth-child(1){font-weight:400}._credits_jwnki_649>div:not(:nth-child(1))>div:nth-child(1)>div:nth-child(1)>span{cursor:pointer;text-decoration:underline 1.5px solid transparent}._credits_jwnki_649>div:not(:nth-child(1))>div:nth-child(1)>div:nth-child(1)>span[name=nonArtist]{cursor:text;-webkit-user-select:text;user-select:text}._credits_jwnki_649>div:not(:nth-child(1))>div:nth-child(1)>div:nth-child(1)>span:not([name=nonArtist]):hover{text-decoration:underline 1.5px solid #fff}._credits_jwnki_649>div:not(:nth-child(1))>div:nth-child(1)>div:nth-child(2){font-size:13px;font-weight:400;color:#c3c3c3;filter:invert(5%);width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}._credits_jwnki_649>div:not(:nth-child(1))>div:nth-child(1)>div:nth-child(2)>span{cursor:text;-webkit-user-select:text;user-select:text;display:block}._circle_artist_jwnki_803{display:flex;flex-direction:column}._circle_artist_cover_jwnki_811{object-fit:cover;width:80px;aspect-ratio:1 / 1;object-position:center center;border-radius:50%;margin:auto 16px;-webkit-user-drag:none}._next_queue_jwnki_829{background-color:var(--box-bg-color);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;margin:0 16px;gap:10px}._queue_title_jwnki_847{display:flex;justify-content:space-between}._queue_title_jwnki_847>span:nth-child(1){font-weight:700;cursor:text;-webkit-user-select:text;user-select:text}._queue_title_jwnki_847>span:nth-child(2){font-size:13px;padding-left:10px;color:var(--secondary-color);font-weight:600;transition:transform .2s ease,text-decoration 0s;cursor:pointer}._queue_title_jwnki_847>span:nth-child(2):hover{color:#fff;transform:scale(1.02);text-decoration:underline 1px solid #fff}._queue_next_jwnki_891{margin:auto -8px;display:grid;grid-template-columns:48px 1fr;padding:8px;gap:10px;border-radius:var(--radius);cursor:pointer;overflow:hidden}._queue_next_jwnki_891>div:nth-child(1){width:100%;aspect-ratio:1 / 1;background-image:linear-gradient(#0004,#0008);background-position:center center;background-size:cover;border-radius:4px;position:relative;display:grid;place-items:center;background-color:transparent;background-blend-mode:multiply}._queue_next_jwnki_891>div:nth-child(1):before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-image:linear-gradient(-135deg,#fff6,#fffb);animation:_animate_jwnki_1 2s linear infinite;filter:invert(85%);border-radius:inherit;z-index:-1}._queue_next_jwnki_891:hover{background-color:var(--main-bg)}._queue_next_jwnki_891:hover :is(div:nth-child(2)>span:nth-child(3),._queue_btn_jwnki_969){opacity:1}._queue_next_jwnki_891:hover>div:nth-child(1){background-color:#0005}._queue_btn_jwnki_969{height:22px;aspect-ratio:1 / 1;background-image:url(/play-btn.svg);background-repeat:no-repeat;background-position:center center;background-size:85%;border-radius:50%;opacity:0}._queue_next_jwnki_891>div:nth-child(2){display:flex;flex-direction:column;justify-content:center;position:relative;padding-right:34px;overflow:hidden}._queue_next_jwnki_891>div:nth-child(2)>span:nth-child(1){font-size:1rem;font-weight:500}._queue_next_jwnki_891>div:nth-child(2)>span:nth-child(2){font-size:13px}._queue_next_jwnki_891>div:nth-child(2)>span:nth-child(2)>span:hover{text-decoration:underline 1px solid #fff}._queue_next_jwnki_891>div:nth-child(2)>span:nth-child(3){position:absolute;right:4px;width:24px;height:15px;background-image:url(/three-dots.svg);background-size:70%;background-repeat:no-repeat;opacity:0;background-position:center center;filter:invert(30%)}._queue_next_jwnki_891>div:nth-child(2)>span:nth-child(3):hover{filter:invert(0)}._queue_next_jwnki_891>div:nth-child(2)>span:is(:nth-child(1),:nth-child(2)){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._canvasContainer_jwnki_1085{position:absolute;display:block;transition:3s ease;width:100%;top:0}._canvas_jwnki_1085{width:100%;transition:1s;cursor:pointer;-webkit-mask-image:linear-gradient(0deg,transparent 0% .5px,#000c 90px 80%,#0004 99.9% 100%);mask-image:linear-gradient(0deg,transparent 0% .5px,#000c 90px 80%,#0004 99.9% 100%)}._canvasContainer_jwnki_1085:hover>video._canvas_jwnki_1085{-webkit-mask-image:linear-gradient(0deg,transparent 0% .5px,#000 90px 80%,#0007 99.09% 100%);mask-image:linear-gradient(0deg,transparent 0% .5px,#000 90px 80%,#0007 99.09% 100%)}._stickyHeader_1lex5_1{background:var(--customBg);box-shadow:0 3px 10px #0009}._header_1lex5_5{transition:ease-out .3s}._mainFooter_hvefv_1{display:flex;flex-direction:column;width:100%;gap:40px;-webkit-user-select:text;user-select:text;padding-top:40px}._links_hvefv_17{border-bottom:1px solid var(--bg);display:flex;flex-wrap:wrap;justify-content:space-betweenn}._linkSection_hvefv_29{display:flex;flex-wrap:wrap;flex-grow:1}._socialLinks_hvefv_41{margin-bottom:40px;display:flex;flex-wrap:nowrap;gap:10px}._linkSet_hvefv_55{flex-basis:0;margin-bottom:32px;display:flex;flex-direction:column;min-width:150px;flex-wrap:wrap;gap:8px;flex-grow:1}._linkSectionTitle_hvefv_79>span{cursor:text;font-weight:700;filter:invert(5%)}._links_set_hvefv_95{display:flex;flex-direction:column}._final_link_hvefv_103>a{text-decoration:none;color:var(--secondary-color);padding-bottom:8px}._final_link_hvefv_103>a:hover{text-decoration:underline 1px solid #fff;color:#fff}._social_hvefv_41{width:40px;height:40px;background-repeat:no-repeat;background-size:contain;background-position:center center;background-size:16px;border-radius:50%;background-color:#ffffff13;cursor:pointer}._social_hvefv_41:hover{background-color:#ffffff2a}._legal_hvefv_151{padding-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px}._legal_links_hvefv_165{display:flex;flex-wrap:wrap}._legal_links_hvefv_165>a{text-decoration:none;color:var(--secondary-color);margin-right:16px;margin-bottom:8px}._legal_links_hvefv_165>a:hover{color:#fff}._copyRight_hvefv_195{padding-right:16px;color:var(--secondary-color)}.outer-main{grid-area:mainSection;display:flex;justify-content:center;background:var(--main-bg);overflow:hidden;min-width:417px;border-radius:var(--radius)}.mainSection{border-radius:var(--radius);display:flex;flex-direction:column;height:100%;width:100%;max-width:1907px;position:relative;overflow-y:auto;padding-bottom:32px;scroll-behavior:smooth;--shadow: #501df2}@media screen and (max-width: 420px){.mainSection{min-width:100%}}.mainSection:before{position:absolute;left:0;content:"";top:0;width:100%;height:300px;box-shadow:inset 0 90px 60px 0 var(--shadow);filter:blur(80px) contrast(164%) brightness(104%) saturate(80%);z-index:-1;opacity:1;transition:box-shadow ease 1s}.mainSection>.main-nav{padding-top:16px;z-index:6;padding-bottom:6px;height:64px;display:flex;align-items:center;padding-left:16px;position:sticky;top:0}.mainSection>.main-nav>.main-nav-btns{height:40px;display:flex;align-items:center;gap:8px;overflow-x:auto}.mainSection>.main-nav>.main-nav-btns>button{all:unset;background:#ffffff1a;border-radius:50px;filter:invert(5%);padding:4px 12px;transition:all ease .2s;cursor:pointer;height:60%;font-size:.9rem}.mainSection>.main-nav>.main-nav-btns>button[name=active]{background:#fff;color:#000}.mainSection>.main-nav>.main-nav-btns>button:not([name=active]):hover{background-color:var(--bg)}.mainSection>.home{padding:12px 8px 0;display:flex;flex-direction:column;gap:20px}.recent-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-left:8px;padding-right:8px}.recent-tiles>.tile{height:48px;background-color:#ffffff17;border-radius:6px;display:grid;grid-template-columns:max-content 1fr;flex-wrap:nowrap;gap:8px;align-items:center;transition:background-color ease .3s;cursor:pointer;overflow:hidden}.recent-tiles>.tile>.thumb{height:100%;aspect-ratio:1 / 1;background-repeat:no-repeat;background-size:cover;background-position:center center;overflow:hidden;position:relative}.recent-tiles>.tile>.thumb:before{content:"";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%;background:linear-gradient(var(--bg),var(--bg2));opacity:.8;animation:anim 2s linear infinite}@keyframes anim{50%{opacity:.3}}.recent-tiles>.tile>.title{font-weight:700;font-size:.88rem;display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding-right:8px;height:100%}.tile>.title>div:nth-of-type(1){flex-grow:1;flex-shrink:1;text-overflow:ellipsis;max-lines:2;overflow:hidden;padding-right:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tile>.title>div:nth-of-type(2){height:75%;background-image:url(/play-btn-black.svg);aspect-ratio:1 / 1;background-repeat:no-repeat;background-position:center center;background-size:60%;background-color:var(--brand-color);border-radius:50%;opacity:0;transition:filter ease .1s}.tile:hover{background-color:#ffffff2a}.tile:hover>.title>div:nth-of-type(2){opacity:1}.tile>div:nth-of-type(2):hover{filter:brightness(110%)}.home>.main-section{display:flex;flex-direction:column}.home>.main-section>.card-section-title{height:48px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-left:8px;padding-right:8px}.card-section-title>*{text-decoration:underline 2px solid transparent;filter:invert(5%);transition:text-decoration .2s;cursor:pointer;white-space:nowrap}.card-section-title>.show-all{font-size:13px;font-weight:600}.card-section-title>.show-all:hover{text-decoration:underline 2px solid white}.card-section-title-text{font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.card-section-title-text:hover{text-decoration:underline 2px solid white}.home>.main-section>.song-cards{display:grid;overflow:hidden}.home>.main-section>.song-cards>.song-card{display:flex;flex-direction:column;flex-grow:1;border-radius:var(--radius);aspect-ratio:1 / 1.3;gap:0px;padding:8px 14px;justify-content:space-evenly;overflow:hidden;cursor:pointer}.home>.main-section>.song-cards>.song-card>.song-card-thumb{width:100%;aspect-ratio:1 / 1;background-position:center center;background-size:cover;border-radius:6px;background-repeat:no-repeat;position:relative}.song-card>.song-card-thumb:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fffa,var(--bg));filter:invert(80%);border-radius:6px;animation:animate 2s linear 20;z-index:-1}.song-card>.song-card-thumb>.pbtn{position:absolute;height:27%;aspect-ratio:1 / 1;background-image:url(/play-btn-black.svg);background-position:center center;background-repeat:no-repeat;background-size:60%;bottom:0;right:0;border-radius:50%;margin-bottom:4%;margin-right:5%;background-color:var(--brand-color);opacity:0;transform:translateY(20%);transition:opacity .2s ease,transform .3s;box-shadow:0 5px 7px #0006}.song-card:hover>.song-card-thumb>.pbtn{opacity:1;transform:translateY(0);z-index:2}.song-card>.song-card-thumb>.pbtn:hover{transition:all .1s;transform:translateY(0) scale(1.04)}.home>.main-section>.song-cards>.song-card>.song-card-caption{overflow:hidden;font-size:13px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;color:var(--secondary-color)}.home>.main-section>.song-cards>.song-card:hover{background-color:var(--bg2)}.footer{width:100%;padding:32px 32px 40px}.mainNavbarSticky:before{position:absolute;content:"";height:100%;width:100%;background:var(--customBg, transparent);filter:brightness(70%);box-shadow:0 2px 30px 0 var(--customBg, #0004);left:0;top:0}._lyrics-bar_cvafu_1{border-radius:inherit;background-color:#23a462b1;overflow:hidden;width:100%;display:flex;justify-content:center;position:relative;--current-time: 0}._lyrics-wraper_cvafu_11{width:max-content;padding:50px 40px;font-size:1.6rem;overflow-y:auto;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(transparent .01%,#000 10% 85%,transparent 99.09% 100%);mask-image:linear-gradient(transparent .01%,#000 10% 85%,transparent 99.09% 100%)}._lyrics-wraper_cvafu_11::-webkit-scrollbar{width:0px}._lyrics-wraper_cvafu_11>p{line-height:40px;color:#fff9;font-weight:600;transition:ease .2s}._lyrics-wraper_cvafu_11>p:hover{text-decoration:underline 2px solid #fff;color:#fff;text-shadow:0px 0px 2px #fff}p._current_cvafu_48{color:#fff}p._past_cvafu_51{color:#fff;text-shadow:0px 0px 2px #fff}@media screen and (min-width: 1000px){._lyrics-wraper_cvafu_11>p{line-height:50px}._lyrics-wraper_cvafu_11{font-size:1.8rem}}._lyrics-bar_cvafu_1:has(._loading_cvafu_65){background-color:transparent}._loading_cvafu_65{padding:50px 40px;font-size:1.6rem;overflow-y:auto;scroll-behavior:smooth;width:100%}._loading_cvafu_65>div{--loading-acent-color: #f3f3f305;background:var(--loading-acent-color);width:clamp(200px,95%,500px);aspect-ratio:2 / 1;border-radius:16px;display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;padding:calc(20px + 1%);margin:0 auto;overflow:hidden;justify-content:center}._loading_cvafu_65>div>div{width:90%;height:25px;border-radius:16px;background-color:inherit;--animation-delay: 0s;animation:_loadingAnime_cvafu_1 1.5s ease-in infinite;animation-delay:var(--animation-delay)}._loading_cvafu_65>div>div:nth-of-type(1){width:70%}._loading_cvafu_65>div>div:nth-of-type(3){width:75%}._loading_cvafu_65>div>div:nth-of-type(4){width:85%}@keyframes _loadingAnime_cvafu_1{0%,to{opacity:.6}50%{opacity:1}}._deskBottom_10fod_1{display:flex;justify-content:space-between;align-items:center}._deskBottom_10fod_1>*{height:100%}._controllers_17fzf_1{flex-grow:1;display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;max-width:722px;align-items:center}._controllers_17fzf_1>*{overflow:hidden}._controll_buttons_17fzf_31{flex-grow:1;display:flex;gap:12px;justify-content:center;align-items:center;overflow:hidden;max-height:50px}._controll_button_17fzf_31{height:65%;aspect-ratio:1 / 1;border-radius:50%;cursor:pointer}._controll_button_17fzf_31{background-repeat:no-repeat;background-position:center center;background-size:65%;position:relative}._controll_button_17fzf_31:nth-child(3){background-image:url(/play-btn-black.svg);--bgSize: 65%;background-repeat:no-repeat;background-position:center center;background-size:var(--bgSize);background-color:#fff;transform:scale(1)}._controll_button_17fzf_31:nth-child(1),._controll_button_17fzf_31:nth-last-child(1){--display-dot: block}._controll_button_17fzf_31:nth-child(1)>div:nth-child(1){mask:url(/suffle.svg) no-repeat center center;background-color:var(--brand-color);filter:none;-webkit-mask-size:45%;mask-size:45%;width:100%;height:100%}._controll_button_17fzf_31:nth-last-child(1)>div:nth-child(1){mask:url(/repeat.svg) no-repeat center center;background-color:var(--brand-color);filter:none;-webkit-mask-size:45%;mask-size:45%;width:100%;height:100%}._controll_button_17fzf_31:nth-child(1),._controll_button_17fzf_31:nth-last-child(1){opacity:1;background-size:50%}._controll_button_17fzf_31:nth-last-child(2){background-image:url(/next-song.svg)}._controll_button_17fzf_31:nth-child(2),._controll_button_17fzf_31:nth-last-child(2){background-size:45%;opacity:.75}._controll_button_17fzf_31:nth-child(2){background-image:url(/prev-song.svg)}._controll_button_17fzf_31:not(:nth-child(3)){transform:scale(1)}._controll_button_17fzf_31:not(:nth-child(3)):hover{transform:scale(1);opacity:1;filter:none}._controll_button_17fzf_31:not(:nth-child(3)):active{opacity:.65;transform:scale(1)}._controll_button_17fzf_31:nth-child(3):hover{transform:scale(1.02)}._controll_button_17fzf_31:nth-child(3):active{filter:brightness(75%);transform:scale(.98)}._controll_button_17fzf_31:nth-child(1):before,._controll_button_17fzf_31:nth-last-child(1):before{content:"";position:absolute;height:4px;-webkit-mask-image:none;mask-image:none;width:4px;border-radius:50%;left:50%;bottom:0;display:var(--display-dot);transform:translate(-50%);background-color:var(--brand-color);z-index:4}._dot_17fzf_247{background-color:#0ff;height:50%;-webkit-mask-image:none;mask-image:none;width:100%;border-radius:50%;left:50%;bottom:0;transform:translate(-50%);z-index:4}._song_slider_17fzf_283{display:flex;justify-content:center;max-width:722px;justify-self:center;align-items:center;width:clamp(200px,100%,580px)}._currentTime_17fzf_299,._songDuration_17fzf_299{color:var(--secondary-color);font-size:13px}._slider_17fzf_319{flex-grow:1;display:grid;place-items:center}._slider_input_17fzf_329{width:100%;display:grid;place-items:center;height:12px}._slider_17fzf_319>._slider_input_17fzf_329>input[type=range]{width:95%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;--light-color: #ffffff22;--deep-color: #fff;background:transparent;outline:none;border-radius:20px;position:relative}._slider_17fzf_319>._slider_input_17fzf_329>input:hover{--deep-color: var(--brand-color)}._slider_17fzf_319>._slider_input_17fzf_329>input[type=range]:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--light-color);border-radius:20px;z-index:-1}._slider_17fzf_319>._slider_input_17fzf_329>input[type=range]:after{content:"";position:absolute;left:0;top:0;width:var(--played-percentage);height:100%;background-color:var(--deep-color);border-radius:20px;z-index:-1}._slider_17fzf_319>._slider_input_17fzf_329>input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0px;aspect-ratio:1 / 1;background:#fff;border-radius:50%;cursor:pointer}._slider_17fzf_319>._slider_input_17fzf_329:hover>input::-webkit-slider-thumb{width:12px}._slider_17fzf_319>._slider_input_17fzf_329>input::-webkit-slider-runnable-track{height:12px}._slider_17fzf_319>._slider_input_17fzf_329>input::-moz-range-thumb{width:12px;aspect-ratio:1 / 1;background:#fff;border-radius:50%;cursor:pointer}._songplate_1sspn_1{flex-wrap:nowrap;width:clamp(240px,30%,400px);display:flex;align-items:center;gap:10px;padding:8px;position:relative}._songplate_1sspn_1>div:nth-child(1){height:90%;aspect-ratio:1 / 1;background-image:url(/song_thumbs/defaultCover.png);background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:4px;cursor:pointer}._songplate_details_1sspn_51{display:flex;justify-content:space-between;align-items:center;overflow:hidden;gap:10px}._songplate_details_1sspn_51>*{overflow:hidden}._heart_icon_1sspn_75{width:24px;height:24px;background-image:url(/add_song.svg);background-repeat:no-repeat;background-size:80%;border-radius:50%;background-position:center center;position:relative;cursor:pointer;opacity:.8;transition:.2;z-index:1}._heart_icon_1sspn_75:hover{opacity:1}._songplate_details_1sspn_51>div:nth-child(1){position:relative;white-space:nowrap;flex-grow:1;width:100%;-webkit-mask-image:linear-gradient(to right,#000 85%,transparent 96% 100%);mask-image:linear-gradient(to right,#000 85%,transparent 96% 100%)}._songplate_details_1sspn_51>div:nth-child(1)>div:nth-child(1)>span{font-weight:600;cursor:pointer;text-decoration:underline 1.5px solid transparent}._songplate_details_1sspn_51>div:nth-child(1)>div:nth-child(2){color:var(--secondary-color);font-size:13px}._songplate_details_1sspn_51>div:nth-child(1)>div:nth-child(2)>span{cursor:pointer}._songplate_details_1sspn_51>div:nth-child(1)>div:nth-child(2)>span:hover{text-decoration:underline 1px solid #fff;color:#fff}._songplate_details_1sspn_51>div:nth-child(1)>div:nth-child(1)>span:hover{text-decoration:underline 1.5px solid #fff}._navigators_1jugx_1{width:clamp(240px,30%,380px);display:flex;align-items:center;justify-content:right;flex-wrap:nowrap;overflow:hidden;height:32px;margin-top:10px}._navigators_1jugx_1>div{overflow:hidden;cursor:pointer}._navigators_1jugx_1>div:not(._sound_1jugx_39){height:100%;aspect-ratio:1 / 1}._fullScreen_1jugx_49{-webkit-mask-size:16px;mask-size:16px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;background-color:#fff;transform:translate(-3%,-2%);transition:0s}._fullScreen_1jugx_49{-webkit-mask-image:url(/fullscreen.svg);mask-image:url(/fullscreen.svg)}._sound_1jugx_39{width:clamp(40px,30%,140px);overflow:hidden;height:100%;display:flex;transform:none;align-items:center;margin-left:-5px}._sound_1jugx_39>div:nth-child(2){display:grid;place-items:center;margin-left:0;margin-right:5px}._sound_1jugx_39 input[type=range]{width:100%;-moz-appearance:none;appearance:none;--slider-track-height: 12px;--thumb-width: 0;--light-color: #ffffff22;--deep-color: #fff;background:transparent;height:3px;-webkit-appearance:none;border-radius:20px;position:relative;--song-played-bar-width: 0px}._sound_1jugx_39 input[type=range]:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--light-color);border-radius:20px;z-index:-1}._sound_1jugx_39 input[type=range]:after{content:"";position:absolute;left:0;top:0;width:var(--song-played-bar-width);height:100%;background-color:var(--deep-color);border-radius:20px;z-index:-1}._sound_1jugx_39:hover input[type=range]{--thumb-width: var(--slider-track-height);--deep-color: var(--brand-color) }._sound_1jugx_39 input[type=range]::-webkit-slider-runnable-track{height:var(--slider-track-height)}._sound_1jugx_39 input[type=range]::-webkit-slider-thumb{background-color:#fff;width:var(--thumb-width);aspect-ratio:1 / 1;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:50%;-webkit-appearance:none}._sound_1jugx_39 input[type=range]::-moz-range-thumb{width:var(--thumb-width);aspect-ratio:1 / 1;background:#fff;border-radius:50%;cursor:pointer;-webkit-appearance:none;appearance:none;-moz-appearance:none}._NormalIcon_1jugx_235{height:100%;aspect-ratio:1 / 1;background-size:16px;background-repeat:no-repeat;background-position:center center}._dot_bq6rp_1{position:relative;--display-dot: block}._dot_bq6rp_1:before{content:"";position:absolute;bottom:0;left:50%;display:var(--display-dot);width:4px;aspect-ratio:1 / 1;border-radius:50%;background-color:var(--brand-color);transform:translate(-50%)}._icon_bq6rp_17{-webkit-mask-size:16px;mask-size:16px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;background-color:#fff;transform:translate(-3%,-2%);transition:0s}._icon_bq6rp_17{height:100%;aspect-ratio:1 / 1}._bottomSection_1y5i3_1{grid-area:bottomSection}.main{display:grid;height:100%;overflow:hidden;overflow-x:auto;grid-template-areas:"navBar navBar navBar" "leftSection mainSection rightSection" "bottomSection bottomSection bottomSection";grid-template-columns:max-content 1fr max-content;grid-template-rows:48px 1fr 80px;gap:7px;padding:8px}.main::-webkit-scrollbar{height:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#f5f5f5;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #fff2;--bg2: #ffffff0d;--main-bg: #ffffff0f;--radius: 8px;--brand-color: #1ed760;--secondary-color: #b3b3b3;--box-bg-color: #1e1e1e}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;user-select:none;height:100dvh;max-height:100dvh}#root{height:100%}::-webkit-scrollbar-button{height:2px}::-webkit-scrollbar-thumb{background-color:#fff1;width:20px}::-webkit-scrollbar-thumb:hover{background-color:#fff2}::-webkit-scrollbar{width:10px}@keyframes animate{50%{opacity:.4}}.pip-miniplayer{display:none;max-height:100dvh;min-height:100dvh;width:100dvw;position:relative;display:var(--display);grid-template-rows:1fr 1fr;gap:0}.pip-miniplayer>div:nth-child(1){overflow:hidden;width:clamp(230px,90%,600px)}.pip-miniplayer>div:nth-child(1)>div:nth-child(2){width:90%}.pip-miniplayer>div:nth-child(1)>div:nth-child(1){max-width:80px;max-height:80px}.pip-miniplayer>div:nth-child(1)>div:nth-child(2)>div:nth-child(2){width:30px}.pip-miniplayer>div:nth-child(2){overflow:unset;padding:0 10px 20px}.pip-miniplayer>div:nth-child(1)>div:nth-child(2)>div:nth-child(1){-webkit-mask-image:linear-gradient(to right,#000 80%,transparent 96% 100%);mask-image:linear-gradient(to right,#000 80%,transparent 96% 100%)}@media screen and (max-height: 160px){.pip-miniplayer>div:nth-child(2)>div:nth-child(2){display:none}.pip-miniplayer>div:nth-child(2)>div:nth-child(1)>div{height:70%}}@media screen and (max-height: 130px){.pip-miniplayer>div:nth-child(2)>div:nth-child(1)>div{height:85%}}@media screen and (max-height: 110px){.pip-miniplayer>div:nth-child(2)>div:nth-child(1)>div{height:100%}}@media screen and (max-height: 100px){.pip-miniplayer>div:nth-child(2)>div:nth-child(1)>div{height:100%}.pip-miniplayer{display:flex;flex-wrap:nowrap;position:relative;flex-direction:row}.pip-miniplayer>div:nth-child(2){overflow:hidden;justify-content:center;padding:0;width:100%;flex-grow:1;height:inherit}.pip-miniplayer>div:nth-child(1){overflow:hidden;flex-grow:1}.pip-miniplayer>div:nth-child(2)>div:nth-child(1)>div{height:70%}.pip-miniplayer>div:nth-child(2)>div:nth-child(1)>div:nth-child(1),.pip-miniplayer>div:nth-child(2)>div:nth-child(1)>div:nth-child(2),.pip-miniplayer>div:nth-child(2)>div:nth-child(1)>div:nth-child(5){display:none}.pip-miniplayer>div:nth-child(1)>div:nth-child(1){max-width:60px;max-height:60px}.pip-miniplayer>div:nth-child(1)>div:nth-child(2)>div:nth-child(2){display:none}.pip-miniplayer>div:nth-child(1){padding-right:0}.pip-miniplayer>div:nth-child(2)>div:nth-child(1){justify-content:flex-end;justify-items:end}@media screen and (min-width: 330px){.pip-miniplayer>div:nth-child(2)>div:nth-child(1)>div:nth-child(2){display:unset}}@media screen and (min-width: 360px){.pip-miniplayer>div:nth-child(1)>div:nth-child(2)>div:nth-child(2){display:block}}@media screen and (min-width: 430px){.pip-miniplayer>div:nth-child(2)>div:nth-child(1)>div:nth-child(5){display:unset}}@media screen and (min-width: 460px){.pip-miniplayer>div:nth-child(2)>div:nth-child(1)>div:nth-child(1){display:unset}}}