.video-loading-host{position:relative}
.video-loading-indicator{position:absolute;z-index:8;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:rgba(10,8,10,.82);color:#fff;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.video-loading-indicator[hidden]{display:none}
.video-loading-indicator::before{content:"";width:42px;height:42px;border:4px solid rgba(255,255,255,.24);border-top-color:#fff;border-radius:50%;animation:video-loading-spin .8s linear infinite}
.video-loading-indicator span{font-size:13px;font-weight:750;letter-spacing:.01em}
@keyframes video-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.video-loading-indicator::before{animation-duration:1.8s}}