@scope([data-style-owner=loading-indicator]) to (:scope [data-style-owner]:not([data-style-owner=loading-indicator])>*){:where(:scope,*).loading-indicator{align-self:flex-start;align-items:center;gap:var(--space-2);width:100%;color:var(--color-muted);font-size:var(--text-sm);flex:none;grid-column:1/-1;line-height:1.5;display:flex;position:relative}:where(:scope,*).loading-indicator:before{content:"";border:1.5px solid;border-top-color:#0000;border-radius:50%;flex:none;width:1em;height:1em;animation:1s linear infinite loading-indicator-spin}:where(:scope,*).loading-indicator[data-inline=true]{vertical-align:middle;width:1.25em;height:1.25em;min-height:0;color:inherit;font:inherit;background:0 0;flex:none;align-self:center;padding:0;display:inline-grid}:where(:scope,*).loading-indicator[data-inline=true]:before{width:auto;height:auto;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){:where(:scope,*).loading-indicator:before{animation:none}}}