.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);color:#092b38;background-color:#f7f6f0;align-items:center;gap:10px;width:100%;min-height:43px;padding:8px 16px;font-size:14px;display:flex;position:relative}.CustomInput .corner{opacity:.2;transition:var(--main-transition);position:absolute}.CustomInput input,.CustomInput textarea{color:#092b38;width:100%;height:25px;font-size:14px;font-family:400;background:0 0;border:none;outline:none;position:relative}.CustomInput input:-webkit-autofill{-webkit-text-fill-color:#092b38;transition:background-color 9999s ease-in-out}.CustomInput input:-webkit-autofill:hover{-webkit-text-fill-color:#092b38;transition:background-color 9999s ease-in-out}.CustomInput input:-webkit-autofill:focus{-webkit-text-fill-color:#092b38;transition:background-color 9999s ease-in-out}.CustomInput input:-webkit-autofill:active{-webkit-text-fill-color:#092b38;transition:background-color 9999s ease-in-out}.CustomInput textarea:-webkit-autofill{-webkit-text-fill-color:#092b38;transition:background-color 9999s ease-in-out}.CustomInput textarea:-webkit-autofill:hover{-webkit-text-fill-color:#092b38;transition:background-color 9999s ease-in-out}.CustomInput textarea:-webkit-autofill:focus{-webkit-text-fill-color:#092b38;transition:background-color 9999s ease-in-out}.CustomInput textarea:-webkit-autofill:active{-webkit-text-fill-color:#092b38;transition:background-color 9999s ease-in-out}.CustomInput input::placeholder{color:#667176;font-size:12px}.CustomInput .input-wrapper:focus-within .corner{opacity:1}.CustomInput .input-wrapper.error .corner>div{border-color:var(--main-error-color);opacity:1;animation:.4s ease-in-out shake}.CustomInput .toggle-password{cursor:pointer;color:#667176;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:#667176;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}.CustomInput.error{animation:.4s ease-in-out shake}@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)}}