.Video{background-color:#000;width:100%;height:100%;min-width:var(--size-40);aspect-ratio:16 / 9;position:relative;overflow:hidden;container-type:size}.Video:focus-visible{outline:none}.Video:has(.VideoPoster){border-radius:var(--radius-lg)}.Video--has-started{overflow:visible;border-radius:unset}.Video--freestyle{visibility:hidden;height:1px}.VideoElement{display:block;width:100%;height:100%;object-fit:fill}.VideoElement::cue{opacity:0}.Video--fullscreen .VideoElement{object-fit:contain}.Video--fullscreen-window{background-color:unset}.Video--fullscreen-window .VideoElement{border-radius:var(--size-1-5);position:absolute;z-index:var(--z-10);top:var(--fullscreen-window-top);right:var(--fullscreen-window-right);bottom:var(--fullscreen-window-bottom);left:var(--fullscreen-window-left);width:var(--fullscreen-window-width);opacity:var(--fullscreen-window-opacity);height:unset}.Video__loading,.VideoControls{position:absolute;top:0;right:0;bottom:0;left:0}.Video__loading{display:flex;align-items:center;justify-content:center;background-color:#000;transition:opacity var(--duration-normal);opacity:1}.Video__loading img{height:100%;width:100%;aspect-ratio:16 / 9}.Video__loading[aria-hidden=true]{opacity:0}.VideoControls{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr var(--size-5);grid-template-areas:"utils" "playback" "seekbar";background-color:transparent;transition:background-color var(--duration-normal);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.Video--active .VideoControls{background-color:#00000080}.Video--fullscreen .VideoControls{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);padding-bottom:var(--safe-area-inset-bottom);padding-top:var(--safe-area-inset-top);cursor:none}.Video--fullscreen.Video--active .VideoControls{cursor:unset}.VideoControls__utils,.VideoControls__playback{opacity:var(--opacity-0);pointer-events:none;transition:opacity var(--duration-normal)}.VideoControls__utils{min-height:var(--size-6);grid-area:utils;display:flex;padding:0 var(--size-0-5);justify-content:space-between}.VideoControls__playback{grid-area:playback;display:flex;justify-content:center;align-items:center}.Video--active .VideoControls__utils,.Video--active .VideoControls__playback{opacity:var(--opacity-100);pointer-events:auto}.VideoControls__replay{width:100%;padding:0 var(--size-2)}.Video__unmute{position:absolute;padding:var(--size-2);top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-start;cursor:pointer}.VideoControl{padding:var(--size-2);line-height:var(--line-height-none);background-color:transparent;border:0;color:var(--color-white);cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:var(--size-1)}.VideoControl:active{opacity:var(--opacity-80)}.VideoTimeline{grid-area:seekbar;position:relative;cursor:pointer;touch-action:none}.VideoClipTimeline{grid-area:seekbar;position:relative;touch-action:none}.VideoTimeline__current-time,.VideoTimeline__duration,.VideoClipTimeline__start-time,.VideoClipTimeline__end-time{position:absolute;bottom:var(--size-1-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-white);line-height:var(--line-height-none);display:none}.VideoClipTimeline__start-time,.VideoClipTimeline__end-time{transform:translate(-50%)}.VideoTimeline__current-time{left:var(--size-1-5)}.VideoTimeline__duration{right:var(--size-1-5)}.Video--active .VideoTimeline__current-time,.Video--active .VideoTimeline__duration,.Video--active .VideoClipTimeline__start-time,.Video--active .VideoClipTimeline__end-time{display:block}.VideoTimeline__progress{width:100%;height:var(--size-0-5);position:absolute;bottom:0}.VideoPoster{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0;border:0;background-color:var(--color-neutral-20);cursor:pointer;transition:opacity var(--duration-normal);opacity:var(--opacity-100)}.Video:is(.Video--loading,.Video--has-started) .VideoPoster{opacity:var(--opacity-0)}.VideoPoster>img{width:100%;height:100%;object-fit:cover}.VideoPoster-icon{--icon-size: var(--size-6);position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%);opacity:var(--opacity-70);transition:opacity var(--duration-short)}@media (min-width: 768px){.VideoPoster-icon{--icon-size: var(--size-10)}}@media (hover: hover){.VideoPoster:hover .VideoPoster-icon{opacity:var(--opacity-100)}}[class^=VideoClip]{--progress-color: var(--color-brand);--progress-radius: var(--size-0-5);--progress-size: var(--size-0-5)}.VideoClipTimeline__progress{position:absolute;height:var(--progress-size);bottom:0}.VideoClipTimeline__progress-group{position:relative;background-color:#0000004d;height:100%}.VideoClipTimeline__progress-outline{position:absolute;inset:calc(-1 * var(--progress-size));border:var(--progress-size) solid var(--progress-color);border-radius:var(--progress-size)}.VideoClipTimeline__progress-value{position:absolute;z-index:var(--z-10);background-color:#ffffff80;left:0;height:100%;width:100%;transform-origin:0 0;opacity:var(--opacity-100);transition:opacity var(--duration-normal)}.VideoClipTimeline__progress-value>div{background-color:var(--progress-color);position:absolute;inset:0 auto;width:var(--progress-radius)}.VideoCaptions{position:absolute;z-index:var(--z-10);inset:var(--caption-safe-area-top, var(--size-1)) 0 var(--caption-safe-area-bottom, var(--size-2)) 0;display:flex;flex-direction:column;align-items:center;justify-content:var(--caption-justify-content, flex-end);pointer-events:none;transition:inset var(--duration-normal)}.VideoCaptions__entry{display:flex;flex-direction:column;align-items:center}.VideoCaptions__entry span{--font-scale: 5;--min-font-size: var(--font-size-sm);color:var(--color-white);font-size:max(var(--min-font-size),calc(var(--font-scale) * min(1cqh,.5625cqw)));line-height:var(--line-height-tight);background-color:#00000080;border-radius:var(--radius-sm);padding:0 var(--size-0-5)}@media (min-width: 768px){:root{--page-gutter: var(--size-4)}}