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