.video{border-radius:8px;overflow:hidden}.video.started .start-video-overlay,.video.started .video-length{display:none}.video .preview-container{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform var(--transition-duration-normal) ease-in-out}.video .start-video-overlay,.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1;border-radius:8px;overflow:hidden}.video .start-video-overlay::before,.video .start-video-overlay::after,.video iframe::before,.video iframe::after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video .start-video-overlay:focus,.video .start-video-overlay:focus-visible,.video iframe:focus,.video iframe:focus-visible{outline-offset:-3px}@media(prefers-reduced-motion:no-preference){.video .start-video-overlay:hover+.preview-container,.video .start-video-overlay:focus+.preview-container,.video .start-video-overlay:focus-visible+.preview-container,.video iframe:hover+.preview-container,.video iframe:focus+.preview-container,.video iframe:focus-visible+.preview-container{transform:scale(1.05)}}.video .start-video-overlay::before,.video iframe::before{width:70px;height:70px;background-color:var(--default);border:1px solid var(--on-default);border-radius:50%}.video .start-video-overlay::after,.video iframe::after{width:0;height:0;border-style:solid;border-width:15px 0 15px 20px;border-color:transparent transparent transparent var(--on-default);margin-left:3px}.video .video-length{position:absolute;bottom:10px;right:10px;padding:5px 10px;color:var(--on-default);background-color:var(--default);border-radius:6px}