@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-utility-03);padding:var(--spacing-unit-s)}.video-player__start-play-icon,.video-player__video{display:block}.video-player__controls{display:flex;position:absolute;top:var(--spacing-unit-xs);right:var(--spacing-unit-xs);justify-content:center;align-items:center;border-radius:50%;background:var(--color-overlay-d02);width:4.4rem;height:4.4rem}@media screen and (min-width:1030px),print{.video-player__controls{top:var(--spacing-unit-s);right:var(--spacing-unit-s)}}.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/4/assets/video-player.css.map */