.video{display:grid;grid-template-areas:"video";height:100%;overflow:hidden;place-items:stretch;position:relative}.video video{display:block;grid-area:video;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.video__control{background-color:rgba(0,0,0,0);border:2px solid #fff;border-radius:50%;display:grid;-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));height:32px;inset:auto auto 32px 32px;place-items:center center;padding:0;position:absolute;width:32px}.video__control[data-playing=true] .video__icon{border-color:rgba(0,0,0,0)}.video__control[data-playing=true] .video__icon:before,.video__control[data-playing=true] .video__icon:after{background-color:#fff;content:"";height:14px;opacity:1;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2px}.video__control[data-playing=true] .video__icon:before{inset:50% auto auto 0}.video__control[data-playing=true] .video__icon:after{inset:50% 0 auto auto}.video__control[data-playing=false] .video__icon{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);margin-right:-4px}.video__control[data-playing=false] .video__icon:before,.video__control[data-playing=false] .video__icon:after{content:"";opacity:0}.video__icon{height:14px;position:relative;-webkit-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out;width:10px}.video__icon:before,.video__icon:after{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.video__fallback{grid-area:video}