.otp-field{margin-block:24px}.otp-field>label{display:block;margin-bottom:10px}.otp-control{position:relative;max-width:420px}.otp-cells{display:none}.otp-control.is-enhanced:not(.is-recovery) .otp-code-input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;opacity:0;font-size:16px;cursor:text}.otp-control.is-enhanced:not(.is-recovery) .otp-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.otp-cell{display:grid;place-items:center;height:62px;min-width:0;border:1px solid #d5d5d5;border-radius:12px;background:#fff;color:#111;font:600 27px/1 Poppins,Inter,sans-serif;transition:border-color .15s,box-shadow .15s}.otp-control:focus-within .otp-cell.is-active{border:2px solid #ff5b2b;box-shadow:0 0 0 3px #ff5b2b18}.otp-control.is-complete .otp-cell{border-color:#92dce5;background:#f5fcfd}.otp-control:focus-within.is-complete .otp-cell.is-active{border-color:#ff5b2b}.otp-progress{font:12px/1.6 Inter,sans-serif;color:#626262;margin:10px 0 0;min-height:20px}.otp-field>small{display:block;margin-top:10px;font-size:11px;color:#626262;line-height:1.6}.otp-recovery-toggle{appearance:none;border:0;background:none;color:#111;text-decoration:underline;text-underline-offset:4px;font:500 12px/1.6 Inter,sans-serif;padding:10px 0;cursor:pointer}.otp-control.is-recovery .otp-code-input{font:500 18px/1.5 Inter,sans-serif;letter-spacing:.06em}.otp-control.is-recovery .otp-cells{display:none}@media(max-width:420px){.otp-control.is-enhanced:not(.is-recovery) .otp-cells{gap:6px}.otp-cell{height:54px;border-radius:9px;font-size:23px}}@media(prefers-reduced-motion:reduce){.otp-cell{transition:none}}