.ddh-otp-boxes,.ddh-otp-widget,.ddh-otp-login-form{--ddh-otp-box-size:48px;--ddh-otp-gap:10px;--ddh-otp-border:#d0d5dd;--ddh-otp-border-focus:#2271b1;--ddh-otp-bg:#ffffff;--ddh-otp-text:#1d2327;--ddh-otp-radius:8px;--ddh-otp-error:#d63638;--ddh-otp-success:#00a32a}.ddh-otp-boxes{display:flex;gap:var(--ddh-otp-gap);margin:12px 0;flex-wrap:wrap}.ddh-otp-box{width:var(--ddh-otp-box-size);height:var(--ddh-otp-box-size);text-align:center;font-size:20px;font-weight:600;line-height:1;color:var(--ddh-otp-text);background:var(--ddh-otp-bg);border:1px solid var(--ddh-otp-border);border-radius:var(--ddh-otp-radius);padding:0;box-sizing:border-box;transition:border-color 120ms ease,box-shadow 120ms ease}.ddh-otp-box:focus{outline:none;border-color:var(--ddh-otp-border-focus);box-shadow:0 0 0 2px rgb(34 113 177 / .15)}.ddh-otp-box.is-filled{border-color:var(--ddh-otp-border-focus)}.ddh-otp-box.is-error{border-color:var(--ddh-otp-error);animation:ddh-otp-shake 220ms ease-in-out}@keyframes ddh-otp-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.ddh-otp-widget{max-width:420px}.ddh-otp-label{display:block;font-weight:600;margin-bottom:6px;color:var(--ddh-otp-text)}.ddh-otp-email-input{width:100%;max-width:320px;padding:8px 10px;border:1px solid var(--ddh-otp-border);border-radius:var(--ddh-otp-radius);margin-bottom:8px;box-sizing:border-box}.ddh-otp-widget .button{margin-right:8px}.ddh-otp-message{min-height:1.4em;font-size:13px;margin:6px 0 0}.ddh-otp-message.is-error{color:var(--ddh-otp-error)}.ddh-otp-message.is-success{color:var(--ddh-otp-success)}.ddh-otp-resend{background:none;border:none;color:var(--ddh-otp-border-focus);cursor:pointer;padding:0;font-size:13px;text-decoration:underline}.ddh-otp-resend:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.ddh-otp-success{color:var(--ddh-otp-success);font-weight:600}.ddh-otp-step[hidden]{display:none!important}.ddh-otp-login-form .ddh-otp-boxes{justify-content:flex-start}.ddh-otp-resend-wrap{text-align:center;margin-top:10px}@media (max-width:480px){.ddh-otp-boxes{--ddh-otp-box-size:40px;--ddh-otp-gap:6px}}