.autoform {
    overflow-y:auto;
    height:100%;
    padding:2em;
}
.autoform > div{
     max-width: 100%;
     width:100%;
}
.autoform h2{
    margin-top:0;
    margin-bottom:8px;
    font-size:17px;
    font-weight:500;
}
.autoform-description{
    color:var(--text-color-muted);
    margin-bottom:32px;
    font-size: 12px;
}
.form-body{
     
}
.form-footer{
    border-top:1px solid var(--steel_gray_200);
    margin-top:2em;
    padding-top:1em;
    display: flex;
    flex-direction: row-reverse;
}
.form-footer > button{
    margin-left:1em;
    width:90px;
}


/* =========================
   TABLET + MOBILE
========================= */
@media(max-width:768px){
    .autoform{
        padding:22px;
        border-radius:20px;
    }

    .form-grid{
        grid-template-columns:1fr;
    }

    .form-actions{
        flex-direction:column;
    }
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(4px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}