.fi-fo-textarea {
    @apply overflow-hidden;

    & textarea {
        @apply block h-full w-full border-none bg-transparent px-3 py-1.5 text-sm leading-6 text-gray-950 placeholder:text-gray-400 focus:ring-0 focus:outline-none disabled:text-gray-500 disabled:[-webkit-text-fill-color:var(--color-gray-500)] disabled:placeholder:[-webkit-text-fill-color:var(--color-gray-400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:var(--color-gray-400)] dark:disabled:placeholder:[-webkit-text-fill-color:var(--color-gray-500)];

        /* https://defensivecss.dev/tip/input-zoom-safari */
        @supports (-webkit-touch-callout: none) {
            @apply text-base;
        }
    }

    &.fi-autosizable {
        & textarea {
            @apply resize-none;
        }
    }
}

.fi-fo-textarea-wrp {
    &.fi-fo-field-has-inline-label {
        & .fi-fo-field-label-col {
            @apply sm:pt-1.5;
        }
    }
}
