.video-player{background-color:#fff}.video-player .aspect{aspect-ratio:16/9;position:relative;background:#000}.video-player .video-control{cursor:pointer;width:70px;height:70px;position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);border-radius:100px;transition:ease-in-out .3s transform,ease-in-out .3s opacity;background:rgba(254,254,254,.8)}.video-player .video-control:before{content:"";position:absolute;left:50%;top:50%;width:450%;height:350%;transform:translate(-50%, -50%)}.video-player .video-control::after{content:"";font-family:var(--icon-font);font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.3em;position:relative;left:4px}.video-player .video-control.play::after,.video-player .video-control.start::after{content:""}.video-player .video-control.pause::after{content:"";left:0}.video-player .video-control:hover{opacity:1 !important;transform:translate(-50%, -50%) scale(1.1)}.video-player iframe,.video-player video{width:100%;height:100%;position:absolute;top:0;left:0}.video-player .over-image{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%}.video-player .over-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}