/* STS3 file segment palette. */
:root{--timeline-file-1:#b3ceb1;--timeline-file-2:#d6ddad;--timeline-file-3:#91b8a2;--timeline-file-4:#d7e8cc;--timeline-file-5:#bfcbb0;--timeline-file-6:#9dcbbd;--timeline-file-7:#dce5ba;--timeline-file-8:#b1c6bc;}
/* File colors share the range's event coordinates; the thumb keeps its native input behavior. */
.timeline-track{position:relative;flex:1;min-width:40px;height:26px}
.timeline-segments{position:absolute;inset:3px 8px;border-radius:3px;overflow:hidden;background:#e5e9ed;pointer-events:none}
.timeline-segment{position:absolute;top:0;bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:2px 7px;font-size:10px;line-height:16px;color:#22313d;border-right:1px solid #ffffffb3}
.timeline .timeline-track #progress{position:absolute;inset:0;width:100%;height:26px;margin:0;padding:0;border:0;background:transparent;appearance:none;-webkit-appearance:none;border-radius:3px}
.timeline-track #progress::-webkit-slider-runnable-track{height:20px;background:transparent}
.timeline-track #progress::-moz-range-track{height:20px;background:transparent}
.timeline-track #progress::-moz-range-progress{background:transparent}
.timeline-track #progress::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:26px;margin-top:-3px;border:2px solid #fff;border-radius:5px;background:#354b5e;box-shadow:0 0 0 1px #354b5e66}
.timeline-track #progress::-moz-range-thumb{width:12px;height:22px;border:2px solid #fff;border-radius:5px;background:#354b5e;box-shadow:0 0 0 1px #354b5e66}
.timeline-track #progress:disabled{opacity:.4}