.time-rail{--tr-band: rgba(0, 0, 0, .09);--tr-band-hot: rgba(0, 0, 0, .14);--tr-thumb: rgba(0, 0, 0, .45);--tr-thumb-hot: rgba(0, 0, 0, .6);--tr-accent: #b22222;--tr-label-bg: #111111;--tr-label-fg: #ffffff;--tr-hover-bg: #ffffff;--tr-hover-fg: #111111;--tr-border: #e4e2dc;--tr-font: var(--font);position:fixed;right:0;bottom:0;width:20px;z-index:60;pointer-events:none;opacity:0;transition:opacity .12s ease,width .12s ease;font-family:var(--tr-font);touch-action:none}.time-rail.active{pointer-events:auto;opacity:1}.time-rail.hovering,.time-rail.dragging{width:60px}.time-rail-track{position:absolute;inset:0 0 0 auto;width:100%;pointer-events:auto;cursor:pointer;touch-action:none}.time-rail-notches{position:absolute;top:0;right:8px;bottom:0;width:8px;pointer-events:none}.time-band{position:absolute;right:0;width:8px;min-height:1px;background:var(--tr-band);border-left:1px solid rgba(0,0,0,.03);border-right:1px solid rgba(0,0,0,.1);box-sizing:border-box;transition:background-color .1s ease}.time-rail.hovering .time-band,.time-rail.dragging .time-band{background:var(--tr-band-hot)}.time-rail-current-marker{position:absolute;top:0;right:8px;width:8px;height:20px;min-height:20px;border-radius:1px;background:var(--tr-thumb);pointer-events:none;box-shadow:0 0 0 1px #0000000f}.time-rail.hovering .time-rail-current-marker,.time-rail.dragging .time-rail-current-marker{background:var(--tr-thumb-hot)}.time-rail-hover-marker{position:absolute;right:7px;width:10px;height:0;border-top:1px solid var(--tr-accent);pointer-events:none;opacity:0}.time-rail.hovering .time-rail-hover-marker,.time-rail.dragging .time-rail-hover-marker{opacity:1}.time-rail-label{position:absolute;right:28px;transform:translateY(-50%);white-space:nowrap;pointer-events:none;font-weight:700;font-variant-numeric:tabular-nums;font-size:11px;line-height:1.15;opacity:0;will-change:transform}.time-rail-current-label{padding:2px 6px;border-radius:3px;color:var(--tr-label-fg);background:var(--tr-label-bg);box-shadow:0 1px 2px #00000029;transition:opacity .16s ease-out}.time-rail-hover-label{right:30px;padding:5px 9px;border-radius:3px;color:var(--tr-hover-fg);background:var(--tr-hover-bg);border:1px solid var(--tr-border);box-shadow:0 1px 3px #0000001f}.time-rail.hovering .time-rail-label,.time-rail.dragging .time-rail-label{opacity:1}html.time-rail-active{scrollbar-width:none}html.time-rail-active::-webkit-scrollbar,html.time-rail-active body::-webkit-scrollbar{width:0;height:0;background:transparent}