.CustomOtpInput{flex-direction:column;gap:5px;width:100%;display:flex;position:relative}.CustomOtpInput label{color:var(--main-label-color);transition:var(--main-transition);font-size:14px;font-weight:400;position:relative}.CustomOtpInput label span{color:var(--main-input-text-color);font-size:14px;font-weight:400;position:relative}.CustomOtpInput label span.required{color:var(--main-required-color);font-size:16px}.CustomOtpInput .input-wrapper{align-items:center;gap:10px;width:100%;display:flex;position:relative}.CustomOtpInput .input-wrapper .Otp-input{height:45px;color:var(--main-input-text-color);font-size:14px;font-family:400;border-radius:var(--main-border-radius);background:0 0;background-color:var(--Straw);transition:var(--main-transition);background-color:var(--main-input-bg-color);border:none;border:1px solid var(--main-input-border-colors);outline:none;padding:8px 16px;position:relative;width:100%!important}.CustomOtpInput .input-wrapper .Otp-input:-webkit-autofill{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomOtpInput .input-wrapper .Otp-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomOtpInput .input-wrapper .Otp-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomOtpInput .input-wrapper .Otp-input:-webkit-autofill:active{-webkit-text-fill-color:var(--main-input-text-color);transition:background-color 9999s ease-in-out}.CustomOtpInput .input-wrapper .Otp-input::placeholder{color:var(--main-input-placeholder-color);font-size:12px}.CustomOtpInput .input-wrapper .Otp-input:focus-within{border-color:var(--main-input-focus-border-color);outline:none}