.authFormContainer {
    margin-top: 35px;
    grid-template-columns: minmax(auto, 450px);
}

.authForm {
    background: var(--col-text-backing);
    padding: 24px;
    border-radius: 3px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    gap: 16px
}

.authFormErrorContainer {
    border-left: solid 2px var(--col-error-red);
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    gap: 0px
}

.authFormError {
    color: var(--col-error-red);
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}

.authFormTitle {
    font-size: var(--font-size-xxlarge);
    margin-bottom: 1ch;
    margin-left: 20px;
}

.label {
    display: block;
    margin-bottom: 0.75rem;
    margin-left: 0.25rem;
    font-size: var(--font-size-small);
    color: var(--col-neutral-1)
}

.title {
    margin-bottom: 5rem;
}

.authForm input[type="text"],input[type="password"]  {
    display: block;
    margin-bottom: 0.5rem;
    width: 100%;
}

.authFormFooter {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-direction: row;
    justify-content: right;
}