.w-text-link {
  display: inline-flex;
  flex-direction: var(--text-link-flex-direction, row);
  align-items: center;
  gap: var(--spacing-4-rem);
  transition: all 150ms ease-in-out;
}
.w-text-link__anchor {
  color: var(--text-link-color);
  cursor: pointer;
  text-decoration: var(--text-link-text-decoration, none);
  display: flex;
  align-items: center;
}
.w-text-link__anchor--button {
  font: inherit;
  text-align: inherit;
}
.w-text-link__anchor:hover {
  --text-link-text-decoration: underline;
}
.w-text-link--default-container {
  --text-link-color: var(--color-fg-brand-link);
}
.w-text-link--light-container {
  --text-link-color: var(--color-fg-brand-link);
}
.w-text-link--dark-container {
  --text-link-color: var(--color-fg-brand-link-inverted);
}
.w-container--theme-light .w-text-link--default-container,
.w-container--theme-subtle .w-text-link--default-container {
  --text-link-color: var(--color-fg-brand-link);
}
.w-container--theme-dark .w-text-link--default-container {
  --text-link-color: var(--color-fg-brand-link-inverted);
}
.w-text-link--size-small {
  --text-link-icon-size: var(--spacing-16-rem);
}
.w-text-link--size-medium {
  --text-link-icon-size: var(--spacing-24-rem);
}
.w-text-link--icon-left {
  --text-link-flex-direction: row-reverse;
}
.w-text-link svg {
  width: var(--text-link-icon-size);
  height: var(--text-link-icon-size);
  color: var(--text-link-color);
}

.w-notification-banner__container {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0 var(--spacing-16-rem);
  align-items: center;
  width: 100%;
  border-top: var(--notification-banner-border-width, var(--spacing-2-rem)) solid var(--notification-banner-border-color, var(--color-fg-system-error));
  background: var(--notification-banner-background-color, var(--color-container-default-subtle));
}
@media (min-width: 1024px) {
  .w-notification-banner__container {
    align-items: start;
  }
}
.w-notification-banner__icon {
  color: var(--notification-banner-icon-color, var(--color-fg-system-error));
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .w-notification-banner__icon {
    grid-column: auto;
    grid-row: auto;
  }
}
.w-notification-banner--no-title .w-notification-banner__icon {
  grid-row: 1;
  align-self: center;
}
@media (min-width: 1024px) {
  .w-notification-banner--no-title .w-notification-banner__icon {
    grid-row: auto;
  }
}
.w-notification-banner__icon svg {
  display: block;
  margin: auto;
}
.w-notification-banner__content {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: var(--spacing-4-rem) var(--spacing-8-rem);
  padding: var(--spacing-16-rem) 0 var(--spacing-16-rem) var(--spacing-32-rem);
  align-items: center;
}
@media (min-width: 1024px) {
  .w-notification-banner__content {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--spacing-8-rem);
  }
}
.w-notification-banner--no-title .w-notification-banner__content {
  grid-template-rows: auto;
}
.w-notification-banner__title {
  grid-column: 2;
  grid-row: 1;
  white-space: nowrap;
  display: flex;
  align-items: center;
  align-self: center;
}
@media (min-width: 1024px) {
  .w-notification-banner__title {
    grid-column: auto;
    grid-row: auto;
  }
}
.w-notification-banner__description {
  grid-column: 2;
  grid-row: 2;
  margin-top: 0;
  display: inline;
}
@media (min-width: 1024px) {
  .w-notification-banner__description {
    grid-column: auto;
    grid-row: auto;
  }
}
.w-notification-banner--no-title .w-notification-banner__description {
  grid-column: 2;
  grid-row: 1;
}
@media (min-width: 1024px) {
  .w-notification-banner--no-title .w-notification-banner__description {
    grid-column: auto;
    grid-row: auto;
  }
}
.w-notification-banner__description span {
  display: inline;
}
.w-notification-banner__description p {
  display: inline;
}
.w-notification-banner__close-button {
  place-self: start end;
  margin: var(--spacing-8-rem) var(--spacing-24-rem) 0 0;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  --button-light-icon-only-color: var(--color-fg-default-primary);
  --button-color-hover: var(--color-container-default-strong-hovered);
  --button-color-pressed: var(--color-container-default-strong-pressed);
}
.w-notification-banner__text-link {
  display: inline;
  margin-left: var(--spacing-4-rem);
}
.w-notification-banner--notification-type-error {
  --notification-banner-border-color: var(--color-fg-system-error);
  --notification-banner-icon-color: var(--color-fg-system-error);
}
.w-notification-banner--notification-type-warning {
  --notification-banner-border-color: var(--color-fg-system-warning);
  --notification-banner-icon-color: var(--color-fg-system-warning);
}
.w-notification-banner--notification-type-information {
  --notification-banner-border-color: var(--color-border-default-strong);
  --notification-banner-icon-color: var(--color-border-default-strong);
}
.w-notification-banner--notification-type-success {
  --notification-banner-border-color: var(--color-fg-system-positive);
  --notification-banner-icon-color: var(--color-fg-system-positive);
}


/*# sourceMappingURL=c-notification-banner.93d4d886.css.map*/