div[data-v-b730b9e6]{align-items:flex-end;margin-left:.5rem;display:flex!important}span[data-v-b730b9e6]{white-space:nowrap;margin-left:.5rem}svg[data-v-b730b9e6]{fill:var(--accent-hex);height:32px;margin-bottom:2px}.dropdown-menu[data-v-978074c2]{z-index:3000!important;min-width:3rem!important}.dropdown-menu .dropdown-item[data-v-978074c2]{z-index:9000!important}.player[data-v-12eec466]{z-index:50;height:0;max-height:0;transition:max-height .5s;position:fixed;bottom:0;left:0;right:0;&.visible[data-v-12eec466]{height:var(--player-height);max-height:var(--player-height)}& .playback-slider[data-v-12eec466]{margin:0 auto -.8rem;&[data-v-12eec466]::-moz-range-track{border-radius:0}&[data-v-12eec466]::-moz-range-progress{border-radius:0}&[data-v-12eec466]::-moz-range-thumb{border:0;width:0;height:0}&[data-v-12eec466]:hover::-moz-range-thumb{border-radius:50%;width:1.25rem;height:1.25rem}}& .background[data-v-12eec466]{background:var(--secondary-background);color:var(--color);flex-direction:row;align-content:center;margin-top:-.3rem;padding:.55rem .5rem .25rem;display:flex;&>div[data-v-12eec466]{flex-direction:row;flex:1;justify-content:center;align-items:center;display:flex}& .track-info[data-v-12eec466]{justify-content:start;& img[data-v-12eec466]{cursor:pointer;width:60px;height:60px;margin-right:.5rem}&>div[data-v-12eec466]{flex-direction:column;min-width:0;display:flex;&>[data-v-12eec466]{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}}& button[data-v-12eec466]{margin-left:1rem}}&[data-v-12eec466]>:last-child{justify-content:end;& details .icon[data-v-12eec466],& input[data-v-12eec466]{margin:auto}}}& .volume-slider[data-v-12eec466]{width:1.6rem;height:9rem;margin:auto}& button[data-v-12eec466],& [role=button][data-v-12eec466]{padding:.5rem}& .play[data-v-12eec466]{padding:.75rem;& .icon[data-v-12eec466]{width:40px;height:40px}}& .previous[data-v-12eec466],& .next[data-v-12eec466]{& .icon[data-v-12eec466]{width:20px;height:20px}}& .previous[data-v-12eec466]{& .icon[data-v-12eec466]{transform:rotate(180deg)}}}@media (width<=850px){.player[data-v-12eec466]{bottom:var(--navbar-height);& .background[data-v-12eec466]{&>div[data-v-12eec466]{flex:unset;&[data-v-12eec466]:first-child{flex:1}}}}}@keyframes slide-text-12eec466{0%{transform:translate(35%)}to{transform:translate(-65%)}}*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}dialog,fieldset,input[type=range]{border:none}:root{color-scheme:dark;--font-size:1rem;--accent-hex:gray;--color:#ccc;--muted-color:#ccccccbf;--background:black;--border-color:var(--accent-hex);--border-radius:.35rem;--primary-background:var(--accent-hex);--primary-color:var(--accent-hex);--primary-hover-background:#ffffff0a;--primary-border:var(--accent-hex);--secondary-color:#a3a3a3;--secondary-background:#141414;--secondary-hover-background:#ffffff0a;--secondary-border:#2e2e2e;--contrast-color:black;--contrast-background:white;--contrast-hover-background:#ffffffbf;--contrast-border:#ffffffbf;--input-spacing-vertical:.5rem;--input-spacing-horizontal:.5rem;--input-border:#ffffff1a;--input-background:#ffffff0f;--input-hover-background:#ffffff14;--input-focus-border:rgba(var(--accent-rgb), .8);--navbar-height:4rem;--sidebar-width:250px;--player-height:7rem}@media (width<=850px){:root{--sidebar-width:350px}}.invisible{visibility:hidden!important}.noselect{user-select:none}.bold{font-weight:700}.small{font-size:.8rem}.xsmall{font-size:.6rem}.cover{object-fit:cover;border-radius:var(--border-radius);flex-shrink:0}.icon{vertical-align:text-bottom;pointer-events:none;font-size:125%;display:inline}.p0{padding:0!important}.badge{color:var(--contrast-color);background:var(--muted-color);border-radius:50rem;margin:0 .4rem;padding:.15rem .3rem;font-size:.75rem;font-weight:700}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-nowrap{white-space:nowrap!important}.text-end{text-align:right}.text-center{text-align:center}.text-start{text-align:left}.accent-color{color:var(--accent-hex)}.color-muted{color:var(--muted-color)!important}.margin-auto{margin:auto}.row{flex-direction:row;display:flex}.col{flex-direction:column;display:flex}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap}.justify-content-start{justify-content:start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:end}.justify-content-space-between{justify-content:space-between}.align-items-center{align-items:center}.align-items-start{align-items:start}.align-content-center{align-content:center}.w-fit-content{min-width:fit-content;max-width:fit-content}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.rounded{border-radius:var(--border-radius)}.float-left{float:left}.empty{text-align:center;margin:5rem}.empty svg{color:#222;font-size:8em}[aria-busy=true]:not(input,select,textarea,html,form){white-space:nowrap}[aria-busy=true]:not(input,select,textarea,html,form):before{content:"";vertical-align:-.125em;background-image:url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(136, 145, 164)' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1em;width:1em;height:1em;display:inline-block}[aria-busy=true]:not(input,select,textarea,html,form):not(:empty):before{margin-inline-end:.5rem}[aria-busy=true]:not(input,select,textarea,html,form):empty{text-align:center}button[aria-busy=true],[type=submit][aria-busy=true],[type=button][aria-busy=true],[type=reset][aria-busy=true],[role=button][aria-busy=true],a[aria-busy=true]{pointer-events:none}@media (width<=850px){.hide-mobile{display:none!important}}@media (width>=850px){.hide-desktop{display:none!important}}@media (width<=1450px){.hide-tablet{display:none!important}}.loader-overlay{z-index:99999;background:#0000004d;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loader-overlay img{width:80px;height:80px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.scroll{scrollbar-color:#0000004d transparent;max-width:100%;overflow-x:scroll}.scroll::-webkit-scrollbar{height:20px}.scroll::-webkit-scrollbar-button{display:none}.scroll::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:10px}.scroll::-webkit-scrollbar-track{background:0 0;border-radius:10px}@media (width<=768px){.scroll{scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}}[role=button],button,input,textarea,select{border-radius:var(--border-radius);outline:none;padding:.5rem .75rem}input,textarea,select{background:var(--input-background);border:1px solid var(--input-border);width:100%;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input:hover,textarea:hover,select:hover{background:var(--input-hover-background)}input:focus,textarea:focus,select:focus{border-color:var(--input-focus-border)}input[type=range]{width:100%;height:.5rem;padding:.5rem 0}input[type=range]::-moz-range-track{width:100%;height:.5rem}input[type=range]::-moz-range-progress{width:100%;height:.5rem}input[type=range],input[type=range][orientation=vertical]{cursor:pointer;appearance:none;background:0 0}input[type=range]::-moz-range-track{border-radius:var(--border-radius)}input[type=range]::-moz-range-progress{border-radius:var(--border-radius)}input[type=range][orientation=vertical]::-moz-range-track{border-radius:var(--border-radius)}input[type=range][orientation=vertical]::-moz-range-progress{border-radius:var(--border-radius)}input[type=range]::-moz-range-track{background-color:var(--input-background)}input[type=range][orientation=vertical]::-moz-range-track{background-color:var(--input-background)}input[type=range]::-moz-range-progress{background-color:var(--accent-hex)}input[type=range][orientation=vertical]::-moz-range-progress{background-color:var(--accent-hex)}input[type=range]:active::-moz-range-thumb{transform:scale(1.25)}input[type=range][orientation=vertical]:active::-moz-range-thumb{transform:scale(1.25)}input[type=range]::-moz-range-thumb{background-color:var(--accent-hex);border:none;border-radius:50%;width:1.25rem;height:1.25rem}input[type=range][orientation=vertical]::-moz-range-thumb{background-color:var(--accent-hex);border:none;border-radius:50%;width:1.25rem;height:1.25rem}input[type=range][orientation=vertical]{appearance:slider-vertical;writing-mode:vertical-lr;vertical-align:bottom;direction:rtl;height:100%;padding:0 .5rem}input[type=range][orientation=vertical]::-moz-range-track{width:.5rem;height:100%}input[type=range][orientation=vertical]::-moz-range-progress{width:.5rem;height:100%}label:has([type=checkbox]){cursor:pointer;width:fit-content}[type=checkbox]{appearance:none;background-color:var(--primary-background);border-color:var(--primary-border);background-position:50%;background-size:.75em;background-color:var(--secondary-background);color:var(--contrast-color);border:1px solid var(--secondary-border-color);border-radius:var(--border-radius);background-color:var(--secondary-background);width:1.25em;height:2.25em;line-height:1.5rem;transition:all .1s ease-in-out}[type=checkbox]:before{aspect-ratio:1;background-color:var(--color);content:"";border-radius:50%;height:100%;display:block}[type=checkbox]:focus{background-color:var(--switch-background-color);border-color:var(--switch-background-color)}[type=checkbox]:checked{background-color:var(--primary-background);border-color:var(--primary-border)}button,[role=button]{text-align:center;cursor:pointer;background:0 0;border:none;margin:.5rem .25rem;text-decoration:none}button.active,[role=button].active{color:var(--primary-color);background:var(--primary-hover-background)}button:hover,button.active:hover,[role=button]:hover,[role=button].active:hover{background:var(--primary-hover-background)}button.contrast,[role=button].contrast{background:var(--contrast-background);color:var(--contrast-color)}button.contrast:hover,[role=button].contrast:hover{background:var(--contrast-hover-background);color:var(--contrast-color)}details[open]>summary[role=button]{color:var(--primary-color);background:var(--primary-hover-background)}.playlist-select{background:var(--theme-elevation-1);scrollbar-color:#0000004d transparent;border:1px solid var(--theme-elevation-2);text-align:left;border-radius:12px;min-width:160px;max-width:90vw;max-height:200px;padding:8px 0;overflow-y:auto;box-shadow:0 2px 10px #0003}.playlist-select div{text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:pointer;padding:10px 16px;overflow:hidden}.playlist-select div:hover{background-color:var(--secondary-background)}details.dropdown summary::marker{content:""!important}details.dropdown[open]>summary+ul{opacity:1;transform:scaleY(1)}details.dropdown[open][direction=up]>summary+ul{transform:translateY(calc(-100% - 3.5rem))}details.dropdown[open]>summary:before{z-index:1;content:"";cursor:default;background:0 0;width:100vw;height:100vh;display:block;position:fixed;inset:0}details.dropdown ul{z-index:10;width:100%;min-width:fit-content;min-height:fit-content;color:var(--color);border:1px solid var(--secondary-border);border-radius:var(--border-radius);background-color:var(--secondary-background);box-shadow:var(--box-shadow);opacity:0;flex-direction:column;padding:0;display:flex;position:absolute}details.dropdown ul li:has(a){padding:0}details.dropdown ul li:has(a) a{margin:0}details.dropdown ul li[role=button]{margin:unset;border-radius:unset}details.dropdown ul li.divider{border-bottom:1px solid var(--secondary-border);padding:0!important}details.dropdown ul li:not(:has(a)),details.dropdown ul li>a{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;padding:.5rem .75rem!important}details.dropdown ul li:first-of-type{margin-top:0!important}details.dropdown ul li:last-of-type{margin-bottom:0!important}details.dropdown ul li:first-of-type:hover{border-radius:calc(var(--border-radius) * .8) calc(var(--border-radius) * .8) 0 0}details.dropdown ul li:last-of-type:hover{border-radius:0 0 calc(var(--border-radius) * .8) calc(var(--border-radius) * .8)}details.dropdown .active,details.dropdown .action:hover{transition:background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);cursor:pointer;background-color:#ffffff0b}.sidebar{width:var(--sidebar-width);background:var(--secondary-background);height:100vh;padding:0 .5rem;padding-bottom:calc(var(--player-height) + .25rem);scrollbar-width:none;user-select:none;flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden scroll}.sidebar .divider{text-transform:uppercase;flex-direction:row;place-content:center space-between;font-size:.875em;font-weight:700;display:flex}.sidebar .divider>*{color:var(--muted-color);margin-top:1.25em;padding:.5rem 1rem}.sidebar a,.sidebar summary{cursor:pointer;border-radius:var(--border-radius);text-overflow:ellipsis;white-space:nowrap;text-align:start;min-height:2.5rem;padding:.5rem 1rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;overflow:hidden;text-decoration:none!important}.sidebar a svg,.sidebar summary svg{vertical-align:text-bottom;pointer-events:none;fill:currentColor;margin-right:.75rem;font-size:125%}.sidebar a:hover,.sidebar .active,.sidebar details[open]>summary{color:var(--primary-color);background-color:var(--primary-hover-background)}.sidebar details{margin-top:auto}.sidebar details ul{width:calc(var(--sidebar-width) - 1rem)}.sidebar details ul .themes{justify-content:space-between;display:flex}.sidebar details ul .themes button{cursor:pointer;background:0 0;border-radius:50%;outline:none;width:20px;height:20px;margin:5px;padding:10px}.navbar{height:var(--navbar-height);max-height:var(--navbar-height);background-color:var(--background);z-index:3000;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.navbar button{text-align:center;color:var(--secondary-color);flex:1;font-size:1.3rem}.navbar button.active{color:var(--primary-color)}@media (width>=850px){.navbar{display:none}}@media (width<=850px){.sidebar{z-index:100;transition:all 3.75s;display:none}.sidebar nav{padding-bottom:calc(var(--mobile-nav-height) + .25rem)!important}.sidebar.open{display:flex}.sidebar.open+main,.sidebar.open+main+div.player{pointer-events:none;filter:blur(10px);height:100vh;overflow-x:hidden!important}}.search{place-content:center;align-items:center;margin-top:.75rem;margin-bottom:1.25rem;display:flex}.search button{margin:.25rem;padding:.35rem}.search input[type=search]{height:2.25rem;margin-bottom:0}@media (width>=850px){.search>input[type=search]{width:40vw}}.header{flex-direction:row;align-items:center;display:flex}.header .backdrop{z-index:-1;width:calc(100% - 3rem - var(--sidebar-width));filter:blur(8px);opacity:.25;background-position:50%;background-repeat:no-repeat;background-size:max(100%,1000px);background-image:linear-gradient(to bottom, transparent, black), var(--backdrop-image);height:100%;position:absolute;top:-30%;transform:scale(1.025)}.header .album-cover{object-fit:cover;aspect-ratio:1;cursor:pointer;border-radius:.5rem;width:300px;max-width:75%;height:auto;display:block}.header .details{text-align:left;flex-direction:column;align-items:start;padding-bottom:.25rem;padding-left:1.5rem;display:flex}.header .details h1{vertical-align:middle;font-size:calc(1rem + 1.25vw);line-height:1.2;font-weight:700!important}.header .details h1 a{vertical-align:middle;padding:.2rem;font-size:calc(.5rem + 1vw);line-height:1.2}.header .details .row{flex-wrap:wrap}.header .details .scroll{scrollbar-width:none;min-height:0;max-height:7rem;overflow-y:scroll}.header .details .seperator:before{content:"•";margin:0 .5rem!important}.header details[open]>ul{width:8rem;transform:translate(calc(-50% - 1rem))!important}@media (width>=850px){.header .backdrop{max-width:calc(100vw - var(--sidebar-width))}}@media (width<=850px){.header{flex-direction:column}.header .album-cover{align-self:center}.header .details{text-align:center;align-items:center;padding-top:1rem;padding-left:0}}.main-title{vertical-align:middle;color:var(--theme-text-muted);user-select:none;margin:.6rem .3rem;font-size:1.6rem;font-weight:700;line-height:1.5;text-decoration:none!important}.main-title .icon{vertical-align:middle;font-size:1.65rem}.section-title{vertical-align:middle;color:var(--theme-text-muted);user-select:none;margin:1.5rem .3rem .6rem;font-size:1.2rem;font-weight:700;line-height:1.2;text-decoration:none!important}.section-title .icon{vertical-align:middle;font-size:1.65rem}@media (width>=1200px){details>h1{font-size:3rem}}@media (width<=767px){.main-title,.header-title{max-width:220px;font-size:1.2rem!important}.section-title{max-width:220px;font-size:1.1rem!important}}table{width:100%;color:var(--color);border-collapse:separate;border-spacing:0}table button,table details>[role=button],table details[open]>[role=button]{max-width:fit-content;margin:0 0 0 auto;padding:.25rem .5rem!important}table button .icon,table details>[role=button] .icon,table details[open]>[role=button] .icon{margin:.25rem}table .cover{float:left;width:24px;height:24px;margin-right:.25rem}table .icon{border:none!important}table details[open]>ul{width:12rem;transform:translate(-75%)!important}table th{text-align:start;text-transform:uppercase;color:var(--muted-color);user-select:none;padding:.5rem .15rem;font-size:.8rem}table tbody tr:not(.disabled){cursor:pointer}table tbody tr:hover td,table tbody tr.active td{background:var(--input-background)}table tbody tr:hover td:first-child,table tbody tr.active td:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}table tbody tr:hover td:last-child,table tbody tr.active td:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}table tbody tr.active,table tbody tr.active a{color:var(--primary-color)}table tbody tr.disabled{color:var(--muted-color)!important}table.numbered th:first-child,table.numbered td:first-child{text-align:center;width:26px;max-width:26px;color:var(--muted-color)}table.numbered tbody tr td:first-child .number{display:unset;white-space:nowrap}table.numbered tbody tr td:first-child .icon,table.numbered tbody tr.disabled td:first-child .number,table.numbered tbody tr.disabled td:first-child .icon,table.numbered tbody tr.active td:first-child .number,table.numbered tbody tr:hover td:first-child .number{display:none}table.numbered tbody tr.active td:first-child .icon,table.numbered tbody tr:hover td:first-child .icon{display:unset;color:var(--primary-color)}dialog{z-index:999;backdrop-filter:blur(.375rem);background-color:#0f1114bf;justify-content:center;align-items:center;min-width:100%;min-height:100%;display:flex;position:fixed;inset:0;&:not([open]),&[open=false]{display:none}& article{background-color:var(--secondary-background);border:1px solid var(--secondary-border);border-radius:12px;max-width:400px;padding:1rem;& h2{text-align:center}& footer{flex-direction:row;justify-content:center;display:flex}}}.tile{border:1px solid var(--secondary-border);border-radius:var(--border-radius);background-color:var(--secondary-background);flex-direction:column;display:flex;overflow:hidden}.tile .image{width:var(--tile-size-active);height:var(--tile-size-active)}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .body{color:var(--muted-color);padding:1rem}.tile .body .title{color:var(--color);font-weight:700}.tiles{--tile-size-active:var(--tile-size);gap:15px;display:grid}.tiles:not(.scroll){grid-template-columns:repeat(auto-fit, var(--tile-size-active));grid-auto-columns:minmax(var(--tile-size-active), auto)}.tiles.scroll{grid-auto-flow:column;grid-auto-columns:var(--tile-size-active);overflow-x:auto}.tiles.two-rows .tile{flex-direction:row;align-items:center}.tiles.two-rows .tile .image{flex-shrink:0}.tiles.two-rows .tile .body{padding:.7rem}.tiles.two-rows.scroll{grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc(var(--tile-size-active) + 175px);font-size:.85rem}@media (width<=850px){.tiles{--tile-size-active:var(--tile-size-mobile);font-size:.65rem}}.login{width:25rem;margin:auto}.login button{background-color:var(--form-element-background-color);width:100%}.genres{padding:1rem 0}.genres a{text-wrap:nowrap;background:var(--secondary-background);border-radius:20px;margin:.5rem;padding:.5rem 1rem;text-decoration:none!important}.genres a:hover{color:var(--primary-color)}.header-title{margin-top:10px;font-size:1.5rem}:root{overscroll-behavior:none}body{color:var(--color);background-color:var(--background);font-family:Arial,sans-serif}#app{flex-direction:row;display:flex;min-height:100vh!important}main{max-width:100vw;padding:.5rem 1rem;padding-bottom:calc(var(--player-height) + .5rem);flex-grow:1}.logo{user-select:none;justify-content:center;padding:1rem 1rem .75rem;display:flex}a{color:var(--color);text-decoration:none}a:hover{color:var(--secondary-color);text-decoration:underline}@media (width<=850px){main{padding-bottom:calc(var(--navbar-height) + var(--player-height) + .5rem)}}@media (width>=850px){.sidebar+main{max-width:calc(100vw - var(--sidebar-width))}}