.cdx-text-area{position:relative;min-width:256px}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:18px;min-height:18px;width:calc(var(--font-size-medium, 1rem) + 4px);height:var(--line-height-medium, 1.625rem)}[dir] .cdx-text-area .cdx-text-area__start-icon{transition-property:color;transition-duration:.1s}[dir=ltr] .cdx-text-area .cdx-text-area__start-icon{left:9px}[dir=rtl] .cdx-text-area .cdx-text-area__start-icon{right:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:14px;min-height:14px;width:var(--font-size-medium, 1rem);height:var(--line-height-medium, 1.625rem)}[dir] .cdx-text-area .cdx-text-area__end-icon{transition-property:color;transition-duration:.1s}[dir=ltr] .cdx-text-area .cdx-text-area__end-icon{right:9px}[dir=rtl] .cdx-text-area .cdx-text-area__end-icon{left:9px}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__start-icon{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:10px;min-height:10px;width:var(--font-size-medium, 1rem);height:var(--font-size-medium, 1rem)}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-text-area__icon.cdx-text-area__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(var(--font-size-medium, 1rem),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__end-icon{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(var(--font-size-medium, 1rem),10px);mask-size:max(var(--font-size-medium, 1rem),10px)}}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;overflow:auto;font-family:sans-serif;font-size:var(--font-size-medium, 1rem);font-weight:400;line-height:var(--line-height-medium, 1.625rem);resize:vertical}[dir] .cdx-text-area__textarea{border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px}.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{color:var(--color-base, #202122)}[dir] .cdx-text-area__textarea:enabled{background-color:var(--background-color-base, #fff);border-color:var(--border-color-interactive, #72777d);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)}[dir] .cdx-text-area__textarea:enabled:hover{border-color:var(--border-color-interactive--hover, #27292d)}.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-subtle, #54595d)}.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{outline:1px solid transparent}[dir] .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)}[dir] .cdx-text-area__textarea:enabled:read-only{background-color:var(--background-color-neutral-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1)}.cdx-text-area__textarea:disabled{color:var(--color-disabled, #a2a9b1);-webkit-text-fill-color:var(--color-disabled, #a2a9b1)}[dir] .cdx-text-area__textarea:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-disabled, #a2a9b1)}.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}[dir=ltr] .cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + calc(var(--font-size-medium, 1rem) + 4px))}[dir=rtl] .cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + calc(var(--font-size-medium, 1rem) + 4px))}[dir=ltr] .cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + var(--font-size-medium, 1rem))}[dir=rtl] .cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + var(--font-size-medium, 1rem))}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus){color:var(--color-error, #bf3c2c)}[dir] .cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus){background-color:var(--background-color-error-subtle, #ffe9e5);border-color:var(--border-color-error, #f54739)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus)::placeholder,.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus)~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-error, #bf3c2c)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus):hover{color:var(--color-error--hover, #9f3526)}[dir] .cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus):hover{background-color:var(--background-color-error-subtle--hover, #ffdad3);border-color:var(--border-color-error--hover, #9f3526)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus):hover::placeholder,.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus):hover~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-error--hover, #9f3526)}