/* The playground's own few rules, on the site's tokens (site.css), so light and dark follow the site's */
.playground textarea,.playground input,.playground select{font:inherit;color:var(--fg);background:var(--bg-alt);border:1px solid var(--rule);border-radius:var(--radius);padding:.45rem .55rem}
.playground textarea{width:100%;font-family:var(--mono);font-size:.9rem}
.playground label{display:block}
.playground .examples button,.playground [data-chart]{font:inherit;cursor:pointer;color:var(--link);background:transparent;border:1px solid var(--rule);border-radius:var(--radius);padding:.3rem .6rem;margin:.2rem .3rem .2rem 0}
.playground .place{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:0 1rem}
.playground .place input,.playground .place select{width:100%}
.playground fieldset{border:1px solid var(--line);border-radius:var(--radius)}
.playground fieldset label{display:inline-block;margin-right:1rem}
.playground table{font-variant-numeric:tabular-nums}
.playground .passes{display:block;overflow-x:auto}
.playground .utc,.playground caption,.playground figcaption,.playground .note{color:var(--fg-muted);font-size:.9rem}
.playground .refusal{color:var(--bad)}
.playground .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.playground svg{width:100%;max-width:22rem;height:auto}
.playground .ring{fill:none;stroke:var(--rule)}
.playground .track{fill:none;stroke:var(--accent);stroke-width:2.5}
.playground .top{fill:var(--accent)}
.playground .dir{fill:var(--fg-muted);font-size:12px;text-anchor:middle}