.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;right: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;left: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, #fff);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, 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, #72777d)}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:var(--opacity-icon-placeholder, .51)}.cdx-text-area__textarea:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.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, #202122)}.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, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-area__textarea:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-disabled, #72777d)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-area__textarea::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(16px + 1.25rem)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(16px + 1rem)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:var(--border-color-error, #9f3526)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):hover{border-color:var(--border-color-error--hover, #fc493b)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:var(--border-color-progressive--focus, #36c)}
