@charset "UTF-8";.video{--ratio:16/9;--fit:cover;--max-h:100vh;position:relative;width:min(100%,var(--max-h) * var(--ratio));aspect-ratio:var(--ratio);align-self:start}.video>video{display:block;width:100%;height:100%;object-fit:var(--fit)}.video-fill-h{width:calc(var(--max-h) * var(--ratio));max-width:none;flex-shrink:0}.video-16x9{--ratio:16/9}.video_toggle{position:absolute;right:1.2rem;bottom:1.2rem;z-index:1;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;font-family:var(--font-mono);font-size:1.4rem;line-height:1;color:var(--cl-white);background-color:rgba(0,0,0,.55);border:1px solid var(--cl-white);border-radius:.2em;cursor:pointer;transition:color .2s,background-color .2s}.video_toggle:hover{color:var(--cl-black);background-color:var(--cl-white)}.video_toggle:focus-visible{outline:2px solid var(--cl-white);outline-offset:2px}.video_toggle_icon:before{content:"▶";margin-left:.25em}.video>video{cursor:pointer}.video_toggle{transition:color .2s,background-color .2s,opacity .3s,visibility 0s}.video.is-playing .video_toggle,.video.is-scrubbing .video_toggle{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s .3s}@media screen and (min-width:601px){.video_toggle{opacity:0}.video:not(.is-playing):hover .video_toggle,.video_toggle:focus-visible{opacity:1}}@media screen and (max-width:600px){.video.has-interacted .video_toggle{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s .3s}}