.flux3-cap__input-overlay.flux3-cap__tl.flux3-cap__cont{--f3-cont-rest-opacity:0.65;--f3-cont-active-opacity:1;--f3-tl-mark-rest:var(--f3-fg);--f3-cont-chip-pad-block:4px;--f3-cont-chip-pad-inline:8px;--f3-cont-chip-bg:rgb(0 0 0/0.3);--f3-cont-chip-bg-active:rgb(0 0 0/0.55);--f3-cont-chip-blur:4px;--f3-cont-chip-h:calc(var(--f3-tl-label-size) * var(--f3-tl-label-line) + 2 * var(--f3-cont-chip-pad-block));--f3-cont-seam-size:calc(var(--f3-tl-tick-size) * 1.2);--f3-cont-seam-size-active:calc(var(--f3-tl-tick-size) * 1.4);top:auto;bottom:var(--f3-tl-inset);--f3-tl-scrim-top:calc(-1 * var(--f3-tl-scrim-fade));--f3-tl-scrim-bottom:calc(-1 * var(--f3-tl-inset));--f3-tl-scrim-image:linear-gradient(0deg,rgb(0 0 0/0.85),rgb(0 0 0/0.5) 55%,transparent)}.flux3-cap__cont .flux3-cap__tl-track{opacity:var(--f3-cont-rest-opacity);transition:opacity var(--f3-tl-emphasis-duration) var(--f3-tl-emphasis-ease)}.flux3-cap__cont[data-phase=continuation] .flux3-cap__tl-track{opacity:var(--f3-cont-active-opacity)}.flux3-cap__cont[data-reduce-motion] .flux3-cap__cont-tick{transition:none}.flux3-cap__cont-caption{position:relative;width:100%;height:var(--f3-cont-chip-h)}.flux3-cap__cont-chip{bottom:0;outline:1px solid transparent;border-radius:var(--f3-radius);background:var(--f3-cont-chip-bg);padding:var(--f3-cont-chip-pad-block) var(--f3-cont-chip-pad-inline);transform:translateX(-50%);backdrop-filter:blur(var(--f3-cont-chip-blur));-webkit-backdrop-filter:blur(var(--f3-cont-chip-blur));transition:outline-color var(--f3-tl-emphasis-duration) var(--f3-tl-emphasis-ease),background-color var(--f3-tl-emphasis-duration) var(--f3-tl-emphasis-ease)}.flux3-cap__cont[data-phase=continuation] .flux3-cap__cont-chip{outline-color:var(--f3-fg);background:var(--f3-cont-chip-bg-active)}.flux3-cap__cont-caption-slot{position:relative;display:block}.flux3-cap__cont-caption-sizer{display:block;visibility:hidden}.flux3-cap__cont-caption-text{position:absolute;top:0;right:0;left:0;text-align:center}.flux3-cap__cont .flux3-cap__cont-tick{width:var(--f3-cont-seam-size);height:var(--f3-cont-seam-size);transition:width var(--f3-tl-emphasis-duration) var(--f3-tl-emphasis-ease-overshoot),height var(--f3-tl-emphasis-duration) var(--f3-tl-emphasis-ease-overshoot)}.flux3-cap__cont .flux3-cap__cont-tick[data-highlight]{width:var(--f3-cont-seam-size-active);height:var(--f3-cont-seam-size-active)}.flux3-cap__cont[data-loop-reset=true] .flux3-cap__cont-chip,.flux3-cap__cont[data-loop-reset=true] .flux3-cap__cont-tick,.flux3-cap__cont[data-loop-reset=true] .flux3-cap__tl-track{transition:none}@media (max-width:1023px){.flux3-cap__input-overlay.flux3-cap__tl.flux3-cap__cont{--f3-tl-label-size:10px}}.flux3-cap__input-overlay.flux3-cap__tl{--f3-tl-mark-rest:var(--f3-fg);--f3-tl-emphasis-duration:var(--f3-select-duration);--f3-tl-emphasis-ease:var(--f3-select-ease);--f3-tl-emphasis-ease-overshoot:cubic-bezier(0.34,1.4,0.64,1);--f3-tl-inset:24px;--f3-tl-track-lift:calc(var(--f3-cap-control-inset) + var(--f3-cap-control-size) / 2 - var(--f3-tl-inset) - var(--f3-tl-track-height) / 2);--f3-tl-gap:16px;--f3-tl-track-height:3px;--f3-tl-tick-size:7px;--f3-tl-tick-size-active:8px;--f3-tl-tick-stroke:2px;--f3-tl-tick-rest:#626262;--f3-tl-lead:0px;--f3-tl-scrim-fade:68px;--f3-tl-controls-clear:128px;--f3-tl-scrim-top:calc(-1 * var(--f3-tl-inset));--f3-tl-scrim-right:calc(-1 * (var(--f3-tl-inset) + var(--f3-cap-controls-reserve) + var(--f3-tl-controls-clear)));--f3-tl-scrim-bottom:calc(-1 * var(--f3-tl-scrim-fade));--f3-tl-scrim-left:calc(-1 * var(--f3-tl-inset));--f3-tl-scrim-image:linear-gradient(180deg,rgb(0 0 0/0.85),rgb(0 0 0/0.5) 55%,transparent);--f3-tl-label-size:12px;--f3-tl-label-line:1.35;top:var(--f3-tl-inset);right:calc(var(--f3-tl-inset) + var(--f3-cap-controls-reserve) + var(--f3-tl-controls-clear));left:var(--f3-tl-inset);max-width:none;z-index:1;gap:var(--f3-tl-gap);padding:0 0 var(--f3-tl-track-lift);pointer-events:none}.flux3-cap__tl:before{position:absolute;top:var(--f3-tl-scrim-top);right:var(--f3-tl-scrim-right);bottom:var(--f3-tl-scrim-bottom);left:var(--f3-tl-scrim-left);z-index:-1;background:var(--f3-tl-scrim-image);content:"";pointer-events:none}.flux3-cap__tl-label{color:var(--f3-fg);font-family:var(--font-ibm-plex-mono),ui-monospace,monospace;font-size:var(--f3-tl-label-size);font-weight:var(--text-bf-label--font-weight);line-height:var(--f3-tl-label-line);letter-spacing:var(--text-bf-label--letter-spacing);font-variant-numeric:tabular-nums;text-transform:uppercase;white-space:nowrap}.flux3-cap__tl-timecode{position:absolute;bottom:calc(var(--f3-tl-track-lift) + var(--f3-tl-track-height) / 2);left:calc(100% + var(--f3-tl-gap));transform:translateY(50%)}.flux3-cap__tl-at{position:absolute;left:calc(var(--f3-tl-lead) + var(--f3-tl-pos) * (100% - 2 * var(--f3-tl-lead)))}.flux3-cap__tl-track{position:relative;width:100%;height:var(--f3-tl-track-height);border-radius:999px;background:var(--f3-fg-40)}.flux3-cap__tl-fill{position:absolute;top:0;bottom:0;left:0;border-radius:inherit;background:var(--f3-tl-mark-rest)}.flux3-cap__tl-tick{top:50%;width:var(--f3-tl-tick-size);height:var(--f3-tl-tick-size);border-radius:999px;transform:translate(-50%,-50%);transition:width var(--f3-tl-emphasis-duration) var(--f3-tl-emphasis-ease),height var(--f3-tl-emphasis-duration) var(--f3-tl-emphasis-ease)}.flux3-cap__tl-tick[data-highlight]{width:var(--f3-tl-tick-size-active);height:var(--f3-tl-tick-size-active)}.flux3-cap__tl[data-reduce-motion] .flux3-cap__tl-tick{transition:none}@media (max-width:1023px){.flux3-cap__input-overlay.flux3-cap__tl{--f3-tl-inset:12px;--f3-tl-gap:12px;--f3-tl-scrim-fade:51px;--f3-tl-tick-size:6px;--f3-tl-tick-size-active:7px;--f3-tl-controls-clear:calc(2 * var(--f3-tl-gap))}.flux3-cap__tl .flux3-cap__tl-timecode{display:none}}