.demo.svelte-apdjl4{max-width:1100px;margin:.6rem auto .8rem;padding:.6rem 16px;border:1px solid #e9b949;border-radius:.8rem;background:#e9b9491f}.demo.svelte-apdjl4 p:where(.svelte-apdjl4){margin:0}.demo.svelte-apdjl4 .small:where(.svelte-apdjl4){margin-top:.3rem;font-size:.88rem;opacity:.85}.room.svelte-apdjl4{height:5rem}.timebar.svelte-apdjl4{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;max-width:1100px;margin:0 auto 1rem;padding:.5rem 16px;border:1px solid var(--line, #2a3530);border-radius:.8rem;background:#ffffff06}.timebar.svelte-apdjl4 input[type=range]:where(.svelte-apdjl4){flex:1 1 16rem;min-width:8rem;margin:0;accent-color:#e9b949;height:2.2rem}.timebar.svelte-apdjl4 .play:where(.svelte-apdjl4){min-width:5rem;margin:0}.clocks.svelte-apdjl4{display:inline-flex;flex-wrap:wrap;gap:.4rem;align-items:baseline;white-space:nowrap}.clocks.svelte-apdjl4 .race:where(.svelte-apdjl4){font-size:1.25rem;font-variant-numeric:tabular-nums}.clocks.svelte-apdjl4 .tod:where(.svelte-apdjl4){font-variant-numeric:tabular-nums}.pill.svelte-apdjl4{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.1rem .5rem;border-radius:999px;background:#2e8b57;color:#fff}.pill.replay.svelte-apdjl4{background:#e9b949;color:#14170f}@media(max-width:700px){.timebar.svelte-apdjl4 input[type=range]:where(.svelte-apdjl4){flex:1 1 100%;order:2}.timebar.svelte-apdjl4 .play:where(.svelte-apdjl4){order:1}.clocks.svelte-apdjl4{order:3}}