.is-range{display:flex;gap:.6rem;align-items:center;margin-bottom:.9rem}
.is-range input{flex:1;min-width:0;padding:0;border:0;accent-color:var(--redline)}
.is-range output{min-width:4ch;text-align:right;font-variant-numeric:tabular-nums}
.is-stage{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;overflow:visible}
.is-shape{fill:var(--fg)}
.is-guides rect{fill:none;stroke:var(--redline);stroke-width:1;stroke-dasharray:3 3}
.is-labels{display:grid;grid-template-columns:repeat(3,1fr);max-width:420px;margin:.5rem auto 0;color:var(--muted);text-align:center}
.is-play{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:1rem;align-items:center}
@media (max-width:520px){.is-play{grid-template-columns:minmax(0,1fr)}.is-big{max-width:220px;margin:0 auto}}
.is-big{display:block;width:100%;height:auto}
.is-btn{fill:var(--fg)}
.is-tri{fill:var(--bg)}
.is-centre{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}
.is-bbox{fill:none;stroke:var(--redline);stroke-width:1;stroke-dasharray:3 3}
.is-centroid{fill:var(--redline);stroke:var(--fg);stroke-width:1}
.demo .is-small{display:flex;justify-content:center;gap:1.5rem}
.demo .is-small figure{margin:0;display:grid;justify-items:center;gap:.4rem}
.is-small svg{width:44px;height:44px}
.demo .is-small figcaption{margin:0;color:var(--muted);font-size:inherit}