.ui-text,
.ui-input {
    font-size: var(--font-size);
    font-family: var(--font-family);
    border: 1px solid var(--box-color);
    border-radius: var(--border-radius);
    transition: border-color .2s;

    &:focus,
    &:focus-visible {
        outline: none;
    }

    &:focus,
    &:hover {
        border-color: var(--focus-color);
    }

    &:disabled {
        border-color: var(--disabled-box-color);
        color: var(--disabled-color);
        background-color: var(--disabled-bg-color);
    }
}

.ui-input {
    text-indent: var(--text-indent);
    line-height: var(--line-height);
}