html body .modal-backdrop,
html body .modal-backdrop.fade,
html body .modal-backdrop.show {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(3, 20, 18, 0.58) !important;
    opacity: 1 !important;
    -webkit-backdrop-filter: blur(10px) saturate(75%) !important;
    backdrop-filter: blur(10px) saturate(75%) !important;
    z-index: 1090 !important;
}

html body .modal {
    z-index: 1095 !important;
}

/* Radzen dropdown/filter panels are appended to body, outside the modal. */
html body .rz-popup,
html body .rz-dropdown-panel,
html body .rz-multiselect-panel {
    z-index: 1105 !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html body .modal-backdrop,
    html body .modal-backdrop.fade,
    html body .modal-backdrop.show {
        background-color: rgba(3, 20, 18, 0.82) !important;
    }
}
