:root{--background-colour:#171717;--background:var(--background-colour);--background-sub-colour:#111;--text-colour:#fff;--subtext-colour:#aaa;--cover-background:#202020;--current-song-bar:#202020;--seek-bar-background:#00000030;--seek-bar-played:#fffd;--seek-bar-loaded:transparent;--header-tab-default:#111;--header-tab-active:var(--background-colour);--header-colour:#1c1c1c;--button-colour:#202020;--textbox-fill:#252525;--textbox-border:#404040;--song-item-hover:#ffffff20;--icon-default:#bbb;--icon-hover:#eee;--icon-active:#999;--slider-default:#aaa;--slider-border:#444;--slider-track:#444;--catagory-background:#0000002a;--slider-thumb-colour:#aaa;--slider-thumb-hover:#fff;--slider-thumb-active:#666;overflow:hidden}:root[data-theme=neuro]{--background-colour:#ffa3ae;--background:url(/neuro-bg.png);--background-sub-colour:#df858f;--header-colour:#ffb1bb;--current-song-bar:#f9919f;--text-colour:#fff;--subtext-colour:#fff;--seek-bar-background:#0000001a;--cover-background:#df858f;--header-tab-default:#d37984;--header-tab-active:#ffa3ae;--button-colour:#e98591;--textbox-fill:#ca6874;--textbox-border:#965a61;--slider-default:#fff;--slider-border:#ffb9c1;--slider-track:#ffb9c1;--icon-default:#fff;--icon-hover:#eee;--icon-active:#ccc;--catagory-background:#ffffff2a}:root[data-theme=evil]{--background-colour:#643134;--background:url(/evil-bg.png);--background-sub-colour:#52282b;--header-colour:#763c40;--current-song-bar:#5c292c;--text-colour:#fff;--subtext-colour:#ccc;--cover-background:#52282b;--header-tab-default:#50272a;--header-tab-active:#643134;--button-colour:#8b4147;--textbox-fill:#50272a;--textbox-border:#965159;--slider-default:#ce7680;--slider-border:#965159;--slider-track:#965159;--icon-default:#e4999a;--icon-hover:#bd6e6f;--icon-active:#924a4e}@font-face{font-family:Neuro;src:url(/first-coffie.otf)format("opentype");font-weight:400;font-style:normal}body{color:var(--text-colour);text-wrap:nowrap;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;display:contents}body>iframe{z-index:-100;pointer-events:none;border:none;border-radius:10px;position:fixed;top:0;pointer-events:none!important}.loading-text{clip-path:inset(0 3ch 0 0);width:fit-content;font-family:monospace;font-size:25px;font-weight:700;animation:1s steps(4,end) infinite l4}.loading-text:before{content:"Loading..."}@keyframes l4{to{clip-path:inset(0 -1ch 0 0)}}*{box-sizing:border-box;font-size:inherit;-webkit-user-select:none;user-select:none;margin:0;padding:0}.sub-text{color:var(--subtext-colour);font-size:.8rem}button{cursor:pointer;color:var(--text-colour);background:0 0;border:none}button:not(.no-defaults,.icon-button){background-color:var(--button-colour);border-radius:10px;padding:3px 8px}@media (hover:hover){button:hover:not(.no-defaults,.icon-button){filter:brightness(1.2)}}button:active:not(.no-defaults,.icon-button){filter:brightness(.95)}button.icon-button{color:var(--icon-default);aspect-ratio:1;border-radius:999px;transition:transform .1s,color .1s;display:inline-block}button.icon-button :is(svg,img){width:100%;height:100%;color:inherit;background:0 0}@media (hover:hover){button.icon-button:hover{color:var(--icon-hover)}}button.icon-button:active{color:var(--icon-active);transform:scale(.9)}img{pointer-events:none}svg{display:block}hr{width:100%;color:var(--subtext-colour);margin:2px auto}input{border:1px solid var(--textbox-border);background-color:var(--textbox-fill);color:var(--text-colour);border-radius:1000px;padding:5px 15px}input::placeholder{color:var(--subtext-colour)}@media (hover:hover){input:hover{filter:brightness(1.1)}}input:focus{filter:brightness(1.2);outline:none}p{-webkit-user-select:text;user-select:text;white-space:pre-wrap}a{color:var(--link-colour);cursor:pointer;text-decoration:none}@media (hover:hover){a:hover{text-decoration:underline}}html{scrollbar-color:#888 transparent;scrollbar-width:thin}::-webkit-scrollbar{background-color:#0000;width:4px;height:4px}input[type=range]{appearance:none;background-color:var(--background-colour);border:none;outline:none;padding:4px 3px}input[type=range]:hover{filter:brightness(1.5)}input[type=range]::-webkit-slider-runnable-track{background:var(--slider-track);border-radius:10px;width:calc(100% - 20px);height:5px}input[type=range]::-moz-range-track{background:var(--slider-track);border-radius:10px;width:calc(100% - 20px);height:5px}input[type=range]::-moz-range-thumb{background:var(--slider-default);border:2px solid var(--slider-border);cursor:pointer;border-radius:50%;width:15px;height:15px;margin-top:-6px;transition:transform .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--slider-default);border:2px solid var(--slider-border);cursor:pointer;border-radius:50%;width:15px;height:15px;margin-top:-6px;transition:transform .2s}img.svelte-dd56l4{aspect-ratio:1;background-color:var(--cover-background);object-fit:cover;width:var(--size,auto);height:var(--size,auto);border-radius:max(8px,5%);display:block;position:relative}img.loading.svelte-dd56l4{background:var(--cover-background) linear-gradient(-60deg, transparent 0%, transparent 20%, #ffffff20 50%, transparent 80%, transparent 100%);background-size:1000% 100%;animation:2s linear infinite svelte-dd56l4-move}@keyframes svelte-dd56l4-move{0%{background-position:0 0}to{background-position:100% 100%}}.popup-background.svelte-1qldc5{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-background.svelte-1qldc5:not(.visible){display:none}.popup.svelte-1qldc5{--gap:clamp(5px, 2vw, 20px);justify-content:center;align-items:center;gap:var(--gap);max-width:min(80vw,700px);color:var(--text-colour);background-color:color-mix(in srgb, var(--background-colour) 70%, transparent);border-radius:20px;flex-direction:column;padding:clamp(10px,10%,40px);display:flex;position:relative;box-shadow:0 5px 15px #00000080}.popup.busy.svelte-1qldc5{filter:brightness(.5);cursor:not-allowed;transition:filter .2s ease-out}.popup.busy.svelte-1qldc5 *{pointer-events:none}h1.svelte-1qldc5{font-size:2.5rem;font-weight:700}.close.svelte-1qldc5{position:absolute;top:10px;right:10px}.content.svelte-1qldc5{gap:var(--gap);flex-direction:column;width:100%;display:flex}.content.svelte-1qldc5>p{text-align:center}.content.svelte-1qldc5>input{text-align:center;height:35px}.buttons.svelte-1qldc5{flex-direction:row;justify-content:center;gap:10px;width:100%;display:flex}.buttons.svelte-1qldc5>button{border-radius:10px;flex:1;max-width:100px;height:35px}@media (width<=500px){.popup.svelte-1qldc5{background-color:color-mix(in srgb, var(--background-colour) 90%, transparent);width:100%;max-width:none;height:100%;box-shadow:none;border-radius:0}}p.error.svelte-1hxkrbo{color:red;font-size:.8rem}input.error.svelte-1hxkrbo{border-color:red}div.svelte-k6gxbc{min-width:400px;max-height:50vh;overflow-y:scroll}@media (width<=700px){div.svelte-k6gxbc{min-width:200px}}input.svelte-y7ywfv{width:100%;min-width:min(400px,80vw)}p.error.svelte-9bvkz4{color:red;font-size:.8rem}input.error.svelte-9bvkz4{border-color:red}p.error.svelte-1wcgnre{color:red;font-size:.8rem}input.error.svelte-1wcgnre{border-color:red}li.svelte-3owp9{cursor:pointer;border-radius:10px;flex-direction:row;align-items:center;gap:5px;height:55px;padding:5px;transition:background-color .1s;display:flex}li.svelte-3owp9:hover{background-color:var(--song-item-hover)}li.unavailable.svelte-3owp9{filter:grayscale();opacity:.5;cursor:not-allowed}li.svelte-3owp9 .cover{height:100%}li.svelte-3owp9>button:where(.svelte-3owp9){aspect-ratio:1;height:50%}@media (hover:hover){li.svelte-3owp9>button:where(.svelte-3owp9){opacity:0;transition:opacity .1s}li.svelte-3owp9:hover>button:where(.svelte-3owp9){opacity:1}}li.svelte-3owp9 .info:where(.svelte-3owp9){flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}li.svelte-3owp9 .extra-info:where(.svelte-3owp9){text-align:right;flex-direction:column;justify-content:right;gap:5px;display:flex}li.svelte-3owp9 :is(h1:where(.svelte-3owp9),h2:where(.svelte-3owp9)){white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}li.svelte-3owp9 h1:where(.svelte-3owp9){font-size:var(--font-size,1rem)}li.svelte-3owp9 h2:where(.svelte-3owp9){font-size:calc(var(--font-size,1rem) * .8)}#now-playing.svelte-1po1uj0{background-color:var(--background-colour);flex-direction:column;gap:10px;width:250px;padding:10px 10px 0;display:flex}.title.svelte-1po1uj0{border-bottom:solid 1px var(--subtext-colour);flex-direction:row;justify-content:center;align-items:center;gap:5px;padding-bottom:5px;display:flex}.title.svelte-1po1uj0 :where(.svelte-1po1uj0):first-child{transform:scaleX(-1)}.title.svelte-1po1uj0 img:where(.svelte-1po1uj0){width:auto;height:32px}h1.svelte-1po1uj0{font-size:1.5rem}.scroll.svelte-1po1uj0{height:100%;overflow:hidden auto}@media (width<=800px){#now-playing.svelte-1po1uj0{width:180px}img.svelte-1po1uj0{display:none}}@property --played{syntax:"<percentage>";inherits:true;initial-value:0%}.seek.svelte-k8idxo{flex-direction:row;align-items:center;gap:5px;display:flex}.bar.svelte-k8idxo{height:var(--thinkness);background:linear-gradient(to right, var(--seek-bar-played) 0%, var(--seek-bar-played) var(--played), var(--seek-bar-background) var(--played), var(--seek-bar-background) 100%);border-radius:999px;flex:1;min-width:100px;transition:--played .2s,height .2s ease-in-out}.bar.svelte-k8idxo:hover{height:calc(var(--thinkness) + 2px)}.time.svelte-k8idxo{text-align:center;width:45px;font-size:medium}.media-controls.svelte-1qkj3hd{justify-content:center;align-items:center;gap:var(--gap);flex-direction:row;display:flex}:is(.previous.svelte-1qkj3hd,.next.svelte-1qkj3hd){aspect-ratio:3/2}:is(.previous.svelte-1qkj3hd,.next.svelte-1qkj3hd)>svg{transform:scaleX(1.5)}.active.svelte-1qkj3hd{filter:drop-shadow(0 0 3px #fff);color:#fff}.shuffle.flipping.svelte-1qkj3hd{animation:.1s linear svelte-1qkj3hd-shuffle-flip}@keyframes svelte-1qkj3hd-shuffle-flip{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}.volume-button.svelte-zakh3f{justify-content:center;align-items:center;display:flex;position:relative}button.svelte-zakh3f{aspect-ratio:1;height:24px}.input-wrapper.svelte-zakh3f{display:none;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.input-wrapper.show.svelte-zakh3f{display:block}input.svelte-zakh3f{width:80px;display:block;transform:rotate(-90deg)}.current-song-bar.svelte-sfj6v6{background-color:var(--current-song-bar);grid-template-columns:repeat(3,1fr);width:100%;height:100px;display:grid}.current-song-bar.svelte-sfj6v6>:where(.svelte-sfj6v6){height:inherit}.left.svelte-sfj6v6{flex-direction:row;justify-self:stretch;gap:10px;padding:10px 0 10px 10px;display:flex;container:left/inline-size}.left.svelte-sfj6v6 span:where(.svelte-sfj6v6):last-child{white-space:pre-line;display:block}.left.svelte-sfj6v6 .cover{aspect-ratio:1;height:100%}.center.svelte-sfj6v6{text-align:center;flex-direction:column;justify-content:center;justify-self:center;gap:5px;width:100%;max-width:500px;display:flex}.center.svelte-sfj6v6 .info:where(.svelte-sfj6v6)>:where(.svelte-sfj6v6){display:block}.right.svelte-sfj6v6{flex-direction:row;justify-self:stretch;gap:10px;padding:10px 10px 10px 0;display:flex}.right.svelte-sfj6v6 .controls:where(.svelte-sfj6v6){flex:1;justify-content:center;gap:10px;display:flex}.right.svelte-sfj6v6 .fullscreen:where(.svelte-sfj6v6){width:24px}@media (width<=700px){.current-song-bar.svelte-sfj6v6{grid-template-columns:90px auto auto}}@container left (width<=200px){.left.svelte-sfj6v6>div:where(.svelte-sfj6v6){display:none}}.current-song-bar.svelte-gjtpno{background-color:var(--current-song-bar);grid-template-rows:calc(100% - 4px) 4px;grid-template-columns:auto max-content;width:100%;height:60px;display:grid}.left.svelte-gjtpno{flex-direction:row;grid-column:1;justify-content:left;align-items:center;gap:5px;min-width:0;padding:2px 0 2px 2px;display:flex}.left.svelte-gjtpno .cover{height:100%}.left.svelte-gjtpno .info:where(.svelte-gjtpno){width:80%}.left.svelte-gjtpno .info:where(.svelte-gjtpno)>:where(.svelte-gjtpno){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.right.svelte-gjtpno{flex-direction:row;grid-column:2;justify-content:right;align-items:center;gap:2px;padding:2px 20px 2px 0;display:flex}.bottom.svelte-gjtpno{pointer-events:none;grid-area:2/1/auto/3}#fullscreen.svelte-1t2zoru *{color:#fff!important}.share.svelte-1t2zoru{top:var(--gap);right:var(--gap);position:absolute}.context-menu.svelte-1t2zoru{top:var(--gap);left:var(--gap);position:absolute}.close.svelte-1t2zoru{top:var(--gap);right:var(--gap);position:absolute}.dragger.svelte-1t2zoru{padding:12px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dragger.svelte-1t2zoru span:where(.svelte-1t2zoru){background-color:#fff;border-radius:99px;width:20vw;height:3px;display:block}@property --tc{syntax:"<color>";inherits:false;initial-value:#000}@property --bc{syntax:"<color>";inherits:false;initial-value:#000}#fullscreen.svelte-1t2zoru{--gap:clamp(30px, 8vw, 80px);z-index:10;padding:var(--gap);gap:var(--gap);background:linear-gradient(to bottom right, var(--tc), var(--bc));grid-template:"date date""art info"2fr"art controls""art seek"1fr/auto 1fr;transition:--tc 1s,--bc 1s,transform .2s;display:grid;position:fixed;inset:0;transform:translateY(100%)}#fullscreen.visible.svelte-1t2zoru{transform:translateY(var(--offset))}#fullscreen.visible.dragging.svelte-1t2zoru{transition:--tc 1s,--bc 1s}.date.svelte-1t2zoru{text-align:center;grid-area:date;font-size:medium;font-weight:700}.info-container.svelte-1t2zoru{flex-direction:row;grid-area:info;align-items:center;gap:10px;display:flex}.info-container.svelte-1t2zoru .info:where(.svelte-1t2zoru){text-align:center;white-space:pre-wrap;flex-direction:column;flex:1;justify-content:center;gap:5px;display:flex}.info-container.svelte-1t2zoru .title:where(.svelte-1t2zoru){font-size:xx-large;font-weight:900}.info-container.svelte-1t2zoru .artists:where(.svelte-1t2zoru){font-size:large;font-weight:700}.add-to-playlist.svelte-1t2zoru{max-width:50px;display:none}.art-container.svelte-1t2zoru{flex-direction:column;grid-area:art;justify-content:center;align-items:center;gap:20px;display:flex}.art.svelte-1t2zoru{position:relative}.art.svelte-1t2zoru .iframe-anchor:where(.svelte-1t2zoru){aspect-ratio:16/9;background-color:var(--cover-background);border-radius:10px;width:auto;max-width:90vw;height:65vh}.art.svelte-1t2zoru>.cover{width:min(40vw, 80dvh - var(--gap))}.video-button.svelte-1t2zoru{z-index:20;position:absolute;bottom:2%;right:2%}#fullscreen.svelte-1t2zoru>.seek{grid-area:seek}#fullscreen.svelte-1t2zoru>.media-controls{grid-area:controls}#fullscreen.video.svelte-1t2zoru{--gap:10px;grid-template:"info""art""seek"5px"controls"/min-content;justify-content:center}#fullscreen.video.svelte-1t2zoru .date:where(.svelte-1t2zoru){display:none}@media (width<=500px) or (height<=500px){#fullscreen.svelte-1t2zoru{--gap:clamp(10px, 1dvh, 80px);padding:max(var(--gap), 4dvh) var(--gap)}.info-container.svelte-1t2zoru .title:where(.svelte-1t2zoru){font-size:x-large}.info-container.svelte-1t2zoru .artists:where(.svelte-1t2zoru){font-size:medium}.art-container.svelte-1t2zoru{gap:2px}}@media (aspect-ratio<1.4){#fullscreen.svelte-1t2zoru{--gap:clamp(30px, 8vmin, 80px);grid-template:"date date""art info"1fr"art controls"1fr"seek seek"/auto 1fr}}@media (aspect-ratio<.9){#fullscreen.svelte-1t2zoru{background:linear-gradient(to bottom, var(--tc), var(--bc));grid-template-rows:repeat(5,auto);grid-template-columns:min-content;grid-template-areas:"date""art""info""seek""controls";justify-content:center}.info-container.svelte-1t2zoru .info:where(.svelte-1t2zoru){text-align:left}.add-to-playlist.svelte-1t2zoru{display:block}.art.svelte-1t2zoru>.cover{width:min(45vh,90vw)}.video-button.svelte-1t2zoru{display:none}}#media-view.svelte-1oajeyj{display:block;overflow-y:auto}button.close.svelte-1oajeyj{width:30px;position:absolute;top:20px;right:20px}header.svelte-1oajeyj{border-bottom:solid 2px var(--subtext-colour);grid-template-columns:min(16vw,250px) 1fr;gap:20px;padding:20px;display:grid;position:relative}header.svelte-1oajeyj:before{content:"";background:50%/cover no-repeat;background-image:var(--artwork-url);filter:blur(3px)brightness(.55);height:100%;position:absolute;inset:0;transform:scale(1.02)}header.svelte-1oajeyj>.cover:where(.svelte-1oajeyj){filter:drop-shadow(0 4px 8.5px #0006);aspect-ratio:1;cursor:pointer;max-width:100%;height:100%;margin:auto;position:relative}header.svelte-1oajeyj .cover-image{width:100%;transition:filter .1s ease-in-out}@media (hover:hover){header.svelte-1oajeyj>.cover:where(.svelte-1oajeyj):hover .cover-image{filter:brightness(.5)}}header.svelte-1oajeyj>.cover:where(.svelte-1oajeyj) .overlay:where(.svelte-1oajeyj){opacity:0;justify-content:center;align-items:center;transition:opacity .1s ease-in-out,transform .1s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;inset:0;transform:scale(.4)}header.svelte-1oajeyj>.cover:where(.svelte-1oajeyj):hover .overlay:where(.svelte-1oajeyj){opacity:1;transform:scale(.75)}header.svelte-1oajeyj .text-container:where(.svelte-1oajeyj){flex-direction:column;gap:10px;padding:10px 0;display:flex}header.svelte-1oajeyj .text-container:where(.svelte-1oajeyj)>:where(.svelte-1oajeyj){filter:drop-shadow(0 4px 4px #0006);white-space:wrap}header.svelte-1oajeyj :is(h1:where(.svelte-1oajeyj),h2:where(.svelte-1oajeyj),h3:where(.svelte-1oajeyj)){text-align:left;margin:0}header.svelte-1oajeyj h1:where(.svelte-1oajeyj){color:#fff;font-size:clamp(24px,6vw,48px);font-weight:900}header.svelte-1oajeyj h2:where(.svelte-1oajeyj){color:#fffc;font-size:clamp(16px,4vw,32px);font-weight:700}header.svelte-1oajeyj h3:where(.svelte-1oajeyj){color:#fffc;font-size:clamp(12px,2vw,15px);font-weight:400}header.svelte-1oajeyj>nav:where(.svelte-1oajeyj){z-index:0;flex-direction:row;grid-column:1/-1;align-items:center;gap:5px;display:flex}header.svelte-1oajeyj>nav:where(.svelte-1oajeyj) .search:where(.svelte-1oajeyj){filter:opacity(.8);height:30px;padding:5px 10px;transition:filter .2s ease-in-out}header.svelte-1oajeyj>nav:where(.svelte-1oajeyj) .search:where(.svelte-1oajeyj):focus{filter:opacity()}header.svelte-1oajeyj>nav:where(.svelte-1oajeyj) .play-button:where(.svelte-1oajeyj){width:40px;display:none}.content.svelte-1oajeyj{padding:20px}.content.svelte-1oajeyj>.loading-text:where(.svelte-1oajeyj){margin:auto}@media (width<=700px){header.svelte-1oajeyj{grid-template-columns:1fr}header.svelte-1oajeyj .text-container:where(.svelte-1oajeyj){padding:0}header.svelte-1oajeyj>.cover:where(.svelte-1oajeyj){display:none}header.svelte-1oajeyj>nav:where(.svelte-1oajeyj) .play-button:where(.svelte-1oajeyj){display:block}}@media (width<=600px){button.close.svelte-1oajeyj{width:35px;right:10px}.content.svelte-1oajeyj{padding:10px 5px}header.svelte-1oajeyj>nav:where(.svelte-1oajeyj) .search:where(.svelte-1oajeyj){height:35px;font-size:16px}}.context-ancher.svelte-14v7r3x{left:var(--x);top:var(--y);anchor-name:--root-anchor;position:fixed}menu.svelte-14v7r3x{position-area:span-bottom right;position-try-fallbacks:span-bottom left, span-top right, span-top left;z-index:100;background-color:var(--button-colour);border:solid 1px var(--background-sub-colour);opacity:0;transform-origin:0 0;min-width:150px;transition:opacity .2s ease, transform .2s ease, display .2s allow-discrete;border-radius:10px;display:none;position:fixed;transform:scale(.8);box-shadow:0 2px 10px #00000080}#context-menu.svelte-14v7r3x{position-anchor:--root-anchor}#context-menu.visible.svelte-14v7r3x,li.svelte-14v7r3x:hover>menu:where(.svelte-14v7r3x){opacity:1;display:block;transform:scale(1)}@starting-style{#context-menu.visible.svelte-14v7r3x,li.svelte-14v7r3x:hover>menu:where(.svelte-14v7r3x){opacity:0;transform:scale(.8)}}li.svelte-14v7r3x{border-radius:10px;flex-direction:row;justify-content:left;align-items:center;gap:5px;height:32px;padding:5px;list-style:none;display:flex}li.svelte-14v7r3x:hover{background-color:var(--song-item-hover)}li.svelte-14v7r3x>svg{aspect-ratio:1;width:auto;height:100%}li.svelte-14v7r3x>span:where(.svelte-14v7r3x){flex:1}hr.svelte-14v7r3x{width:calc(100% - 10px);color:var(--subtext-colour);margin:4px auto}#context-menu.svelte-sgno3b{z-index:100;background-color:color-mix(var(--button-colour), transparent 70%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:solid 2px var(--background-sub-colour);border-bottom:none;border-radius:20px 20px 0 0;width:100vw;min-height:30dvh;max-height:50dvh;padding-top:5%;transition:transform .2s;display:block;position:fixed;bottom:0;overflow-y:scroll;transform:translateY(100%)}#context-menu.visible.svelte-sgno3b{transform:translateY(0)}li.svelte-sgno3b{border-radius:10px;flex-direction:row;justify-content:left;align-items:center;gap:5px;height:40px;padding:5px;list-style:none;display:flex}li.svelte-sgno3b:active{background-color:var(--song-item-hover)}li.svelte-sgno3b>svg{aspect-ratio:1;width:auto;height:100%}li.svelte-sgno3b>span:where(.svelte-sgno3b){flex:1}hr.svelte-sgno3b{width:calc(100% - 10px);color:var(--subtext-colour);margin:4px auto}main.svelte-osn2sv{background-color:var(--background-sub-colour);grid-template:"now-playing header""now-playing content"1fr"footer footer"/auto 1fr;display:grid;position:fixed;inset:0}header.svelte-osn2sv{background:linear-gradient(var(--header-colour), var(--background-colour));flex-direction:row;grid-area:header;align-items:center;padding:0 5px;display:flex;box-shadow:0 5px 5px -3px #00000050}footer.svelte-osn2sv{background-color:var(--background-colour);grid-area:footer}.tabs.svelte-osn2sv{flex-direction:row;justify-content:left;align-items:end;gap:5px;display:flex}header.svelte-osn2sv .tabs:where(.svelte-osn2sv){flex:1;height:100%}footer.svelte-osn2sv .tabs:where(.svelte-osn2sv){justify-content:center;padding:0 5vw 10px}.tabs.svelte-osn2sv button:where(.svelte-osn2sv){background-color:var(--header-tab-default);flex-direction:row-reverse;flex:1;justify-content:center;align-items:center;gap:5px;max-width:120px;font-weight:700;display:flex}.tabs.svelte-osn2sv button.active:where(.svelte-osn2sv){background-color:var(--background-colour)}header.svelte-osn2sv .tabs:where(.svelte-osn2sv) button:where(.svelte-osn2sv){border-bottom-right-radius:0;border-bottom-left-radius:0;padding:2px;font-size:.8rem}footer.svelte-osn2sv .tabs:where(.svelte-osn2sv) button:where(.svelte-osn2sv){background-color:var(--background-colour);flex-direction:column;justify-content:center;max-width:none;height:60px;font-size:.6rem}footer.svelte-osn2sv .tabs:where(.svelte-osn2sv) button.active:where(.svelte-osn2sv){background-color:var(--header-tab-default)}header.svelte-osn2sv .buttons:where(.svelte-osn2sv){flex-direction:row;justify-content:right;align-items:center;gap:10px;padding:10px;display:flex}#app.svelte-osn2sv>#now-playing{grid-area:now-playing;margin-right:2px}.content.svelte-osn2sv{background:var(--background);grid-area:content;min-height:0;overflow:hidden}.content.svelte-osn2sv>*{width:100%;height:100%;position:relative;overflow:hidden}@media (width<=700px){main.svelte-osn2sv{grid-template-columns:1fr;grid-template-areas:"header""content""footer"}#app.svelte-osn2sv>#now-playing{display:none}}@media (width<=600px){header.svelte-osn2sv{justify-content:right}header.svelte-osn2sv .buttons:where(.svelte-osn2sv){gap:15px;padding:4px}header.svelte-osn2sv .about:where(.svelte-osn2sv){position:absolute;left:10px}}