/* @v1d/web-kit 0.12.0, built from Cutkit cde4b0249 tools/studio_static/kit/timeview.css. Generated: Cutkit's kit is the only copy, never edit this one. */
.time-view { position: relative; width: 100%; background: var(--tl-bg); }
.time-view-canvas { display: block; width: 100%; touch-action: none; cursor: grab; -webkit-tap-highlight-color: transparent; }
.time-view-controls { display: flex; justify-content: flex-end; gap: 4px; padding: 4px 2px 2px; }
.time-view-button { min-width: 28px; height: 22px; padding: 0 6px; border: 1px solid var(--tl-line); border-radius: 4px; background: var(--tl-panel); color: var(--tl-text); font: 12px ui-sans-serif, system-ui; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; }
.time-view-button:active:not(:disabled) { background: var(--control); }
.time-view-button:focus-visible { outline: 2px solid var(--tl-head); outline-offset: 1px; }
@media (pointer: coarse) { .time-view-button { min-width: 44px; height: 44px; } }