.textarea{flex-direction:column;margin-bottom:16px;display:flex;position:relative}
.textarea textarea{width:100%;min-height:var(--form-height);border:var(--form-border);border-radius:var(--border-radius);color:var(--form-color);background:var(--form-background);font-size:var(--form-font-size);font-weight:var(--form-font-weight);-webkit-appearance:none;padding:12px 10px;transition:border-color .5s ease-in-out}
.textarea textarea::-webkit-input-placeholder{color:var(--form-placeholder-color)}.textarea textarea::-moz-placeholder{color:var(--form-placeholder-color)}.textarea textarea:-moz-placeholder-shown{color:var(--form-placeholder-color)}.textarea textarea:-ms-placeholder-shown{color:var(--form-placeholder-color)}
.textarea textarea.material{padding:20px 10px 7px}
.textarea textarea.material::placeholder{color:#0000;display:none}
.textarea textarea:placeholder-shown~.textarea__label--material.text{color:var(--form-placeholder-color);font-size:var(--font-size);top:14px}
.textarea textarea:focus,.textarea textarea:not(:placeholder-shown){outline:none}
.textarea textarea:focus{border-color:var(--form-border-color-active);outline:none}
.textarea textarea:focus+.textarea__label--material.text{font-size:calc(var(--font-size) * .64);top:2px}
.textarea textarea:-webkit-autofill{border:var(--form-border);-webkit-text-fill-color:var(--form-color);-webkit-box-shadow:0 0 0px 1000px var(--form-background) inset;transition:background-color 5000s ease-in-out}.textarea textarea:-webkit-autofill:hover{border:var(--form-border);-webkit-text-fill-color:var(--form-color);-webkit-box-shadow:0 0 0px 1000px var(--form-background) inset;transition:background-color 5000s ease-in-out}.textarea textarea:-webkit-autofill:focus{border:var(--form-border);-webkit-text-fill-color:var(--form-color);-webkit-box-shadow:0 0 0px 1000px var(--form-background) inset;transition:background-color 5000s ease-in-out}
.textarea textarea.readonly{opacity:.5;cursor:not-allowed}
.textarea textarea:disabled{background-color:var(--form-background-disabled);cursor:not-allowed}
.textarea textarea.error{border-color:var(--bdtoow1f)}
.textarea textarea.right{text-align:right}
.textarea textarea.center{text-align:center}
.textarea textarea.left{text-align:left}
.textarea .textarea__label--material.text{color:var(--form-placeholder-color);font-size:calc(var(--font-size) * .64);pointer-events:none;transition:top .25s ease-in-out,left .25s ease-in-out,font-size .25s ease-in-out;display:inline-block;position:absolute;top:2px;left:10px}
.textarea__error{margin-top:4px;display:inline-block}
@media screen and (min-width:576px){.textarea textarea:placeholder-shown~.textarea__label--material.text{top:12px}.textarea textarea:focus+.textarea__label--material.text{top:2px}}
