:root{--video-aspect-ratio:16/9;--video-focus-outline:#000;--video-title-color:#000;--video-play-icon:#fff;--video-play-icon-bgc:rgb(from $c-black r g b/20%);--video-play-icon-bgc-hover:#c81e1e;--video-play-icon-size:70px}.video{container:video/inline-size;margin:0 auto;max-width:100%;outline-offset:0;position:relative;transition:outline-offset .15s cubic-bezier(.25,.46,.45,.94)}.video:focus-within{outline:1px solid var(--video-focus-outline);outline-offset:4px}.video__container{max-width:100%}.video__container,.video__image-container{height:100%;position:relative;width:100%}.video__media{display:grid;grid-template-areas:"image";position:relative;width:100%}.video__image{object-fit:cover}.video__button,.video__image{aspect-ratio:var(--video-aspect-ratio);grid-area:image;height:100%;width:100%}.video__button{height:unset;left:0;position:absolute;top:0}.video__button:focus-visible .video__play,.video__button:hover .video__play{background-color:var(--video-play-icon-bgc-hover);scale:1.2}.video__play{background-color:var(--video-play-icon-bgc);border:2px solid var(--video-play-icon);border-radius:50%;height:var(--video-play-icon-size);left:50%;padding:calc(var(--video-play-icon-size)/4);position:absolute;top:50%;transition:background-color .35s cubic-bezier(.25,.46,.45,.94),scale .35s cubic-bezier(.25,.46,.45,.94);translate:-50% -50%;width:var(--video-play-icon-size)}.video__play .icon{fill:var(--video-play-icon)}.video__video-container{aspect-ratio:var(--video-aspect-ratio);display:none;left:0;top:0;width:100%}.video__content{display:flex;flex-direction:column;gap:1rem;margin-top:10px;width:100%}.video__title{color:var(--video-title-color);font-size:var(--heading-6-font-size);margin:0}.video__transcript{--button-font-size:var(--text-font-size-small);width:-moz-fit-content;width:fit-content}.video.has-no-consent .video__content,.video.has-no-consent .video__image-container{display:none}.video.has-no-consent .video__video-container{aspect-ratio:unset;display:block}.video.is-loaded .video__image-container{display:none}.video.is-loaded .video__video-container{display:block}.video--portrait{--video-aspect-ratio:4/5;max-width:600px}.video--square{--video-aspect-ratio:1/1;max-width:600px}.video--black{--video-focus-outline:#fff;--video-title-color:#fff}.video--carousel.video--portrait,.video--carousel.video--square{max-width:unset}.video--text-media .video__media{height:100%;width:100%}.video--text-media .video__video-container{aspect-ratio:unset;height:100%;width:100%}.video--text-media .video__image{aspect-ratio:unset}.video--text-media .video__button{height:100%}@container video (width >= 400px){.video__play{--video-play-icon-size:80px}}@container video (width >= 600px){.video__play{--video-play-icon-size:100px}.video__title{font-size:var(--heading-5-font-size)}}@container video (width >= 800px){.video__play{--video-play-icon-size:120px}}@container video (width >= 1200px){.video__play{--video-play-icon-size:140px}}