.loading-state{box-sizing:border-box;color:#dce6f7;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100%;min-height:240px;padding:32px;display:flex}.loading-state__mark{flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:58px;height:42px;display:flex}.loading-state__mark span{transform-origin:50%;background:linear-gradient(#c1baff,#829aeb);border-radius:6px;width:5px;height:24px;animation:1.4s ease-in-out infinite loading-wave}.loading-state__mark span:nth-child(2){animation-delay:.14s}.loading-state__mark span:nth-child(3){animation-delay:.28s}.loading-state__mark span:nth-child(4){animation-delay:.42s}.loading-state__body{text-align:center;width:min(260px,100%);min-width:0}.loading-state__label{letter-spacing:.015em;font-size:13px;line-height:1.6}.loading-state__skeleton{gap:8px;margin-top:18px;display:grid}.loading-state__skeleton i{background:linear-gradient(90deg,#202a3c,#344059,#202a3c) 0 0/200% 100%;border-radius:8px;height:6px;animation:2.4s ease-in-out infinite loading-sheen;display:block}.loading-state__skeleton i:nth-child(2){width:82%}.loading-state__skeleton i:nth-child(3){width:58%}.loading-state--compact{flex-direction:row;justify-content:flex-start;gap:14px;min-height:96px;padding:18px 8px}.loading-state--compact .loading-state__body{text-align:left;flex:1}.loading-state--compact .loading-state__skeleton{margin-top:10px}.loading-state--compact .loading-state__skeleton i:last-child{display:none}@keyframes loading-wave{0%,to{opacity:.45;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1.25)}}.live-video-frame{background:#0c1421;border-radius:16px;min-height:180px;position:relative;overflow:hidden}.live-video-loading{pointer-events:none;background:radial-gradient(#202a40e8,#0c1421ee);place-items:center;display:grid;position:absolute;inset:0 0 48px}.live-video-loading .loading-state{min-height:0;padding:20px}@keyframes loading-sheen{0%,to{background-position:100% 0}50%{background-position:0 0}}@media (prefers-reduced-motion:reduce){.loading-state__mark span,.loading-state__skeleton i{animation:none}.loading-state__mark span:nth-child(2n){height:36px}}
