.vele-otp{width:min(100%,340px);height:54px;color:inherit;margin-block:4px;display:block;position:relative}.vele-otp .vele-otp-input{z-index:2;cursor:text;caret-color:#0000;opacity:.01!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important}.vele-otp-slots{pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:100%;display:grid}.vele-otp-slots>span{color:#25251f;background:#fff;border:1px solid #b6b3a9;border-radius:9px;place-items:center;min-width:0;font:24px/1 monospace;display:grid;box-shadow:0 1px 1px #00000006}.vele-otp-slots>span>span{animation:.16s ease-out vele-otp-digit}.vele-otp:focus-within .vele-otp-slots{outline-offset:5px;border-radius:9px;outline:2px solid #b64709}.vele-otp:focus-within .vele-otp-slots>.is-current{background:#fff5e9;border-color:#b64709}.vele-otp:has([aria-invalid=true]) .vele-otp-slots>span{border-color:#b03522}.vele-otp.is-disabled .vele-otp-slots>span{color:#77766d;background:#efeee8}.vele-state-text{animation:.18s ease-out vele-state-swap;display:inline-block}@keyframes vele-otp-digit{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes vele-state-swap{0%{opacity:.45;filter:blur(2px);transform:translateY(4px)}to{opacity:1;filter:none;transform:none}}@media (max-width:380px){.vele-otp{height:48px}.vele-otp-slots{gap:6px}}@media (prefers-reduced-motion:reduce){.vele-otp-slots>span>span,.vele-state-text{animation:none}}@media (forced-colors:active){.vele-otp .vele-otp-input{opacity:1!important;caret-color:auto!important;border:1px solid canvastext!important;position:static!important}.vele-otp-slots{display:none}}