.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25rem;height:1.5rem;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1rem;height:1.5rem;transition-property:color;transition-duration:.1s;right:9px}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem;height:1.5rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-area__icon.cdx-text-area__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:var(--background-color-base);color:var(--color-base);border-color:var(--border-color-base);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-placeholder)}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:var(--opacity-icon-placeholder)}.cdx-text-area__textarea:enabled:hover{border-color:var(--border-color-input--hover)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-base)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon{opacity:1}.cdx-text-area__textarea:enabled:focus{border-color:var(--border-color-progressive--focus);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus);outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:var(--background-color-interactive-subtle)}.cdx-text-area__textarea:disabled{background-color:var(--background-color-disabled-subtle);color:var(--color-disabled);border-color:var(--border-color-disabled)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-disabled)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:var(--opacity-icon-base--disabled)}.cdx-text-area__textarea::placeholder{color:var(--color-placeholder);opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(16px + 1.25rem)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(16px + 1rem)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:var(--border-color-error)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:var(--border-color-progressive--focus)}