.sb-loading-mark{position:relative;display:inline-grid;place-items:center;width:var(--sb-control-min-size);height:var(--sb-control-min-size);flex-shrink:0}.sb-loading-mark img{display:block;width:var(--sb-loading-mark-size);height:var(--sb-loading-mark-size);border-radius:var(--sb-radius-control)}.sb-loading-mark>span{position:absolute;inset:0;border-left:2px solid var(--sb-border);border-bottom:2px solid var(--sb-border);border-right-color:var(--sb-border);border-top-color:var(--sb-border);border-top:2px solid var(--sb-primary);border-right:2px solid var(--sb-primary);border-radius:50%}.sb-brand-loading{display:inline-flex;align-items:center;gap:var(--sb-space-3);font-family:var(--sb-font);color:var(--sb-muted);font-size:var(--sb-text-body);line-height:var(--sb-leading-body);font-weight:var(--sb-weight-label)}.sb-page-loading{display:grid;place-items:center;min-height:var(--sb-loading-page-height);padding:var(--sb-space-6);margin:var(--sb-page-padding);background:var(--sb-surface);color:var(--sb-ink);border:1px solid var(--sb-border);border-radius:var(--sb-radius-card)}.sb-global-loading{position:fixed;inset:0 0 auto;z-index:100;pointer-events:none;font-family:var(--sb-font)}.sb-navigation-track{height:var(--sb-loading-track-height);background:var(--sb-accent);overflow:hidden}.sb-navigation-track>span{display:block;width:35%;height:100%;background:var(--sb-primary)}.sb-navigation-feedback{position:absolute;right:var(--sb-page-padding);top:var(--sb-loading-notice-top);display:flex;align-items:center;gap:var(--sb-space-2);max-width:calc(100vw - 2 * var(--sb-page-padding));padding:var(--sb-space-2) var(--sb-space-3);border:1px solid var(--sb-border);border-radius:var(--sb-radius-card);box-shadow:var(--sb-shadow);background:var(--sb-surface);color:var(--sb-ink);font-size:var(--sb-text-label);font-weight:var(--sb-weight-label)}@media (prefers-reduced-motion:no-preference){.sb-loading-mark>span{animation:sb-loading-orbit 1.2s linear infinite}.sb-navigation-track>span{animation:sb-loading-progress 1.1s var(--sb-motion-ease) infinite}}@keyframes sb-loading-orbit{to{transform:rotate(1turn)}}@keyframes sb-loading-progress{0%{transform:translateX(-110%)}to{transform:translateX(390%)}}