.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{border-radius:var(--main-border-radius);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);align-items:center;gap:10px;width:100%;min-height:43px;padding:8px 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}.CustomInput .ErrorMessage{color:var(--main-error-color);transform-origin:top;font-size:13px;font-weight:500;animation:.3s ease-out slideDown,.4s ease-in-out shake;position:relative}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:100px;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}