.mj-loading[hidden] { display: none !important; }
.mj-loading { position: fixed; inset: 0; z-index: 10000; pointer-events: none; }
.mj-loading-bar { position: absolute; top: 0; left: 0; width: 100%; height: 3px; overflow: hidden; background: #dbeafe; }
.mj-loading-bar::after { content: ""; display: block; width: 35%; height: 100%; background: #2563eb; animation: mj-loading-slide 1.3s ease-in-out infinite; }
.mj-loading-status { position: absolute; top: 16px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 9px; width: max-content; max-width: calc(100vw - 32px); box-sizing: border-box; padding: 10px 16px; border: 1px solid #dbe3ee; border-radius: 6px; background: #fff; color: #334155; box-shadow: 0 3px 12px rgb(0 0 0 / 10%); font-size: 14px; line-height: 1.5; }
.mj-loading-spinner, .mj-button-loading::after, [data-batch-add-options][aria-busy="true"]::before { content: ""; display: inline-block; width: 14px; height: 14px; flex: 0 0 14px; box-sizing: border-box; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: middle; animation: mj-loading-spin .75s linear infinite; }
[data-batch-add-options][aria-busy="true"] { opacity: .65; cursor: wait; }
.mj-loading-spinner { color: #2563eb; }
.mj-button-loading { cursor: wait !important; }
.mj-button-loading::after { margin-left: 7px; }
@keyframes mj-loading-spin { to { transform: rotate(360deg); } }
@keyframes mj-loading-slide { from { transform: translateX(-100%); } to { transform: translateX(385%); } }
@media (prefers-reduced-motion: reduce) {
    .mj-loading-bar::after, .mj-loading-spinner, .mj-button-loading::after, [data-batch-add-options][aria-busy="true"]::before { animation: none; }
    .mj-loading-bar::after { width: 100%; }
}