/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer components {
  .rui-chip {
    display: inline-flex;
    align-items: center;
    border-radius: var(--radius-pill, var(--radius-pill));
    padding-inline: var(--spacing-2, var(--space-2));
    padding-block: calc(var(--spacing, 0.25rem) * 0.5);
    font-size: var(--text-xs, var(--text-xs));
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    --tw-font-weight: var(--font-weight-medium, var(--weight-medium));
    font-weight: var(--font-weight-medium, var(--weight-medium));
  }
  .rui-chip--default {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border, var(--border));
    background-color: var(--color-surface-container-low, var(--surface-container-low));
    color: var(--color-on-surface, var(--on-surface));
  }
  .rui-chip--muted {
    background-color: var(--color-surface-container, var(--surface-container));
    color: var(--color-on-surface, var(--on-surface));
  }
  .rui-chip--primary {
    background-color: var(--color-primary-container, var(--primary-container));
    color: var(--color-on-primary-container, var(--on-primary-container));
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@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-font-weight: initial;
      --tw-border-style: solid;
    }
  }
}