.ombox-loading-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:150px;padding:24px;text-align:center;border:1px solid var(--color-border,#d8dee8);border-radius:var(--radius-lg,12px);background:var(--color-white,#fff);color:var(--color-text-secondary,#475569);font-size:14px;overflow-wrap:anywhere}
.ombox-loading-animation small{color:var(--color-text-muted,#64748b);line-height:1.6}.ombox-loading-shapes{display:flex;align-items:center;justify-content:center;gap:8px;height:32px}
.ombox-loading-animation.is-logo{min-height:120px}.ombox-loading-logo,.ombox-loading-logo-static{width:80px;height:80px;max-width:100%;object-fit:contain}.ombox-loading-logo{display:block}.ombox-loading-logo-static{display:none}
.ombox-loading-shapes i{display:block;width:10px;height:10px;border-radius:50%;background:var(--color-primary,#0087f7);animation:ombox-loading-bounce 1.2s ease-in-out infinite}.ombox-loading-shapes i:nth-child(2){animation-delay:.16s}.ombox-loading-shapes i:nth-child(3){animation-delay:.32s}
.ombox-loading-animation.is-bars i{height:28px;width:6px;border-radius:3px;animation-name:ombox-loading-bars}
.ombox-loading-animation .ombox-spin-indicator{width:30px;height:30px}
@keyframes ombox-loading-bounce{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-8px);opacity:1}}
@keyframes ombox-loading-bars{0%,80%,100%{transform:scaleY(.4);opacity:.45}40%{transform:scaleY(1);opacity:1}}
body.eye-protection .ombox-loading-animation{background:#faf8f3;border-color:#d9cbb8;color:#4a3c28}body.eye-protection .ombox-loading-animation small{color:#6b5d4f}body.eye-protection .ombox-loading-shapes i{background:#8c704d}
@media(prefers-reduced-motion:reduce){.ombox-loading-animation .ombox-loading-shapes i,.ombox-loading-animation .ombox-spin-indicator{animation:none;transform:none;opacity:1}}

.ombox-loading-animation.is-bar .ombox-loading-shapes{display:block;position:relative;width:min(260px,100%);height:8px;overflow:hidden;border-radius:999px;background:var(--color-gray-100,#e5e7eb)}
.ombox-loading-animation.is-bar .ombox-loading-shapes i{position:absolute;left:0;top:0;width:35%;height:100%;border-radius:inherit;animation:ombox-loading-slide 1.5s ease-in-out infinite}
.ombox-loading-animation.is-bar .ombox-loading-shapes i:not(:first-child){display:none}
@keyframes ombox-loading-slide{from{transform:translateX(-110%)}to{transform:translateX(390%)}}
@media(prefers-reduced-motion:reduce){.ombox-loading-animation.is-bar .ombox-loading-shapes i{animation:none;transform:none;width:100%;opacity:.6}}
@media(prefers-reduced-motion:reduce){.ombox-loading-animation.is-logo .ombox-loading-logo{display:none}.ombox-loading-animation.is-logo .ombox-loading-logo-static{display:block}}