.video-player{position:relative;width:100%;background-color:#000;aspect-ratio:16/9;overflow:hidden}.video-player__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-player__video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-player__loading{position:absolute;inset:0;background-color:#000;z-index:10;pointer-events:none}.video-player__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0a0a0a;text-align:center;padding:var(--spacing-lg);z-index:5}.video-player__error-icon{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.video-player__error-text{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.video-player__error-subtext{font-size:var(--font-sm);color:var(--color-text-muted);max-width:300px}.video-player__overlay-controls{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:15}.video-player__overlay-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:rgba(0,0,0,.6);border-radius:var(--radius-md);color:var(--color-text-primary);pointer-events:auto;opacity:0;transition:all var(--transition-fast);cursor:pointer}.video-player:hover .video-player__overlay-btn{opacity:1}.video-player__overlay-btn:hover{background-color:var(--color-primary)}.video-player__overlay-btn svg{width:24px;height:24px}.video-player__overlay-btn--prev{left:var(--spacing-md);top:50%;transform:translateY(-50%)}.video-player__overlay-btn--next{right:var(--spacing-md);top:50%;transform:translateY(-50%)}.video-player__overlay-btn--fullscreen{right:var(--spacing-md);bottom:var(--spacing-md)}@media (max-width:575.98px){.video-player__overlay-btn{width:36px;height:36px}.video-player__overlay-btn svg{width:18px;height:18px}.video-player__error-icon{width:48px;height:48px}.video-player__error-text{font-size:var(--font-base)}.video-player__error-subtext{font-size:var(--font-xs)}}.video-player:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.video-player:fullscreen .video-player__iframe,.video-player:fullscreen .video-player__video{width:100%;height:100%}.video-player__iframe{max-width:100%;max-height:100%}