:root{--color-text-light:#fafafe;--color-text-dark:#2d2e37;--color-text-gray:hsla(0,0%,100%,.5);--color-pink:#cd19b3;--color-scrollbar-thumb:hsla(0,0%,100%,.2)}*{margin:0;padding:0;list-style:none;outline:transparent;box-sizing:border-box;text-decoration:none}body{height:100vh;background:#14172d}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}::-webkit-scrollbar{background:transparent;width:6px}button{border:none;background:none;cursor:pointer;font-family:inherit}strong{color:var(--color-text-light);font-weight:500}.wrapper{--player-height:10%;--vertical-padding:2.5em;display:grid;height:100%;grid-template-areas:"sidebar main main" "sidebar main main" "player player player";grid-template-rows:1fr 1fr var(--player-height);grid-template-columns:auto 1fr 1fr}.sidebar{--padding-left:1.7em;display:flex;padding:var(--vertical-padding) 0;padding-right:2.25vw;flex-direction:column;justify-content:space-between;grid-area:sidebar;border-bottom-left-radius:2em;background:linear-gradient(150deg,#0b1538,#0b163b,#0b163e,#0a1740,#0a1743)}.sidebar div>:not(ul),.sidebar>:not(div){padding-left:var(--padding-left)}.sidebar .app-logo{padding:0 0 0 var(--padding-left);background:none}.sidebar .app-logo>svg{padding:.2em;color:#fff;font-size:2.5em;border-radius:50%;background-image:linear-gradient(326deg,var(--color-pink) 0,#ffa69e 80%)}.sidebar ul{display:flex;flex-direction:column}.sidebar a>*{font-size:1em;color:var(--color-text-light)}.sidebar a{display:flex;padding:1em 0 1em var(--padding-left);align-items:center;gap:1ch;background:linear-gradient(90deg,rgba(205,25,179,.25),rgba(205,25,179,0) 50%);background-position-x:-50px;background-repeat:no-repeat;transition:background-position .4s ease-in-out}.sidebar a.active,.sidebar a:hover{background-position-x:0}.sidebar a.active>svg,.sidebar a:hover:not(.app-logo)>svg,.sidebar h2{color:var(--color-pink)}.sidebar h2{margin-bottom:1.4em;font-size:1em;font-weight:500}.main-container{--searchbar-height:5%;--horizontal-padding:2.8em;display:grid;grid-area:main;padding:var(--vertical-padding) var(--horizontal-padding);grid-template:"searchbar . ." "main-container main-container main-container";grid-template-columns:minmax(0,1fr);grid-template-rows:var(--searchbar-height) minmax(0,1fr);border-bottom-right-radius:2em;background:linear-gradient(110deg,#060e4b,#071359 40%,rgba(7,23,105,.35) 70%,rgba(0,0,255,.8)),url(/images/portrait_disco_woman.png);background-repeat:no-repeat;background-size:auto auto,auto 100%;background-position:100% 100%}.searchbar{position:relative;display:flex;align-items:center;grid-area:searchbar;color:var(--color-text-light)}.searchbar input{font-family:inherit;padding:.4em;width:100%;border:0;color:var(--color-text-gray);background:none}.searchbar input::placeholder{opacity:1;color:var(--color-text-gray)}.search-results-container:active,.searchbar input:focus+.search-results-container{display:block}.search-results-container{position:absolute;display:none;top:100%;width:30%;padding:1em;border-radius:1em;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(6,14,75,.2);box-shadow:0 7px 29px 0 rgba(6,14,75,.5)}.search-results-container div:not(:last-child){border-bottom:1px solid var(--color-text-gray)}.search-results-container div{padding:1em 0}.overflowing-text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-results-container div strong{display:block;margin-bottom:.5em;text-transform:capitalize}.search-results-container div ul{display:flex;flex-direction:column;gap:.8em}.search-results-container div ul li{display:flex;align-items:center;gap:1em;cursor:pointer}.search-results-container img{width:2.4em;height:2.4em;border-radius:50%}main{grid-area:main-container;padding-top:2em;min-height:0}main h2{color:var(--color-text-light);font-weight:600;margin-bottom:1.2em}.home-container{display:grid;height:100%;grid-column-gap:12%;column-gap:12%;grid-template-areas:"top-tracks ." "top-tracks top-artists" "top-tracks playlists";grid-template-rows:10vh auto auto;grid-template-columns:40vw 30vw}.home-container .top-artists-container{grid-area:top-artists;overflow:unset}.home-container .track-list-container{grid-area:top-tracks}.tabs-container ul,.top-radio-container ul,main>.top-artists-container ul{display:grid;height:100%;grid-gap:2em;gap:2em;overflow-y:auto;grid-template-columns:repeat(auto-fill,minmax(13em,1fr));grid-auto-rows:max-content}.top-artists-container,.track-list-container{display:flex;flex-direction:column;height:100%;overflow:hidden;color:var(--color-text-light)}.top-artists-container,.track-list-container ul{display:flex;flex-direction:column;height:100%;overflow-y:auto}.track-list-item{display:flex;padding:.7em 1.2em;gap:1em;align-items:center;border-radius:10em;cursor:pointer;transition:background .15s ease-out}.track-list-item:hover{background:#0e1a41}.track-list-item img{width:3em;border-radius:50%}.track-list-item .song-details{display:flex;flex:1 1;gap:2em;align-items:center}.track-list-item .song-details>div{display:flex;flex-direction:column;flex:1 1;gap:.2em}.card-container{aspect-ratio:1}.card-container a{display:flex;gap:.6em;flex-direction:column;align-items:center;text-align:center}.card-container a img{width:6.5em;height:6.5em;border-radius:50%}.card-container strong{max-width:18ch;width:max-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-list-item .song-details>div>a,small{font-size:.85em;color:var(--color-text-gray)}.track-list-item .song-details>div>a{width:-moz-fit-content;width:fit-content;max-width:50%}.track-list-item .song-details>div>a:hover{text-decoration:underline}.track-list-item .song-details .favorite{color:var(--color-text-gray);line-height:0}.top-radio-container ul{height:auto}.top-artists-container ul{display:flex;gap:2em}.card-container:hover,.intro-container .intro-buttons button:hover,.player button:hover,.top-playlists-container ul li a:hover{opacity:.75}.card-container:hover,.intro-container .intro-buttons button,.player button:hover,.top-playlists-container ul li a:hover{transition:opacity .2s ease-in-out}.home-container .top-playlists-container{grid-area:playlists}.top-playlists-container{margin-top:4em}.top-playlists-container ul{display:flex;gap:2em}.playlist-item img{height:5em;width:5em;border-radius:50%}.playlist-item .playlist-details{display:flex;flex-direction:column;width:max-content;max-width:8em}.playlist-item{min-width:14em}.playlist-item a{display:flex;gap:1em}.carousel{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,rgba(0,0,0,.4) 95%,rgba(0,0,0,.1));mask-image:linear-gradient(90deg,#000 85%,rgba(0,0,0,.4) 95%,rgba(0,0,0,.1))}.carousel ul{position:relative;display:flex;transition:transform .2s ease-in-out}.carousel-header-container{display:flex;gap:2em;color:var(--color-text-light)}.carousel-header-container .carousel-buttons{display:flex;gap:.25em}.carousel-header-container .carousel-buttons button{height:-moz-fit-content;height:fit-content;padding:0 .4em;transition:color .2s ease-in-out;cursor:pointer;color:var(--color-text-light);font-size:1.4em}.carousel-header-container .carousel-buttons button:hover{color:var(--color-text-gray)}.player{display:flex;height:5vh;margin:auto 0;padding:0 2.8em;align-items:center;grid-area:player}.player.disable img{visibility:hidden}.player img{width:3.125em;height:3.125em;border-radius:50%;margin-right:1.25em}.player .song-details{display:flex;gap:3px;flex-direction:column;width:6.5%}.player .duration,.player .song-title,.track-list-item span{color:var(--color-text-light);font-size:.9em}.player .artist-name{font-size:.8em;font-weight:400;color:var(--color-text-gray)}.player .control-buttons{display:flex;gap:.25em;margin-left:1.5em;justify-content:center}.player button{font-size:2em;color:#fff;line-height:0}.player .play-pause-btn{padding:.15em;border-radius:50%;background:#1f567f}.player .wave-container,.wave-container .disable{position:relative;height:100%;width:300px;flex:1 1;margin:0 2.5em;-webkit-mask-image:linear-gradient(180deg,#000,#000 50%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.5));mask-image:linear-gradient(180deg,#000,#000 50%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.5))}.player .duration{font-size:.8em}.player .volume-slider-container{position:relative;display:flex;align-items:center;padding:0 1vw}.slider-root:hover,.volume-slider-container button:hover+.slider-root{display:flex}.slider-root{position:absolute;width:100%;display:none;align-items:center;bottom:100%;left:0}.slider-root[data-orientation=vertical]{flex-direction:column;height:100px}.slider-track{position:relative;flex-grow:1;background-color:#9094a7;border-radius:100px}.slider-track[data-orientation=vertical]{width:3px}.slider-range{position:absolute;border-radius:100px;background-color:#1cc39f}.slider-range[data-orientation=vertical]{width:100%}.player.disable *{color:var(--color-text-gray)}.player.disable .wave-container:after{content:"";position:absolute;border:1px solid var(--color-text-gray);width:100%;top:50%;z-index:-2}.intro-container{display:flex;align-items:center;gap:2em}.intro-container img{width:10em;height:10em;border-radius:50%}.intro-container .intro-details{display:flex;flex-direction:column;gap:.25em}.intro-container .intro-details strong{display:block;font-size:1.2em}.intro-container .intro-details small{display:block;margin-bottom:1em}.intro-container .intro-buttons{display:flex;gap:1em}.intro-buttons button{display:flex;height:100%;gap:.5ch;font-size:1em;border-radius:2em;border:1px solid;color:var(--color-text-light)}.intro-buttons .play-button{border:0;background:var(--color-pink);padding:.8em 1.4em}.intro-buttons .favorite{padding:.75em;justify-content:center;align-items:center}.page-container{display:flex;flex-direction:column;gap:2em;height:100%}.artist-page h2{font-size:1.2em}.artist-page .carousel ul{gap:2em}.artist-page .carousel ul li{min-width:10em}.artist-page .carousel ul li strong{width:100%}.tabs-container{padding:0 2.5em}.tabs-container div:not(.tablist,.loader div){height:100%;min-height:0}.tablist{display:flex;justify-content:space-between;margin-bottom:2vh}.tablist button{color:var(--color-text-light);font-weight:400;font-size:1em;padding:1em;border-bottom:2px solid transparent}.tablist button[data-state=active]{border-bottom:2px solid var(--color-pink)}.empty-list{text-align:center}.error-page,.not-found-page{display:flex;gap:2vh;height:100%;font-size:1.1em;align-items:center;flex-direction:column;justify-content:center}.error-page h2,.not-found-page h2{margin:0}.gradient-text{background:linear-gradient(160deg,var(--color-pink) 0,#c76e66 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.error-page button,.not-found-page a{color:var(--color-text-light);padding:1em;font-size:.8em;border-radius:5em;background-color:#cd19b3;box-shadow:0 6px 18px rgba(205,25,179,.3)}.loader{--primary-color:var(--color-pink);--secondry-color:var(--color-text-light);display:flex;gap:3px;height:100%;align-items:center;justify-content:center}.loader *,.loader:after,.loader:before{background:var(--primary-color);display:inline-block;position:relative;height:1em;width:2px;animation:stretch 2s infinite;animation-timing-function:cubic-bezier(.62,.28,.23,.97)}.loader:after,.loader:before{content:"";position:relative;display:inline-block;animation-delay:-.9s}.loader:before{animation-delay:-1s}.loader div:first-child{animation-delay:-.9s}.loader div:nth-child(2){animation-delay:-.8s}.loader div:nth-child(3){animation-delay:-.7s}.loader:after{animation-delay:-.6s}@keyframes stretch{0%,20%,49%{transform:scaleY(.4);background-color:var(--primary-color)}10%{transform:scaleY(1)}50%,70%,to{transform:scaleY(.4);background-color:var(--secondry-color)}60%{transform:scaleY(1);background-color:var(--secondry-color)}}@media (max-width:1560px){body{font-size:12px}}@media (max-width:820px){body{font-size:10px}.main-container{background-size:auto auto,150% 100%}.app-logo{justify-content:center}.sidebar .app-logo span{display:none}.home-container{display:flex;flex-direction:column;gap:5vh}.home-container .top-artists-container,.home-container .track-list-container{height:auto}.home-container .top-artists-container ul{overflow-x:auto}.card-container{aspect-ratio:unset}.artist-page{justify-content:space-evenly}.artist-page .track-list-container{height:auto}.top-playlists-container{margin:0}.track-list-item{padding:.7em 1em}.search-results-container{width:auto}.player .song-details{width:16.5%}.player .control-buttons{margin-left:.5em}.player .wave-container{margin:0 1em}}@font-face{font-family:__Rubik_32d6b5;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/4fca85807f6c09f6-s.woff2) format("woff2");unicode-range:U+06??,U+0750-077f,U+0870-088e,U+0890-0891,U+0897-08e1,U+08e3-08ff,U+200c-200e,U+2010-2011,U+204f,U+2e41,U+fb50-fdff,U+fe70-fe74,U+fe76-fefc,U+102e0-102fb,U+10e60-10e7e,U+10ec2-10ec4,U+10efc-10eff,U+1ee00-1ee03,U+1ee05-1ee1f,U+1ee21-1ee22,U+1ee24,U+1ee27,U+1ee29-1ee32,U+1ee34-1ee37,U+1ee39,U+1ee3b,U+1ee42,U+1ee47,U+1ee49,U+1ee4b,U+1ee4d-1ee4f,U+1ee51-1ee52,U+1ee54,U+1ee57,U+1ee59,U+1ee5b,U+1ee5d,U+1ee5f,U+1ee61-1ee62,U+1ee64,U+1ee67-1ee6a,U+1ee6c-1ee72,U+1ee74-1ee77,U+1ee79-1ee7c,U+1ee7e,U+1ee80-1ee89,U+1ee8b-1ee9b,U+1eea1-1eea3,U+1eea5-1eea9,U+1eeab-1eebb,U+1eef0-1eef1}@font-face{font-family:__Rubik_32d6b5;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/60181e10ad16e354-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Rubik_32d6b5;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/c1b11e140b58cf5a-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Rubik_32d6b5;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/9d7436bc73437f75-s.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05ff,U+200c-2010,U+20aa,U+25cc,U+fb1d-fb4f}@font-face{font-family:__Rubik_32d6b5;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/501d9eeee6e2b0cc-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Rubik_32d6b5;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/0a86735c6520d94f-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Rubik_Fallback_32d6b5;src:local("Arial");ascent-override:88.57%;descent-override:23.68%;line-gap-override:0.00%;size-adjust:105.57%}.__className_32d6b5{font-family:__Rubik_32d6b5,__Rubik_Fallback_32d6b5;font-style:normal}