.customOtpInput label{color:var(--dark-100);font-size:var(--font-14);margin-bottom:10px;font-weight:400;line-height:100%;display:block}.customOtpInput>div{justify-content:space-between;gap:6.8px;padding:0 2px}.customOtpInput>div>div{max-width:52px;height:52px;width:100%!important}.customOtpInput>div>div input{box-sizing:border-box;border:1px solid var(--border-300);height:52px;font-size:var(--font-16);color:var(--dark-100);width:100%;caret-color:var(--dark-100);background-color:#0000;border-radius:8px;flex:1;padding:10px 20px;font-weight:400;transition:all .2s;position:relative}@media (max-width:575px){.customOtpInput>div>div input{height:40px;padding:0}}.customOtpInput>div>div input:hover{border:1px solid var(--base-100)}.customOtpInput>div>div input:disabled{outline:unset;opacity:.5}.customOtpInput>div>div input:is(:focus,:focus-visible,:focus-within){border:1px solid var(--base-100);box-shadow:none;outline:none}.customOtpInput>div>div input:is(:focus,:focus-visible,:focus-within):focus{outline:none}.customOtpInput.error-otp-input>div>div input{border:1px solid #ff4d4f!important}.customOtpInput .error-message{color:#ff4d4f;margin-top:8px;font-size:12px;display:block}