.fi-fo-text-input {
    @apply overflow-hidden;

    & input {
        &.fi-revealable {
            @apply [&::-ms-reveal]:hidden;
        }

        &[type='number']:disabled,
        &[type='number'][readonly] {
            -moz-appearance: textfield;

            &::-webkit-inner-spin-button,
            &::-webkit-outer-spin-button {
                @apply appearance-none;
                margin: 0;
            }
        }
    }
}