.demo-section .video-overlay{display:flex!important;opacity:0;transition:opacity .3s ease}.demo-section .video-container:not(.playing) .video-overlay{opacity:1}.demo-section .play-button{display:flex!important}.demo-section .video-container{pointer-events:auto;cursor:pointer}.demo-section #ivy-video{pointer-events:auto;cursor:pointer}.demo-section .video-container.playing .video-overlay{opacity:0;pointer-events:none}.video-container{position:relative;width:100%;max-width:900px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:10}#ivy-video{display:block;width:100%;height:auto;object-fit:contain;background-color:#f9f9f9;cursor:auto}@media (max-width:768px){#ivy-video{background-color:transparent}}#ivy-video:-moz-full-screen,#ivy-video:-ms-fullscreen,#ivy-video:-webkit-full-screen,#ivy-video:fullscreen{width:100vw;height:100vh;object-fit:contain!important;background-color:#000}.demo-content{display:flex;flex-direction:column;align-items:center;padding:1.5rem 0}.demo-video{width:100%;max-width:900px}#ivy-video:focus{outline:0}@media (max-width:768px){.demo-content{padding:2rem 0}.video-container{max-width:100%;border-radius:8px}.demo-section .video-container.playing .video-overlay{opacity:0;pointer-events:none}.demo-section .play-button{display:flex!important;align-items:center;justify-content:center;width:70px;height:70px;background-color:rgba(255,255,255,.9);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s ease;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.demo-section .play-button::before{content:'\f04b';font-family:"Font Awesome 6 Free";font-weight:900;font-size:24px;color:var(--primary-color);margin:0;line-height:1;margin-left:2px}.demo-section .play-button i{display:none}.demo-section .play-button span{display:none}.demo-section .video-container:hover .play-button{background-color:var(--primary-color);width:76px;height:76px}.demo-section .video-container:hover .play-button::before{color:#fff;font-size:26px}}@media (max-width:480px){.demo-section .play-button{width:80px!important;height:80px!important}.demo-section .play-button::before{font-size:28px!important}.demo-section .video-container:active .play-button,.demo-section .video-container:hover .play-button{width:86px!important;height:86px!important}.demo-section .video-container:active .play-button::before,.demo-section .video-container:hover .play-button::before{font-size:30px!important}}