nv-notificationcontainer {
  position: fixed;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-2);
  padding-top: 0;
  z-index: 9999;
  pointer-events: none;
  width: 100%;
  max-width: 512px;
}
nv-notificationcontainer.position-top-right {
  top: 0;
  right: 0;
}
nv-notificationcontainer.position-top-right nv-notification {
  margin-top: var(--spacing-2);
}
nv-notificationcontainer.position-top-left {
  top: 0;
  left: 0;
}
nv-notificationcontainer.position-top-left nv-notification {
  margin-bottom: var(--spacing-2);
}
nv-notificationcontainer.position-top-center {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
nv-notificationcontainer.position-top-center nv-notification {
  margin-bottom: var(--spacing-2);
}
nv-notificationcontainer.position-bottom-right {
  bottom: 0;
  right: 0;
  flex-direction: column-reverse;
}
nv-notificationcontainer.position-bottom-right nv-notification {
  margin-top: var(--spacing-2);
}
nv-notificationcontainer.position-bottom-left {
  bottom: 0;
  left: 0;
  flex-direction: column-reverse;
}
nv-notificationcontainer.position-bottom-left nv-notification {
  margin-top: var(--spacing-2);
}
nv-notificationcontainer.position-bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column-reverse;
}
nv-notificationcontainer.position-bottom-center nv-notification {
  margin-top: var(--spacing-2);
}
nv-notificationcontainer > * {
  pointer-events: auto;
}