.tempo-chart-figure[data-astro-cid-di6ypnm6]{justify-items:center;gap:.7rem;margin:1.8rem 0 0;display:grid}.tempo-chart-figure[data-astro-cid-di6ypnm6] img[data-astro-cid-di6ypnm6]{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;height:auto;display:block}.tempo-chart-figure[data-astro-cid-di6ypnm6] figcaption[data-astro-cid-di6ypnm6]{text-align:center;max-width:56ch;color:var(--ink-2);font-size:.84rem;line-height:1.5}.metro-face[data-astro-cid-di6ypnm6]{flex-direction:column;align-items:center;gap:1.3rem;padding:1.5rem 0 .5rem;display:flex}.metro-pulse[data-astro-cid-di6ypnm6]{background:var(--accent);opacity:.25;border-radius:50%;width:26px;height:26px;transition:transform 60ms,opacity 60ms;transform:scale(.85)}.metro-pulse[data-astro-cid-di6ypnm6].is-beat{opacity:1;transform:scale(1.25)}.metro-pulse[data-astro-cid-di6ypnm6].is-accent{box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 25%, transparent)}.metro-bpm-row[data-astro-cid-di6ypnm6]{align-items:center;gap:.5rem;display:flex}.metro-bpm[data-astro-cid-di6ypnm6]{align-items:baseline;gap:.5rem;padding:0 .8rem;display:flex}.metro-bpm[data-astro-cid-di6ypnm6] input[data-astro-cid-di6ypnm6]{width:5.6rem;font-family:var(--font-mono);text-align:center;color:var(--ink);border:none;border-bottom:2px solid var(--line,#00000026);-moz-appearance:textfield;appearance:textfield;background:0 0;font-size:2.6rem;font-weight:700}.metro-bpm[data-astro-cid-di6ypnm6] input[data-astro-cid-di6ypnm6]::-webkit-outer-spin-button,.metro-bpm[data-astro-cid-di6ypnm6] input[data-astro-cid-di6ypnm6]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.metro-bpm[data-astro-cid-di6ypnm6] input[data-astro-cid-di6ypnm6]:focus{border-bottom-color:var(--accent);outline:none}.metro-bpm-unit[data-astro-cid-di6ypnm6]{font-family:var(--font-mono);color:var(--ink-3);font-size:.85rem}.metro-slider[data-astro-cid-di6ypnm6]{width:min(420px,80vw);min-height:2rem;accent-color:var(--accent);cursor:pointer}.metro-beats[data-astro-cid-di6ypnm6]{gap:.5rem;display:flex}.metro-beats[data-astro-cid-di6ypnm6] button[data-astro-cid-di6ypnm6]{appearance:none;border:1px solid var(--line,#00000024);font-family:var(--font-mono);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .9rem;font-size:.85rem}.metro-beats[data-astro-cid-di6ypnm6] button[data-astro-cid-di6ypnm6].is-on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.metro-dots[data-astro-cid-di6ypnm6]{gap:.55rem;min-height:12px;display:flex}.metro-dots[data-astro-cid-di6ypnm6] span[data-astro-cid-di6ypnm6]{background:var(--ink-3);opacity:.3;border-radius:50%;width:10px;height:10px}.metro-dots[data-astro-cid-di6ypnm6] span[data-astro-cid-di6ypnm6].is-now{opacity:1;background:var(--accent)}.metro-actions[data-astro-cid-di6ypnm6]{gap:.8rem;display:flex}@media (width<=520px){.metro-bpm-row[data-astro-cid-di6ypnm6]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;width:100%;max-width:22rem;display:grid}.metro-bpm[data-astro-cid-di6ypnm6]{grid-area:1/1/auto/-1;justify-content:center;padding-inline:0}.metro-bpm-row[data-astro-cid-di6ypnm6]>.btn[data-astro-cid-di6ypnm6]{grid-row:2;width:100%;min-width:0;padding-inline:.45rem}}