.kt-ui-field {
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 0;
    padding-bottom: var(--kt-ui-field-bottom-height);
}

.kt-ui-field .ui-form-label {
    display: flex;
    align-items: center;
    text-wrap: balance;
}

.kt-ui-field.ui-form-row-line .ui-form-label {
    width: var(--kt-ui-field-label-width);
}

.ui-form-line > .ui-form-row .ui-form-label,
.ui-form-row-line .ui-form-label {
    margin-right: 0;
    margin-bottom: var(--kt-ui-field-label-offset-mobile);
}

.kt-ui-field .ui-ctl-label-text {
    margin-left: 0;
}

.ui-form-label-asterisk {
    line-height: 17px;
    color: var(--kt-ui-field-asterisk-color);
}

.ui-form-field-bottom {
    line-height: var(--kt-ui-field-bottom-height);
    position: absolute;
    bottom: 0;
    left: 0;
}

.kt-ui-field.ui-form-row-line .ui-form-field-bottom {
    left: calc(var(--kt-ui-field-label-width) + var(--kt-ui-field-label-offset));
}

.ui-form-field-error {
    color: var(--kt-ui-field-error-color);
}

@container kt-ui-form (min-width: 576px) {
    .kt-ui-field { flex-wrap: nowrap; }

    .ui-form-line > .ui-form-row .ui-form-label,
    .ui-form-row-line .ui-form-label {
        margin-right: var(--kt-ui-field-label-offset);
        margin-bottom: 0;
    }
}