.video-poster__poster{cursor:pointer;border-radius:calc(var(--border-radius) - var(--border-width));background-color:#0000;border:none;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}.video-poster__poster img{width:auto;max-width:100%;height:100%}.video-poster__poster:focus{box-shadow:0 0 0 .1rem rgb(from var(--color-bark)r g b/5%),0 0 0 calc(.1rem + .3rem)var(--color-white),0 0 0 calc(.1rem + .5rem)rgb(from var(--color-bark)r g b/50%);outline:none}.video-poster__poster:focus-visible{box-shadow:0 0 0 .1rem rgb(from var(--color-bark)r g b/5%),0 0 0 calc(.1rem + .3rem)var(--color-white),0 0 0 calc(.1rem + .5rem)rgb(from var(--color-bark)r g b/50%);outline:none}@media (forced-colors:active){.video-poster__poster:focus{outline:1px solid #0000}}.video-poster__poster:focus:not(:focus-visible){box-shadow:none;outline:0}.video-poster__poster-button{background-color:var(--color-white);border:.1rem solid rgb(from var(--color-bark)r g b/10%);color:var(--color-bark);width:6.2rem;height:6.2rem;transition:transform var(--duration-short)ease,color var(--duration-short)ease;z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.video-poster__poster-button:hover{transform:translate(-50%,-50%)scale(1.1)}.video-poster__poster-button .icon{width:2rem;height:2rem}.video-poster__poster-button .icon-play{margin-left:.2rem}.video-poster__poster:focus{outline-offset:.3rem}.video-poster__poster{width:100%;height:100%;position:absolute}
