.backdrop-modal-target {
    transition: filter 150ms ease-in;
}

.backdrop-modal-target--active {
    filter: blur(4px);
    transition-duration: 280ms;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.modal.backdrop-modal {
    background-color: rgba(0, 0, 0, 0.72);
}

body.backdrop-modal-active > .modal-backdrop {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .backdrop-modal-target {
        transition: none;
    }
}