/* Text is authored by the view or supplied by an API. Typography must not recase it.
   Keep explicit data boundaries safe even inside a component with a transform. */
:root [data-preserve-case],
:root [data-preserve-case] *,
:root .qp-preserve-case,
:root .qp-preserve-case *,
input,
textarea,
select,
option {
  text-transform: none !important;
}

:root [data-preserve-case]::first-letter,
:root [data-preserve-case] *::first-letter,
:root .qp-preserve-case::first-letter,
:root .qp-preserve-case *::first-letter,
input::placeholder,
textarea::placeholder {
  text-transform: none !important;
}