:root {
  --brand-color: #5C68D9;
}

.mantine-Notification-root {
  border-radius: 0.5rem;
}

.mantine-Notification-root + .mantine-Notification-root {
  margin-top: 12px;
}

.mantine-Notification-closeButton {
  color: var(--brand-color) !important;
}

.mantine-Notification-closeButton:hover {
  background: transparent !important;
}

.mantine-Notification-icon {
  background: transparent !important;
}

.notify-icon {
  width: 28px;
  height: 28px;
}

.notify-message {
  border: 1px solid var(--brand-color) !important;
  background-color: #FFFFFF !important;
}

.notify-message .mantine-Notification-title,
.notify-message .mantine-Notification-description {
  color: var(--brand-color) !important;
}

.notify-warning {
  border: 1px solid #F0C50B !important;
  background-color: #FFF5CC !important;
}

.notify-warning .mantine-Notification-title,
.notify-warning .mantine-Notification-description {
  color: var(--brand-color) !important;
}

.notify-error {
  border: 1px solid #FF397B !important;
  background-color: #FFFFFF !important;
}

.notify-error .mantine-Notification-title,
.notify-error .mantine-Notification-description {
  color: #FF397B !important;
}