@layer textarea{:root{--sm-textarea-bg:var(--sm-bg-surface);--sm-textarea-text:var(--sm-text-primary);--sm-textarea-placeholder:color-mix(in srgb, var(--sm-text-primary) 40%, transparent);--sm-textarea-border:color-mix(in srgb, var(--sm-border-default) 93%, var(--sm-text-primary));--sm-textarea-focus-border:var(--sm-bg-interactive);--sm-textarea-focus-ring-color:color-mix(in srgb, var(--sm-bg-interactive) 40%, transparent);--sm-textarea-radius:var(--sm-radius-sm)}}@layer components{.sm-textarea{background-color:var(--sm-textarea-bg);width:100%;min-height:4rem;color:var(--sm-textarea-text);border:var(--sm-border-width) solid var(--sm-textarea-border);border-radius:var(--sm-textarea-radius);font-family:var(--sm-font-family);font-weight:var(--sm-font-weight);resize:vertical;transition:var(--sm-transition);outline:none;line-height:1.5;display:block}.sm-textarea::placeholder{color:var(--sm-textarea-placeholder)}.sm-textarea:focus-visible{border-color:var(--sm-textarea-focus-border);box-shadow:0 0 0 2px var(--sm-textarea-focus-ring-color)}.sm-textarea:disabled{opacity:var(--sm-disabled-opacity);cursor:var(--sm-disabled-cursor);pointer-events:none}.sm-textarea[readonly]{cursor:default;background-color:var(--sm-bg-surface-raised)}.sm-textarea--xs{padding:var(--sm-padding-block-xs) var(--sm-padding-inline-xs);font-size:var(--sm-font-size-xs)}.sm-textarea--sm{padding:var(--sm-padding-block-sm) var(--sm-padding-inline-sm);font-size:var(--sm-font-size-sm)}.sm-textarea--md{padding:var(--sm-padding-block-md) var(--sm-padding-inline-md);font-size:var(--sm-font-size-md)}.sm-textarea--lg{padding:var(--sm-padding-block-lg) var(--sm-padding-inline-lg);font-size:var(--sm-font-size-lg)}.sm-textarea--xl{padding:var(--sm-padding-block-xl) var(--sm-padding-inline-xl);font-size:var(--sm-font-size-xl)}.sm-textarea--error{border-color:var(--sm-error)}.sm-textarea--error:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--sm-error) 40%, transparent)}.sm-textarea--success{border-color:var(--sm-success)}.sm-textarea--success:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--sm-success) 40%, transparent)}.sm-textarea--warning{border-color:var(--sm-warning)}.sm-textarea--warning:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--sm-warning) 40%, transparent)}.sm-textarea--resize-none{resize:none}.sm-textarea--resize-both{resize:both}.sm-textarea--resize-horizontal{resize:horizontal}.sm-textarea--resize-vertical{resize:vertical}.sm-textarea--full-width{width:100%}}