@layer core.molecules{.phxsg-video-player{--_comp-video-player-duration: var(--comp-video-player-duration, var(--sys-motion-duration-medium-1));--_comp-video-player-easing: var(--comp-video-player-easing, var(--sys-motion-easing-standard));position:relative;&:after{content:"";width:100%;height:100%;position:absolute;z-index:1;inset:0;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;background-image:var(--video-poster-image);pointer-events:none}&:after,.phxsg-video-player__play-overlaid{transition:opacity var(--_comp-video-player-duration) var(--_comp-video-player-easing) .75s}&:is(.phxsg-is-playing,.phxsg-is-paused):after,&:not(.phxsg-is-unplayed):is(.phxsg-is-playing,.phxsg-is-paused) .phxsg-video-player__play-overlaid{--comp-btn-opacity: 0;opacity:0;transition-delay:.75s;pointer-events:none}&:is(.phxsg-is-loading,.phxsg-is-initializing){&:after,.phxsg-video-player__play-overlaid{transition-delay:0ms}}.phxsg-video-player__video{width:100%}}:is(.phxsg-video-player--cover,.phxsg-video-player--contain){width:100%;height:100%;:is(.plyr,.phxsg-video-player__video),&:after{width:100%;height:100%}.phxsg-video-player__video,&:after{position:absolute;inset:0;object-position:center}}.phxsg-video-player--cover{&:after{background-size:cover}.phxsg-video-player__video{object-fit:cover}}.phxsg-video-player--contain{&:after{background-size:contain}.phxsg-video-player__video{object-fit:contain}}.phxsg-video-player__play-overlaid{position:absolute;inset-block-start:50%;inset-inline-start:50%;z-index:10;translate:-50% -50%}}