@layer components{.input-textarea-wrapper{--_border:var(--input-textarea-border,var(--theme-border));display:flex;align-items:center;gap:var(--input-textarea-slot-gap,1.2rem);min-inline-size:0;max-inline-size:100%;background-color:var(--input-textarea-surface,var(--theme-input-surface));padding-inline:var(--input-padding-inline);transition:all var(--theme-form-transition-duration) ease-in-out;z-index:2;position:relative}.input-textarea-wrapper[data-input-variant=normal]{border:var(--form-element-border-width) solid var(--_border);border-radius:var(--form-input-border-radius);outline:var(--form-element-outline-width) solid transparent;box-shadow:0 0 0 var(--form-element-shadow-width) var(--input-textarea-shadow,var(--form-element-shadow-colour,var(--colour-theme-2)))}.input-textarea-wrapper[data-input-variant=normal]:has(textarea:is(:hover)){outline-color:var(--input-textarea-border-hover,var(--_border))}.input-textarea-wrapper[data-input-variant=normal]:has(textarea:focus-visible){outline:var(--form-element-outline-width-focus) solid var(--input-textarea-border-focus,var(--theme-border-focus));outline-offset:var(--form-element-outline-offset-focus)}.input-textarea-wrapper[data-input-variant=underlined]{border-bottom:var(--form-element-border-bottom-width-underlined) solid var(--_border)}.input-textarea-wrapper .input-textarea-slot{display:flex;flex-shrink:0;align-self:var(--input-textarea-slot-align,center);padding-block:var(--input-textarea-slot-padding-block,0);place-items:center;background-clip:padding-box}.input-textarea-wrapper .input-textarea{all:unset;touch-action:manipulation;flex-grow:1;min-inline-size:0;field-sizing:content;white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;color:var(--input-textarea-text-color,var(--theme-input-text-color-normal));font-family:var(--font-family);font-size:var(--input-font-size);line-height:var(--input-textarea-line-height);padding-block:var(--form-textarea-padding-block);padding-inline:var(--form-textarea-padding-inline);min-height:var(--input-textarea-min-height,6lh);max-block-size:var(--input-textarea-max-height,none)}.input-textarea-wrapper .input-textarea::-moz-placeholder{color:var(--input-textarea-placeholder-color,var(--theme-input-placeholder));font-size:var(--theme-input-placeholder-font-size);font-style:italic;line-height:1;font-weight:400}.input-textarea-wrapper .input-textarea::placeholder{color:var(--input-textarea-placeholder-color,var(--theme-input-placeholder));font-size:var(--theme-input-placeholder-font-size);font-style:italic;line-height:1;font-weight:400}}@layer components{.input-textarea-field{min-inline-size:0;overflow-wrap:anywhere}}@layer components{.form-wrapper{--_max-width:var(--form-wrapper-max-width-narrow,400px);container:form-wrapper/var(--form-wrapper-container-type,inline-size);max-width:var(--_max-width);margin-block:var(--form-wrapper-margin-block,0);margin-inline:var(--form-wrapper-margin-inline,0);padding-block:var(--form-wrapper-padding-block,0 2rem);padding-inline:var(--form-wrapper-padding-inline,0);border:var(--form-wrapper-border,0);border-radius:var(--form-wrapper-border-radius,0);outline:var(--form-wrapper-outline,0);outline-offset:var(--form-wrapper-outline-offset,0);margin-trim:block}.form-wrapper[data-width=medium]{--_max-width:var(--form-wrapper-max-width-medium,800px)}.form-wrapper[data-width=wide]{--_max-width:var(--form-wrapper-max-width-wide,1200px)}}
