.video-player{--spacing-outside:0.6em;--spacing-inside:0.4em;--icon-size-m:0.3em;--icon-size-xl:0.6em;--_aspect-ratio:var(--aspect-ratio,16/9);font-size:clamp(2.5rem,.5556rem + 5.5556cqi,5rem);position:relative}@media (pointer:coarse){.video-player{--icon-size-m:0.5em;--icon-size-xl:0.8em}}.video-player figure{display:contents}.video-player video{aspect-ratio:var(--_aspect-ratio);display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.video-player__controls,.video-player__overlay,.video-player__play{pointer-events:none;transition:opacity var(--timing-duration-default)}.video-player__controls,.video-player__play{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-outside);position:absolute;right:0;top:0}.video-player__controls>*,.video-player__play>*{pointer-events:auto;z-index:1}.video-player__controls{align-items:end;display:flex;gap:var(--spacing-inside);justify-content:space-between;padding:var(--spacing-outside)}.video-player__play{align-items:center;display:flex;justify-content:center;padding:var(--spacing-outside)}.video-player__overlay{max-width:45%;padding:var(--spacing-outside);position:absolute}.video-player-button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;height:var(--icon-size-m);transition:transform var(--timing-duration-default);width:var(--icon-size-m)}@media (hover:hover){.video-player-button:hover{transform:scale(1.1)}}.video-player-button:active{transform:scale(.9)}.video-player-button_size-xl{height:var(--icon-size-xl);width:var(--icon-size-xl)}.video-player-button_icon-play{background-image:var(--icon-play,url("./play.svg"))}.video-player-button_icon-play.video-player-button_size-xl{background-image:var(--icon-play-xl,url("./play.svg"))}.video-player-button_icon-play:not(.video-player-button_size-xl)[data-state=playing]{background-image:var(--icon-pause,url("./pause.svg"))}.video-player-button_icon-fullscreen{background-image:var(--icon-fullscreen,url("./fullscreen.svg"))}.video-player[data-hide-controls=true] .video-player__controls,.video-player[data-hide-controls=true] .video-player__play,.video-player[data-show-play-overlay=false] .headline,.video-player[data-show-play-overlay=false] .video-player__play,.video-player[data-show-play-overlay=true] .video-player__controls{opacity:0}.video-player[data-show-play-overlay=false] .video-player__play>*{pointer-events:none}.video-player:not(.video-player_can-fullscreen) .video-player-button_icon-fullscreen,.video-player:not([data-show-play-overlay=false]) .video-player__controls{opacity:0}