/* Design 38 — clean, minimal loading indicator inspired by the supplied reference. */
.skymt-video-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#fff;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease;pointer-events:none}
.skymt-video-loading.is-ready{opacity:0;visibility:hidden}
.skymt-video-loading__spinner{position:relative;width:118px;height:118px;animation:skymt-loading-spin 1.35s linear infinite}
.skymt-video-loading__spinner span{position:absolute;left:calc(50% - 3.5px);top:4px;width:7px;height:27px;border-radius:7px;background:#222;transform-origin:3.5px 55px;transform:rotate(calc(var(--i)*30deg));opacity:calc(1 - var(--i)*.065)}
@keyframes skymt-loading-spin{to{transform:rotate(360deg)}}
.skymt-video-loading__message{position:absolute;top:calc(50% + 82px);font:14px/1.5 Arial,sans-serif;color:#555;text-align:center}
.skymt-video-loading.has-error .skymt-video-loading__spinner{display:none}
.skymt-video-loading.has-error .skymt-video-loading__message{display:block}
@media(prefers-reduced-motion:reduce){.skymt-video-loading__spinner{animation-duration:3s}.skymt-video-loading{transition:none}}