.ht-textarea,.ht-textarea>textarea{display:block;font-family:var(--amt-font-family)}.ht-textarea.--full{width:calc(100% - 16px);margin:8px auto}.ht-textarea{position:relative;background:var(--amt-input-bg);width:max-content;padding:20px 0 0;cursor:text;border-radius:13px;overflow:hidden;border:1px solid transparent;transition:width ease .3s}.ht-textarea.error,.ht-textarea.invalid{border-color:var(--amt-color-red);transition:all ease .3s}.ht-textarea.success,.ht-textarea.valid{border-color:var(--amt-color-green);transition:all ease .3s}.ht-textarea.info,.ht-textarea.warning{border-color:var(--amt-color-blue);transition:all ease .3s}.ht-textarea.warning{border-color:var(--amt-color-orange)}.ht-textarea>textarea{box-sizing:border-box;background:0 0;border:0;outline:0;resize:none;width:100%;height:100%;color:var(--amt-text-color);padding:22px 12px}.ht-textarea>span{position:absolute;color:var(--amt-text-color);top:15px;transition:all ease .3s}.ht-textarea>._icon_{position:absolute;top:15px;font-size:20px;color:var(--amt-text-color);background:0 0;height:50px;display:flex;align-items:center;width:auto;aspect-ratio:1;justify-content:center}.ht-textarea>svg._icon_{width:20px;height:auto;fill:currentColor}body .ht-textarea>textarea+span{margin:16px}.ht-textarea>._icon_{margin:16px}body.rtl .ht-textarea>textarea+span,body.ltr .ht-textarea>._icon_{right:0;left:unset;top:0}body.ltr .ht-textarea>textarea+span,body.rtl .ht-textarea>._icon_{left:0;right:unset;top:0}body.rtl .ht-textarea{text-align:right;direction:rtl}body.ltr .ht-textarea{text-align:left;direction:ltr}