.video-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;background:#090b1066;z-index:3}
.video-loading[hidden]{display:none}
.is-starting .video-loading{background-color:#090b10;background-image:linear-gradient(#090b1066,#090b1066),var(--video-poster);background-size:contain;background-position:center;background-repeat:no-repeat}
.video-loading>span{width:52px;height:52px;border:3px solid #ffffff44;border-top-color:var(--accent);border-radius:50%;animation:video-loading-spin .8s linear infinite}
.video-loading>b{font-size:16px;font-weight:500;color:var(--text);background:#111318e0;border-radius:999px;padding:10px 18px}
@keyframes video-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.video-loading>span{animation:none}}