/* One backdrop for storefront dialogs and legacy popups. */
:root { --sf-modal-backdrop: rgba(30, 35, 31, .56); }

dialog::backdrop,
dialog[class]::backdrop {
  background: var(--sf-modal-backdrop);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#popup,
#modal .modal_bg {
  background: var(--sf-modal-backdrop);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}