.basic-video{position:relative;display:block;overflow:hidden;height:100%;width:100%}.basic-video video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.basic-video__gradient--default::before,.basic-video__gradient--default::after{content:"";position:absolute;left:0;width:100%}.basic-video__gradient--default::before{top:0;height:50%;max-height:260px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(transparent));background:linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%)}.basic-video__gradient--default::after{bottom:0;height:50%;max-height:398px;background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.65)), to(transparent));background:linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, transparent 100%)}.basic-video__poster{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;opacity:1;visibility:visible;-webkit-transition:opacity .3s ease,visibility 0s linear 0s;transition:opacity .3s ease,visibility 0s linear 0s;z-index:2;pointer-events:none}.basic-video__poster--hidden{opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility 0s linear .3s;transition:opacity .3s ease,visibility 0s linear .3s;z-index:-1}.basic-video__poster-button{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;opacity:1;visibility:visible;top:0;width:100%;height:100%;border:0;padding:0;background-color:rgba(0,0,0,0);-webkit-transition:opacity .3s ease,visibility 0s linear 0s;transition:opacity .3s ease,visibility 0s linear 0s;z-index:3}.basic-video__poster-button--hidden{opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility 0s linear .3s;transition:opacity .3s ease,visibility 0s linear .3s;pointer-events:none}.basic-video__poster-play{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:calc(50% - 40px);left:calc(50% - 40px);width:80px;height:80px;border:4px solid #fff;border-radius:50%;padding-left:5px;background:hsla(0,0%,100%,.5);color:#fff;font-size:30px}.basic-video .js-video-poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.basic-video .js-video-poster.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
/*# sourceMappingURL=basic-video.css.map */