ul.svelte-1fpr7hd{display:flex;gap:.625rem;font-size:1.75rem;width:100%;align-items:flex-start;overflow-x:auto;grid-column:1 / -1}ul.svelte-1fpr7hd:nth-of-type(2){align-items:center;justify-content:start;width:100%;opacity:0;animation:svelte-1fpr7hd-fade--slide-in .5s calc(var(--loading-timer) + (.15s * var(--child-count))) var(--easing--extreme-out) forwards}ul.svelte-1fpr7hd:nth-of-type(1):not(.track-list)>li:where(.svelte-1fpr7hd){opacity:0;transform:translate(-100%);animation:svelte-1fpr7hd-fade--slide-in .5s calc(var(--loading-timer) + (.15s * var(--index))) var(--easing--extreme-out) forwards}li.info-link.svelte-1fpr7hd a:where(.svelte-1fpr7hd){background:var(--color-text-primary);color:var(--color-background)}li.info-link.svelte-1fpr7hd a:where(.svelte-1fpr7hd){padding:.625rem;width:100%;text-align:center}li.svelte-1fpr7hd{display:inline-flex;align-items:center;justify-content:start;transition:width .2s var(--easing--extreme-in),font-size .2s var(--easing--extreme-out),opacity .2s var(--easing--extreme-in)}ul.svelte-1fpr7hd:nth-of-type(2) li:where(.svelte-1fpr7hd):nth-of-type(2){justify-self:end;align-self:end}li.info-link.svelte-1fpr7hd{width:clamp(5.875rem,10vw + 4rem,25rem);font-size:var(--font-size-sm)}li.info-link.svelte-1fpr7hd:is(:where(.svelte-1fpr7hd):hover,:where(.svelte-1fpr7hd):focus-within){width:clamp(5.875rem,10vw + 5rem,25rem);isolation:isolate}a.svelte-1fpr7hd:focus-visible{outline:.1875rem dashed var(--color-background);outline-offset:-.375rem}li.info-link[data-selected=true].svelte-1fpr7hd{width:clamp(5.875rem,30vw + 2rem,37.5rem);font-size:var(--font-size-lg)}li.info-link.svelte-1fpr7hd:has(+li.info-link[data-selected=true]:where(.svelte-1fpr7hd)),li.info-link[data-selected=true].svelte-1fpr7hd+li.info-link:where(.svelte-1fpr7hd){width:clamp(5.875rem,20vw + 3rem,31.25rem);font-size:var(--font-size-md)}li.info-link.svelte-1fpr7hd:has(+li.info-link[data-selected=true]:where(.svelte-1fpr7hd)):is(:where(.svelte-1fpr7hd):hover,:where(.svelte-1fpr7hd):focus-within),li.info-link[data-selected=true].svelte-1fpr7hd+li.info-link:where(.svelte-1fpr7hd):is(:where(.svelte-1fpr7hd):hover,:where(.svelte-1fpr7hd):focus-within){width:clamp(5.875rem,20vw + 4rem,31.25rem);font-size:var(--font-size-md)}li.info.svelte-1fpr7hd{list-style:none;background:var(--color-text-primary);color:var(--color-background);text-align:center;max-width:26.25rem;width:100%;display:none;color:var(--color-text-primary);height:100%;opacity:0}.info#tracks.svelte-1fpr7hd{max-width:none;align-self:end;align-items:start;justify-content:end}.info#tracks.svelte-1fpr7hd ul:where(.svelte-1fpr7hd){align-items:end}.info#tracks.svelte-1fpr7hd li:where(.svelte-1fpr7hd),.info#tracks.svelte-1fpr7hd li:where(.svelte-1fpr7hd) button:where(.svelte-1fpr7hd){width:100%}.info#tracks.svelte-1fpr7hd li:where(.svelte-1fpr7hd) button:where(.svelte-1fpr7hd):hover{border-color:var(--color-background)}main:has(li:nth-of-type(3)[data-selected=true]) li.info:nth-of-type(3),.info.svelte-1fpr7hd:target{background:var(--color-background);display:inline-flex;animation:svelte-1fpr7hd-fade--slide-in .5s .15s var(--easing--extreme-out) forwards}li.svelte-1fpr7hd img:where(.svelte-1fpr7hd){height:100%;width:100%;object-fit:cover}.track-list.svelte-1fpr7hd,.track-list.svelte-1fpr7hd li:where(.svelte-1fpr7hd),.track-list.svelte-1fpr7hd button:where(.svelte-1fpr7hd){height:100%}.track-list.svelte-1fpr7hd li:where(.svelte-1fpr7hd){background:var(--color-text-primary);padding:.3125rem}.track-list.svelte-1fpr7hd button:where(.svelte-1fpr7hd){background:inherit;color:var(--color-background);padding:.3125rem;border:.1875rem solid transparent;cursor:pointer}.track-list.svelte-1fpr7hd button:where(.svelte-1fpr7hd):focus-visible{outline:.1875rem dashed var(--color-background);outline-offset:-.1875rem;border-color:transparent}@media (min-width: 56.25rem){ul.svelte-1fpr7hd{overflow:unset;max-width:37.5rem;width:fit-content;flex-direction:column}ul.svelte-1fpr7hd:nth-of-type(1){grid-column:1}ul.svelte-1fpr7hd:nth-of-type(2){justify-self:end;justify-content:unset;grid-column:span 2}li.svelte-1fpr7hd{justify-content:center}}@keyframes svelte-1fpr7hd-fade--slide-in{to{transform:translate(0);opacity:1}}.music-player{height:100%;display:flex;flex-direction:column;gap:1.25rem}.track-info>*:not(.track-title-container){opacity:0;transform:translate(-100%);animation:fade--slide-in .5s calc(var(--loading-timer) + (.15s * var(--index))) var(--easing--extreme-out) forwards}.track-title-container>.track-title{opacity:0;transform:translate(-100%);animation:fade--slide-in .5s calc(var(--loading-timer) + (.15s * var(--index))) var(--easing--extreme-out) forwards}.track-title-container>.controls{opacity:0;transform:translate(-150%);animation:fade--slide-in .5s calc(var(--loading-timer) + (.15s * var(--index))) var(--easing--extreme-out) forwards}.equalizer>*{opacity:0;transform:translateY(.5rem);animation:fade--slide-in .15s calc(var(--loading-timer) + (.05s * var(--index))) var(--easing--extreme-out) forwards}.track-info .track-title{font-size:clamp(2.625rem,3vw,4.5rem)}.equalizer{--bar-columns: 16;display:flex;gap:clamp(.1rem,1vw,.5rem);justify-content:space-between;align-items:end;height:100%}.bar{--height: 2%;min-height:2px;width:100%;background:var(--color-text-primary);height:var(--height);box-shadow:0 -.5rem 0 1px color-mix(in srgb,var(--color-text-primary) 50%,black)}.track-title-container{display:flex;justify-content:space-between;align-items:start;gap:.625rem}.track-title{width:100%}.controls button{background:transparent;border:none;cursor:pointer;color:var(--color-text-primary)}.controls,.play-btn,.pause-btn,.ff-btn{display:flex;gap:.625rem}.controls button:focus-visible{outline:.1875rem dashed var(--color-text-primary);outline-offset:.1875rem}.ff-btn:first-of-type{transform:rotate(180deg)}svg{height:2rem;width:2rem}.play-btn svg path:first-of-type{fill:var(--color-text-primary)}.play-btn svg path:last-of-type{fill:var(--color-background)}.pause-btn svg rect:nth-of-type(-n+2){fill:var(--color-text-primary)}.pause-btn svg rect:nth-last-of-type(-n+2){fill:var(--color-background)}.ff-btn svg path{fill:var(--color-text-primary)}.hidden{height:0}@keyframes fade--slide-in{to{transform:translate(0);opacity:1}}form{gap:.625rem;display:flex;flex-direction:column;align-items:flex-start;align-self:start;width:100%;max-width:25rem}label{display:flex;justify-content:space-between;width:100%}label:last-of-type{align-items:center}label.setting-box{flex-direction:column;border:.3125rem solid var(--color-text-primary)}input[type=checkbox]{appearance:none;position:absolute;width:0;height:0;opacity:0}.custom-checkbox{position:relative;width:1.25rem;height:1.25rem;background:var(--color-background);border:.1875rem solid var(--color-text-primary);cursor:pointer}label:has(+input[type=checkbox]:checked) .custom-checkbox:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:2px;height:1.25rem;background:var(--color-text-primary)}label:has(+input[type=checkbox]:checked) .custom-checkbox:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:2px;height:1.25rem;background:var(--color-text-primary)}input[type=checkbox]:focus-visible+.custom-checkbox{outline:.1875rem solid var(--color-text-primary);outline-offset:.5rem}label input[type=checkbox]:focus-visible{outline:.1875rem solid var(--color-text-primary);outline-offset:.5rem}.setting-box span{font-size:var(--font-size-sm);background:var(--color-text-primary);color:var(--color-background);padding:.625rem;width:100%;text-align:center}.setting-box p{padding:1.25rem 1.25rem .625rem;font-size:clamp(1.5rem,2vw,2.25rem)}.setting-box div{padding:.625rem 1.25rem 1.25rem}.setting-box input{width:100%}.setting-box input[type=range]{-webkit-appearance:none;appearance:none;height:.3125rem;background:var(--color-text-primary);border-radius:0;outline:none}.setting-box input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.9375rem;height:1.5625rem;background:var(--color-text-primary);border-radius:0;cursor:pointer;border:none;z-index:1;position:relative;transform-origin:center;border:.1875rem solid transparent;transition:background .2s var(--easing--extreme-out),border .2s var(--easing--extreme-out)}.setting-box input[type=range]::-webkit-slider-thumb:hover{background:var(--color-background);border:.1875rem solid var(--color-text-primary)}.setting-box input[type=range]:focus-visible{outline:.1875rem solid var(--color-text-primary);outline-offset:.5rem}.setting-box input[type=range]::-moz-range-thumb{width:.9375rem;height:1.5625rem;background:var(--color-text-primary);border-radius:0;cursor:pointer;border:none}.setting-box input[type=range]::-moz-range-thumb:focus-visible{outline:.1875rem solid var(--color-text-primary);outline-offset:.1875rem}.setting-box input[type=range]::-moz-range-track{height:.3125rem;background:var(--color-text-primary);border-radius:0;border:none}label:has(input[type=checkbox]) div{height:100%;aspect-ratio:1;background:var(--color-background);border:.1875rem solid var(--color-text-primary);cursor:pointer;position:relative;transition:background .2s var(--easing--extreme-out);display:flex;align-items:center;justify-content:center}@media (min-width: 900px){form{align-items:flex-end}}