.a-textarea{--a-textarea-resize:vertical;--a-textarea-bw:1px;--a-textarea-counter-opacity:0;height:-moz-fit-content;height:fit-content}.a-textarea>div:first-child{border:var(--a-textarea-bw) solid var(--color-neutral-400);border-radius:var(--border-radius-sm);min-height:3rem;position:relative}.a-textarea>div:first-child:before{position:absolute;top:calc(var(--spacer-2xs) - var(--a-textarea-bw))}.a-textarea>div:first-child:focus-within{--a-textarea-bw:var(--spacer-5xs);--a-textarea-counter-opacity:1;border-color:var(--color-neutral-500)}@media(hover:hover)and (min-width:1024px){.a-textarea>div:first-child:hover{border-color:var(--color-neutral-500)}}.a-textarea textarea{background-color:transparent;color:var(--color-text-dark);min-height:calc(3rem - var(--a-textarea-bw)*2);outline:none;padding:calc(var(--spacer-2xs) - var(--a-textarea-bw)) calc(var(--spacer-xs) - var(--a-textarea-bw));resize:none;vertical-align:top;width:100%}.a-textarea textarea::-moz-placeholder{color:var(--color-text-light)}.a-textarea textarea::placeholder{color:var(--color-text-light)}.a-textarea .i-cancel-grey{opacity:0;position:absolute;right:calc(var(--spacer-3xs) - var(--a-textarea-bw));top:calc(var(--spacer-2xs) - var(--a-textarea-bw));transition:opacity .1s linear}.a-textarea .i-cancel-grey+textarea{padding-right:var(--spacer-3xl)}@media(hover:hover)and (min-width:1024px){.a-textarea .i-cancel-grey:hover:before{background-color:var(--color-neutral-400)}}.a-textarea__counter{color:var(--color-text-middle);font-size:.75rem;font-weight:400;line-height:1rem;opacity:var(--a-textarea-counter-opacity);padding:calc(var(--spacer-4xs) - var(--a-textarea-bw));position:absolute;right:0;top:calc(100% + var(--a-textarea-bw)*2);transition:opacity .1s linear}.a-textarea>div[class^=i-]:not(.prepend):not(.append):not(.prepend-inner):before{right:calc(var(--spacer-3xs) - var(--a-textarea-bw));top:calc(var(--spacer-2xs) - var(--a-textarea-bw))}.a-textarea>div[class^=i-]:not(.prepend):not(.append):not(.prepend-inner)>textarea{padding-right:var(--spacer-2xl)}.a-textarea>div[class^=i-]:not(.prepend):not(.append):not(.prepend-inner)>.i-cancel-grey{right:calc(var(--spacer-3xl) - var(--a-textarea-bw))}.a-textarea>div[class^=i-]:not(.prepend):not(.append):not(.prepend-inner)>.i-cancel-grey+textarea{padding-right:var(--spacer-6xl)}.a-textarea>.prepend{margin-left:var(--spacer-3xl)}.a-textarea>.prepend:before{left:calc((var(--spacer-xl) + var(--a-textarea-bw))*-1)}.a-textarea>.prepend+.a-textarea__error{margin-left:calc(var(--spacer-xs) + var(--spacer-3xl))}.a-textarea>.append{margin-right:var(--spacer-3xl)}.a-textarea>.append:before{right:calc((var(--spacer-xl) + var(--a-textarea-bw))*-1)}.a-textarea>.prepend-inner:before{left:calc(var(--spacer-3xs) - var(--a-textarea-bw))}.a-textarea>.prepend-inner>textarea{padding-left:calc(var(--spacer-3xl) - var(--a-textarea-bw))}.a-textarea.filled>div:first-child{border-color:var(--color-neutral-500)}.a-textarea.filled>div:first-child:focus-within .i-cancel-grey{opacity:1}.a-textarea.filled:not(.error):not(.disabled)>div:first-child:focus-within{border-color:var(--color-neutral-600)}@media(hover:hover)and (min-width:1024px){.a-textarea.filled:not(.error):not(.disabled)>div:first-child:hover{border-color:var(--color-neutral-600)}.a-textarea.filled:not(.disabled):hover .i-cancel-grey{opacity:1}}.a-textarea.error>div:first-child{--a-textarea-bw:var(--spacer-5xs);border-color:var(--color-danger-dark)}.a-textarea.disabled>div:first-child{--a-textarea-resize:none;background-color:var(--color-neutral-300);border-color:var(--color-neutral-300);color:var(--color-text-light)}@media(hover:hover)and (min-width:1024px){.a-textarea.resize textarea:hover{resize:var(--a-textarea-resize)}}.a-textarea.auto-resize textarea{--a-textarea-resize:none;overflow-y:hidden}.a-textarea__error{color:var(--color-danger-dark);font-size:.75rem;font-weight:400;line-height:1rem;margin-left:var(--spacer-xs);margin-top:var(--spacer-4xs)}