@syncfusion/react-inputs/styles/textarea/material.css

Syncfusion React Input package is a feature-rich collection of UI components, including Textbox, Textarea, Numeric-textbox and Form, designed to capture user input in React applications.

.sf-medium.sf-input-group.sf-multi-line-input .sf-input {
  padding: var(--sf-spacing-8) var(--sf-spacing-0);
}
.sf-medium.sf-input-group.sf-multi-line-input.sf-outline .sf-input {
  padding: var(--sf-spacing-8) var(--sf-spacing-16);
}
.sf-medium.sf-input-group.sf-multi-line-input.sf-filled .sf-input {
  padding: var(--sf-spacing-20) var(--sf-spacing-14);
}
.sf-large.sf-input-group.sf-multi-line-input .sf-input {
  padding: var(--sf-spacing-12) var(--sf-spacing-0);
}
.sf-large.sf-input-group.sf-multi-line-input.sf-outline .sf-input {
  padding: var(--sf-spacing-8) var(--sf-spacing-16);
}
.sf-large.sf-input-group.sf-multi-line-input.sf-filled .sf-input {
  padding: var(--sf-spacing-22) var(--sf-spacing-14);
}
.sf-input-group.sf-multi-line-input {
  align-items: flex-end;
}
.sf-input-group.sf-multi-line-input.sf-auto-width {
  width: auto;
}
.sf-input-group.sf-multi-line-input .sf-input {
  min-height: calc(var(--sf-spacing) * 4.375);
  padding: var(--sf-spacing-11) var(--sf-spacing-0);
}
.sf-input-group.sf-multi-line-input.sf-outline .sf-input {
  padding: var(--sf-spacing-16) var(--sf-spacing-12);
}
.sf-input-group.sf-multi-line-input.sf-outline:has(.sf-label-top) .sf-float-text {
  transform: translate3d(0, calc(var(--sf-spacing) * -0.5), 0);
}
.sf-input-group.sf-multi-line-input.sf-filled .sf-input {
  min-height: calc(var(--sf-spacing) * 4.625);
}
.sf-input-group.sf-multi-line-input.sf-filled .sf-float-text {
  background-color: inherit;
}
.sf-input-group.sf-multi-line-input.sf-filled.sf-float-input:has(.sf-label-top) .sf-float-text {
  inset-inline-end: var(--sf-spacing-16);
  width: auto;
}
.sf-input-group.sf-multi-line-input .sf-clear-icon.sf-clear-icon-hide {
  display: none;
}