.video-player-sh--poster-faux{outline:none;background:none;border:0;padding:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;z-index:1;cursor:pointer}.video-player-sh--poster{-webkit-appearance:none;appearance:none;outline:none;background:none;border:0;padding:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;z-index:1;cursor:pointer;visibility:visible;opacity:1;transition:visibility 0s linear .3s,opacity .3s}.video-player-sh--poster:focus{outline:none}.video-player-sh--poster:focus-visible{outline:2px solid}.fullscreen .video-player-sh--poster:focus-visible{border:2px solid}.video-player-sh--poster img,.video-player-sh--poster-faux img{position:absolute;width:100%;height:100%;object-fit:cover}.poster-hidden{visibility:hidden;opacity:0;transition:visibility 0s linear 0ms,opacity .3s}.play-button{width:60px;height:60px;color:#fff;background:rgba(0,0,0,var(--video-play-button-opacity));border-radius:var(--video-play-button-radius);outline:0;border:0;-webkit-appearance:none;appearance:none;cursor:pointer;display:flex;text-align:center;align-items:center;justify-content:center;line-height:1;z-index:1}.play-button .icon{width:2rem;height:2rem;margin-left:.3rem}.play-button-color-scheme--white-white .play-button{color:#fff;background:rgba(255,255,255,var(--video-play-button-opacity))}.play-button-color-scheme--black-white .play-button{color:#000;background:rgba(255,255,255,var(--video-play-button-opacity))}.play-button-color-scheme--outline-white .play-button{color:#fff;background:none;border:2px solid #ffffff}.play-button-color-scheme--outline-black .play-button{color:#000;background:none;border:2px solid #000000}.play-button-color-scheme--primary-button-color .play-button{background:color-mix(in srgb,rgb(var(--color-button-background)),transparent var(--video-play-button-opacity-inverted-value));color:rgba(var(--color-button-foreground))}.play-button-color-scheme--outline-primary-button-color .play-button{background:none;color:var(--color-button-background);border:2px solid rgb(var(--color-button-background))}.play-button-color-scheme--minimal .play-button{background:none}.play-button-color-scheme--minimal .play-button .icon{width:60px;height:60px}@media only screen and (min-width:1025px){.play-button{width:80px;height:80px}.play-button .icon{width:3rem;height:3rem;margin-left:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-video-player.css.map */