.play-controls{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.play-list{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.play-label{flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;display:inline-flex}.play-prop{color:var(--eq-ink-3);font-family:var(--eq-font-mono);font-variation-settings:var(--eq-font-mono-settings);font-size:11px;font-weight:450}.play-controls .eq-segmented-control{margin:0}.play-controls .eq-segmented-control-legend{margin-bottom:4px}.play-controls .eq-segmented-control-track{width:100%;display:flex}.play-controls .eq-segmented-control-segment{flex:1;min-width:0;padding-inline:6px}.play-controls .eq-dropdown-trigger,.play-controls .eq-number-field{width:100%}.play-controls .play-range .eq-slider-output{font-family:var(--eq-font-mono);font-variation-settings:var(--eq-font-mono-settings)}.play-actions{flex-wrap:wrap;gap:6px;display:flex}.play-actions .play-reset{color:var(--eq-ink-2);margin-left:auto}.play-tab h2{margin-bottom:2px}.play-tab-note{margin:0 0 4px}.play-wait{color:var(--eq-ink-2);font-size:var(--eq-text-s)}.play-code .play-pre{color:var(--eq-ink);font-family:var(--eq-font-mono);font-variation-settings:var(--eq-font-mono-settings);white-space:pre;margin:0}.play-inline{border-top:1px solid var(--eq-line);display:none}.play-inline>.code-bar{min-height:42px;color:var(--eq-ink-2);font-size:var(--eq-text-s);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 14px;list-style:none;display:flex}.play-inline>.code-bar::-webkit-details-marker{display:none}.play-inline>.code-bar::marker{content:""}.play-inline>.code-bar:focus-visible{outline:2px solid var(--eq-focus);outline-offset:-2px}@media (hover:hover){.play-inline>.code-bar:hover{color:var(--eq-ink)}}.play-inline .code-label{font-family:var(--eq-font-mono);font-variation-settings:var(--eq-font-mono-settings)}.play-inline .code-chevron{color:var(--eq-ink-3);transition:rotate var(--eq-dur) var(--eq-ease);flex:none}.play-inline[open] .code-chevron{rotate:90deg}.play-inline>.play-controls,.play-inline>.play-wait{padding:4px 14px 16px}.play-inline .play-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px 20px}@media (max-width:1180px){.play-inline{display:block}}.play-failed{max-width:32ch;color:var(--eq-ink-2);font-size:var(--eq-text-s);text-align:center}