.video-player{background:var(--bg-base);width:100%;height:100%;position:relative}.video-player video{object-fit:contain;width:100%;height:100%;display:block}.video-player-ui{background:rgba(var(--surface-rgb), .55);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.video-player-status{align-items:center;gap:8px;font-size:.8rem;display:flex}.video-player-status:empty{display:none}.video-player-button{background:var(--bg-surface);color:#fff;min-height:36px;font:inherit;cursor:pointer;pointer-events:auto;border:1px solid #fff6;border-radius:24px;padding:8px 14px;font-size:.75rem}.video-player-spinner{border:2px solid #ffffff4d;border-top-color:var(--cyan,var(--cyan));border-radius:50%;width:16px;height:16px;animation:.8s linear infinite video-spin}.video-player[data-state=playing] .video-player-ui,.video-player[data-state=ended] .video-player-ui{pointer-events:none;background:0 0;justify-content:flex-end;align-items:flex-end}.video-player--background{background:0 0;position:absolute;inset:0}.video-player--background video{object-fit:cover}.video-player--background .video-player-ui{z-index:3;border-radius:16px;height:auto;inset:auto 20px 20px auto}.video-player-nojs{position:absolute;bottom:16px;left:16px}@keyframes video-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.video-player-spinner{animation:none}}