.klain-video-container{position:relative;width:100%;height:80vh;margin:auto;overflow:hidden;box-shadow:0 8px 32px rgb(0 0 0 / .1)}.klain-video-container video{width:100%;height:100%;object-fit:cover;display:block}.klain-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.klain-play-button{background:rgb(255 102 4 / .9);color:#fff;width:80px;height:80px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all 0.3s ease;pointer-events:auto;box-shadow:0 4px 20px rgb(255 102 4 / .3);position:absolute;z-index:20}.klain-play-button:hover{background:rgb(255 102 4);transform:scale(1.1);box-shadow:0 6px 30px rgb(255 102 4 / .4)}.klain-play-button:active{transform:scale(.95)}.klain-play-button svg{width:32px;height:32px;fill:currentColor;transition:all 0.3s ease}.klain-video-container.controls-center .klain-video-overlay{align-items:center;justify-content:center}.klain-video-container.controls-bottom-center .klain-video-overlay{align-items:flex-end;justify-content:center;padding-bottom:20px}.klain-video-container.controls-top-center .klain-video-overlay{align-items:flex-start;justify-content:center;padding-top:20px}.klain-video-container.controls-top-left .klain-video-overlay{align-items:flex-start;justify-content:flex-start;padding-top:20px;padding-left:20px}.klain-video-container.controls-top-right .klain-video-overlay{align-items:flex-start;justify-content:flex-end;padding-top:20px;padding-right:20px}.klain-video-container.controls-center-left .klain-video-overlay{align-items:center;justify-content:flex-start;padding-left:20px}.klain-video-container.controls-center-right .klain-video-overlay{align-items:center;justify-content:flex-end;padding-right:20px}.klain-video-container.controls-bottom-left .klain-video-overlay{align-items:flex-end;justify-content:flex-start;padding-bottom:20px;padding-left:20px}.klain-video-container.controls-bottom-right .klain-video-overlay{align-items:flex-end;justify-content:flex-end;padding-bottom:20px;padding-right:20px}.klain-video-container.controls-absolute .klain-video-overlay{position:static;pointer-events:none}.klain-video-container.controls-absolute .klain-play-button{position:absolute}.klain-play-button{position:absolute;z-index:20}.klain-video-container.controls-hover .klain-video-overlay{opacity:0;transition:opacity 0.3s ease}.klain-video-container.controls-hover:hover .klain-video-overlay{opacity:1}.klain-video-container:not(.controls-hover) .klain-video-overlay{opacity:1}.klain-video-error{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:15px;padding:40px 20px;text-align:center;color:#6c757d;font-size:16px}@media (max-width:768px){.klain-play-button{width:60px;height:60px}.klain-play-button svg{width:24px;height:24px}.klain-video-container.controls-bottom-center .klain-video-overlay,.klain-video-container.controls-bottom-left .klain-video-overlay,.klain-video-container.controls-bottom-right .klain-video-overlay{padding-bottom:15px}.klain-video-container.controls-top-center .klain-video-overlay,.klain-video-container.controls-top-left .klain-video-overlay,.klain-video-container.controls-top-right .klain-video-overlay{padding-top:15px}.klain-video-container.controls-top-left .klain-video-overlay,.klain-video-container.controls-center-left .klain-video-overlay,.klain-video-container.controls-bottom-left .klain-video-overlay{padding-left:15px}.klain-video-container.controls-top-right .klain-video-overlay,.klain-video-container.controls-center-right .klain-video-overlay,.klain-video-container.controls-bottom-right .klain-video-overlay{padding-right:15px}}@media (max-width:480px){.klain-play-button{width:50px;height:50px}.klain-play-button svg{width:20px;height:20px}}.klain-video-container.loading::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid rgb(255 102 4 / .3);border-top:4px solid #FF6604;border-radius:50%;animation:spin 1s linear infinite;z-index:5}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.klain-play-button:focus{outline:2px solid #FF6604;outline-offset:2px}@media (prefers-contrast:high){.klain-play-button:not([style*="border"]){border:2px solid #fff}.klain-video-container{border:2px solid #333}}@media (prefers-reduced-motion:reduce){.klain-play-button,.klain-play-button svg,.klain-video-overlay{transition:none}.klain-play-button:hover{transform:none}}