.field_container{
    --input-border: #E6E6E6;
    --input-font-size: 16px;
    --input-border-radius: 10px;

    --placeholder-color: #27242499;
    --placeholder-font-size: 16px;

    --label-color: #000;
    --label-required-color: #FF613A;
    --label-font-size: 16px;
    --label-font-weight: 500;

    --textarea-min-width: 100%;
    --textarea-max-width: 100%;
    --textarea-width: 100%;
    --textarea-height: unset;
    --textarea-resize: none;

    box-sizing: border-box;
    label{
        display: block;
        color: var(--label-color);
        font-weight: var(--label-font-weight);
        &:has(div){
            display: flex;
            align-items: center;
        }
        .required_field_icon{
            color: var(--label-required-color);
        }
    }

    input{
        padding: 20px 10px;
        border: 2px solid var(--input-border);
        border-radius: var(--input-border-radius);
        font-size: var(--input-font-size);
        font-family: var(--main-font-family), serif;
        box-sizing: border-box;
        outline: none;
        &.dropped{
            border: none;
            outline: none;
            background: none;
            padding: 0;
            border-radius: 0;
        }
        &::placeholder{
            font-size: var(--placeholder-font-size);
            color: var(--placeholder-color);
        }
    }
    textarea{
        padding: 20px 10px;
        border: 2px solid var(--input-border);
        border-radius: var(--input-border-radius);
        font-size: var(--input-font-size);
        font-family: var(--main-font-family), serif;
        min-width: var(--textarea-min-width);
        max-width: var(--textarea-max-width);
        width: var(--textarea-width);
        height: var(--textarea-height);
        resize: var(--textarea-resize);
        outline: none;
        box-sizing: border-box;
        &::placeholder{
            font-size: var(--placeholder-font-size);
            color: var(--placeholder-color);
        }
    }
}

.form_line{
    --display: flex;
    &._50_grid {
        --display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    display: var(--display);
    justify-content: space-between;

}