@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
@import '/assets/b156259ecf951ea64c145aa0f54c7115e89156d2e5434dff5584e0328b19afe7/components/spinner/spinner.css';

@layer cinder.components {
  .cinder-inline-loading {
    display: inline-flex;
    align-items: center;
    gap: var(--cinder-space-2);
    min-block-size: 1em;
    color: var(--cinder-text-muted);
    vertical-align: middle;
  }

  .cinder-inline-loading[data-cinder-status='inactive'] {
    display: none;
  }

  .cinder-inline-loading[data-cinder-status='active'] {
    color: var(--cinder-text-muted);
  }

  .cinder-inline-loading[data-cinder-status='finished'] {
    color: var(--cinder-status-success-text);
  }

  .cinder-inline-loading[data-cinder-status='error'] {
    color: var(--cinder-status-danger-text);
  }

  .cinder-inline-loading__indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 0.875rem;
    block-size: 0.875rem;
    flex-shrink: 0;
  }

  .cinder-inline-loading__indicator .cinder-spinner {
    inline-size: 0.875rem;
    block-size: 0.875rem;
    border-width: 1.5px;
  }

  .cinder-inline-loading__label {
    font-size: var(--cinder-text-sm);
    line-height: 1.25;
    color: inherit;
  }
}