.playback-timeline___fOkXr{background:rgba(0,0,0,.8);border-top:1px solid rgba(255,255,255,.1);padding:0 16px;width:100%}.timeline-track___XwSbL{cursor:pointer;height:36px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.time-ticks___Kti9B{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.time-tick___DMd0F{align-items:center;display:flex;flex-direction:column;height:100%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.tick-label___URzcr{color:var(--color-text-gray-tertiary);font-size:12px;margin-top:4px;white-space:nowrap}.timeline-bar___yFTct{background:rgba(255,255,255,.1);border-radius:1px;height:8px;left:0;overflow:hidden;position:absolute;top:24px;width:100%}.timeline-bar-progress___seZgj{background:var(--color-brand-normal);border-radius:1px;height:100%;left:0;position:absolute;top:0}.timeline-pointer___qcm4w{background:#fff;cursor:move;height:24px;top:8px;width:2px}.hover-tooltip___d6yed,.timeline-pointer___qcm4w{position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.hover-tooltip___d6yed{color:#fff;font-size:12px;pointer-events:none;top:-24px;white-space:nowrap}