.flux3-cap__input-overlay.flux3-cap__tl.flux3-cap__kf{--f3-kf-thumb:64px;--f3-kf-scale:1;--f3-kf-scale-active:1.08;--f3-kf-emphasis-duration:0.16s;--f3-kf-chrome-duration:0.7s;--f3-kf-thumb-h:calc(var(--f3-kf-thumb) * 9 / 16);--f3-kf-label-gap:4px;--f3-kf-label-h:calc(var(--f3-tl-label-size) * var(--f3-tl-label-line));--f3-kf-stack:calc(var(--f3-kf-label-h) + var(--f3-kf-label-gap) + var(--f3-kf-thumb-h));--f3-tl-lead:calc(var(--f3-kf-thumb) / 2);--f3-kf-lift:calc(var(--f3-kf-stack) * (var(--f3-kf-scale-active) - 1));--f3-kf-row:calc(var(--f3-kf-stack) + var(--f3-kf-lift));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.7),rgb(0 0 0/0.4) 55%,transparent)}.flux3-cap__kf-frames{position:relative;width:100%;height:var(--f3-kf-row)}.flux3-cap__kf-frame{bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--f3-kf-label-gap);width:var(--f3-kf-thumb);transform:translateX(-50%) scale(var(--f3-kf-scale));transform-origin:bottom center;transition:transform var(--f3-kf-emphasis-duration) var(--f3-tl-emphasis-ease-overshoot)}.flux3-cap__kf-frame[data-state=active]{--f3-kf-scale:var(--f3-kf-scale-active)}.flux3-cap__kf-label{color:var(--f3-fg-55);transition:color var(--f3-kf-emphasis-duration) var(--f3-tl-emphasis-ease)}.flux3-cap__kf-frame[data-state=active] .flux3-cap__kf-label{color:var(--f3-fg)}.flux3-cap__kf-morph,.flux3-cap__kf-thumb{width:100%}.flux3-cap__kf-frame .flux3-cap__kf-thumb.flux3-cap__kf-thumb img,.flux3-cap__kf-frame .flux3-cap__kf-thumb.flux3-cap__kf-thumb video{outline-width:var(--f3-tl-tick-stroke);outline-offset:calc(-1 * var(--f3-tl-tick-stroke));outline-color:transparent;transition:outline-color var(--f3-kf-emphasis-duration) var(--f3-tl-emphasis-ease)}.flux3-cap__kf-frame[data-state=active] .flux3-cap__kf-thumb.flux3-cap__kf-thumb img,.flux3-cap__kf-frame[data-state=active] .flux3-cap__kf-thumb.flux3-cap__kf-thumb video{outline-color:var(--f3-fg)}.flux3-cap__kf .flux3-cap__kf-zoom{--f3-kf-zoom-w:clamp(120px,24%,200px);position:absolute;bottom:calc(100% + var(--f3-tl-gap));display:flex;flex-direction:column;align-items:center;gap:6px;width:var(--f3-kf-zoom-w);left:clamp(calc(var(--f3-kf-zoom-w) / 2),calc(var(--f3-tl-lead) + var(--f3-tl-pos) * (100% - 2 * var(--f3-tl-lead))),calc(100% - var(--f3-kf-zoom-w) / 2));pointer-events:none}.flux3-cap__kf-zoom-name{color:var(--f3-fg)}.flux3-cap__kf-zoom-pic{width:100%}.flux3-cap__kf .flux3-cap__kf-zoom-pic img,.flux3-cap__kf .flux3-cap__kf-zoom-pic video{outline-width:var(--f3-tl-tick-stroke);outline-offset:calc(-1 * var(--f3-tl-tick-stroke));outline-color:var(--f3-fg)}.flux3-cap__kf-caption{position:absolute;top:18%;right:24px;left:24px;z-index:3;display:flex;justify-content:center;pointer-events:none}.flux3-cap__kf-caption-text{font-size:15px;color:var(--f3-fg);text-align:center;white-space:normal;text-wrap:balance}.flux3-cap__kf-intro{position:absolute;inset:0;z-index:2;pointer-events:none}.flux3-cap__kf-intro-veil{position:absolute;inset:0;background:rgb(0 0 0/.55)}.flux3-cap__kf-intro-row{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.5%,24px);padding-inline:24px}.flux3-cap__kf-intro-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:clamp(72px,19%,168px)}.flux3-cap__kf-intro-name{color:var(--f3-fg)}.flux3-cap__kf-intro-pic{width:100%}.flux3-cap__kf .flux3-cap__kf-label{transition:color var(--f3-kf-emphasis-duration) var(--f3-tl-emphasis-ease),opacity var(--f3-kf-chrome-duration) var(--f3-select-ease)}.flux3-cap__kf .flux3-cap__tl-timecode,.flux3-cap__kf .flux3-cap__tl-track{transition:opacity var(--f3-kf-chrome-duration) var(--f3-select-ease)}.flux3-cap__kf[data-phase=intro] .flux3-cap__kf-label,.flux3-cap__kf[data-phase=intro] .flux3-cap__tl-timecode,.flux3-cap__kf[data-phase=intro] .flux3-cap__tl-track{opacity:0}.flux3-cap__kf[data-reduce-motion] .flux3-cap__kf-frame{transition:none}.flux3-cap__input-overlay.flux3-cap__tl.flux3-cap__kf[data-reduce-motion]{--f3-kf-chrome-duration:0.12s}@media (max-width:1023px){.flux3-cap__input-overlay.flux3-cap__tl.flux3-cap__kf{--f3-kf-thumb:28px;--f3-kf-scale-active:1.22;--f3-kf-label-gap:0px;--f3-kf-label-h:0px}.flux3-cap__kf .flux3-cap__kf-label{display:none}}