// Host-wide bare form controls (opt-in only; keep out of default fl-ui document scope).
@mixin emit-bare-form-element-layer() {
    @layer components {
        input,
        select,
        textarea {
            & {
                background-repeat: no-repeat;
                min-block-size: 2.5rem;
                font-size: inherit;
                max-inline-size: stretch;
                max-inline-size: 100cqi;

                text-overflow: ellipsis;
                overflow: auto;
                scrollbar-width: none;
            }
        }

        textarea[data-multiline="true"] {
            min-block-size: 5rem;
            resize: vertical;
        }
    }
}