:host {
  display: block;
  width: 100%;
}

.ds-notification__Rso0Na {
  padding: var(--ds-spacing-xSmall, 12px);
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--neutral {
  color: var(--ds-textColor-default);
  background-color: var(--ds-bgColor-neutral);
  border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);
  margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--neutral .ds-notification__Rso0Na__icon {
  color: var(--ds-iconColor-default);
  margin-bottom: auto;
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--neutralWhite {
  color: var(--ds-textColor-default);
  background-color: var(--ds-bgColor-white);
  border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);
  margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--neutralWhite .ds-notification__Rso0Na__icon {
  color: var(--ds-iconColor-default);
  margin-bottom: auto;
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--info {
  color: var(--ds-textColor-default);
  background-color: var(--ds-bgColor-info);
  border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);
  margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--info .ds-notification__Rso0Na__icon {
  color: var(--ds-iconColor-info);
  margin-bottom: auto;
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--success {
  color: var(--ds-textColor-default);
  background-color: var(--ds-bgColor-success);
  border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);
  margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--success .ds-notification__Rso0Na__icon {
  color: var(--ds-iconColor-success);
  margin-bottom: auto;
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--attention {
  color: var(--ds-textColor-default);
  background-color: var(--ds-bgColor-attention);
  border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);
  margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--attention .ds-notification__Rso0Na__icon {
  color: var(--ds-iconColor-attention);
  margin-bottom: auto;
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--danger {
  color: var(--ds-textColor-default);
  background-color: var(--ds-bgColor-danger);
  border: var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);
  margin-top: calc(-1 * var(--ds-borderWidth-hairline, 1px));
}
.ds-notification__Rso0Na.ds-notification__Rso0Na--danger .ds-notification__Rso0Na__icon {
  color: var(--ds-iconColor-danger);
  margin-bottom: auto;
}
.ds-notification__Rso0Na__content {
  display: flex;
  gap: var(--ds-spacing-2xSmall, 8px);
  max-width: 1376px;
  margin: 0 auto;
}
.ds-notification__Rso0Na__content__text {
  display: flex;
  padding: var(--ds-spacing-4xSmall, 2px) 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--ds-spacing-4xSmall, 2px);
  flex: 1 0 0;
}
.ds-notification__Rso0Na__content__text__heading, .ds-notification__Rso0Na__content__text__description {
  font-family: var(--ds-fontFamily-body);
  line-height: var(--ds-lineHeight-large);
  letter-spacing: var(--ds-letterSpacing-wide);
}
.ds-notification__Rso0Na__content__text__description {
  max-width: var(--ds-notification-description-max-width, 550px);
}