html {
    scroll-behavior: smooth;
}
.swal2-html-container .swal2-input,
.swal2-html-container .swal2-textarea  {
    width: calc(100% - 5rem);
}


.in-row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.in-row.in-row__setup > div {
    flex: 1 0 20%;
    padding: 1rem;
    width: 20%;
}

@media (max-width: 1024px){

    .in-row {
        flex-wrap: wrap;
    }

    .in-row.in-row__setup > div {
        flex: 1 0 33.333333%;
        padding: 1rem;
        width: 33.333333%;
    }
}

@media (max-width: 564px){
    .in-row {
        flex-direction: column;
    }

    .in-row.in-row__setup > div {
        flex: 1 0 100%;
        padding: 1rem;
        width: 100%;
    }
}