.video-viewer{max-width:1200px;margin:0 auto;padding:0 20px}.video-viewer,.video-viewer .video-js{width:100%;height:100%;min-height:calc(100vh - 69px)}.video-viewer .vjs-custom-theme .video-js{font-size:16px}.video-viewer .vjs-custom-theme .vjs-big-play-button{background-color:rgba(0,0,0,.45);border:2px solid #fff;border-radius:50%;width:80px;height:80px;line-height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.video-viewer .vjs-custom-theme .vjs-control-bar{background-color:rgba(0,0,0,.7)}.video-viewer .vjs-custom-theme .vjs-slider{background-color:hsla(0,0%,100%,.3)}.video-viewer .vjs-custom-theme .vjs-play-progress{background-color:#007bff}.video-viewer .vjs-custom-theme .vjs-load-progress{background-color:hsla(0,0%,100%,.5)}.video-viewer .unsupported-format{display:flex;align-items:center;justify-content:center;height:100%;min-height:calc(100vh - 69px);background-color:#f5f5f5}.video-viewer .unsupported-format .unsupported-message{text-align:center;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.video-viewer .unsupported-format .unsupported-message i{font-size:4rem;color:#666;margin-bottom:1rem}.video-viewer .unsupported-format .unsupported-message h3{color:#333;margin-bottom:1rem}.video-viewer .unsupported-format .unsupported-message p{color:#666;margin-bottom:.5rem}.video-viewer .unsupported-format .unsupported-message .format-info{font-family:monospace;background:#f0f0f0;padding:.5rem;border-radius:4px;margin:1rem 0}.video-viewer .unsupported-format .unsupported-message .download-link{margin-top:1rem}