.card[data-v-927d21d6]{background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card header[data-v-927d21d6]{padding:1rem}.card .container[data-v-927d21d6]{padding-inline:2rem .8rem}.card .container .divider[data-v-927d21d6]{height:1.5px;background-color:#fff;margin:3rem 0;width:1rem}.card .container ul li[data-v-927d21d6]{color:#fffc;font-weight:500;padding:.5rem;border-radius:8px}.card .container ul li[data-v-927d21d6]:hover{background:#ffffff0d}.card .container ul.top-menu li[data-v-927d21d6]{font-size:1.35rem;font-weight:600}.card .container ul.top-menu li[data-v-927d21d6]:first-child{margin-bottom:.2rem}.card .container a[data-v-927d21d6]{justify-content:start}.v-btn{align-items:center;border-radius:4px;display:inline-grid;grid-template-areas:"prepend content append";grid-template-columns:max-content auto max-content;font-weight:500;justify-content:center;letter-spacing:.0892857143em;line-height:normal;max-width:100%;outline:none;position:relative;text-decoration:none;text-indent:.0892857143em;text-transform:uppercase;transition-property:box-shadow,transform,opacity,background;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;vertical-align:middle;flex-shrink:0}.v-btn--size-x-small{--v-btn-size: .625rem;--v-btn-height: 20px;font-size:var(--v-btn-size);min-width:36px;padding:0 8px}.v-btn--size-small{--v-btn-size: .75rem;--v-btn-height: 28px;font-size:var(--v-btn-size);min-width:50px;padding:0 12px}.v-btn--size-default{--v-btn-size: .875rem;--v-btn-height: 36px;font-size:var(--v-btn-size);min-width:64px;padding:0 16px}.v-btn--size-large{--v-btn-size: 1rem;--v-btn-height: 44px;font-size:var(--v-btn-size);min-width:78px;padding:0 20px}.v-btn--size-x-large{--v-btn-size: 1.125rem;--v-btn-height: 52px;font-size:var(--v-btn-size);min-width:92px;padding:0 24px}.v-btn.v-btn--density-default{height:calc(var(--v-btn-height) + 0px)}.v-btn.v-btn--density-comfortable{height:calc(var(--v-btn-height) + -8px)}.v-btn.v-btn--density-compact{height:calc(var(--v-btn-height) + -12px)}.v-btn{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-btn--border{border-width:thin;box-shadow:none}.v-btn--absolute{position:absolute}.v-btn--fixed{position:fixed}.v-btn:hover>.v-btn__overlay{opacity:calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier))}.v-btn:focus-visible>.v-btn__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn:focus>.v-btn__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}}.v-btn--active>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]>.v-btn__overlay{opacity:calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier))}.v-btn--active:hover>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:hover>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier))}.v-btn--active:focus-visible>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn--active:focus>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:focus>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}}.v-btn--variant-plain,.v-btn--variant-outlined,.v-btn--variant-text,.v-btn--variant-tonal{background:transparent;color:inherit}.v-btn--variant-plain{opacity:.62}.v-btn--variant-plain:focus,.v-btn--variant-plain:hover{opacity:1}.v-btn--variant-plain .v-btn__overlay{display:none}.v-btn--variant-elevated,.v-btn--variant-flat{background:rgb(var(--v-theme-surface));color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-btn--variant-elevated{box-shadow:0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--variant-flat{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--variant-outlined{border:thin solid currentColor}.v-btn--variant-text .v-btn__overlay{background:currentColor}.v-btn--variant-tonal .v-btn__underlay{background:currentColor;opacity:var(--v-activated-opacity);border-radius:inherit;top:0;right:0;bottom:0;left:0;pointer-events:none}.v-btn .v-btn__underlay{position:absolute}@supports selector(:focus-visible){.v-btn:after{pointer-events:none;border:2px solid currentColor;border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out}.v-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.v-btn:focus-visible:after{opacity:calc(.25 * var(--v-theme-overlay-multiplier))}}.v-btn--icon{border-radius:50%;min-width:0;padding:0}.v-btn--icon.v-btn--size-default{--v-btn-size: 1rem}.v-btn--icon.v-btn--density-default{width:calc(var(--v-btn-height) + 12px);height:calc(var(--v-btn-height) + 12px)}.v-btn--icon.v-btn--density-comfortable{width:calc(var(--v-btn-height) + 0px);height:calc(var(--v-btn-height) + 0px)}.v-btn--icon.v-btn--density-compact{width:calc(var(--v-btn-height) + -8px);height:calc(var(--v-btn-height) + -8px)}.v-btn--elevated:hover,.v-btn--elevated:focus{box-shadow:0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 10px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--elevated:active{box-shadow:0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--flat{box-shadow:none}.v-btn--block{display:flex;flex:1 0 auto;min-width:100%}.v-btn--disabled{pointer-events:none;opacity:.26}.v-btn--disabled:hover{opacity:.26}.v-btn--disabled.v-btn--variant-elevated,.v-btn--disabled.v-btn--variant-flat{box-shadow:none;opacity:1;color:rgba(var(--v-theme-on-surface),.26);background:rgb(var(--v-theme-surface))}.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay,.v-btn--disabled.v-btn--variant-flat .v-btn__overlay{opacity:.4615384615}.v-btn--loading{pointer-events:none}.v-btn--loading .v-btn__content,.v-btn--loading .v-btn__prepend,.v-btn--loading .v-btn__append{opacity:0}.v-btn--stacked{grid-template-areas:"prepend" "content" "append";grid-template-columns:auto;grid-template-rows:max-content max-content max-content;justify-items:center;align-content:center}.v-btn--stacked .v-btn__content{flex-direction:column;line-height:1.25}.v-btn--stacked .v-btn__prepend,.v-btn--stacked .v-btn__append,.v-btn--stacked .v-btn__content>.v-icon--start,.v-btn--stacked .v-btn__content>.v-icon--end{margin-inline:0}.v-btn--stacked .v-btn__prepend,.v-btn--stacked .v-btn__content>.v-icon--start{margin-bottom:4px}.v-btn--stacked .v-btn__append,.v-btn--stacked .v-btn__content>.v-icon--end{margin-top:4px}.v-btn--stacked.v-btn--size-x-small{--v-btn-size: .625rem;--v-btn-height: 56px;font-size:var(--v-btn-size);min-width:56px;padding:0 12px}.v-btn--stacked.v-btn--size-small{--v-btn-size: .75rem;--v-btn-height: 64px;font-size:var(--v-btn-size);min-width:64px;padding:0 14px}.v-btn--stacked.v-btn--size-default{--v-btn-size: .875rem;--v-btn-height: 72px;font-size:var(--v-btn-size);min-width:72px;padding:0 16px}.v-btn--stacked.v-btn--size-large{--v-btn-size: 1rem;--v-btn-height: 80px;font-size:var(--v-btn-size);min-width:80px;padding:0 18px}.v-btn--stacked.v-btn--size-x-large{--v-btn-size: 1.125rem;--v-btn-height: 88px;font-size:var(--v-btn-size);min-width:88px;padding:0 20px}.v-btn--stacked.v-btn--density-default{height:calc(var(--v-btn-height) + 0px)}.v-btn--stacked.v-btn--density-comfortable{height:calc(var(--v-btn-height) + -16px)}.v-btn--stacked.v-btn--density-compact{height:calc(var(--v-btn-height) + -24px)}.v-btn--slim{padding:0 8px}.v-btn--readonly{pointer-events:none}.v-btn--rounded{border-radius:24px}.v-btn--rounded.v-btn--icon{border-radius:4px}.v-btn .v-icon{--v-icon-size-multiplier: .8571428571}.v-btn--icon .v-icon{--v-icon-size-multiplier: 1}.v-btn--stacked .v-icon{--v-icon-size-multiplier: 1.1428571429}.v-btn--stacked.v-btn--block{min-width:100%}.v-btn__loader{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.v-btn__loader>.v-progress-circular{width:1.5em;height:1.5em}.v-btn__content,.v-btn__prepend,.v-btn__append{align-items:center;display:flex;transition:transform,opacity .2s cubic-bezier(.4,0,.2,1)}.v-btn__prepend{grid-area:prepend;margin-inline:calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5)}.v-btn--slim .v-btn__prepend{margin-inline-start:0}.v-btn__append{grid-area:append;margin-inline:calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9)}.v-btn--slim .v-btn__append{margin-inline-end:0}.v-btn__content{grid-area:content;justify-content:center;white-space:nowrap}.v-btn__content>.v-icon--start{margin-inline:calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5)}.v-btn__content>.v-icon--end{margin-inline:calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9)}.v-btn--stacked .v-btn__content{white-space:normal}.v-btn__overlay{background-color:currentColor;border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out}.v-btn__overlay,.v-btn__underlay{pointer-events:none}.v-btn__overlay,.v-btn__underlay{position:absolute;top:0;left:0;width:100%;height:100%}.v-pagination .v-btn{border-radius:4px}.v-pagination .v-btn--rounded{border-radius:50%}.v-pagination .v-btn__overlay{transition:none}.v-pagination .v-pagination__item--is-active .v-btn__overlay{opacity:var(--v-border-opacity)}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled)>.v-btn__overlay{opacity:calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier))}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):hover>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier))}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):focus-visible>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):focus>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain{opacity:1}.v-btn-group{display:inline-flex;flex-wrap:nowrap;max-width:100%;min-width:0;overflow:hidden;vertical-align:middle}.v-btn-group{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-btn-group--border{border-width:thin;box-shadow:none}.v-btn-group{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn-group{border-radius:4px}.v-btn-group{background:transparent;color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-btn-group--density-default.v-btn-group{height:48px}.v-btn-group--density-comfortable.v-btn-group{height:40px}.v-btn-group--density-compact.v-btn-group{height:36px}.v-btn-group .v-btn{border-radius:0;border-color:inherit}.v-btn-group .v-btn:not(:last-child){border-inline-end:none}.v-btn-group .v-btn:not(:first-child){border-inline-start:none}.v-btn-group .v-btn:first-child{border-start-start-radius:inherit;border-end-start-radius:inherit}.v-btn-group .v-btn:last-child{border-start-end-radius:inherit;border-end-end-radius:inherit}.v-btn-group--divided .v-btn:not(:last-child){border-inline-end-width:thin;border-inline-end-style:solid;border-inline-end-color:rgba(var(--v-border-color),var(--v-border-opacity))}.v-btn-group--tile{border-radius:0}.v-progress-circular{align-items:center;display:inline-flex;justify-content:center;position:relative;vertical-align:middle}.v-progress-circular>svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.v-progress-circular__content{align-items:center;display:flex;justify-content:center}.v-progress-circular__underlay{color:rgba(var(--v-border-color),var(--v-border-opacity));stroke:currentColor;z-index:1}.v-progress-circular__overlay{stroke:currentColor;transition:all .2s ease-in-out,stroke-width 0s;z-index:2}.v-progress-circular--size-x-small{height:16px;width:16px}.v-progress-circular--size-small{height:24px;width:24px}.v-progress-circular--size-default{height:32px;width:32px}.v-progress-circular--size-large{height:48px;width:48px}.v-progress-circular--size-x-large{height:64px;width:64px}.v-progress-circular--indeterminate>svg{animation:progress-circular-rotate 1.4s linear infinite;transform-origin:center center;transition:all .2s ease-in-out}.v-progress-circular--indeterminate .v-progress-circular__overlay{animation:progress-circular-dash 1.4s ease-in-out infinite,progress-circular-rotate 1.4s linear infinite;stroke-dasharray:25,200;stroke-dashoffset:0;stroke-linecap:round;transform-origin:center center;transform:rotate(-90deg)}.v-progress-circular--disable-shrink>svg{animation-duration:.7s}.v-progress-circular--disable-shrink .v-progress-circular__overlay{animation:none}.v-progress-circular--indeterminate:not(.v-progress-circular--visible)>svg,.v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay{animation-play-state:paused!important}@keyframes progress-circular-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0px}50%{stroke-dasharray:100,200;stroke-dashoffset:-15px}to{stroke-dasharray:100,200;stroke-dashoffset:-124px}}@keyframes progress-circular-rotate{to{transform:rotate(270deg)}}.mobile-links[data-v-e66c3670]{display:flex;align-items:center;gap:1rem}.app_bar{padding:8px 12px;display:flex;align-items:center;width:100%;background:#000;height:64px}.app_bar .icon-btn{width:50px;height:50px;min-width:50px}@media (max-width: 768px){.app_bar{height:48px;padding:4px 8px}}.app_bar .branding{width:100%;max-width:268.63px}@media (max-width: 768px){.app_bar .branding{width:268.63px}}.app_bar .branding--link{@apply icon-btn;}.app_bar .auth-links{margin-left:1rem;height:100%;display:flex;align-items:center;gap:1.8rem}@media only screen and (max-width: 768px){.app_bar .auth-links{gap:1rem}}.app_bar .auth-links a{height:100%}.app_bar .auth-links .login-link{background:#fff;color:#000}.nav-card[data-v-38f78ddb]{background-color:rgb(var(--v-theme-surface-variant));border-radius:8px;padding:16px;box-shadow:0 4px 8px #0000001a}.nav-card h2[data-v-38f78ddb]{font-weight:600;margin-bottom:.5rem;font-size:.875rem}.nav-card p[data-v-38f78ddb]{font-size:.875rem;margin-bottom:1rem;color:rgb(var(--v-theme-secondary))}.language-chooser header[data-v-99fb8680]{padding:1rem}.language-chooser header h2[data-v-99fb8680]{font-size:1.5rem}.language-chooser header p[data-v-99fb8680]{font-size:1rem}.language-chooser hr[data-v-99fb8680]{margin:0}.language-chooser ul[data-v-99fb8680]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem;max-height:60vh;overflow-y:auto}.language-chooser ul button[data-v-99fb8680]{width:100%;padding:1rem;border-radius:4px;text-align:left;transition:all .3s ease-in-out}.language-chooser ul button[data-v-99fb8680]:hover{background-color:#323232}.app_nav[data-v-7dca259c]{display:flex;flex-direction:column;transition:width .3s}.app_nav .menu-btn[data-v-7dca259c]{padding:4px 8px}.app_nav .nav-links[data-v-7dca259c]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.app_nav .nav-links .cookies-link[data-v-7dca259c]{font-size:.75rem}.app_nav .nav-links ul[data-v-7dca259c]{display:flex;flex-wrap:wrap;gap:.3rem}.app_nav .nav-links ul li a[data-v-7dca259c]{color:rgb(var(--v-theme-secondary));font-size:11px}.app_nav .nav-links ul li a[data-v-7dca259c]:hover{text-decoration:none}.add-playlist-btn[data-v-7dca259c]{max-width:48px}.resizer[data-v-7dca259c]{height:100%;padding:0 1.5px}.resizer[data-v-7dca259c]:active{background-color:#ffffff4d}.resizer.allowed-width[data-v-7dca259c]{cursor:ew-resize}.resizer.allowed-width[data-v-7dca259c]:hover{background-color:#fff3}@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-tooltip>.v-overlay__content{background:rgb(var(--v-theme-surface-variant));color:rgb(var(--v-theme-on-surface-variant));border-radius:4px;font-size:.875rem;line-height:1.6;display:inline-block;padding:5px 16px;text-transform:initial;width:auto;opacity:1;pointer-events:none;transition-property:opacity,transform;overflow-wrap:break-word}.v-tooltip>.v-overlay__content[class*=enter-active]{transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.15s}.v-tooltip>.v-overlay__content[class*=leave-active]{transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:75ms}footer.app_footer{padding-inline:1rem;padding-block:5rem 4rem}footer.app_footer .top-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}@media only screen and (max-width: 480px){footer.app_footer .top-row{grid-template-columns:1fr;gap:2rem}}footer.app_footer .top-row header{margin-bottom:.5rem}footer.app_footer .top-row header a{font-size:16px;font-weight:500;justify-content:start}footer.app_footer .top-row ul{display:flex;flex-direction:column;gap:4px}footer.app_footer .top-row ul li a{font-size:16px;font-weight:400;color:rgb(var(--v-theme-secondary));justify-content:start}footer.app_footer .top-row ul li a:hover{color:#fff}footer.app_footer .top-row .social_media{display:flex;flex-direction:row}footer.app_footer .top-row .social_media a{height:40px;width:40px;aspect-ratio:1;border-radius:50%;background:transparent;position:relative}footer.app_footer .top-row .social_media a:active{opacity:.5}footer.app_footer .top-row .social_media a img{height:32px;width:32px}footer.app_footer hr{border:none;border-top:1px solid rgba(255,255,255,.1);height:1px;margin-block:1rem}footer.app_footer .copyright{color:rgb(var(--v-theme-secondary));font-size:14px}.preview_of_spotify_footer[data-v-ffeb6aaa]{background-image:linear-gradient(90deg,#af2896,#509bf5);padding:8px;color:#fff;font-size:.875rem;display:flex;align-items:center;gap:1rem}.preview_of_spotify_footer .info[data-v-ffeb6aaa]{flex-grow:1}.preview_of_spotify_footer .info h5[data-v-ffeb6aaa]{font-size:.875rem;font-weight:600}