.ibk-notification {
  padding: 17px 20px;
  border-radius: 4px;
  width: 100%;
  display: none;
  box-sizing: border-box;
}

.ibk-notification * { box-sizing: border-box; }

.ibk-notification__icon {
  margin-right: 10px;
  font-size: 20px;
}

.ibk-notification__message {
  font-family: var(--fontMontserrat);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--grayText);
}

.ibk-notification--success { background-color: var(--primaryGreen5); }
.ibk-notification--success .ibk-notification__icon { color: var(--primaryGreen1); }

.ibk-notification--alert { background-color: var(--extendedYellow5); }
.ibk-notification--alert .ibk-notification__icon { color: var(--extendedYellow1); }

.ibk-notification--error { background-color: var(--extendedWatermelon5); }
.ibk-notification--error .ibk-notification__icon { color: var(--extendedWatermelon1); }

.ibk-notification--info { background-color: var(--extendedLightBlue5); }
.ibk-notification--info .ibk-notification__icon { color: var(--extendedLightBlue1); }

.ibk-notification--container-off {
  background-color: transparent;
  padding: 0;
}

.ibk-notification--auto {
  width: auto;
  padding-right: 50px;
}

.ibk-notification--show:not(.ibk-notification--auto) { display: flex; }
.ibk-notification--show.ibk-notification--auto { display: inline-flex; }

/* Fixed */
.ibk-notification--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 0;
}
