:root {
  --rv-notify-text-color: var(--rv-white);
  --rv-notify-padding: var(--rv-padding-xs) var(--rv-padding-md);
  --rv-notify-font-size: var(--rv-font-size-md);
  --rv-notify-line-height: var(--rv-line-height-md);
  --rv-notify-primary-background-color: var(--rv-primary-color);
  --rv-notify-success-background-color: var(--rv-success-color);
  --rv-notify-danger-background-color: var(--rv-danger-color);
  --rv-notify-warning-background-color: var(--rv-warning-color);
}

.rv-notify {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--rv-notify-padding);
  color: var(--rv-notify-text-color);
  font-size: var(--rv-notify-font-size);
  line-height: var(--rv-notify-line-height);
  white-space: pre-wrap;
  text-align: center;
  word-wrap: break-word;
}

.rv-notify--primary {
  background-color: var(--rv-notify-primary-background-color);
}

.rv-notify--success {
  background-color: var(--rv-notify-success-background-color);
}

.rv-notify--danger {
  background-color: var(--rv-notify-danger-background-color);
}

.rv-notify--warning {
  background-color: var(--rv-notify-warning-background-color);
}