/**
 * Auto-generated file. Do not edit directly.
 */
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
:host {
  display: flex;
  gap: 0.5rem;
  padding: 1.25rem;
  border-radius: var(--cat-border-radius-l, 0.5rem);
}

:host([hidden]) {
  display: none;
}

:host(:focus-visible) {
  outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
  outline-offset: 1px;
}

.content {
  align-self: center;
  width: 100%;
}

::slotted(:last-child) {
  margin-bottom: 0 !important;
}

:host([color=primary]) {
  background-color: rgb(var(--cat-primary-bg, 0, 129, 148));
  color: rgb(var(--cat-primary-fill, 255, 255, 255));
  --cat-primary-text: var(--cat-primary-fill, 255, 255, 255);
  --cat-primary-text-hover: var(--cat-primary-fill-hover, 255, 255, 255);
  --cat-primary-text-active: var(--cat-primary-fill-active, 255, 255, 255);
  --cat-link-decoration: underline;
}

:host([color=secondary]) {
  background-color: rgb(var(--cat-secondary-bg, 105, 118, 135));
  color: rgb(var(--cat-secondary-fill, 255, 255, 255));
  --cat-primary-text: var(--cat-secondary-fill, 255, 255, 255);
  --cat-primary-text-hover: var(--cat-secondary-fill-hover, 255, 255, 255);
  --cat-primary-text-active: var(--cat-secondary-fill-active, 255, 255, 255);
  --cat-link-decoration: underline;
}

:host([color=info]) {
  background-color: rgb(var(--cat-info-bg, 0, 115, 230));
  color: rgb(var(--cat-info-fill, 255, 255, 255));
  --cat-primary-text: var(--cat-info-fill, 255, 255, 255);
  --cat-primary-text-hover: var(--cat-info-fill-hover, 255, 255, 255);
  --cat-primary-text-active: var(--cat-info-fill-active, 255, 255, 255);
  --cat-link-decoration: underline;
}

:host([color=success]) {
  background-color: rgb(var(--cat-success-bg, 0, 132, 88));
  color: rgb(var(--cat-success-fill, 255, 255, 255));
  --cat-primary-text: var(--cat-success-fill, 255, 255, 255);
  --cat-primary-text-hover: var(--cat-success-fill-hover, 255, 255, 255);
  --cat-primary-text-active: var(--cat-success-fill-active, 255, 255, 255);
  --cat-link-decoration: underline;
}

:host([color=warning]) {
  background-color: rgb(var(--cat-warning-bg, 255, 206, 128));
  color: rgb(var(--cat-warning-fill, 0, 0, 0));
  --cat-primary-text: var(--cat-warning-fill, 0, 0, 0);
  --cat-primary-text-hover: var(--cat-warning-fill-hover, 0, 0, 0);
  --cat-primary-text-active: var(--cat-warning-fill-active, 0, 0, 0);
  --cat-link-decoration: underline;
}

:host([color=danger]) {
  background-color: rgb(var(--cat-danger-bg, 217, 52, 13));
  color: rgb(var(--cat-danger-fill, 255, 255, 255));
  --cat-primary-text: var(--cat-danger-fill, 255, 255, 255);
  --cat-primary-text-hover: var(--cat-danger-fill-hover, 255, 255, 255);
  --cat-primary-text-active: var(--cat-danger-fill-active, 255, 255, 255);
  --cat-link-decoration: underline;
}