/**
 * Auto-generated file. Do not edit directly.
 */
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
:host([hidden]) {
  display: none;
}

:host {
  display: inline-flex;
  max-width: 100%;
  vertical-align: baseline;
  align-items: center;
  justify-content: center;
  border-radius: var(--cat-border-radius-m, 0.25rem);
  text-decoration: none;
  line-height: 1.5;
  flex-shrink: 0;
}
:host slot {
  display: inline-block;
  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
}

:host([round]) {
  border-radius: 10rem;
}

:host([variant=filled]) {
  background-color: rgb(var(--bg));
  color: rgb(var(--fill));
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}

:host([variant=outlined]) {
  background-color: white;
  color: rgb(var(--text));
  box-shadow: inset 0 0 0 1px rgba(var(--text), 0.2);
}

:host([color=primary]) {
  --bg: var(--cat-primary-bg, 0, 129, 148);
  --fill: var(--cat-primary-fill, 255, 255, 255);
  --text: var(--cat-primary-text, 0, 129, 148);
}

:host([color=secondary]) {
  --bg: var(--cat-secondary-bg, 105, 118, 135);
  --fill: var(--cat-secondary-fill, 255, 255, 255);
  --text: var(--cat-secondary-text, 0, 0, 0);
}

:host([color=info]) {
  --bg: var(--cat-info-bg, 0, 115, 230);
  --fill: var(--cat-info-fill, 255, 255, 255);
  --text: var(--cat-info-text, 0, 115, 230);
}

:host([color=success]) {
  --bg: var(--cat-success-bg, 0, 132, 88);
  --fill: var(--cat-success-fill, 255, 255, 255);
  --text: var(--cat-success-text, 0, 132, 88);
}

:host([color=warning]) {
  --bg: var(--cat-warning-bg, 255, 206, 128);
  --fill: var(--cat-warning-fill, 0, 0, 0);
  --text: var(--cat-warning-text, 159, 97, 0);
}

:host([color=danger]) {
  --bg: var(--cat-danger-bg, 217, 52, 13);
  --fill: var(--cat-danger-fill, 255, 255, 255);
  --text: var(--cat-danger-text, 217, 52, 13);
}

:host([size=xs]) {
  height: 1rem;
  min-width: 1rem;
  font-size: 0.75rem;
  padding: 0 0.25rem;
  gap: 0.25rem;
}

:host([data-icon-badge=xs]) {
  width: 1rem;
  height: 1rem;
  padding: 0;
}

:host([size=s]) {
  height: 1.5rem;
  min-width: 1.5rem;
  font-size: 0.75rem;
  padding: 0 0.5rem;
  gap: 0.25rem;
}

:host([data-icon-badge=s]) {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
}

:host([size=m]) {
  height: 2rem;
  min-width: 2rem;
  font-size: 0.875rem;
  padding: 0 0.75rem;
  gap: 0.25rem;
}

:host([data-icon-badge=m]) {
  width: 2rem;
  height: 2rem;
  padding: 0;
}

:host([size=l]) {
  height: 2.5rem;
  min-width: 2.5rem;
  font-size: 0.9375rem;
  padding: 0 1rem;
  gap: 0.25rem;
}

:host([data-icon-badge=l]) {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

:host([size=xl]) {
  height: 3rem;
  min-width: 3rem;
  font-size: 1.125rem;
  padding: 0 1rem;
  gap: 0.25rem;
}

:host([data-icon-badge=xl]) {
  width: 3rem;
  height: 3rem;
  padding: 0;
}

:host([pulse][variant=filled]) {
  animation: 1.5s ease 0s infinite normal none running pulse;
}

:host([pulse][variant=outlined]) {
  animation: 1.5s ease 0s infinite normal none running pulse-outlined;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgb(var(--bg));
  }
  70% {
    box-shadow: transparent 0 0 0 0.5rem;
  }
  100% {
    box-shadow: transparent 0 0 0 0;
  }
}
@keyframes pulse-outlined {
  0% {
    box-shadow: 0 0 0 0 rgb(var(--bg)), inset 0 0 0 1px rgba(var(--text), 0.2);
  }
  70% {
    box-shadow: transparent 0 0 0 0.5rem, inset 0 0 0 1px rgba(var(--text), 0.2);
  }
  100% {
    box-shadow: transparent 0 0 0 0, inset 0 0 0 1px rgba(var(--text), 0.2);
  }
}