@layer base{.textarea{width:100%;min-height:calc(var(--size-field,.25rem) * 20);padding-inline:calc(var(--size-field,.25rem) * 3);padding-block:calc(var(--size-field,.25rem) * 2);color:var(--color-base-content);background-color:var(--color-base-100);border-width:var(--border,1px);border-style:solid;border-color:var(--textarea-border,var(--textarea-accent,var(--color-base-300)));border-radius:var(--radius-field,.25rem);appearance:none;resize:vertical;transition-property:color,background-color,border-color,box-shadow;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1));font-size:1rem;line-height:1.5;display:block}.textarea::placeholder{color:var(--color-base-content);opacity:.5}.textarea:focus,.textarea:focus-visible{outline:var(--focus-width,2px) solid var(--textarea-accent,var(--color-primary));outline-offset:var(--focus-offset,2px);border-color:var(--textarea-accent,var(--color-primary))}.textarea:disabled,.textarea[aria-disabled=true]{cursor:not-allowed;opacity:var(--disabled-opacity,.5)}.textarea-xs{min-height:calc(var(--size-field,.25rem) * 16);padding-inline:calc(var(--size-field,.25rem) * 2);padding-block:calc(var(--size-field,.25rem) * 1.5);font-size:.75rem}.textarea-sm{min-height:calc(var(--size-field,.25rem) * 18);padding-inline:calc(var(--size-field,.25rem) * 2.5);padding-block:calc(var(--size-field,.25rem) * 1.75);font-size:.875rem}.textarea-md{min-height:calc(var(--size-field,.25rem) * 20);font-size:1rem}.textarea-lg{min-height:calc(var(--size-field,.25rem) * 24);padding-inline:calc(var(--size-field,.25rem) * 4);padding-block:calc(var(--size-field,.25rem) * 2.5);font-size:1.125rem}.textarea-xl{min-height:calc(var(--size-field,.25rem) * 28);padding-inline:calc(var(--size-field,.25rem) * 4.5);padding-block:calc(var(--size-field,.25rem) * 3);font-size:1.25rem}.textarea-primary{--textarea-accent:var(--color-primary);--textarea-border:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.textarea-primary{--textarea-border:color-mix(in oklab,var(--color-primary) var(--field-border-tint,45%),var(--color-base-100))}}.textarea-primary{--textarea-ink:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.textarea-primary{--textarea-ink:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.textarea-secondary{--textarea-accent:var(--color-secondary);--textarea-border:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.textarea-secondary{--textarea-border:color-mix(in oklab,var(--color-secondary) var(--field-border-tint,45%),var(--color-base-100))}}.textarea-secondary{--textarea-ink:oklch(from var(--color-secondary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.textarea-secondary{--textarea-ink:oklch(from color-mix(in oklab,var(--color-secondary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.textarea-accent{--textarea-accent:var(--color-accent);--textarea-border:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.textarea-accent{--textarea-border:color-mix(in oklab,var(--color-accent) var(--field-border-tint,45%),var(--color-base-100))}}.textarea-accent{--textarea-ink:oklch(from var(--color-accent) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.textarea-accent{--textarea-ink:oklch(from color-mix(in oklab,var(--color-accent) 50%,var(--color-base-content)) l calc(c * 2) h)}}.textarea-neutral{--textarea-accent:var(--color-neutral);--textarea-border:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.textarea-neutral{--textarea-border:color-mix(in oklab,var(--color-neutral) var(--field-border-tint,45%),var(--color-base-100))}}.textarea-neutral{--textarea-ink:var(--color-base-content)}.textarea-info{--textarea-accent:var(--color-info);--textarea-border:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.textarea-info{--textarea-border:color-mix(in oklab,var(--color-info) var(--field-border-tint,45%),var(--color-base-100))}}.textarea-info{--textarea-ink:oklch(from var(--color-info) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.textarea-info{--textarea-ink:oklch(from color-mix(in oklab,var(--color-info) 50%,var(--color-base-content)) l calc(c * 2) h)}}.textarea-success{--textarea-accent:var(--color-success);--textarea-border:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.textarea-success{--textarea-border:color-mix(in oklab,var(--color-success) var(--field-border-tint,45%),var(--color-base-100))}}.textarea-success{--textarea-ink:oklch(from var(--color-success) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.textarea-success{--textarea-ink:oklch(from color-mix(in oklab,var(--color-success) 50%,var(--color-base-content)) l calc(c * 2) h)}}.textarea-warning{--textarea-accent:var(--color-warning);--textarea-border:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.textarea-warning{--textarea-border:color-mix(in oklab,var(--color-warning) var(--field-border-tint,45%),var(--color-base-100))}}.textarea-warning{--textarea-ink:oklch(from var(--color-warning) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.textarea-warning{--textarea-ink:oklch(from color-mix(in oklab,var(--color-warning) 50%,var(--color-base-content)) l calc(c * 2) h)}}.textarea-error{--textarea-accent:var(--color-error);--textarea-border:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.textarea-error{--textarea-border:color-mix(in oklab,var(--color-error) var(--field-border-tint,45%),var(--color-base-100))}}.textarea-error{--textarea-ink:oklch(from var(--color-error) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.textarea-error{--textarea-ink:oklch(from color-mix(in oklab,var(--color-error) 50%,var(--color-base-content)) l calc(c * 2) h)}}.textarea-brand{--textarea-accent:var(--color-brand);--textarea-border:var(--color-brand)}@supports (color:color-mix(in lab,red,red)){.textarea-brand{--textarea-border:color-mix(in oklab,var(--color-brand) var(--field-border-tint,45%),var(--color-base-100))}}.textarea-brand{--textarea-ink:oklch(from var(--color-brand) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.textarea-brand{--textarea-ink:oklch(from color-mix(in oklab,var(--color-brand) 50%,var(--color-base-content)) l calc(c * 2) h)}}}