.tn-text-area-wrapper[data-v-617a5a08]{--tn-text-area-gap:var(--spacing-s);--tn-text-area-padding-vertical:var(--spacing-m);--tn-text-area-padding-horizontal:var(--spacing-l);color:var(--color-text-default);display:flex;flex-direction:column;gap:var(--tn-text-area-gap);width:100%}.tn-text-area-wrapper.compact[data-v-617a5a08]{--tn-text-area-gap:4px;--tn-text-area-padding-vertical:var(--spacing-xs);--tn-text-area-padding-horizontal:var(--spacing-m)}.tn-text-area[data-v-617a5a08]{background:var(--color-surface-input-resting);border-radius:8px;box-shadow:inset 0 0 0 1px var(--color-border-input-resting);box-sizing:border-box;cursor:text;position:relative}.tn-text-area textarea[data-v-617a5a08]{all:unset;box-sizing:border-box;height:100%;min-width:0;padding:var(--tn-text-area-padding-vertical) var(--tn-text-area-padding-vertical);resize:none;width:100%}.tn-text-area .expand-icon[data-v-617a5a08]{bottom:2px;color:var(--color-icon-subtle);cursor:nwse-resize;position:absolute;right:2px}.tn-text-area[data-v-617a5a08]:hover{background:var(--color-surface-input-hover);box-shadow:inset 0 0 0 1px var(--color-border-input-hover);color:var(--color-text-default)}.tn-text-area[data-v-617a5a08]:active{background:var(--color-surface-input-active);box-shadow:inset 0 0 0 2px var(--color-border-input-active);color:var(--color-text-default)}.tn-text-area[data-v-617a5a08]:focus-within{background:var(--color-surface-input-active);box-shadow:inset 0 0 0 2px var(--color-border-input-active)}.tn-text-area:focus-within.error[data-v-617a5a08]{background:var(--color-surface-input-active);box-shadow:inset 0 0 0 2px var(--color-border-input-critical)}.tn-text-area[data-v-617a5a08]:has(input[type=button]:active:not(:focus-within)){box-shadow:inset 0 0 0 2px var(--color-border-input-active)}.tn-text-area.disabled[data-v-617a5a08]:not(.readonly){background:var(--color-surface-input-disabled);box-shadow:inset 0 0 0 2px var(--color-border-input-disabled);color:var(--color-text-action-disabled);cursor:not-allowed}.tn-text-area.readonly[data-v-617a5a08]{background:var(--color-surface-input-read-only);box-shadow:none;color:var(--color-text-default);cursor:default}.tn-text-area.error[data-v-617a5a08]{box-shadow:inset 0 0 0 1px var(--color-border-input-critical)}.tn-text-area.error[data-v-617a5a08]:hover:not(:active){box-shadow:inset 0 0 0 1px var(--color-border-input-critical-hover)}.tn-text-area.error[data-v-617a5a08]:active{background:var(--color-surface-input-resting);box-shadow:inset 0 0 0 2px var(--color-border-input-critical-active)}