.video-with-overlay{position:relative;aspect-ratio:3 / 1;overflow:hidden}.video-with-overlay .video-with-overlay__thumbnail img{position:static;width:100%}.video-with-overlay--2-1{aspect-ratio:2 / 1}.video-with-overlay--16-9{aspect-ratio:16 / 9}.video-with-overlay__thumbnail{position:absolute;transform:translateY(-50%);top:50%}.video-with-overlay__video{position:absolute;overflow:hidden;padding-bottom:56.25%;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;height:100%}.video-with-overlay__video video{height:100%;left:0;position:absolute;top:0;width:100%}.video-with-overlay__overlay{position:absolute;top:0;width:100%;height:100%;background-color:#301331}.video-with-overlay__controls{position:absolute;bottom:1.6rem;right:1.6rem;z-index:1}.video-with-overlay__controls .button .icon{margin:0;width:2.6rem;height:2.6rem}.video-with-overlay__controls .button:focus-visible{outline-color:var(--c-secondary-dark);outline-offset:0.2rem;box-shadow:0 0 0 0.7rem var(--c-lightest)}.video-with-overlay__controls .inactive{display:none}.video-with-overlay__controls--left{left:1.6rem;right:auto}@media (scripting: none), (prefers-reduced-motion){.video-with-overlay__video,.video-with-overlay__controls{display:none}}