.poster-video{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .6s ease;background:var(--text-primary)}
.poster-video.is-playing{opacity:1}
.poster-video iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;width:100%;height:100%;pointer-events:none}
.poster-video:after{content:"";position:absolute;inset:0;background:rgb(35 31 27 / 50%)}
.poster-video-toggle{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;color:var(--background);border:1px solid rgb(237 230 221 / 45%);border-radius:50%;background:rgb(58 52 46 / 35%);cursor:pointer}
.poster-video-toggle[hidden]{display:none}
.poster-video-toggle:hover{background:rgb(58 52 46 / 65%)}
.poster-video-toggle:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.poster-video-toggle svg{display:block;width:18px;height:18px;fill:currentColor}
.poster-video-toggle[data-state="playing"] .video-play-icon,.poster-video-toggle[data-state="paused"] .video-pause-icon{display:none}
@media(prefers-reduced-motion:reduce){.poster-video,.poster-video-toggle{display:none}}