:root{--text-shadow-color: rgba(13, 06, 19, .8);--font-family: "Six Caps", sans-serif;--font-size: 28px;--font-weight: 100;--line-height: normal;--letter-spacing: calc(var(--font-size) * .05);--header-height: calc(var(--font-size) * 5.2);--footer-height: calc(var(--font-size) * 2)}@media only screen and (min-width: 768px){:root{--text-shadow-color: rgba(13, 06, 19, .8);--font-family: "Six Caps", sans-serif;--font-size: 28px;--font-weight: 100;--header-height: calc(var(--font-size) * 5.2);--footer-height: calc(var(--font-size) * 2)}}@media only screen and (min-width: 1024px){:root{--text-shadow-color: rgba(13, 06, 19, .8);--font-family: "Six Caps", sans-serif;--font-size: 42px;--font-weight: 100;--header-height: calc(var(--font-size) * 5.2);--footer-height: calc(var(--font-size) * 2)}}body{margin:0;padding:0;height:100vh;display:grid;grid-template:[row1-start] "header header" auto [row1-end] [row2-start] "main main" 1fr [row2-end] [row2-start] "extras footer" auto [row2-end];background-image:url(../../../background.webp);background-attachment:fixed;background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#000;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);font-style:normal;text-transform:uppercase;letter-spacing:var(--letter-spacing);color:#fff;font-weight:400;text-shadow:2px 2px 16px var(--text-shadow-color),-2px -2px 16px var(--text-shadow-color),2px -2px 16px var(--text-shadow-color),-2px 2px 16px var(--text-shadow-color)}body header{grid-area:header;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}body header h1,body header h2,body header h3{margin:0;letter-spacing:calc(var(--font-size) * .1)}body header h1{font-size:calc(var(--font-size) * 1.6)}body header h2{font-size:calc(var(--font-size) * 1.4)}body main{grid-area:main;display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;overflow:hidden auto}body .extras{grid-area:extras;display:grid;grid-template-columns:auto auto auto auto;gap:7px;justify-content:start;align-items:center;padding:0 7px}body footer{grid-area:footer;display:grid;padding:4px 0}body button{background-color:transparent;border:0;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);font-style:normal;text-transform:uppercase;letter-spacing:var(--letter-spacing);line-height:var(--line-height);color:#fff;font-weight:400;text-shadow:2px 2px 16px var(--text-shadow-color),-2px -2px 16px var(--text-shadow-color),2px -2px 16px var(--text-shadow-color),-2px 2px 16px var(--text-shadow-color);cursor:pointer}body .icon{width:var(--font-size);height:var(--font-size)}@media only screen and (orientation: portrait){body header{padding-top:var(--font-size)}}@media only screen and (orientation: portrait) and (max-width: 640px){body .extras{grid-template-columns:min-content;position:absolute;bottom:0}}@media only screen and (orientation: landscape){body{grid-template:"header . main" "footer extras main"}body header{justify-content:end}body main{align-content:center;overflow:hidden auto;padding:40px 0}body .extras{justify-content:center;align-items:end;gap:15px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}body footer{justify-items:center;align-items:start;margin-top:calc(--var(--font-size)/2)}}.btn.svelte-v87dsc{margin:0;margin-left:.25rem;margin-right:.25rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:2.5rem;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);text-transform:uppercase;text-shadow:2px 2px 16px var(--text-shadow-color),-2px -2px 16px var(--text-shadow-color),2px -2px 16px var(--text-shadow-color),-2px 2px 16px var(--text-shadow-color);letter-spacing:.2rem;padding-left:1.5rem;padding-right:1.5rem;text-wrap:nowrap;border:1px solid rgba(48,25,68,.8);background-color:#13091ccc}.btn.lg.svelte-v87dsc{height:5rem;font-size:2rem}.btn.md.svelte-v87dsc{height:4rem;font-size:1.6rem}.btn.sm.svelte-v87dsc{height:3rem;font-size:1.4rem}.btn.rounded.svelte-v87dsc{border-radius:50%;padding:0;width:2rem}.btn.rounded.lg.svelte-v87dsc{width:5rem}.btn.rounded.md.svelte-v87dsc{width:4rem}.btn.rounded.sm.svelte-v87dsc{width:3rem}.btn.svelte-v87dsc:disabled{opacity:.3}.btn.svelte-v87dsc:active{opacity:.8}.container.svelte-vp8i13.svelte-vp8i13{display:grid;grid-template:[row1-start] "current-time title controls" 1fr [row1-end];justify-content:end;align-items:center;gap:4px}.container.svelte-vp8i13 .controls.svelte-vp8i13{display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:center;padding-left:.5rem;padding-right:.5rem}.container.svelte-vp8i13 .title.svelte-vp8i13{grid-area:title}.container.svelte-vp8i13 .album.svelte-vp8i13{grid-area:album;display:none}.container.svelte-vp8i13 .artist.svelte-vp8i13{grid-area:artist;display:none}.container.svelte-vp8i13 .current-time.svelte-vp8i13{grid-area:current-time;font-size:18px}@media only screen and (min-width: 1024px){.container.svelte-vp8i13 .controls.svelte-vp8i13{padding-left:1rem;padding-right:1rem}.container.svelte-vp8i13 .current-time.svelte-vp8i13{display:block;padding-left:2rem;padding-right:2rem}}@media only screen and (orientation: landscape){.container.svelte-vp8i13.svelte-vp8i13{display:grid;grid-template:[row1-start] "title" 1fr [row1-end] [row2-start] "current-time" 1fr [row2-end] [row3-start] "controls" 1fr [row3-end];justify-items:center;align-items:center}}