@import "variables.less";

.a-form-header{
    width: min(100%, 875px);
    margin: 0px auto;
}

.a-form {
    width: min(100%, 875px);
    margin: 0px auto;
    padding: var(--small-vertical-margin) 0px;
    display: flex;
    flex-direction: column;
    gap: var(--gap-small);

    .a-button-main{
        align-self: end;
    }
    .a-form-group {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: var(--gap-medium);
        label {
            flex-basis: 40%;
            flex-grow: 1;
            text-align: right;
            width: 100%;
        }
        // Right side
        input,
        .a-select-container {
            flex-basis: 60%;
        }
   
    }

}

@media @max-sm {
    .a-form {
        gap: var(--gap-small);

        .a-form-group {
            flex-direction: column;
            gap: 0;
            label {
                text-align: left;
            }
            input {
                width: 100%;
            }
        }
    }
}



.a-error-text{
    width: 100%;
    background-color: var(--color-accent);
    padding: 0.75rem 1rem;
}

.a-error-text:empty {
    width: 100%;
    background-color: var(--color-accent);
    padding: 0;
  }