.connect-text-area{justify-content:center;align-items:stretch;gap:var(--ds-layout-spacing-50);flex-direction:column;width:100%;min-width:0;display:flex}.connect-text-area--is-disabled{opacity:var(--ds-misc-opacity-50);cursor:not-allowed}.connect-text-area__wrapper{box-sizing:border-box;backface-visibility:hidden;background:var(--ds-color-surface-background-level-1-default);width:100%;box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-default);border:none;flex-direction:column;align-self:stretch;align-items:flex-start;transition:box-shadow .11s,background-color .11s;display:flex;position:relative}.connect-text-area--small .connect-text-area__wrapper{min-height:var(--ds-layout-size-500);padding:var(--ds-layout-spacing-50) var(--ds-layout-spacing-75);gap:var(--ds-layout-spacing-100);border-radius:var(--ds-layout-radius-75)}.connect-text-area--small .connect-text-area__wrapper--has-floating-label{padding:var(--ds-layout-spacing-100) var(--ds-layout-spacing-150);border-radius:var(--ds-layout-radius-100)}.connect-text-area__wrapper .connect-floating-label{background:var(--ds-color-surface-background-level-1-default)}.connect-text-area--medium .connect-text-area__wrapper{min-height:var(--ds-layout-size-700);padding:var(--ds-layout-spacing-100);gap:var(--ds-layout-spacing-100);border-radius:var(--ds-layout-radius-100)}.connect-text-area--medium .connect-text-area__wrapper--has-floating-label{padding:var(--ds-layout-spacing-150) var(--ds-layout-spacing-200);border-radius:var(--ds-layout-radius-150)}.connect-text-area--large .connect-text-area__wrapper{min-height:var(--ds-layout-size-800);padding:var(--ds-layout-spacing-100);gap:var(--ds-layout-spacing-100);border-radius:var(--ds-layout-radius-150)}.connect-text-area--large .connect-text-area__wrapper--has-floating-label{padding:var(--ds-layout-spacing-200) var(--ds-layout-spacing-250);border-radius:var(--ds-layout-radius-150)}.connect-text-area__wrapper--has-floating-label.connect-text-area__wrapper{min-height:var(--ds-layout-size-1200);gap:0}.connect-text-area__wrapper--is-invalid{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-support-negative-default)}.connect-text-area__wrapper:hover{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-strong)}.connect-text-area__wrapper--is-focused{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-interactive-primary-enabled),0 0 0 var(--ds-layout-stroke-width-50) var(--ds-color-interactive-primary-subtle-selected);background:var(--ds-color-surface-background-level-1-default)}.connect-text-area__wrapper--is-readonly,.connect-text-area__wrapper--is-readonly:hover{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-subtle);background:var(--ds-color-surface-background-level-1-muted)}.connect-text-area__wrapper--is-readonly.connect-text-area__wrapper--is-focused,.connect-text-area__wrapper--is-readonly.connect-text-area__wrapper--is-focused:hover{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-interactive-primary-enabled),0 0 0 var(--ds-layout-stroke-width-50) var(--ds-color-interactive-primary-subtle-selected);background:var(--ds-color-surface-background-level-1-muted)}.connect-text-area--is-disabled .connect-text-area__wrapper{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-default)}.connect-text-area--is-disabled .connect-text-area__wrapper:hover{background:var(--ds-color-surface-background-level-1-default);box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-default)}.connect-text-area__input{width:100%;color:var(--ds-color-content-default);resize:none;background-color:#0000;border:none;outline:none;min-height:3em;margin:0;padding:0;line-height:1.5;display:block}.connect-text-area__wrapper--is-resizable .connect-text-area__input{resize:vertical}.connect-text-area__wrapper--is-auto-grow .connect-text-area__input{overflow-y:auto}.connect-text-area--is-disabled .connect-text-area__input{cursor:not-allowed}.connect-text-area__input::placeholder{color:var(--ds-color-content-subtle)}