/* The 24px hit zone straddles the TabBar hairline; its line ends exactly there. */
.video-timeline{position:absolute;z-index:46;left:0;right:0;bottom:calc(var(--tab-height) + var(--safe-bottom) - 12px);height:24px;touch-action:none;cursor:ew-resize;outline-offset:-2px;user-select:none;-webkit-user-select:none}
.video-timeline-track{position:absolute;left:0;right:0;top:10px;height:2px;background:rgba(255,255,255,.25);pointer-events:none}
.video-timeline-fill{display:block;width:100%;height:100%;background:rgba(255,255,255,.9);transform:scaleX(0);transform-origin:left center;pointer-events:none}
.video-timeline-knob{display:none;position:absolute;top:4px;height:12px;width:12px;border-radius:50%;background:white;transform:translateX(-50%);pointer-events:none}
.video-timeline-label{display:none;position:absolute;bottom:27px;transform:translateX(-50%);padding:4px 8px;border:0;border-radius:9px;background:rgba(14,14,16,.75);color:white;font:500 12px/16px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}
.video-timeline[data-state=scrubbing] .video-timeline-track{top:8px;height:4px}
.video-timeline[data-state=scrubbing] .video-timeline-knob,.video-timeline[data-state=scrubbing] .video-timeline-label{display:block}
.video-timeline[aria-disabled=true]{cursor:default}
.video-timeline:focus-visible{outline:2px solid var(--accent)}