.scroll-video-scrub{width:100%;position:relative}.scroll-video-scrub__sticky{background:#000;width:100%;height:100dvh;position:sticky;top:0;left:0;overflow:hidden}.scroll-video-scrub__canvas{width:100%;height:100%;display:block}.scroll-video-scrub__loader{z-index:30;color:#fff9;letter-spacing:.04em;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.85rem;display:flex;position:absolute;inset:0}.scroll-video-scrub__loader-track{background:#ffffff1f;border-radius:999px;width:180px;height:3px;overflow:hidden}.scroll-video-scrub__loader-fill{background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:999px;height:100%;transition:width .15s}.scroll-video-scrub__error{z-index:11;text-align:center;color:#fca5a5;background:#000000eb;justify-content:center;align-items:center;padding:32px;font-size:.9rem;line-height:1.6;display:flex;position:absolute;inset:0}.scroll-video-scrub__bg-progress{z-index:25;background:#ffffff14;height:2px;position:absolute;top:0;left:0;right:0}.scroll-video-scrub__bg-progress-fill{background:linear-gradient(90deg,#38bdf8,#7dd3fc);height:100%;transition:width .3s}.scroll-video-scrub__overlay{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:visible}