1 .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-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)}.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
{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-neutral-subtle
, #f8f9fa);border-color:var
(--border-color-base
, #a2a9b1)}.cdx-text-area__textarea:disabled
{background-color:var
(--background-color-disabled-subtle
, #eaecf0);color:var
(--color-disabled
, #a2a9b1);-webkit-text-fill-color:var
(--color-disabled
, #a2a9b1);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}.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
):not
(:focus
){background-color:var
(--background-color-error-subtle
, #ffe9e5);color:var
(--color-error
, #bf3c2c);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
{background-color:var
(--background-color-error-subtle--hover
, #ffdad3);color:var
(--color-error--hover
, #9f3526);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)}