.video-player{position:relative}.video-player.critical-component-hide{display:block}.video-player.critical-component-clear{opacity:1}.video-player__controls{background-image:linear-gradient(180deg,transparent,var(--color-primary-black) 85%);bottom:0;display:flex;gap:var(--spacing-s);left:0;padding:var(--spacing-l) var(--spacing-m);position:absolute;width:100%;z-index:var(--layer-heightened)}.video-player--controls-centered .video-player__controls{background-image:none;bottom:auto;bottom:initial;left:50%;pointer-events:none;top:50%;translate:-50% -50%;width:auto}.video-player__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none;color:inherit;color:var(--color-primary-white);cursor:pointer;font:inherit;height:var(--icon-m);outline:none;padding:0;width:auto;width:var(--icon-m);z-index:var(--layer-heightened)}.video-player--controls-centered .video-player__control{background-color:var(--color-overlay);border-radius:50%;color:var(--color-primary-black);display:grid;filter:invert(100%);height:90px;left:50%;place-items:center;pointer-events:none;position:absolute;top:50%;translate:-50% -50%;width:90px}.video-player--controls-centered .video-player__control .icon{height:var(--icon-l);width:var(--icon-l)}.video-player__subtitles{display:grid;overflow:hidden;place-content:center;transition:background-color var(--timing-quick) var(--easing-normal),color var(--timing-quick) var(--easing-normal)}.video-player__subtitles span{line-height:var(--line-height-baseline)}.video-player__subtitles.is-active{background-color:var(--color-primary-white);color:var(--color-primary-black)}.video-player__progress-bar{align-items:center;display:flex;flex:1;pointer-events:none;position:relative}.video-player__progress-bar .range-slider__ranges{flex:1}.video-player__duration{position:relative}.video-player__duration-display{color:var(--color-primary-white);line-height:100%;position:absolute;right:0;top:50%;translate:0 -50%}.video-player__duration-placeholder{color:transparent;line-height:100%}.video-player__overlay{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;box-shadow:none;color:inherit;cursor:pointer;font:inherit;left:0;outline:none;padding:0;width:auto;z-index:var(--layer-raised)}.video-player__background,.video-player__overlay{background-color:transparent;height:100%;position:absolute;top:0;width:100%}.video-player__background{-o-object-fit:cover;object-fit:cover}.video-player__background .images__image{filter:blur(10px);-o-object-fit:cover;object-fit:cover}.video-player__mute{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-color:var(--color-overlay);border:0;border-radius:50%;box-shadow:none;color:inherit;color:var(--color-primary-black);cursor:pointer;display:grid;filter:invert(100%);font:inherit;height:var(--spacing-xl);outline:none;padding:0;place-items:center;position:absolute;right:var(--spacing-m);top:var(--spacing-m);width:auto;width:var(--spacing-xl);z-index:var(--layer-raised)}.video-player__mute .icon{height:var(--icon-m);width:var(--icon-m)}.video-player__mute.is-hidden{display:none}.video-player__play{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-color:var(--color-overlay);border:0;border-radius:50%;box-shadow:none;color:inherit;color:var(--color-primary-black);cursor:pointer;display:grid;filter:invert(100%);font:inherit;height:90px;left:50%;outline:none;padding:0;place-items:center;pointer-events:none;position:absolute;top:50%;translate:-50% -50%;width:auto;width:90px;z-index:var(--layer-raised)}.video-player__play .icon{height:var(--icon-l);width:var(--icon-l)}.video-player__play.is-hidden{display:none}.video-player__video{cursor:pointer;display:inherit;height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%;z-index:var(--layer-flat)}.video-player.video-player--controls-centered .video-player__image.images{background-color:transparent}.video-player.video-player--controls-centered .video-player__image.images .images{min-width:auto}.video-player.video-player--controls-centered .video-player__image.images .images__image{-o-object-fit:contain;object-fit:contain}.video-player.video-player--hide-controls.is-active .video-player__controls{opacity:0;transition:opacity var(--timing-normal) var(--easing-normal) var(--timing-slower)}.video-player.video-player--hide-controls.is-active .video-player__controls:focus-within,.video-player.video-player--hide-controls.is-active:hover .video-player__controls{opacity:1;transition:opacity var(--timing-normal) var(--easing-normal) 0s}