/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer components {
  .rui-spinner {
    display: inline-block;
    flex-shrink: 0;
    border-radius: var(--radius-full, var(--border-radius-full));
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: currentcolor;
    border-right-color: transparent;
    @media (prefers-reduced-motion: reduce) {
      animation: none;
    }
    animation: rui-spinner-spin 0.7s linear infinite;
  }
  .rui-spinner--sm {
    width: var(--spacing-3, var(--space-3));
    height: var(--spacing-3, var(--space-3));
  }
  .rui-spinner--md {
    width: var(--spacing-4, var(--space-4));
    height: var(--spacing-4, var(--space-4));
  }
  .rui-spinner--lg {
    width: var(--spacing-5, var(--space-5));
    height: var(--spacing-5, var(--space-5));
  }
  @keyframes rui-spinner-spin {
    to {
      transform: rotate(360deg);
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
    }
  }
}