/*
* ++ v1.0.1 (em desenvolvimento)
* ====== Aplicação criada por Iago Benvindo
*/
/* COLAPSINHO */
.colapsinho {
    display: flex;
    flex-direction: column;
    align-items: start;
}

@keyframes slideOpen {
    0% {
        max-height: 0vh;
    }

    50% {
        max-height: 40vh;
    }

    100% {
        max-height: 100vh;
    }
}

@keyframes slideClose {
    0% {
        max-height: 100vh;
    }

    50% {
        max-height: 40vh;
    }

    100% {
        max-height: 0vh;
    }
}

.colapsinho .colapsinho__body {
    animation-name: slideClose;
    animation-duration: 0.4s;
    width: 80%;
    height: auto;
    margin: 0 0 0 auto;
    max-height: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
    transition-delay: 0.3s;
    transition: max-height ease 0.3s;
    -webkit-transition: max-height ease 0.3s;
    -moz-transition: max-height ease 0.3s;
    -ms-transition: max-height ease 0.3s;
    -o-transition: max-height ease 0.3s;
}

.colapsinho.inner .colapsinho__body {
    margin: 0 auto;
}

.colapsinho.is-open > .colapsinho__body {
    animation-name: slideOpen;
    animation-duration: 1.4s;
    max-height: 100vh;
    transition: max-height ease 2s;
    -webkit-transition: max-height ease 2s;
    -moz-transition: max-height ease 2s;
    -ms-transition: max-height ease 2s;
    -o-transition: max-height ease 2s;
}
/* COLAPSINHO */