.OtpInput{display:flex;gap:11px;justify-content:center;width:100%}@media(max-width:768.98px){.OtpInput{gap:7px}}.OtpInput-box{-moz-appearance:none;appearance:none;-webkit-appearance:none;aspect-ratio:1/1.14;background:var(--gz-otp-bg,#fff)!important;border:1.7px solid var(--gz-otp-border,#e0e9e2);border-radius:14px;color:var(--gz-otp-text,var(--text-heading));flex:1;font-family:var(--font-family-body);font-size:var(--gz-otp-font,24px);font-weight:800;height:var(--gz-otp-height,auto);max-width:var(--gz-otp-size,58px);min-width:0;-webkit-text-fill-color:var(--gz-otp-text,var(--text-heading))!important;caret-color:var(--gz-otp-caret,#16a85c);outline:none;text-align:center;transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.OtpInput-box--filled{background:var(--gz-otp-bg-filled,var(--surface-mint))!important;border-color:var(--gz-otp-border-filled,#bfe3cd)}.OtpInput-box:focus{background:var(--gz-otp-bg,#fff)!important;border-color:var(--gz-otp-border-focus,#16a85c);box-shadow:var(--gz-otp-ring-focus,0 0 0 4px rgba(22,168,92,.12))}.OtpInput-box:disabled{opacity:.6}.OtpInput-box--error{border-color:var(--gz-otp-border-error,var(--color-error))}.OtpInput-box:-webkit-autofill,.OtpInput-box:-webkit-autofill:focus,.OtpInput-box:-webkit-autofill:hover{-webkit-text-fill-color:var(--gz-otp-text,var(--text-heading))!important;-webkit-background-clip:text;background-clip:text;box-shadow:0 0 0 1000px var(--gz-otp-bg-solid,#fff) inset!important;caret-color:var(--gz-otp-text,var(--text-heading))!important;-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}.OtpInput-box:-webkit-autofill,.OtpInput-box:-webkit-autofill:active,.OtpInput-box:-webkit-autofill:focus,.OtpInput-box:-webkit-autofill:hover,.OtpInput-box:autofill,.OtpInput-box:autofill:focus,.OtpInput-box:autofill:hover{-webkit-text-fill-color:var(--gz-otp-text,var(--text-heading))!important;-webkit-background-clip:text;background-clip:text;box-shadow:0 0 0 1000px var(--gz-otp-bg-solid,#fff) inset!important;caret-color:var(--gz-otp-text,var(--text-heading))!important;-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}