.resolve-loading{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--muted,#587083);font-size:13px;line-height:1.4;max-width:100%}.resolve-loading-mark{position:relative;display:inline-flex;flex:none;width:42px;height:42px;color:var(--ink,#183447)}.resolve-loading-mark:before{content:"";position:absolute;inset:1px;border:2px solid transparent;border-top-color:var(--mint,#228466);border-right-color:var(--mint,#228466);border-radius:50%;animation:resolve-orbit 1.35s linear infinite}.resolve-loading-mark svg{width:100%;height:100%;padding:5px;box-sizing:border-box}.resolve-loading-check{fill:var(--mint,#228466);animation:resolve-check 1.35s ease-in-out infinite}.resolve-loading.is-compact{font-size:inherit;gap:6px}.is-compact .resolve-loading-mark{width:22px;height:22px}.loading-surface>.resolve-loading{flex-direction:column}.loading-surface>.resolve-loading .resolve-loading-mark{width:48px;height:48px}[data-theme="dark"] .resolve-loading-mark{color:var(--text,#dbe5ef)}@keyframes resolve-orbit{to{transform:rotate(360deg)}}@keyframes resolve-check{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.resolve-loading-mark:before,.resolve-loading-check{animation:none}}

/* Keep the animated mark legible independently of page-specific token overrides. */
html[data-theme=dark] .resolve-loading-mark{color:#edf7ff}html[data-theme=dark] .resolve-loading-check{fill:#8de0c5}html[data-theme=dark] .resolve-loading-mark:before{border-top-color:#8de0c5;border-right-color:#8de0c5}html[data-theme=dark] .resolve-loading{color:#b8c9d8}@keyframes resolve-check{50%{opacity:.75}}