.otp-input_root__GZfbC{width:100%}.otp-input_label__VfokY{display:block;margin-bottom:.65rem;color:rgb(var(--zapix-heading-rgb));font-size:.875rem;font-weight:800}.otp-input_shell__86MJs{position:relative;isolation:isolate;cursor:text}.otp-input_input__pae_M{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:1rem;background:transparent;color:transparent;caret-color:transparent;font-size:16px;opacity:.01;outline:none}.otp-input_input__pae_M:disabled{cursor:not-allowed}.otp-input_input__pae_M:-webkit-autofill,.otp-input_input__pae_M:-webkit-autofill:focus,.otp-input_input__pae_M:-webkit-autofill:hover{-webkit-text-fill-color:transparent;caret-color:transparent;box-shadow:inset 0 0 0 1000px transparent}.otp-input_cells__cWuXw{display:grid;grid-template-columns:repeat(var(--otp-length,6),minmax(0,1fr));gap:clamp(.38rem,2vw,.7rem)}.otp-input_cell__70zRj{display:grid;min-width:0;aspect-ratio:.86;place-items:center;border:1px solid rgb(var(--zapix-border-rgb));border-radius:clamp(.75rem,2vw,1rem);background:rgb(var(--zapix-input-rgb));box-shadow:var(--zapix-shadow-sm);color:rgb(var(--zapix-heading-rgb));font-size:clamp(1.35rem,5vw,1.9rem);font-variant-numeric:tabular-nums;font-weight:850;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,transform .18s var(--zapix-ease-out),opacity .15s ease}.otp-input_shell__86MJs:hover:not([data-state=submitting]):not([data-state=success]):not([data-state=locked]) .otp-input_cell__70zRj{border-color:rgb(var(--zapix-border-strong-rgb));background:rgb(var(--zapix-input-hover-rgb))}.otp-input_cell__70zRj[data-active=true]{border-color:rgb(var(--zapix-focus-rgb));box-shadow:0 0 0 3px rgb(var(--zapix-focus-rgb)/.14),var(--zapix-shadow-sm)}.otp-input_cell__70zRj[data-filled=true]{border-color:rgb(var(--zapix-primary-rgb)/.42);background:color-mix(in srgb,rgb(var(--zapix-primary-rgb)) 8%,rgb(var(--zapix-input-rgb)))}.otp-input_digit__yciGE{animation:otp-input_otp-digit-in__mWNbC .18s cubic-bezier(.2,.9,.3,1.35) both}.otp-input_centerDot__GjuFy,.otp-input_motionSentinel__vuonC,.otp-input_successMark__tzUt4{position:absolute;z-index:5;top:50%;left:50%;pointer-events:none;opacity:0}.otp-input_centerDot__GjuFy{width:.55rem;height:.55rem;border-radius:999px;background:rgb(var(--zapix-primary-rgb));transform:translate(-50%,-50%) scale(.4)}.otp-input_centerDot__GjuFy:after{position:absolute;inset:-.35rem;border:1px solid rgb(var(--zapix-primary-rgb)/.4);border-radius:inherit;content:"";opacity:0}.otp-input_successMark__tzUt4{display:grid;width:3rem;height:3rem;place-items:center;border-radius:999px;background:rgb(var(--zapix-primary-rgb));box-shadow:0 10px 28px rgb(var(--zapix-primary-rgb)/.22);transform:translate(-50%,-50%) scale(.18)}.otp-input_successMark__tzUt4:before{position:absolute;inset:0;border-radius:inherit;background:#16a36a;content:"";opacity:0;transform:scale(.72)}.otp-input_successMark__tzUt4 span{position:relative;z-index:1;width:1.25rem;height:.7rem;border-bottom:.2rem solid #fff;border-left:.2rem solid #fff;opacity:0;transform:translateY(-.08rem) rotate(-45deg) scale(.82)}.otp-input_motionSentinel__vuonC{width:1px;height:1px;pointer-events:none;opacity:0}.otp-input_shell__86MJs[data-state=submitting] .otp-input_cell__70zRj,.otp-input_shell__86MJs[data-state=success] .otp-input_cell__70zRj{will-change:transform,opacity;animation:otp-input_otp-converge__ITPfc .48s cubic-bezier(.55,0,.25,1) var(--otp-delay) both}.otp-input_shell__86MJs[data-state=submitting]{cursor:wait}.otp-input_shell__86MJs[data-state=submitting] .otp-input_centerDot__GjuFy{will-change:transform,opacity;animation:otp-input_otp-dot-in__FSrA9 .22s cubic-bezier(.22,1,.36,1) calc(.3s + var(--otp-last-delay, 0ms)) both}.otp-input_shell__86MJs[data-state=submitting] .otp-input_centerDot__GjuFy:after{animation:otp-input_otp-dot-pulse__IuPqT .9s ease-out calc(.52s + var(--otp-last-delay, 0ms)) infinite}.otp-input_shell__86MJs[data-state=success] .otp-input_centerDot__GjuFy{opacity:.9;transform:translate(-50%,-50%) scale(1);animation:otp-input_otp-dot-out__TL_Z7 .16s ease calc(.48s + var(--otp-last-delay, 0ms)) both}.otp-input_shell__86MJs[data-state=success] .otp-input_successMark__tzUt4{will-change:transform,opacity;animation:otp-input_otp-success-sequence__MoiS_ .43s cubic-bezier(.22,1,.36,1) calc(.29s + var(--otp-last-delay, 0ms)) both}.otp-input_shell__86MJs[data-state=success] .otp-input_successMark__tzUt4:before{animation:otp-input_otp-success-disc__vaa1w .19s cubic-bezier(.22,1,.36,1) calc(.57s + var(--otp-last-delay, 0ms)) both}.otp-input_shell__86MJs[data-state=success] .otp-input_successMark__tzUt4 span{animation:otp-input_otp-check-in__87nlu .17s cubic-bezier(.22,1,.36,1) calc(.62s + var(--otp-last-delay, 0ms)) both}.otp-input_shell__86MJs[data-state=success] .otp-input_motionSentinel__vuonC{animation:otp-input_otp-motion-finish__v257R 1ms linear calc(.79s + var(--otp-last-delay, 0ms)) both}.otp-input_shell__86MJs[data-state=error] .otp-input_cells__cWuXw{animation:otp-input_otp-shake__wAH4S .26s ease-out}.otp-input_shell__86MJs[data-state=error] .otp-input_cell__70zRj,.otp-input_shell__86MJs[data-state=expired] .otp-input_cell__70zRj{border-color:rgb(var(--zapix-danger-border-rgb));background:rgb(var(--zapix-danger-surface-rgb));color:rgb(var(--zapix-heading-rgb))}.otp-input_shell__86MJs[data-state=locked]{cursor:not-allowed}.otp-input_shell__86MJs[data-state=locked] .otp-input_cell__70zRj{border-color:rgb(var(--zapix-border-rgb));background:rgb(var(--zapix-input-disabled-rgb));color:rgb(var(--zapix-disabled-rgb))}.otp-input_hint__nzonL{min-height:1.25rem;margin:.65rem 0 0;color:rgb(var(--zapix-muted-rgb));font-size:.8rem;font-weight:650;line-height:1.4}.otp-input_hint__nzonL[data-error=true]{color:rgb(var(--zapix-danger-rgb))}@keyframes otp-input_otp-digit-in__mWNbC{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes otp-input_otp-converge__ITPfc{0%{opacity:1;transform:translateZ(0) rotate(0deg) scale(1)}20%{opacity:1;transform:translate3d(0,var(--otp-lift),0) rotate(var(--otp-tilt)) scale(1.02)}40%{opacity:1;transform:translateZ(0) rotate(var(--otp-counter-tilt)) scale(.99)}68%{opacity:1;transform:translate3d(var(--otp-travel-mid),0,0) rotate(0deg) scale(.76)}to{opacity:0;transform:translate3d(var(--otp-travel),0,0) rotate(0deg) scale(.2)}}@keyframes otp-input_otp-dot-in__FSrA9{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:.9;transform:translate(-50%,-50%) scale(1)}}@keyframes otp-input_otp-dot-pulse__IuPqT{0%{opacity:.42;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes otp-input_otp-dot-out__TL_Z7{0%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.72)}}@keyframes otp-input_otp-success-sequence__MoiS_{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}16%,44%{opacity:1;transform:translate(-50%,-50%) scale(.22)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes otp-input_otp-success-disc__vaa1w{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes otp-input_otp-check-in__87nlu{0%{opacity:0;transform:translateY(-.08rem) rotate(-45deg) scale(.82)}to{opacity:1;transform:translateY(-.08rem) rotate(-45deg) scale(1)}}@keyframes otp-input_otp-motion-finish__v257R{to{opacity:.001}}@keyframes otp-input_otp-shake__wAH4S{0%,to{transform:translateX(0)}30%{transform:translateX(-.34rem)}65%{transform:translateX(.28rem)}}@media (max-width:420px){.otp-input_cells__cWuXw{gap:.3rem}.otp-input_cell__70zRj{border-radius:.7rem;font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.otp-input_cell__70zRj,.otp-input_cells__cWuXw,.otp-input_centerDot__GjuFy,.otp-input_centerDot__GjuFy:after,.otp-input_digit__yciGE,.otp-input_motionSentinel__vuonC,.otp-input_successMark__tzUt4,.otp-input_successMark__tzUt4 span,.otp-input_successMark__tzUt4:before{animation:none!important;transition:none!important}.otp-input_shell__86MJs[data-state=submitting] .otp-input_cells__cWuXw{opacity:.45}.otp-input_shell__86MJs[data-state=success] .otp-input_successMark__tzUt4{opacity:1;transform:translate(-50%,-50%) scale(1)}.otp-input_shell__86MJs[data-state=success] .otp-input_cells__cWuXw{opacity:0}.otp-input_shell__86MJs[data-state=success] .otp-input_successMark__tzUt4 span,.otp-input_shell__86MJs[data-state=success] .otp-input_successMark__tzUt4:before{opacity:1;transform:scale(1)}.otp-input_shell__86MJs[data-state=success] .otp-input_successMark__tzUt4 span{transform:translateY(-.08rem) rotate(-45deg) scale(1)}}