.alerts {
  position: fixed;
  pointer-events: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;

  z-index: var(--alert-z-index);
  padding-left: calc(var(--sidebar-width-closed) / 2);
}

.alertHolder {
  margin: 0.5rem auto;
  pointer-events: auto;

  display: flex;
  justify-content: center;
}

.alerts.sidebar_is_open {
  padding-left: calc(var(--sidebar-width-open) / 2);
}


@media (--phone-break-point) {
  .alerts {
    padding-left: 0;
  }

  .alerts.sidebar_is_open {
    padding-left: calc(var(--sidebar-width-open) / 2);
  }
}