.erh-video{position:relative;display:flex;margin:var(--space-6) 0;cursor:pointer;outline:none;aspect-ratio:16 / 9}.erh-video:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-lg)}.erh-video video{width:100%;aspect-ratio:16 / 9;display:none;pointer-events:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.erh-video-thumbnail{width:100%;height:100%;object-fit:cover;margin:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.erh-video-placeholder{width:100%;aspect-ratio:16 / 9;background:var(--color-dark)}.erh-video-controls{position:absolute;left:var(--space-8);bottom:var(--space-8);display:flex}.erh-video-controls .icon{width:80px;height:80px;color:var(--color-white);filter:drop-shadow(0 2px 8px rgb(0 0 0 / .5));cursor:pointer;transition:transform var(--transition-fast)}.erh-video:hover .erh-video-play{transform:scale(1.1)}.erh-video-loader,.erh-video-pause{display:none}.erh-video-loader{animation:erh-spin 1s linear infinite}.erh-video.is-loading .erh-video-play{display:none}.erh-video.is-loading .erh-video-loader{display:block}.erh-video.is-playing .erh-video-play{display:none}.erh-video.is-playing .erh-video-pause{display:none}.erh-video.is-playing .erh-video-controls{opacity:0;transition:opacity var(--transition-base)}.erh-video.is-playing:hover .erh-video-controls{opacity:1}.erh-video.is-playing:hover .erh-video-pause{display:block}@keyframes erh-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width:768px){.erh-video-controls .icon{width:60px;height:60px}}@media (max-width:480px){.erh-video-controls .icon{width:48px;height:48px}.erh-video-controls{left:var(--space-3);bottom:var(--space-3)}}.erh-video-empty{padding:var(--space-6);background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;color:var(--color-muted)}