.cmp-videoplayer{width:100%;max-width:1696px;margin:0 auto}
.cmp-videoplayer__container{position:relative;width:100%;height:var(--video-height,700px);overflow:hidden;background:#000}
.cmp-videoplayer__player,.cmp-videoplayer__player iframe,.cmp-videoplayer__player video{position:absolute;top:0;left:0;width:100%;height:100%}
.cmp-videoplayer__player video{object-fit:var(--video-object-fit,cover)}
.cmp-videoplayer__poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;cursor:pointer;transition:opacity .4s ease}
.cmp-videoplayer__poster--hidden{opacity:0;pointer-events:none}
.cmp-videoplayer__poster-image{width:var(--thumbnail-width,100%);height:100%;object-fit:var(--video-object-fit,cover);display:block}
.cmp-videoplayer__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:0;border:0;cursor:pointer;padding:0;transition:transform .2s ease,opacity .2s ease;&:hover{transform:translate(-50%,-50%) scale(1.1);opacity:.9}
&:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:50%}
svg{display:block}
}
// Tablet @media(max-width:1024px){.cmp-videoplayer__container{height:calc(var(--video-height, 700px) * .7)}
}
// Mobile @media(max-width:767px){.cmp-videoplayer__container{height:auto;aspect-ratio:16 / 9}
.cmp-videoplayer__play-btn svg{width:48px;height:48px}
}