/* Canonical viewport treatment for every modal and native dialog. */
:root {
  --modal-backdrop-color: rgba(2, 7, 11, 0.74);
  --modal-backdrop-filter: blur(8px);
}

dialog::backdrop,
.modal__backdrop,
.modal-layer::before {
  background: var(--modal-backdrop-color);
  -webkit-backdrop-filter: var(--modal-backdrop-filter);
  backdrop-filter: var(--modal-backdrop-filter);
}