.video-js{font-family:inherit}.video-js .vjs-big-play-button{font-size:3em;line-height:2;height:2em;width:2em;border-radius:50%;border:3px solid #fff;background-color:rgba(0,0,0,.8);transition:all .3s ease;display:block!important;opacity:1!important;visibility:visible!important;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-js .vjs-big-play-button:hover{background-color:rgba(0,0,0,.9);border-color:#3b82f6;transform:translate(-50%,-50%) scale(1.1)}.video-js.vjs-playing .vjs-big-play-button{display:none!important}.video-js .vjs-play-control{order:-1}.video-js .vjs-play-control .vjs-icon-placeholder:before{font-size:1.5em}.video-js .vjs-play-control:hover{color:#3b82f6}.video-js .vjs-control-bar{display:flex!important;opacity:1!important;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:0 1rem}.video-js .vjs-play-control .vjs-icon-placeholder:before{font-family:VideoJS!important}.video-js .vjs-progress-control{height:6px}.video-js .vjs-play-progress{background:#3b82f6}.video-js .vjs-load-progress,.video-js .vjs-slider{background:rgba(255,255,255,.3)}.video-js .vjs-button>.vjs-icon-placeholder:before{font-size:1.2em}.video-js .vjs-button:hover{color:#3b82f6}@media (max-width:768px){.video-js .vjs-big-play-button{font-size:2.5em}.video-js .vjs-control-bar{padding:0 .5rem}.video-js .vjs-progress-control{height:4px}}