video-player{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}video-player img,video-player video{width:100%;cursor:pointer}video-player video{display:block}video-player loader-horizontal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}video-player .video-preview{width:100%;position:relative;background-color:#fff}video-player .video-preview-icon{position:absolute;width:100%;height:100%}video-player .video-preview-icon:after,video-player .video-preview-icon:before{content:"";position:absolute;left:0;top:0;margin:auto;bottom:0;right:0}video-player .video-preview-icon:before{z-index:2;width:60px;height:60px;background-color:rgba(0,0,0,.4);border-radius:50%}video-player .video-preview-icon:after{background-image:url(https://assets.animatron.com/images/icons/play-hover.svg);background-image:url(https://assets.animatron.com/images/icons/video-control.svg);z-index:3;width:56px;height:56px;background-repeat:no-repeat;background-size:56px 56px}video-player .video-preview-icon:hover{cursor:pointer}video-player .video-preview-icon:hover:after{background-image:url(https://assets.animatron.com/images/icons/play-hover.svg)}