p.svelte-1aew694.svelte-1aew694{line-height:1.2;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;font-size:clamp(32px,var(--font-size),96px);margin:0 auto;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;--color-text-outline:var(--color-bg)}span.svelte-1aew694.svelte-1aew694{font-weight:var(--fw-black)}mark.svelte-1aew694.svelte-1aew694{display:inline-block;padding:0;font-weight:var(--fw-black);background:none;color:var(--color-mark);-webkit-transform:scale(var(--scale));transform:scale(var(--scale))}mark.svelte-1aew694 span.svelte-1aew694:not(.colon){opacity:1;display:inline}span.other.svelte-1aew694.svelte-1aew694{color:var(--color-fg2);color:var(--color-mark);font-weight:var(--fw-regular)}span.colon.svelte-1aew694.svelte-1aew694{-webkit-animation:svelte-1aew694-blink 1s infinite;animation:svelte-1aew694-blink 1s infinite}span.artist.svelte-1aew694.svelte-1aew694{font-weight:var(--fw-regular);color:var(--color-fg2);white-space:nowrap;display:inline-block}a.svelte-1aew694.svelte-1aew694{border:none;color:currentColor;text-decoration:none;display:inline}@media (hover: hover) and (pointer: fine){a.svelte-1aew694:hover span.svelte-1aew694{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--color-mark)),to(var(--color-mark)));background-image:linear-gradient(var(--color-mark),var(--color-mark));background-size:100% .05em;background-repeat:no-repeat;background-position:0 95%}}@-webkit-keyframes svelte-1aew694-blink{10%{opacity:1}50%{opacity:0}90%{opacity:1}}@keyframes svelte-1aew694-blink{10%{opacity:1}50%{opacity:0}90%{opacity:1}}.container.svelte-qg8uu5.svelte-qg8uu5{position:relative;height:100%;width:100%}.bg.svelte-qg8uu5.svelte-qg8uu5{position:absolute;opacity:.1;pointer-events:none;font-size:25vw;font-weight:var(--fw-black);line-height:1;left:0;bottom:48px;width:100%;padding-right:5vw;text-align:center}.bg.svelte-qg8uu5 span.svelte-qg8uu5{font-size:5vw;display:inline-block;position:absolute;top:50%;-webkit-transform:rotate(90deg) translate(-50%,0);transform:rotate(90deg) translate(-50%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}section.svelte-qg8uu5.svelte-qg8uu5{position:absolute;width:100%;top:calc(192px + 5%);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.clock.svelte-qg8uu5.svelte-qg8uu5{width:90%;margin:0 auto}.firstclick.svelte-qg8uu5.svelte-qg8uu5{margin:0 0 16px;padding:0;position:absolute;bottom:calc(100% + 16px)}.playing.svelte-qg8uu5.svelte-qg8uu5{margin:16px 0;line-height:1;font-size:var(--14px);color:var(--color-fg2);font-weight:var(--fw-regular);padding-left:.25vw}.playing.svelte-qg8uu5 mark.svelte-qg8uu5{background:none;color:var(--color-mark);font-weight:var(--fw-bold);padding:0}.sidebar.svelte-qg8uu5.svelte-qg8uu5{width:96px;min-width:96px;display:block;margin-right:2vw;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;display:none}.sidebar.reveal.svelte-qg8uu5.svelte-qg8uu5{display:block}.turntable.svelte-qg8uu5 .sidebar.svelte-qg8uu5{width:125vh;height:125vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.1;position:fixed;top:0;left:0;display:block}.sidebar.svelte-qg8uu5 .img.svelte-qg8uu5{width:100%;aspect-ratio:1;display:block;border-radius:50%;border:1px solid var(--color-fg2);-webkit-filter:grayscale(100%);filter:grayscale(100%);background:var(--color-fg2);background-size:cover;background-position:center center}.turntable.svelte-qg8uu5 .sidebar .img.svelte-qg8uu5{-webkit-animation:svelte-qg8uu5-spin 10s linear infinite;animation:svelte-qg8uu5-spin 10s linear infinite;border:4px solid var(--color-fg2)}@media only screen and (min-width: 640px){.playing.svelte-qg8uu5.svelte-qg8uu5{margin:24px 0 16px}.turntable.svelte-qg8uu5 .sidebar.svelte-qg8uu5{width:125vw;height:125vw}.sidebar.svelte-qg8uu5.svelte-qg8uu5{display:block}.clock.svelte-qg8uu5.svelte-qg8uu5{display:-webkit-box;display:flex}.bg.svelte-qg8uu5.svelte-qg8uu5{left:auto;width:auto;font-size:28vw;right:32px;bottom:16px}.playing.svelte-qg8uu5.svelte-qg8uu5{margin:0 0 8px}.total.svelte-qg8uu5.svelte-qg8uu5{display:inline}}@media only screen and (min-width: 640px) and (min-height: 720px){section.svelte-qg8uu5.svelte-qg8uu5{top:calc(192px + 10%)}}@-webkit-keyframes svelte-qg8uu5-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes svelte-qg8uu5-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}