/* Modal */
._modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
    
    justify-content: center;
    align-items: center;
}

._modal-content {
    width: 100%;
    max-width: 500px;
    background-color: #fefefe;
    padding: 1.5em;
    width: fit-content;
}

/* Animation Modal */
._modal-scale-up-center {
    -webkit-animation: _modal-scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: _modal-scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
._modal-scale-out-center {
    -webkit-animation: _modal-scale-out-center 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
            animation: _modal-scale-out-center 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes _modal-scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes _modal-scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-webkit-keyframes _modal-scale-out-center {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 1;
    }
}
@keyframes _modal-scale-out-center {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 1;
    }
}