.basic-video{position:relative;display:block;overflow:hidden;height:100%;width: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{position:absolute;display:grid;place-items:center center;-webkit-filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));scale:.8;width:32px;height:32px;inset:auto max(4px,variable-size(0, 32, 360, 768)) max(4px,variable-size(4, 32, 360, 768)) auto;border:2px solid #fff;border-radius:50%;padding:0;background-color:rgba(0,0,0,0);display:none}@media(min-width: 768px){.basic-video__control{scale:1;inset:auto 32px 32px auto}}.basic-video__icon{position:relative;-webkit-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out;height:14px;width:10px}.basic-video__icon:before,.basic-video__icon:after{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.basic-video__control--play .basic-video__icon{margin-right:-4px;border-bottom:7px solid rgba(0,0,0,0);border-left:10px solid #fff;border-right:none;border-top:7px solid rgba(0,0,0,0)}.basic-video__control--pause .basic-video__icon{border-color:rgba(0,0,0,0);cursor:pointer}.basic-video__control--pause .basic-video__icon:before,.basic-video__control--pause .basic-video__icon:after{content:"";position:absolute;opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:14px;width:2px;background-color:#fff}.basic-video__control--pause .basic-video__icon:before{inset:50% auto auto 0}.basic-video__control--pause .basic-video__icon:after{inset:50% 0 auto auto}.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);display:none}.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:rgba(255,255,255,.5);color:#fff;font-size:30px;margin-right:-4px;border-bottom:7px solid rgba(0,0,0,0);border-left:10px solid #fff;border-right:none;border-top:7px solid rgba(0,0,0,0)}.basic-video__content{position:absolute}