@layer components{.video-player{display:block;position:relative;aspect-ratio:16/9}.video-player--square{aspect-ratio:1/1}.video-player__video{display:block}.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-grays-01);padding:var(--spacing-unit-s)}.video-player__start-play-icon{display:block}.video-player__controls{display:flex;position:absolute;top:var(--spacing-unit-m);top:1rem;right:var(--spacing-unit-m);right:1rem;z-index:10}.video-player__control{display:none;justify-content:center;align-items:center;cursor:pointer;border:none;border-radius:50%;background-color:var(--color-overlay-d01);padding:.5rem;width:4rem;height:4rem}[playback-state=paused] .video-player__control--play{display:flex}[playback-state=playing] .video-player__control--pause{display:flex}.video-player__control-icon{fill:#fff;width:1.5rem;height:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-player.css.map */