.sn-notify {
  --sn-success-color: var(--neutral_green);
  --sn-success-progress-color: var(--bright_green);
  --sn-error-color: var(--neutral_red);
  --sn-error-progress-color: var(--bright_red);
  --sn-warning-color: var(--neutral_yellow);
  --sn-warning-progress-color: var(--bright_yellow);
  --sn-info-color: var(--neutral_blue);
  --sn-info-progress-color: var(--bright_blue);
  /* --sn-notifications-gap: 20px; */
  /* --sn-notifications-padding: 20px; */
  --sn-notify-width: min(320px, 100%);
  --sn-notify-radius: 13px;
  /* --sn-notify-transition-timing-function: ease; */
  /* --sn-notify-transition-duration: 500ms; */
  /* --sn-notify-autoclose-timeout: 30000ms; */
  /* --sn-notify-padding: 0.75em; */
  /* --sn-notify-icon-size: 2em; */
  /* --sn-notify-close-icon-size: 1em; */
  --sn-notify-border-size: 6px;
  --sn-notify-border-color: black;
  /* --sn-notify-border-style: solid; */
  --sn-notify-progress-color: rgb(51, 51, 51);
  --sn-notify-close-icon-color: rgb(51, 51, 51);
  --sn-notify-title-color: var(--dark0_hard);
  --sn-notify-text-color: var(--dark0);
  /* --sn-notify-shadow-color: black; */
  --sn-notify-progress-height: 10px;
}

.sn-notify-error {
  --sn-notify-title-color: black;
  --sn-notify-text-color: black;
  --sn-notify-close-icon-color: black;
}

/* made a PR here: */
/* https://github.com/simple-notify/simple-notify/pull/62 */
.sn-notifications-container {
  min-height: unset;
  max-height: unset;
  height: 100vh;
  height: 100dvh;
}