@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/356abdd51b933898-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;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/1a4dd1d7cd3232ea-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;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/341baa6ce7a16e81-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/d70c23d6fe66d464-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;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/0596140cb8d9223a-s.p.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;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/c22ccc5eb58b83e1-s.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;src:local("Arial");ascent-override:89.06%;descent-override:23.81%;line-gap-override:0.00%;size-adjust:104.98%}.__className_c6cb20{font-family:Rubik,Rubik Fallback;font-style:normal}:root{--color-text-light:#fafafe;--color-text-dark:#2d2e37;--color-text-gray:hsla(0,0%,100%,.5);--color-blue:#98e0fe;--color-gold:#fb0;--color-dark-gold:#b7830b;--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:linear-gradient(150deg,#0b1538,#0b163b,#0b163e,#0c2205,#0a1743)}*{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,#0c2205,#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-gold) 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-gold)}.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/bg_portrait.jpeg);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:1px solid var(--color-text-gray);height:4em;border-radius:4em;color:var(--color-text-gray);background:rgba(6,14,75,.2)}.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:var(--color-dark-gold)}.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:3em}.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-dark-gold);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-gold)}.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-gold) 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-gold);--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}.intro-details{display:flex;justify-content:center;align-items:center!important;gap:.25em}@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}}