.TextArea{position:relative}.TextArea input,.TextArea textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid var(--color-primary-carbon-dark);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-base);font-family:var(--font-family-base);font-size:var(--text-copy-medium-font-size);font-weight:400;height:50px;line-height:var(--text-copy-medium-line-height);padding:8px 0;width:100%}.TextArea input::-webkit-input-placeholder{color:transparent}.TextArea input::-moz-placeholder{color:transparent}.TextArea input::-ms-input-placeholder{color:transparent}.TextArea input::placeholder{color:transparent}.TextArea textarea::-webkit-input-placeholder{color:transparent}.TextArea textarea::-moz-placeholder{color:transparent}.TextArea textarea::-ms-input-placeholder{color:transparent}.TextArea textarea::placeholder{color:transparent}.TextArea input:focus,.TextArea textarea:focus{border-color:var(--color-primary-carbon-dark);-webkit-box-shadow:none;box-shadow:none;outline:none}.TextArea input:not(:-moz-placeholder)~label{opacity:1;transform:scale(.8) translateY(-32px)}.TextArea input:not(:placeholder-shown)~label{opacity:1;-webkit-transform:scale(.8) translateY(-32px);transform:scale(.8) translateY(-32px)}.TextArea textarea:not(:-moz-placeholder)~label{opacity:1;transform:scale(.8) translateY(-32px)}.TextArea textarea:not(:placeholder-shown)~label{opacity:1;-webkit-transform:scale(.8) translateY(-32px);transform:scale(.8) translateY(-32px)}.TextArea input:focus~label,.TextArea textarea:focus~label{opacity:1;-webkit-transform:scale(.8) translateY(-32px);transform:scale(.8) translateY(-32px)}.TextArea label{border:1px solid transparent;color:var(--color-text-base);font-family:var(--font-family-base);font-size:var(--text-copy-medium-font-size);font-weight:400;height:100%;left:0;line-height:var(--text-copy-medium-line-height);overflow:hidden;padding:8px 0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out;white-space:nowrap;width:100%}.TextArea.has-icon .icon{height:24px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24px}.TextArea.has-icon .icon svg{color:var(--color-primary-carbon-dark);height:100%;width:100%}.TextArea.has-icon-left input,.TextArea.has-icon-left label{padding-left:48px}.TextArea.has-icon-left .icon{left:0}.TextArea.has-icon-right input,.TextArea.has-icon-right label{padding-right:48px}.TextArea.has-icon-right .icon{right:0}.TextArea .error-message{color:var(--color-text-copy);color:var(--color-status-red);display:none;font-family:var(--font-family-base);font-size:var(--text-copy-small-font-size);font-weight:400;line-height:var(--text-copy-small-line-height)}.TextArea:has(.has-error) input{border-color:var(--color-status-red)}.TextArea:has(.has-error) textarea{border-color:var(--color-status-red)}.TextArea.has-error input,.TextArea.has-error textarea{border-color:var(--color-status-red)}.TextArea:has(.has-error) .error-message{display:block}.TextArea.has-error .error-message{display:block}