:root {
  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
}

.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;
  display: inline-flex;
  align-items: center;
}
.ifx-notification__wrapper .ifx-notification__link {
  font-size: 0.875rem;
}
@media (max-width: 576px) {
  .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;
  }
}