.input-wrapper{flex-direction:column;gap:4px;width:100%;display:flex}.input-field{background:var(--white);border-bottom:2px solid var(--gray-steel-600);box-sizing:border-box;align-items:center;gap:16px;height:64px;padding:8px 24px;display:flex}.input-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.input-label{font-family:var(--font-main);color:var(--gray-steel-800);text-overflow:ellipsis;white-space:nowrap;cursor:text;font-size:12px;font-weight:400;line-height:16px;display:block;overflow:hidden}.input-element{width:100%;font-family:var(--font-main);color:var(--dark);box-sizing:border-box;background:0 0;border:none;outline:none;margin:0;padding:0;font-size:16px;font-weight:400;line-height:22px;display:block}.input-element::placeholder{color:var(--gray-steel-600)}.input-error-icon{width:24px;height:24px;color:var(--red-500);flex-shrink:0}.input-helper,.input-validation{font-family:var(--font-main);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.input-helper{color:var(--gray-steel-800)}.input-validation{color:var(--red-500)}.input-field-active{border-bottom-color:var(--brand-500)}.input-field-error{border-bottom-color:var(--red-500)}.input-field-disabled{background:var(--gray-steel-100);border-bottom-color:var(--gray-steel-400)}.input-field-disabled .input-element{color:var(--gray-steel-600);cursor:not-allowed}.input-wrapper-disabled .input-helper{color:var(--gray-steel-600)}
.textarea-wrapper{background:var(--white);border-bottom:2px solid var(--gray-steel-600);box-sizing:border-box;flex-direction:column;gap:10px;width:100%;height:320px;padding:24px;display:flex}.textarea-element{resize:none;min-height:1px;font-family:var(--font-main);color:var(--dark);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;width:100%;margin:0;padding:0;font-size:16px;font-weight:400;line-height:normal}.textarea-element::placeholder{color:var(--gray-steel-600)}.textarea-attachments{flex-shrink:0}.textarea-footer{border-top:1px solid var(--gray-steel-500);flex-direction:column;flex-shrink:0;align-items:stretch;gap:16px;padding-top:16px;display:flex}.textarea-wrapper-active{border-bottom-color:var(--brand-500)}.textarea-wrapper-disabled{background:var(--gray-steel-100);border-bottom-color:var(--gray-steel-400)}.textarea-wrapper-disabled .textarea-element{color:var(--gray-steel-600);cursor:not-allowed}