@layer components{.video-player{display:block;position:relative;aspect-ratio:16/9}.video-player--square{aspect-ratio:1/1}.video-player__preview{display:none;position:absolute;top:0;right:0;bottom:0;left:0}[playback-state=initial] .video-player__preview{display:block}.video-player__start-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:var(--color-white);padding:var(--spacing-unit-s)}.video-player__start-play-icon,.video-player__video{display:block}.video-player__controls{position:absolute;top:var(--spacing-unit-m);right:var(--spacing-unit-m)}.video-player__control{display:none}[playback-state=paused] .video-player__control--play{display:block}[playback-state=playing] .video-player__control--pause{display:block}}
/*# sourceMappingURL=/cdn/shop/t/467/assets/video-player.css.map */