.modal {
    background-color: rgba(28, 32, 37, .3);
    --bs-modal-header-padding: .7rem 1rem;
    z-index: auto;
}

.backdrop-transparent {
    background-color: transparent;
}

.modal-popup {
    --bs-modal-margin: 5%;
}

.modal-popup .modal-content {
    --bs-modal-border-radius: 1rem;
    border-color: transparent;
}

.modal.animate__animated{
    animation-duration: 0.23s;
}

.modal.open {
    display: block!important;
}

.modal-panel {
    z-index: auto;
    will-change: height;
    /**/
}

.modal-panel .modal-content {
    background-color: #fff;
    border-radius: .8rem .8rem 0 0;
}

.modal-shadow {
    box-shadow: 0 6px 20px rgb(0 0 0 / 20%);
}

.modal-panel .modal-footer {
    border: none;
    background: #FFFFFF;
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.08);
}

.modal-control {
    display: block;
    background: #D8D8D8;
    border-radius: .3rem;
    height: .26rem;
    width: 2rem;
}

.modal-content .card-block {
    border-color: transparent;
    border-radius: .8rem;
}

.position-fixed .modal-dialog,
.modal-dialog.pointer-events-auto  {
    pointer-events: auto;
}


.modal-footer>* {
    margin: 0;
}

.modal-auto-height {
    max-height: 97%;
}