/*.fade-glossy {
    background-color: rgb(255, 255, 255, 0.44);*/ /* semi-transparent */
/*backdrop-filter: blur(5px);*/ /* glossy blur effect */
/*-webkit-backdrop-filter: blur(15px);*/
/*    border-radius: 1.5rem;*/
/*border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.modal-header, .modal-footer {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}


.modal-backdrop-glossy {
    background-color: rgba(255, 255, 255, 0.33);*/ /* glossy white overlay */
/*backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(8px) saturate(180%);
    transition: opacity 0.3s ease;
}*/

/* Glossy and blurred modal backdrop */
.modal-backdrop {
    opacity: 0;
    transition: opacity 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out;
    background-color: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(12px); /* Safari support */
}

    .modal-backdrop.show {
        opacity: 1;
    }