.sequence-control-bar.svelte-1t796s7{flex-wrap:var(--sequence-controls-wrap,nowrap);align-items:center;gap:var(--sequence-controls-gap,clamp(4pt, 1.6cqw, 1.5ex));width:100%;padding:var(--sequence-controls-padding,clamp(2pt, .5cqw, 1ex) clamp(4pt, 1cqw, 1.2ex));box-sizing:border-box;z-index:var(--sequence-controls-z-index,var(--z-index-viewer-pane,10));border-radius:var(--sequence-controls-border-radius,4px);background:var(--sequence-controls-bg,var(--surface-bg-hover,light-dark(#f4f4f5,#2a2c33)));color:var(--sequence-controls-color,light-dark(#1a1a1a,#e8e8e8));font-size:var(--sequence-controls-font-size,.85rem);backdrop-filter:blur(4px);opacity:0;pointer-events:none;--icon-size:var(--sequence-controls-icon-size,1.05em);transition:opacity .2s;display:flex;position:relative;&.hover-visible{position:absolute;inset:0 0 auto}&.always-visible{opacity:1;pointer-events:auto}&:focus-within{z-index:var(--sequence-controls-focus-z-index,var(--z-index-viewer-dropdown,100))}& svg{width:var(--icon-size);height:var(--icon-size)}& .fullscreen-button{--icon-size:var(--sequence-fullscreen-icon-size,1.25rem);--fullscreen-btn-padding:0;--fullscreen-btn-bg:transparent}}.sequence-viewer:hover>.sequence-control-bar.hover-visible.svelte-1t796s7,.sequence-viewer:focus-within>.sequence-control-bar.hover-visible.svelte-1t796s7{opacity:1;pointer-events:auto}button.svelte-14vxlsn{background:var(--btn-bg);font-size:inherit;line-height:1;&:hover:not(:disabled){background:var(--btn-bg-hover,var(--border-color))}&:disabled{color:var(--text-color-muted);cursor:not-allowed}}.nav-section.svelte-14vxlsn{align-items:center;gap:3pt;display:flex}.step-section.svelte-14vxlsn{flex:1;align-items:center;gap:clamp(.25rem,1.5cqw,.5rem);min-width:0;display:flex;&>span:where(.svelte-14vxlsn){opacity:.75;font-variant-numeric:tabular-nums;white-space:nowrap}}.step-input.svelte-14vxlsn{text-align:center;border:1px solid #63b3ed4d;min-width:3.5em;margin:0 -5px 0 0}input[type=number].svelte-14vxlsn{font:inherit;font-variant-numeric:tabular-nums;padding:1px 3px;line-height:1.2;&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}.slider-container.svelte-14vxlsn{min-width:var(--sequence-slider-min-width,100px);flex:1;position:relative}.step-slider.svelte-14vxlsn{z-index:1;width:100%;position:relative}.step-labels.svelte-14vxlsn{top:50%;position:absolute;inset-inline:0}.step-tick.svelte-14vxlsn{top:var(--sequence-step-tick-offset,5px);width:var(--sequence-step-tick-width,1px);height:var(--sequence-step-tick-height,3px);background:var(--text-color-muted);position:absolute;transform:translate(-50%)}.step-label.svelte-14vxlsn{top:calc(var(--sequence-step-tick-offset,5px) + var(--sequence-step-tick-height,3px) + 1px);color:var(--text-color-muted);text-align:center;white-space:nowrap;font-size:clamp(.5em,1.2cqw,.65em);position:absolute;transform:translate(-50%)}.fps-section.svelte-14vxlsn{white-space:nowrap;align-items:center;gap:5pt;margin-inline:6pt;display:flex;& input[type=number]:where(.svelte-14vxlsn){border:var(--tooltip-border);field-sizing:content;text-align:center;min-width:2ch;max-width:4ch}}.play-button.svelte-14vxlsn{min-width:clamp(32px,4cqw,36px);&:hover:not(:disabled){background:var(--btn-bg-hover,#0003)}&.playing{background:var(--btn-bg,#0000001a)}&.playing:hover:not(:disabled){background:var(--btn-bg-hover,#0000001a)}}