.video-container{position:relative;width:100%;max-width:800px;margin:20px auto;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);background:#000;will-change:transform;contain:layout style paint}.video-container.aspect-4-3{padding-bottom:75%}.video-container.aspect-21-9{padding-bottom:42.86%}.video-container.aspect-1-1{padding-bottom:100%}.video-container .video-js{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border-radius:8px}@media (max-width:768px){.video-container{max-width:100%;margin:15px auto;padding-bottom:56.25%}}@media (max-width:480px){.video-container{max-width:100%;margin:10px auto;padding-bottom:56.25%}}@media (max-width:320px){.video-container{margin:5px auto;border-radius:4px}}@media (min-width:1200px){.video-container{max-width:900px}}.video-js .vjs-control-bar{background-color:rgba(0,0,0,.7);will-change:opacity}.video-js .vjs-big-play-button{background-color:rgba(0,0,0,.6);border:2px solid #fff;border-radius:50%;width:60px;height:60px;line-height:56px;font-size:24px;will-change:transform;transition:transform .2s ease,background-color .2s ease}.video-js .vjs-big-play-button:hover{background-color:rgba(0,0,0,.8);transform:scale(1.05)}.video-js{contain:layout style paint}.video-js .vjs-tech{contain:layout style paint}.video-js .vjs-control-bar button:focus,.video-js .vjs-big-play-button:focus{outline:2px solid #fff;outline-offset:2px}