.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.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-self: center;
}
.ifx-notification__wrapper .ifx-notification__body {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  font-size: 0.875rem;
}
.ifx-notification__wrapper .ifx-notification__body .ifx-notification__slot {
  flex-grow: 1;
  align-items: center;
}
.ifx-notification__wrapper .ifx-notification__link {
  font-size: 0.875rem;
}
@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;
  }
}