@layer components{[data-ui=textarea]{--surface-low:var(--color-surface-container-low);min-height:82px;padding:var(--spacing-10) var(--spacing-12);border:1px solid var(--color-surface-container-highest);border-radius:var(--radius-md);background-color:var(--color-surface-container-lowest);box-shadow:0 1px 2px 0 color-mix(in srgb, currentcolor 3%, transparent);font:var(--font-body-md);transition:background-color var(--transition-expressive-fast-effects), border-color var(--transition-expressive-fast-effects), box-shadow var(--transition-expressive-fast-effects), color var(--transition-expressive-fast-effects);resize:vertical;color:var(--color-on-surface);outline:0}[data-ui=textarea]::placeholder{transition:color var(--transition-expressive-fast-effects);color:color-mix(in oklab, currentcolor 50%, transparent)}[data-ui=textarea]:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in oklab, var(--color-primary) 35%, transparent)}@media (hover:hover) and (pointer:fine){[data-ui=textarea]:hover:not(:focus-within,:disabled){background-color:var(--surface-low)}[data-ui=textarea]:hover:not(:focus-within,:disabled)::placeholder{color:var(--color-on-surface-variant)}}[data-ui=textarea]:disabled{background-color:var(--surface-low);box-shadow:none;border-color:#0000}[data-ui=textarea][data-invalid]{border-color:var(--color-error)}[data-ui=textarea][data-invalid]:focus-within{box-shadow:0 0 0 2px color-mix(in oklab, var(--color-error) 35%, transparent)}}