.video-container{padding-top:56.25%;position:relative;width:100%}.video-container .video-inner-container{inset:0;position:absolute}.video-container .video-loading-overlay{align-items:center;background:#00000047;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:50}.video-container .video-loading-overlay .loading-inner{align-items:center;display:flex;gap:10px}.video-container .video-loading-overlay .loading-inner .spinner{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#fff;height:28px;width:28px}.video-container .video-loading-overlay .loading-inner .loading-text{color:#fff;font-size:14px}.video-container .video-error-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:absolute;z-index:60}.video-container .video-error-overlay .error-inner{background:#0009;border-radius:6px;color:#fff;padding:12px 16px}.video-container .video-empty-state{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;inset:0;justify-content:center;position:absolute;z-index:40}.video-container .video-empty-state .empty-inner{align-items:center;display:flex;flex-direction:column;gap:16px}.video-container .video-empty-state .empty-inner .empty-icon{animation:float 3s ease-in-out infinite;font-size:64px;opacity:.8}.video-container .video-empty-state .empty-inner .empty-text{color:#fff;font-size:16px;font-weight:500;opacity:.9}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}