.v-img{--v-theme-overlay-multiplier: 3;z-index:0}.v-img.v-img--absolute{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.v-img--booting .v-responsive__sizer{transition:none}.v-img--rounded{border-radius:4px}.v-img__img,.v-img__picture,.v-img__gradient,.v-img__placeholder,.v-img__error{z-index:-1}.v-img__img,.v-img__picture,.v-img__gradient,.v-img__placeholder,.v-img__error{position:absolute;top:0;left:0;width:100%;height:100%}.v-img__img--preload{filter:blur(4px)}.v-img__img--contain{object-fit:contain}.v-img__img--cover{object-fit:cover}.v-img__gradient{background-repeat:no-repeat}@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,serif}body{background:#000;scrollbar-gutter:unset;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{width:0;height:0}.v-application{background:transparent}.layout-grid{display:grid;grid-template-columns:auto 1fr;height:100vh;gap:8px}.layout-grid .app_bar{grid-column:1/-1}@media only screen and (max-width: 768px){.layout-grid .app_bar{padding-top:1rem!important}}.layout-grid .app_nav,.layout-grid .app_main{background:rgb(var(--v-theme-primary-lighten-1));border-radius:8px;height:calc(100vh - 144px)}@media only screen and (max-width: 768px){.layout-grid .app_nav,.layout-grid .app_main{height:calc(100vh - 76px)}}.layout-grid .app_main{overflow-y:auto;overflow-x:auto;margin-inline:0 8px}@media only screen and (max-width: 768px){.layout-grid .app_main{margin-inline:8px}}@media only screen and (max-width: 768px){.layout-grid .app_main{grid-column:1/-1}}.layout-grid .app_main::-webkit-scrollbar{width:8px;height:8px}.layout-grid .app_main::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:8px}.layout-grid .app_main::-webkit-scrollbar-track{background:transparent;overflow:hidden}.layout-grid .app_nav{padding:8px}@media screen and (min-width: 768px){.layout-grid .app_nav{margin-left:8px}}.layout-grid .app_nav .icon-btn{padding:4px}.layout-grid .preview_of_spotify_footer{grid-column:1/-1;height:64px}@media only screen and (max-width: 768px){.layout-grid .preview_of_spotify_footer{display:none!important}}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-md{font-size:1.125rem!important}.text-lg{font-size:1.25rem!important}.text-xl{font-size:1.5rem}.text-2xl{font-size:2rem}.text-3xl{font-size:3rem}.text-4xl{font-size:4rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:800}.h-full{height:100%}.w-full{width:100%}.w-fit{width:fit-content}.h-fit{height:fit-content}.hover-underline:hover{text-decoration:underline}.no-hover-underline:hover{text-decoration:none!important}.flex-centered{display:flex;justify-content:center;align-items:center}.ease-transition,button,a{transition:all .3s ease}ul li{list-style:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pulse{height:100%;width:100%;background:linear-gradient(90deg,#c8c8c81a 25%,#c8c8c833,#c8c8c81a 75%);background-size:200% 100%;animation:pulse 2s infinite;border-radius:4px}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.grow{flex-grow:1}.rotate-90{transform:rotate(90deg)}.tooltip-menu--show .v-overlay__content:before{content:"";position:absolute;width:8px;height:8px;border-style:solid;border-width:8px 8px 0 8px;border-color:rgb(79,195,247) transparent transparent transparent;z-index:1;transform:rotate(90deg) translate(-50%);top:50%;left:-10px}.v-overlay .v-overlay__scrim{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.95}button,a{border-radius:500px;display:flex;gap:.5rem;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button:active,a:active{transform:scale(.95);opacity:.8}button.focus-visible,a.focus-visible{border:1px solid transparent;outline:transparent solid 1px}button.focus-visible:focus,button.focus-visible:focus-visible,button.focus-visible:focus-within,a.focus-visible:focus,a.focus-visible:focus-visible,a.focus-visible:focus-within{border-color:#fff;outline-color:#ffffff80}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}button:not(.icon-btn).sm,a:not(.icon-btn).sm{padding:4px 8px;font-size:.875rem}button:not(.icon-btn).md,a:not(.icon-btn).md{padding:8px 16px;font-size:1rem}button:not(.icon-btn).lg,a:not(.icon-btn).lg{padding:12px 24px;font-size:1.25rem}button.icon-btn.sm,a.icon-btn.sm{padding:4px}button.icon-btn.md,a.icon-btn.md{padding:8px}button.icon-btn.lg,a.icon-btn.lg{padding:12px}.outline-btn{border:1px solid rgba(255,255,255,.5);color:#ffffffe6;background:transparent}.outline-btn:hover{border-color:#fff;color:#fff}.filled-btn{background:#fffffff2;color:#000000f2}.filled-btn:hover{background:#fff;color:#000}.icon-btn{aspect-ratio:1;border-radius:50%;transition:background .3s ease-in-out;background-color:#ffffff1a}.icon-btn:hover{background-color:#ffffff26}.text-btn{background:transparent;color:#ffffffe6}.text-btn:hover{color:#fff}@media only screen and (max-width: 768px){.grid__root{overflow-x:auto}.grid__root .grid__header{position:relative!important;top:unset!important}}.grid__header{padding-bottom:.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.875rem;font-weight:500;color:rgb(var(--v-theme-secondary))}.grid__header.scrolled{background:#171717cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:8px}.grid__body .grid__row{margin-bottom:.5rem}.grid__loading_cell{height:2rem}.search-page{padding:1rem}.search-page section.top{display:grid;grid-template-columns:minmax(200px,.6fr) 1fr;gap:2rem}@media (max-width: 1366px){.search-page section.top{grid-template-columns:1fr;gap:1rem}}.search-page section.top .top-result h1{font-size:1.5rem;font-weight:500;margin-bottom:1rem}.search-page section.top .top-result article{position:relative;padding:1rem;border-radius:8px;transition:all .3s ease-in-out;background:#ffffff05}.search-page section.top .top-result article:hover{background:#ffffff0d}.search-page section.top .top-result article .top-result--image{aspect-ratio:1;height:92px;width:92px;border-radius:8px}.search-page section.top .top-result article h2 a{font-size:32px}.search-page section.top .top-result article:hover .play-button{display:flex;right:1rem}.search-page section.top .song-results h2{font-size:1.5rem;font-weight:500;margin-bottom:1rem}.search-page section.top .song-results ul li{display:grid;grid-template-columns:max-content 1fr max-content;gap:1rem;padding-block:4px;padding-inline:4px 8px;border-radius:4px;position:relative;cursor:pointer}.search-page section.top .song-results ul li img.play-icon{position:absolute;opacity:0;transition:all .3s ease-in-out;aspect-ratio:1;height:32px;width:32px;top:.5rem;left:.5rem;transform:scale(0)}.search-page section.top .song-results ul li:hover img.play-icon{opacity:1;transform:scale(1)}.search-page section.top .song-results ul li img.track-image{aspect-ratio:1;height:40px;width:40px;border-radius:8px}.search-page section.top .song-results ul li .info h3{font-size:1rem;font-weight:500}.search-page section.top .song-results ul li .info p{font-size:.8rem}.search-page section.top .song-results ul li .info p a{color:rgb(var(--v-theme-secondary))}.search-page section.top .song-results ul li:hover{background:#ffffff1a}.search-page section.top .song-results ul li:hover .actions img{opacity:1;pointer-events:all}.search-page section.top .song-results ul li .actions{display:flex;align-items:center;gap:1rem}.search-page section.top .song-results ul li .actions img{aspect-ratio:1;height:20px;width:20px;opacity:0;pointer-events:none;transition:all .3s ease-in-out}.search-page section.top .song-results ul li .actions img:hover{transform:scale(1.1);filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(100deg) brightness(1000%)}.search-page section.top .song-results ul li .actions img:active{transform:scale(.9)}.search-page section.top .song-results ul li .actions div{font-size:.8rem;color:#777}.album,.artist{width:100%}.album--content,.artist--content{position:relative}.album--content .gradient,.artist--content .gradient{position:absolute;top:0;left:0;width:100%;height:250px;z-index:1}.album--content section,.artist--content section{position:relative;z-index:2;padding:1rem}.album--actions,.artist--actions{position:sticky!important;top:0;display:flex;align-items:center;padding:1rem;gap:1rem;z-index:3!important}.album--actions .outline-btn,.artist--actions .outline-btn{padding:.5rem 1rem}.album--actions *,.artist--actions *{z-index:3!important}.album--header{display:flex;padding-inline:1.5rem;padding-block:2rem 1.5rem;gap:1rem}@media only screen and (max-width: 768px){.album--header{flex-direction:column}}.album--banner{width:220px;height:220px;object-fit:cover;border-radius:8px}.album--info{display:flex;flex-direction:column}.album--info h4{font-weight:400;margin-bottom:.5rem}.album--info h1{font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1;text-transform:uppercase;margin-bottom:.5rem}.album--info p{font-size:.875rem;color:rgb(var(--v-theme-secondary))}.album--info p img{display:inline-block;width:24px;height:24px;border-radius:50%;margin-right:.5rem}.album--info p span{display:inline-block;margin-inline:.1rem;color:rgb(var(--v-theme-secondary))}.album--info p span.artist{font-weight:500;color:#fff}.album--play{height:54px!important;width:54px!important}.album--actions{display:flex;gap:1rem;align-items:center;padding:1rem;position:sticky;top:0;z-index:3}.album--actions .change-view-btn{display:flex;gap:.5rem;align-items:center;color:rgb(var(--v-theme-secondary))}.album--songs{padding-block:1rem}.album--songs .grid__header{position:sticky;top:86px;z-index:2}.album--songs .grid__row{padding-block:.2rem}.album--copyright{padding-block:1rem;padding-inline:1.5rem;color:rgb(var(--v-theme-secondary));font-size:.875rem;margin-bottom:3rem}.artist--header{position:relative;height:30vh;display:flex;justify-content:start;align-items:end}.artist--header img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.artist--header .artist--info{position:relative;z-index:2;padding:1.2rem}.artist--header .artist--info h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1;margin-bottom:1rem;mix-blend-mode:difference}.artist--header .artist--verified{display:flex;align-items:center;gap:.2rem;margin-top:.5rem}.artist--header .artist--verified svg{color:#33a1e2;width:1.5rem}.artist--header .artist--verified p{color:rgb(var(--v-theme-secondary));font-size:1.2rem}.artist--about{padding:1rem}.artist--about h2{margin-bottom:1rem}.artist--about .v-card{display:flex;gap:1rem;align-items:start;justify-content:space-between;margin-bottom:1rem;max-width:800px;padding:2.5rem;flex-wrap:wrap}@media only screen and (max-width: 768px){.artist--about .v-card{justify-content:center;gap:4rem}}.artist--about .v-card .info{text-align:center}.artist--about .v-card .info img{width:200px;height:200px;object-fit:cover;border-radius:50%;margin-bottom:1rem}.artist--about .v-card .info p{max-width:400px;margin:0 auto}.artist--about .v-card .artist--ranking{background:#0074e0;height:100%;padding:1rem;width:auto;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center}.artist--about .v-card .artist--ranking .heading{color:#fff;font-size:1.5rem;font-weight:600}.artist section .grid__header{position:sticky;top:80px}.v-responsive{display:flex;flex:1 0 auto;max-height:100%;max-width:100%;overflow:hidden;position:relative}.v-responsive--inline{display:inline-flex;flex:0 0 auto}.v-responsive__content{flex:1 0 0px;max-width:100%}.v-responsive__sizer~.v-responsive__content{margin-inline-start:-100%}.v-responsive__sizer{flex:1 0 0px;transition:padding-bottom .2s cubic-bezier(.4,0,.2,1);pointer-events:none}