.otp-pill{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;padding:7px;border:2px solid white;border-radius:60px;background:#f0f4fa;box-shadow:0 4px 18px #17396b17;transition:background .25s;margin:14px auto}.otp-pill button.otp-enter{border:0;border-radius:40px;background:#e7edfa;color:#2146aa;font-family:inherit;font-weight:600;font-size:17px;line-height:1.4;padding:14px 30px;cursor:pointer}.otp-cells{display:flex;gap:7px}.otp-pill .otp-cells input{box-sizing:border-box;width:44px;height:52px;border:2px solid transparent;background:#e5ecf8;border-radius:18px;text-align:center;padding:0;font:bold 24px Arial;color:#173f9e;outline:0}.otp-cells input:focus{border-color:#2855da;background:white;box-shadow:0 0 0 2px #2855da20}.otp-pill [hidden]{display:none!important}.otp-state:empty{display:none}.otp-state{font-size:13px;color:#385a97}.otp-pill.is-verified{background:#299451;min-width:180px;padding:18px}.otp-pill.is-verified .otp-state{color:white;font-size:18px;font-weight:bold}.otp-pill.is-error{animation:otp-shake .35s;background:#fff0f1}.otp-pill.is-error .otp-state{color:#b43243}.otp-pill.is-pending .otp-cells{opacity:.5}.otp-pill.is-pending{pointer-events:none}.otp-pill.is-open{flex-wrap:wrap}.otp-pill.is-open .otp-state:not(:empty){flex-basis:100%;text-align:center}@keyframes otp-shake{25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}@media(max-width:420px){.otp-pill .otp-cells input{width:36px;height:46px;border-radius:13px}.otp-cells{gap:5px}}@media(prefers-reduced-motion:reduce){.otp-pill{transition:none;animation:none!important}}