.video :is(vimeo-embed,youtube-embed){aspect-ratio:16/9;border-radius:var(--video-embed-bdrs,.25em);display:grid;inline-size:100%;position:relative}.video :is(vimeo-embed,youtube-embed) button{background-color:var(--button-bgc,red);block-size:var(--button-h,50px);border:0;border-radius:var(--button-bdrs,14%);display:grid;inline-size:var(--button-w,75px);opacity:var(--button-op,.8);place-self:center;position:absolute;transition:all .2s ease-in}.video :is(vimeo-embed,youtube-embed) button:before{aspect-ratio:1;background:#fff;block-size:1.5em;clip-path:polygon(20% 0,20% 100%,100% 50%);content:"";place-self:center}.video :is(vimeo-embed,youtube-embed) :is(iframe,img){block-size:100%;border:0;border-radius:inherit;inline-size:100%;inset:0;object-fit:cover;position:absolute}.video :is(vimeo-embed,youtube-embed) iframe:not([src=""])+button{display:none}.video :is(vimeo-embed button){--button-bgc:#00adef}.video :is(vimeo-embed,youtube-embed):hover button{--button-op:1}.video-container{border:2px inset #f79554;max-width:100%;overflow:hidden;position:relative;width:100%}@media(min-width:768px){.video-container{height:calc(100vh - var(--nav-height) - 40px)}}.video-container video{aspect-ratio:7/9;display:block;height:auto;object-fit:cover;width:100%}@media(min-width:768px){.video-container video{display:block;height:calc(100vh - var(--nav-height) - 40px);left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}}