.ifx-notification__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  background-color: #ffffff;
  font-family: var(--ifx-font-family);
  color: #1d1d1d;
  border: 1px solid #eeeded;
}
.ifx-notification__wrapper .close-icon-wrapper {
  align-self: flex-start;
}
.ifx-notification__wrapper.ifx-notification__wrapper--success {
  border-left: 4px solid #4ca460;
}
.ifx-notification__wrapper.ifx-notification__wrapper--success .ifx-notification__icon {
  color: #4ca460;
}
.ifx-notification__wrapper.ifx-notification__wrapper--locked {
  border-left: 4px solid #e16b25;
}
.ifx-notification__wrapper.ifx-notification__wrapper--locked .ifx-notification__icon {
  color: #e16b25;
}
.ifx-notification__wrapper.ifx-notification__wrapper--error {
  border-left: 4px solid #cd002f;
}
.ifx-notification__wrapper.ifx-notification__wrapper--error .ifx-notification__icon {
  color: #cd002f;
}
.ifx-notification__wrapper.ifx-notification__wrapper--neutral {
  border-left: 4px solid #0a8276;
}
.ifx-notification__wrapper.ifx-notification__wrapper--neutral .ifx-notification__icon {
  color: #0a8276;
}
.ifx-notification__wrapper .ifx-notification__icon {
  margin-right: 8px;
  display: flex;
  align-items: center;
  align-self: flex-start;
  height: 1.25rem;
}
.ifx-notification__wrapper .ifx-notification__body {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  gap: 0 24px;
  font-size: 0.875rem;
}
.ifx-notification__wrapper .ifx-notification__body .ifx-notification__slot {
  flex-grow: 1;
  min-width: 0;
  align-items: center;
}
.ifx-notification__wrapper .ifx-notification__link {
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 0.875rem;
}
.ifx-notification__wrapper .ifx-notification__close {
  margin-left: 24px;
  display: flex;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
}
@media (max-width: 375px) {
  .ifx-notification__wrapper .ifx-notification__icon {
    align-self: flex-start;
  }
  .ifx-notification__wrapper .ifx-notification__body {
    flex-direction: column;
  }
  .ifx-notification__wrapper .ifx-notification__link {
    margin-top: 8px;
  }
}