.CustomInput{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.CustomInput label{color:var(--main-label-color);transition:var(--main-transition);font-size:14px;font-weight:400;position:relative}.CustomInput label span{color:var(--main-label-color);font-size:14px;font-weight:400;position:relative}.CustomInput label span.required{color:var(--main-required-color);font-size:16px}.CustomInput .input-wrapper{transition:var(--main-transition);background-color:var(--main-input-bg-color);color:var(--main-input-text-color);border:1px solid var(--main-input-border-colors);border-radius:5px;align-items:center;gap:10px;width:100%;min-height:43px;padding:10px 16px;font-size:14px;display:flex;position:relative}.CustomInput input,.CustomInput textarea{width:100%;height:25px;color:var(--main-input-text-color);font-size:14px;font-family:400;background:0 0;border:none;outline:none;position:relative}.CustomInput input:-webkit-autofill{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomInput input:-webkit-autofill:hover{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomInput input:-webkit-autofill:focus{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomInput input:-webkit-autofill:active{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomInput textarea:-webkit-autofill{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomInput textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomInput textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomInput textarea:-webkit-autofill:active{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomInput input::placeholder{color:var(--main-input-placeholder-color);font-size:12px}.CustomInput .input-wrapper:focus-within{border-color:var(--main-input-focus-border-color);outline:none}.CustomInput .toggle-password{cursor:pointer;color:var(--main-input-placeholder-color);width:25px;height:25px;transition:var(--main-transition);background:0 0;border:none;align-items:center;padding:4px;font-size:16px;display:flex}.CustomInput .toggle-password.active,.CustomInput .toggle-password:hover{color:var(--main-input-focus-border-color)}.CustomInput .char-counter{color:var(--main-input-placeholder-color);justify-content:flex-end;align-items:center;margin-top:-3px;padding:2px 4px;font-size:12px;display:flex}.CustomInput .char-counter span{font-weight:400;transition:color .3s}.CustomInput .char-counter .char-limit-reached{font-weight:500;color:var(--main-error-color)!important}.CustomInput textarea{resize:vertical;min-height:150px}