﻿.event-form {
    width: min(95%, 1000px);
    margin: var(--pill-gap);
}

.form-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.form-details > div{
    width: max(50%, 500px);
    min-width:50%;
}

.form-btns {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--pill-gap);
    margin-top: calc(var(--pill-gap) * 2);
    margin-bottom: calc(var(--pill-gap) * 2);
}

.form-section{
    margin-top:56px;
}

.form-step {
    transition: transform 420ms cubic-bezier(.16, 1, .3, 1), opacity 220ms ease, filter 420ms ease;
    will-change: transform, opacity, filter; /*Performance*/
}

.form-step-active {
    opacity: 1;
    height: auto;
    transform: translateX(0);
    filter: blur(0);
    overflow: visible;
}

.form-step-hidden {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateX(32px);
    filter: blur(6px);
}

.form-step-title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.btns-step-hidden{
    display:none;
}
