.TextArea{margin-top:var(--spacing-8,8px)}.TextArea--inner{position:relative}.TextArea--input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid rgba(var(--c-border-dark));border-radius:var(--border-radius-xsmall);font-size:16px;line-height:1.4;outline:none;padding:var(--spacing-16,16px);transition:border-color .2s ease-out;width:100%}@media (min-width:750px){.TextArea--input{font-size:16px}}@media (min-width:1280px){.TextArea--input{font-size:16px}}@media screen and (max-width:750px){.TextArea--input{line-height:1.4}}.TextArea--input:focus{border-color:rgba(var(--c-black),1)}.TextArea--input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.TextArea--input::placeholder{opacity:0;transition:opacity .3s ease-in-out}.TextArea--input:-webkit-autofill,.TextArea--input:-webkit-autofill:active,.TextArea--input:-webkit-autofill:focus,.TextArea--input:-webkit-autofill:hover{box-shadow:0 0 0 1000px rgba(var(--c-white),1) inset}.TextArea--input.hasPlaceholder:focus::-moz-placeholder{opacity:1}.TextArea--input.hasPlaceholder:focus::placeholder{opacity:1}.TextArea.isValid .TextArea--input{background-color:rgba(var(--c-valid-form-input))}.TextArea.isValid .TextArea--input:-webkit-autofill,.TextArea.isValid .TextArea--input:-webkit-autofill:active,.TextArea.isValid .TextArea--input:-webkit-autofill:focus,.TextArea.isValid .TextArea--input:-webkit-autofill:hover{box-shadow:0 0 0 1000px rgba(var(--c-valid-form-input)) inset}.TextArea.hasError .TextArea--input{border-color:rgba(var(--c-signal-red),1)}.TextArea--label{color:rgba(var(--c-grey),1);font-size:14px;left:var(--spacing-16,16px);line-height:1.2;padding:0 var(--spacing-4,4px);pointer-events:none;position:absolute;top:50%;top:var(--spacing-24,24px);transform:translateY(-50%);transition:all .3s ease-in-out}@media (min-width:750px){.TextArea--label{font-size:14px}}@media (min-width:1280px){.TextArea--label{font-size:14px}}@media screen and (max-width:750px){.TextArea--label{line-height:1.2}}.TextArea--input:not(:-moz-placeholder)+.TextArea--label{background-color:rgba(var(--c-white),1);font-size:12px;line-height:1.4;top:0}.TextArea--input:focus+.TextArea--label,.TextArea--input:not(:placeholder-shown)+.TextArea--label{background-color:rgba(var(--c-white),1);font-size:12px;line-height:1.4;top:0}@media (min-width:750px){.TextArea--input:not(:-moz-placeholder)+.TextArea--label{font-size:12px}.TextArea--input:focus+.TextArea--label,.TextArea--input:not(:placeholder-shown)+.TextArea--label{font-size:12px}}@media (min-width:1280px){.TextArea--input:not(:-moz-placeholder)+.TextArea--label{font-size:12px}.TextArea--input:focus+.TextArea--label,.TextArea--input:not(:placeholder-shown)+.TextArea--label{font-size:12px}}@media screen and (max-width:750px){.TextArea--input:not(:-moz-placeholder)+.TextArea--label{line-height:1.4}.TextArea--input:focus+.TextArea--label,.TextArea--input:not(:placeholder-shown)+.TextArea--label{line-height:1.4}}.TextArea.hasError .TextArea--input:not(:-moz-placeholder)+.TextArea--label{color:rgba(var(--c-signal-red),1)}.TextArea.hasError .TextArea--input:focus+.TextArea--label,.TextArea.hasError .TextArea--input:not(:placeholder-shown)+.TextArea--label{color:rgba(var(--c-signal-red),1)}.TextArea--count{bottom:var(--spacing-8,8px);color:rgba(var(--c-grey),1);font-size:14px;line-height:1.2;position:absolute;right:var(--spacing-8,8px)}@media (min-width:750px){.TextArea--count{font-size:14px}}@media (min-width:1280px){.TextArea--count{font-size:14px}}@media screen and (max-width:750px){.TextArea--count{line-height:1.2}}