.text-area{border-radius:.3rem;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.text-area__text-area{appearance:none;color:#2b2b2b;cursor:text;resize:none;border:1px solid #3c3c3c26;border-radius:.5rem;width:100%;height:100%;padding:1rem 3rem 1rem 1rem;font-family:Inter,sans-serif;font-size:calc(16.4px - .125vw);font-weight:400;transition:border .1s linear}@media (any-hover:hover){.text-area__text-area:hover{border:1px solid #3c3c3c40}}.text-area__text-area:focus{border:1px solid #3c3c3c59}.text-area__text-area.error,.text-area__text-area.error:focus{border:1px solid #ed1c24}.text-area__text-area.complete,.text-area__text-area.complete:focus{border:1px solid #27ae60}.text-area__text-area:disabled{background-color:#f2f2f2;border:1px solid #0003}.text-area__text-area.icon{padding:0 3rem 0 4rem}.text-area__text-area.purple-focus:focus{border:1px solid #92278fcc}.text-area__text-area.error:focus{border:1px solid #ed1c24}.text-area__text-area.complete:focus{border:1px solid #27ae60}.text-area__select,.text-area__clear{z-index:10;width:1.5rem;transition:opacity .1s linear,transform .15s linear;display:block;position:absolute}.text-area__select img,.text-area__clear img{object-fit:cover;width:100%;height:100%}.text-area__clear{opacity:.5;cursor:pointer;top:50%;right:.8rem;transform:translateY(-50%)translate(4rem)}@media (any-hover:hover){.text-area__clear:hover{opacity:1}}.text-area__clear:active{opacity:.5}.text-area:hover .text-area__clear,.text-area__text-area:focus+.text-area__clear,.text-area.clear .text-area__clear{transform:translateY(-50%)translate(0)}.text-area__text-area:focus+.text-area__select{transform:rotate(180deg)translateY(8px)}.text-area__icon{z-index:1;pointer-events:none;opacity:.6;width:2rem;position:absolute;top:50%;left:1rem;overflow:hidden;transform:translateY(-50%)}.text-area__icon img{object-fit:cover;width:100%;height:100%}