.video-container{position:relative;width:100%;height:100vh;background:#000;overflow:hidden}.video-container video{width:100%;height:100%;object-fit:contain;object-position:center center;display:block}@media (max-width:768px){.video-container{height:100dvh;width:100vw}}.single-post .video-container,.single-video-container .video-container{height:auto;width:100%;aspect-ratio:var(--video-ar,9/16);min-height:200px;max-height:80vh}@media (max-width:768px){.single-post .video-container,.single-video-container .video-container{max-height:70vh}}.video-container video.hls-ready{opacity:1;transition:opacity 0.3s ease}.video-container video:not(.hls-ready){opacity:1;background:#000}.video-container video.playing{cursor:pointer}.video-container video.paused{cursor:pointer}.video-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:none;opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10}.video-container:hover .video-play-overlay,.video-container video.paused+.video-play-overlay{opacity:1}body:not(.swipetheme-autoplay-off) .video-container video:not(.playing):not(.paused)+.video-play-overlay{opacity:.01}body.swipetheme-autoplay-off .video-container video:not(.playing):not(.paused)+.video-play-overlay{opacity:1!important}.video-play-btn{background:rgb(255 255 255 / .9);border:none;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;pointer-events:auto}.video-play-btn:hover{background:rgb(255 255 255);transform:scale(1.1)}.video-play-btn svg{width:30px;height:30px;fill:#000;margin-left:3px}body.swipetheme-autoplay-off .video-play-overlay{opacity:1!important;background:radial-gradient(circle at center,rgb(0 0 0 / .35) 0%,rgb(0 0 0 / .15) 45%,#fff0 70%)}body.swipetheme-autoplay-off .video-container video:not(.playing)+.video-play-overlay{opacity:1!important}body.swipetheme-autoplay-off .video-container video{background:#000}body.swipetheme-autoplay-off .video-container video:not(.playing):not(.paused){opacity:0.25!important}body.swipetheme-autoplay-off .video-container video.playing,body.swipetheme-autoplay-off .video-container video.paused,body.swipetheme-autoplay-off .video-container video.hls-ready.playing{opacity:1!important}body.swipetheme-autoplay-off .video-container.video-playing .video-play-overlay,body.swipetheme-autoplay-off .video-container video.playing+.video-play-overlay{opacity:0}body.swipetheme-autoplay-off .video-container video.paused+.video-play-overlay{opacity:1!important}body.swipetheme-autoplay-off .video-play-btn{width:120px;height:120px;background:linear-gradient(135deg,#ff3355 0%,#fe2c55 50%,#ff1744 100%);box-shadow:0 15px 32px rgb(254 44 85 / .45);display:flex!important}body.swipetheme-autoplay-off .video-play-btn svg{width:44px;height:44px;fill:#fff;margin-left:6px}body.swipetheme-autoplay-off .video-container.video-playing .video-play-overlay .video-play-btn,body.swipetheme-autoplay-off .video-container video.playing+.video-play-overlay .video-play-btn{display:none!important}body.swipetheme-autoplay-off .video-container video.paused+.video-play-overlay .video-play-btn{display:flex!important}body:not(.swipetheme-autoplay-off) .video-container video.playing+.video-play-overlay .video-play-btn,body:not(.swipetheme-autoplay-off) .video-container.video-playing .video-play-overlay .video-play-btn{display:none}body:not(.swipetheme-autoplay-off) .video-container video.paused+.video-play-overlay .video-play-btn{display:flex}.hls-error-message,.hls-unsupported-message{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:center;justify-content:center}.hls-error-message>div,.hls-unsupported-message>div{max-width:300px;padding:20px;text-align:center}.video-container video{outline:none}.video-container video::-webkit-media-controls{display:none!important}.video-container video::-webkit-media-controls-enclosure{display:none!important}.video-container video::-webkit-media-controls-panel{display:none!important}.video-container video::-moz-media-controls{display:none!important}.video-container video::--ms-media-controls{display:none!important}.custom-video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgb(0 0 0 / .8));padding:20px;transform:translateY(100%);transition:transform 0.3s ease;z-index:3}.video-container:hover .custom-video-controls,.video-container.show-controls .custom-video-controls{transform:translateY(0)}.video-progress{width:100%;height:4px;background:rgb(255 255 255 / .3);border-radius:2px;margin-bottom:10px;cursor:pointer}.video-progress-bar{height:100%;background:#fff;border-radius:2px;width:0%;transition:width 0.1s linear}.video-info{color:#fff;font-size:14px}@media (max-width:768px){.video-play-btn{width:60px;height:60px}.video-play-btn svg{width:24px;height:24px}.custom-video-controls{padding:15px}.video-info{font-size:12px}}@media (prefers-color-scheme:dark){.video-container{background:#000}.hls-error-message>div,.hls-unsupported-message>div{background:rgb(0 0 0 / .9);color:#fff}}@media (prefers-contrast:high){.video-play-btn{background:#fff;border:2px solid #000}.video-play-btn svg{fill:#000}.video-progress{background:#000;border:1px solid #fff}.video-progress-bar{background:#fff}}@media (prefers-reduced-motion:reduce){.video-container video,.video-play-overlay,.video-play-btn,.custom-video-controls,.video-progress-bar{transition:none}.video-container::before{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}