.beat-player:where(.astro-kh27f2ky){background:var(--color-bg-card,var(--sl-color-gray-6));border:1px solid var(--color-border,var(--sl-color-gray-5));border-radius:var(--radius-md,.5rem);align-items:center;gap:.85rem;width:100%;max-width:36rem;padding:.6rem .85rem;display:flex}.beat-audio:where(.astro-kh27f2ky){display:none}.beat-play-btn:where(.astro-kh27f2ky){color:#fff;background:var(--color-accent,#4285f4);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background .15s,transform .15s;display:inline-grid}.beat-play-btn:where(.astro-kh27f2ky):hover{background:var(--color-accent-hover,#5a9bff)}.beat-play-btn:where(.astro-kh27f2ky):active{transform:scale(.96)}.beat-play-icon:where(.astro-kh27f2ky){place-items:center;width:1.125rem;height:1.125rem;display:grid}.beat-play-icon:where(.astro-kh27f2ky) svg:where(.astro-kh27f2ky){grid-area:1/1;width:1.125rem;max-width:none;height:1.125rem;display:block}.beat-play-icon:where(.astro-kh27f2ky) .icon-play:where(.astro-kh27f2ky){transform:translate(1px)}.beat-play-icon:where(.astro-kh27f2ky) .icon-pause:where(.astro-kh27f2ky),.beat-player:where(.astro-kh27f2ky).is-playing .beat-play-icon:where(.astro-kh27f2ky) .icon-play:where(.astro-kh27f2ky){opacity:0}.beat-player:where(.astro-kh27f2ky).is-playing .beat-play-icon:where(.astro-kh27f2ky) .icon-pause:where(.astro-kh27f2ky){opacity:1}.beat-seek:where(.astro-kh27f2ky){cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:.35rem;margin:0}.beat-seek:where(.astro-kh27f2ky)::-webkit-slider-runnable-track{background:var(--color-border-hover,var(--sl-color-gray-4));border-radius:999px;height:.35rem}.beat-seek:where(.astro-kh27f2ky)::-webkit-slider-thumb{appearance:none;background:var(--color-accent,#4285f4);border:none;border-radius:999px;width:.85rem;height:.85rem;margin-top:-.25rem}.beat-seek:where(.astro-kh27f2ky)::-moz-range-track{background:var(--color-border-hover,var(--sl-color-gray-4));border-radius:999px;height:.35rem}.beat-seek:where(.astro-kh27f2ky)::-moz-range-thumb{background:var(--color-accent,#4285f4);border:none;border-radius:999px;width:.85rem;height:.85rem}.beat-time:where(.astro-kh27f2ky){font-variant-numeric:tabular-nums;min-width:5.5rem;color:var(--color-text-muted,var(--sl-color-gray-3));flex-shrink:0;justify-content:flex-end;gap:.2rem;font-size:.75rem;display:flex}.beat-time-sep:where(.astro-kh27f2ky){opacity:.7}.beat-mode-btn:where(.astro-kh27f2ky){width:2rem;height:2rem;color:var(--color-text-muted,var(--sl-color-gray-3));border-radius:var(--radius-md,.5rem);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;place-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-grid}.beat-mode-btn:where(.astro-kh27f2ky):hover{color:var(--sl-color-accent);background:color-mix(in srgb, var(--sl-color-accent) 12%, transparent)}.beat-mode-btn:where(.astro-kh27f2ky)[data-mode=repeat],.beat-mode-btn:where(.astro-kh27f2ky)[data-mode=queue]{color:var(--sl-color-accent)}.beat-mode-icon:where(.astro-kh27f2ky){place-items:center;width:1.125rem;height:1.125rem;display:grid}.beat-mode-icon:where(.astro-kh27f2ky) svg:where(.astro-kh27f2ky){opacity:0;grid-area:1/1;width:1.125rem;max-width:none;height:1.125rem;display:block}.beat-mode-btn:where(.astro-kh27f2ky)[data-mode=once] .icon-mode-once:where(.astro-kh27f2ky),.beat-mode-btn:where(.astro-kh27f2ky):not([data-mode]) .icon-mode-once:where(.astro-kh27f2ky),.beat-mode-btn:where(.astro-kh27f2ky)[data-mode=repeat] .icon-mode-repeat:where(.astro-kh27f2ky),.beat-mode-btn:where(.astro-kh27f2ky)[data-mode=queue] .icon-mode-queue:where(.astro-kh27f2ky){opacity:1}.copy-link-button:where(.astro-ykqbv7u4){color:var(--sl-color-gray-2);background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);border-radius:var(--radius-md,.5rem);cursor:pointer;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.8125rem;font-weight:500;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.copy-link-button:where(.astro-ykqbv7u4):hover{color:var(--sl-color-white);background:var(--sl-color-gray-5);border-color:var(--sl-color-gray-4)}.copy-link-icon:where(.astro-ykqbv7u4){flex-shrink:0;place-items:center;width:1rem;height:1rem;display:inline-grid;position:relative}.copy-link-icon:where(.astro-ykqbv7u4) svg:where(.astro-ykqbv7u4){grid-area:1/1;width:1rem;max-width:none;height:1rem;display:block}.copy-link-icon:where(.astro-ykqbv7u4) .icon-check:where(.astro-ykqbv7u4){color:var(--color-success,#34a853);opacity:0}.copy-link-button:where(.astro-ykqbv7u4).copied .icon-link:where(.astro-ykqbv7u4){opacity:0}.copy-link-button:where(.astro-ykqbv7u4).copied .icon-check:where(.astro-ykqbv7u4){opacity:1}.copy-link-label:where(.astro-ykqbv7u4){line-height:1rem;display:inline-block}.copy-link-button:where(.astro-ykqbv7u4).copied{border-color:var(--color-success,#34a853);background:#34a85326}