@layer properties,interface-icons,menu-design,flat-ui,theme,base,components,utilities;.a9BMMW_player{gap:4px;width:100%;display:grid}.a9BMMW_row{align-items:center;gap:12px;min-width:0;display:flex;position:relative}.a9BMMW_group{align-items:center;gap:12px;min-width:0;display:flex}.a9BMMW_group[data-group=controls]{gap:4px}.a9BMMW_item{align-items:center;display:flex}.a9BMMW_clock{font-variant-numeric:tabular-nums;white-space:nowrap}.a9BMMW_divider{background-color:var(--color-border-default);align-self:stretch;width:1px;margin-block:6px}.a9BMMW_group[data-group=controls] .a9BMMW_divider{margin-inline:8px}.a9BMMW_timeline{width:100%;overflow:hidden}.a9BMMW_dockTitles{flex:1;min-width:0;display:grid}.a9BMMW_dockArtwork{border-radius:var(--radius-lg);background-color:var(--color-component);flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;position:relative;overflow:hidden}.a9BMMW_dockArtwork[data-paired]{grid-auto-flow:column;gap:2px}.a9BMMW_mark{object-fit:contain;width:18px;height:18px;display:block}.a9BMMW_dockArtwork:not([data-paired]) .a9BMMW_mark{width:24px;height:24px}.a9BMMW_artboard{width:150%;max-width:none}.a9BMMW_glyph{width:var(--icon-size,16px);height:var(--icon-size,16px);place-items:center;display:grid}.a9BMMW_glyphLayer{grid-area:1/1;place-items:center;width:100%;height:100%;display:grid}.a9BMMW_glyphLayer svg{width:100%;height:100%;display:block}.a9BMMW_playGlyph svg{translate:-6.5%}.a9BMMW_speed{font-variant-numeric:tabular-nums;min-width:48px}.a9BMMW_speedValue{display:inline-grid;position:relative;overflow:hidden}.a9BMMW_status{padding-top:4px}.a9BMMW_truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.a9BMMW_dockMeta{font-variant-numeric:tabular-nums;white-space:nowrap}.a9BMMW_scrubber{width:100%}.a9BMMW_scrubberControl{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;width:100%;height:16px;display:flex;position:relative}.a9BMMW_scrubber[data-disabled] .a9BMMW_scrubberControl{cursor:default}.a9BMMW_scrubberTrack{border-radius:var(--radius-xs);background-color:var(--color-component);width:100%;height:4px;transition:height .2s var(--ease-out-quint);position:relative;overflow:hidden}.a9BMMW_scrubberFill{background-color:var(--color-secondary-foreground);height:100%;transition:background-color .2s var(--ease-out-quint)}.a9BMMW_scrubberControl:not([data-dragging]) .a9BMMW_scrubberFill,.a9BMMW_scrubberControl:not([data-dragging]) .a9BMMW_scrubberThumb{transition-property:width,inset-inline-start,left,scale,background-color;transition-duration:.25s,.25s,.25s,.2s,.2s;transition-timing-function:linear, linear, linear, var(--ease-out-quint), var(--ease-out-quint)}.a9BMMW_scrubberThumb{background-color:var(--color-primary-foreground);width:12px;height:12px;box-shadow:var(--shadow-default);transition:scale .2s var(--ease-out-quint);border-radius:50%;outline:none;scale:0}.a9BMMW_scrubberControl:hover .a9BMMW_scrubberTrack,.a9BMMW_scrubberControl[data-dragging] .a9BMMW_scrubberTrack{height:6px}.a9BMMW_scrubberControl:has(:focus-visible) .a9BMMW_scrubberTrack{height:6px}.a9BMMW_scrubberControl:hover .a9BMMW_scrubberFill,.a9BMMW_scrubberControl[data-dragging] .a9BMMW_scrubberFill{background-color:var(--color-primary-foreground)}.a9BMMW_scrubberControl:has(:focus-visible) .a9BMMW_scrubberFill{background-color:var(--color-primary-foreground)}.a9BMMW_scrubberControl:hover .a9BMMW_scrubberThumb,.a9BMMW_scrubberControl[data-dragging] .a9BMMW_scrubberThumb{scale:1}.a9BMMW_scrubberThumb:has(:focus-visible){scale:1}.a9BMMW_scrubberThumb:has(:focus-visible){outline:2px solid var(--color-brand-border-focus);outline-offset:2px}.a9BMMW_scrubber[data-disabled] .a9BMMW_scrubberThumb{scale:0}.a9BMMW_dock{inset-inline:0;bottom:max(16px, env(safe-area-inset-bottom));z-index:40;pointer-events:none;visibility:hidden;transition:translate .45s var(--motion-ease-out,var(--ease-out-quint)), visibility 0s linear .45s;justify-content:center;padding-inline:16px;display:flex;position:fixed;translate:0 calc(100% + 24px)}.a9BMMW_dock[data-visible]{visibility:visible;transition:translate .5s var(--motion-ease-spring,var(--ease-out-quint)), visibility 0s;translate:0}.a9BMMW_dockSurface{border:1px solid var(--color-border-default);border-radius:var(--radius-3xl);background-color:color-mix(in oklab, var(--color-modal) 94%, transparent);width:min(100%,560px);-webkit-backdrop-filter:saturate(1.8) blur(var(--blur-xl));backdrop-filter:saturate(1.8) blur(var(--blur-xl));box-shadow:var(--shadow-large);pointer-events:auto;gap:2px;padding:8px 8px 4px;display:grid;overflow:hidden}.a9BMMW_dockBody{align-items:center;gap:12px;min-width:0;display:flex}.a9BMMW_dockControls{flex-shrink:0;align-items:center;gap:2px;display:flex}.a9BMMW_scrubber[data-variant=docked]{padding-inline:4px}.a9BMMW_scrubber[data-variant=docked] .a9BMMW_scrubberControl{height:12px}.a9BMMW_scrubber[data-variant=docked] .a9BMMW_scrubberTrack{height:3px}.a9BMMW_scrubber[data-variant=docked] .a9BMMW_scrubberControl:hover .a9BMMW_scrubberTrack,.a9BMMW_scrubber[data-variant=docked] .a9BMMW_scrubberControl[data-dragging] .a9BMMW_scrubberTrack{height:5px}.a9BMMW_scrubber[data-variant=docked] .a9BMMW_scrubberControl:has(:focus-visible) .a9BMMW_scrubberTrack{height:5px}@media (max-width:479px){.a9BMMW_wideOnly{display:none}}@media (prefers-reduced-motion:reduce){.a9BMMW_scrubberTrack,.a9BMMW_scrubberThumb,.a9BMMW_scrubberControl:not([data-dragging]) .a9BMMW_scrubberFill,.a9BMMW_scrubberControl:not([data-dragging]) .a9BMMW_scrubberThumb,.a9BMMW_dock,.a9BMMW_dock[data-visible]{transition:none}.a9BMMW_dock{translate:0}}