.plot-controls{border-top:1px solid var(--pc-line);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;align-items:center;gap:12px;padding:12px 20px;display:flex}.plot-controls--solo{justify-content:center}.plot-controls__play{border:1px solid var(--pc-line);background:var(--pc-card);width:28px;height:28px;color:var(--pc-text);cursor:pointer;border-radius:8px;flex:none;place-items:center;padding:0;transition:background-color .15s ease-out,scale .15s ease-out;display:grid}@media (hover:hover){.plot-controls__play:hover{background:var(--pc-line)}}.plot-controls__play:active{scale:.96}.plot-controls__play:focus-visible,.plot-controls__range:focus-visible{outline:2px solid var(--pc-text);outline-offset:2px}.plot-controls__range{cursor:pointer;appearance:none;background:0 0;flex:1;height:14px;margin:0}.plot-controls__range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--pc-accent) var(--pc-fill), var(--pc-track) var(--pc-fill));border-radius:2px;height:4px}.plot-controls__range::-moz-range-track{background:linear-gradient(to right, var(--pc-accent) var(--pc-fill), var(--pc-track) var(--pc-fill));border-radius:2px;height:4px}.plot-controls__range::-webkit-slider-thumb{background:radial-gradient(circle, var(--pc-dot) 0 2.5px, var(--pc-knob) 3px);-webkit-appearance:none;border:none;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 3px #0000002e}.plot-controls__range::-moz-range-thumb{background:radial-gradient(circle, var(--pc-dot) 0 2.5px, var(--pc-knob) 3px);border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0000002e}.plot-controls__count{min-width:56px;color:var(--pc-sub);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:12px}@media (prefers-reduced-motion:reduce){.plot-controls__play{transition:none}}