.FormField_formField__u_PSU {
    display: flex;
    flex-direction: column;
    width: 100%
}

.FormField_inputContainer__lNqkG {
    position: relative
}

.FormField_label__p5gHN {
    top: 50%
}

.FormField_label__p5gHN,
.FormField_textareaLabel__VifpV {
    position: absolute;
    left: 12px;
    transform: translateY(-50%);
    color: var(--text-primary-inverse-oppacity);
    font-size: 16px;
    transition: all .2s;
    pointer-events: none;
    font-weight: 400;
    line-height: 24px
}

.FormField_textareaLabel__VifpV {
    top: 25%
}

.FormField_input__6LY0c,
.FormField_textarea__uRwPX {
    width: 100%;
    padding: 14px 12px;
    font-size: 16px;
    line-height: 23px;
    border: none;
    border-bottom: 1px solid var(--border-primary);
    background: transparent;
    color: var(--text-primary-inverse);
    outline: none;
    resize: none
}

.FormField_textarea__uRwPX {
    min-height: 150px
}

.FormField_inputContainer__lNqkG:focus-within .FormField_label__p5gHN {
    top: 0;
    font-size: 10px;
    color: var(--text-primary-inverse-oppacity)
}

.FormField_inputContainer__lNqkG:focus-within .FormField_textareaLabel__VifpV {
    top: -10px;
    font-size: 10px;
    color: var(--text-primary-inverse-oppacity)
}

.FormField_activeLabel__nIX6n {
    top: 0;
    font-size: 10px;
    color: var(--text-primary-inverse-oppacity)
}

.FormField_activeTextareaLabel__DlV5A {
    top: -10px;
    font-size: 10px;
    color: var(--text-primary-inverse-oppacity)
}

.FormField_inputError__5INIR,
.FormField_textarea__uRwPX.FormField_inputError__5INIR {
    border-bottom: 1px solid var(--text-critical)
}

.FormField_errorText__c8EWG {
    color: var(--text-critical);
    font-size: 12px;
    margin-top: 5px
}