.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-medium);font-size:16px;line-height:1.4;outline:none;padding:var(--spacing-26,26px) var(--spacing-16,16px) var(--spacing-8,8px);padding-bottom: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;line-height:1;max-width:calc(100% - var(--spacing-32, 32px));overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:calc(50% + 1px);top:var(--spacing-30,30px);transform:translateY(-50%);transform-origin:left top;transition:all .3s ease-in-out;white-space:nowrap}@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{font-size:12px;line-height:1.4;line-height:1;top:var(--spacing-12,12px);transform:translateY(0)}.TextArea--input:focus+.TextArea--label,.TextArea--input:not(:placeholder-shown)+.TextArea--label{font-size:12px;line-height:1.4;line-height:1;top:var(--spacing-12,12px);transform:translateY(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}}