/* line 1, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag {
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--sera-color-neutral-gray-med-gray-500);
  background: var(--sera-color-neutral-gray-light-gray-50);
}

/* line 10, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag__label, .sera-tag__icon {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: -0.36px;
  text-transform: uppercase;
  color: var(--sera-color-text-titles);
}

/* line 21, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag__icon {
  margin-left: 4px;
}

/* line 25, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--warning {
  background: var(--sera-color-accents-yellow-100);
  border: 1px solid var(--sera-color-accents-yellow-600);
}

/* line 29, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--warning .sera-tag__label,
.sera-tag--warning .sera-tag__icon {
  color: var(--sera-color-accents-yellow-900);
}

/* line 35, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--error {
  border: 1px solid var(--sera-color-accents-red-300);
  background: var(--sera-color-accents-red-100);
}

/* line 39, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--error .sera-tag__label,
.sera-tag--error .sera-tag__icon {
  color: var(--sera-color-accents-red-800);
}

/* line 45, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--disabled {
  border: 1px solid var(--sera-color-neutral-gray-med-gray-400);
  background: var(--sera-color-neutral-gray-light-gray-50);
}

/* line 49, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--disabled .sera-tag__label,
.sera-tag--disabled .sera-tag__icon {
  color: var(--sera-color-neutral-gray-med-gray-600);
}

/* line 55, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--info {
  border: 1px solid var(--sera-color-core-blue-light-blue-300);
  background: var(--sera-color-core-blue-light-blue-50);
}

/* line 59, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--info .sera-tag__label,
.sera-tag--info .sera-tag__icon {
  color: var(--sera-color-core-blue-cobalt-blue-800);
}

/* line 65, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--positive {
  border: 1px solid var(--sera-color-accents-green-300);
  background: var(--sera-color-accents-green-100);
}

/* line 69, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--positive .sera-tag__label,
.sera-tag--positive .sera-tag__icon {
  color: var(--sera-color-accents-green-600);
}

/* line 75, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--secondary {
  padding: 2px 4px;
}

/* line 78, app/assets/stylesheets/components/sera_tag.scss */
.sera-tag--secondary .sera-tag__label,
.sera-tag--secondary .sera-tag__icon {
  font-weight: 500;
}