.video-slide{border-radius:30px;height:600px;overflow:hidden;position:relative;width:300px}.video-slide__overlay{display:flex;flex-direction:column;height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity .25s,visibility 0s;visibility:visible;width:100%}.is-playing .video-slide__overlay{opacity:0;transition:opacity .5s,visibility 0s .5s;visibility:hidden}.video-slide__overlay:before{background:linear-gradient(180deg,rgba(1,31,66,0) 50%,rgba(1,31,66,.9));bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.video-slide__content{margin-bottom:var(--su-gap-medium);margin-top:auto;padding-inline:var(--su-gap-small);position:relative;z-index:1;--su-color-heading:var( --su-color-white )}.video-slide__play{background:none;border-color:var(--su-color-button-text);border-radius:50%;height:80px;justify-content:center;padding:0;width:80px}.video-slide__play svg.svg--svg-assets-svg-icon-play{fill:none;margin-left:8px}.video-slide__close{border-color:var(--su-color-button-text);border-radius:50%;height:40px;justify-content:center;left:5px;padding:0;position:absolute;top:5px;width:40px}.video-slide__subheading{font-family:var(--su-font-sans);font-size:var(--su-font-size-medium);font-weight:400}.video-slide__loop,.video-slide__loop video{height:100%;left:0;position:absolute;top:0;width:100%}.video-slide__loop video{-o-object-fit:cover;object-fit:cover}.video-slide__media{height:100%;visibility:hidden}.is-playing .video-slide__media{visibility:visible}.video-slide .video-item{-o-object-fit:cover;object-fit:cover;width:100%}