.video-modal-container,.video-preview{position:relative;width:100%;height:100%}.video-preview{cursor:pointer;border-radius:16px;overflow:hidden}.video-preview-image{object-fit:cover}.video-play-overlay,.video-preview-image{width:100%;height:100%;border-radius:16px}.video-play-overlay{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.1);transition:background-color .2s ease}.video-preview:hover .video-play-overlay{background-color:rgba(0,0,0,.2)}.video-play-icon{display:flex;justify-content:center;align-items:center;transition:transform .2s ease}.video-preview:hover .video-play-icon{transform:scale(1.1)}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-modal-content,.video-modal-overlay{display:flex;justify-content:center;align-items:center}.video-modal-content{position:relative;max-width:90vw;max-height:90vh;background-color:transparent;border-radius:0;padding:0;overflow:hidden;box-shadow:none}.video-modal-video{max-width:90vw;max-height:90vh;width:auto;height:auto;border-radius:8px;background-color:#000}.video-modal-close-button{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background-color:rgba(0,0,0,.5);color:white;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;transition:all .2s ease;z-index:1001}.video-modal-close-button:hover{background-color:rgba(0,0,0,.7);transform:scale(1.1)}.video-modal-close-button:active{transform:scale(.95)}@media (max-width:1200px){.video-modal-container,.video-preview,.video-preview-image{width:100%;height:100%}.video-preview-image{object-fit:cover;transform:none}}@media (max-width:768px){.video-modal-content{margin:0;padding:0;max-width:100vw;max-height:100vh}.video-modal-close-button{top:16px;right:16px;width:36px;height:36px;font-size:20px}}