.basic-video{position:relative;display:block;overflow:hidden;height:100%}.basic-video video{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%;height:100%}.basic-video__control{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;border:0;background:0 0;cursor:pointer;padding:0;margin:0;-webkit-appearance:none;position:absolute;z-index:1;display:grid;place-items:center center;-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,.4));filter:drop-shadow(0 0 4px rgba(0,0,0,.4));height:32px;width:32px;inset:auto 32px 32px auto;border:2px solid rgba(0,0,0,0);border-radius:50%}.basic-video__icon{position:relative;height:17px;width:15px}.basic-video__icon-play,.basic-video__icon-pause{position:absolute;top:50%;left:50%;opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.basic-video__icon-play{-webkit-transform:translate(calc(-50% + 2px), -50%);transform:translate(calc(-50% + 2px), -50%)}.basic-video__icon-pause{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.basic-video__control--play .basic-video__icon-play{opacity:1}.basic-video__control--pause .basic-video__icon-pause{opacity:1}.basic-video__poster{position:absolute;top:0;height:100%;width:100%;background-color:#000}.basic-video__poster--hidden{display:none}.basic-video__poster-button{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;opacity:1;top:0;width:100%;height:100%;border:0;padding:0;background-color:rgba(0,0,0,0)}.basic-video__poster-button--hidden{display: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}