/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
.sd-chip {
  display: inline-flex;
  height: var(--sd-spacing-6);
  align-items: center;
  overflow: hidden;
  border-radius: var(--sd-chip-border-radius, var(--sd-spacing-1));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: rgba(var(--sd-chip--primary-200-color-border, rgba(255, 255, 255, 0)));
  background-color: rgba(var(--sd-chip--primary-200-color-background, rgba(var(--sd-color-primary-200))));
  padding-inline: var(--sd-spacing-2);
  white-space: nowrap;
  color: rgba(var(--sd-color-text-black));
}
.sd-chip--primary-500 {
    border-color: rgba(var(--sd-chip--primary-500-color-border, rgba(255, 255, 255, 0)));
    background-color: rgba(var(--sd-chip--primary-500-color-background, rgba(var(--sd-color-primary-500))));
    color: rgba(var(--sd-chip--primary-500-color-text, rgba(var(--sd-color-white))));
  }
.sd-chip--primary-300 {
    border-color: rgba(var(--sd-chip--primary-300-color-border, rgba(255, 255, 255, 0)));
    background-color: rgba(var(--sd-chip--primary-300-color-background, rgba(var(--sd-color-primary-300))));
  }
.sd-chip--white {
    border-color: rgba(var(--sd-chip--white-color-border, rgba(255, 255, 255, 0)));
    background-color: rgba(var(--sd-chip--white-color-background, rgba(var(--sd-color-white))));
  }
.sd-chip{
  font-size: var(--sd-chip-font-size);
  border-width: var(--sd-chip-border-width);
  font-weight: var(--sd-chip-font-weight);
}
@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;
    }
  }
}