.otp-input-module__YOo_6W__root{width:100%}.otp-input-module__YOo_6W__label{color:rgb(var(--zapix-heading-rgb));margin-bottom:.65rem;font-size:.875rem;font-weight:800;display:block}.otp-input-module__YOo_6W__shell{isolation:isolate;cursor:text;position:relative}.otp-input-module__YOo_6W__input{z-index:4;color:#0000;caret-color:#0000;opacity:.01;background:0 0;border:0;border-radius:1rem;outline:none;width:100%;height:100%;margin:0;font-size:16px;position:absolute;inset:0}.otp-input-module__YOo_6W__input:disabled{cursor:not-allowed}.otp-input-module__YOo_6W__input:-webkit-autofill{-webkit-text-fill-color:transparent;caret-color:#0000;box-shadow:inset 0 0 0 1000px #0000}.otp-input-module__YOo_6W__input:-webkit-autofill:hover{-webkit-text-fill-color:transparent;caret-color:#0000;box-shadow:inset 0 0 0 1000px #0000}.otp-input-module__YOo_6W__input:-webkit-autofill:focus{-webkit-text-fill-color:transparent;caret-color:#0000;box-shadow:inset 0 0 0 1000px #0000}.otp-input-module__YOo_6W__cells{grid-template-columns:repeat(var(--otp-length,6), minmax(0, 1fr));gap:clamp(.38rem,2vw,.7rem);display:grid}.otp-input-module__YOo_6W__cell{aspect-ratio:.86;border:1px solid rgb(var(--zapix-border-rgb));background:rgb(var(--zapix-input-rgb));min-width:0;box-shadow:var(--zapix-shadow-sm);color:rgb(var(--zapix-heading-rgb));font-variant-numeric:tabular-nums;transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease, transform .18s var(--zapix-ease-out), opacity .15s ease;border-radius:clamp(.75rem,2vw,1rem);place-items:center;font-size:clamp(1.35rem,5vw,1.9rem);font-weight:850;display:grid}.otp-input-module__YOo_6W__shell:hover:not([data-state=submitting]):not([data-state=success]):not([data-state=locked]) .otp-input-module__YOo_6W__cell{border-color:rgb(var(--zapix-border-strong-rgb));background:rgb(var(--zapix-input-hover-rgb))}.otp-input-module__YOo_6W__cell[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-module__YOo_6W__cell[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-module__YOo_6W__digit{animation:.18s cubic-bezier(.2,.9,.3,1.35) both otp-input-module__YOo_6W__otp-digit-in}.otp-input-module__YOo_6W__centerDot,.otp-input-module__YOo_6W__successMark,.otp-input-module__YOo_6W__motionSentinel{z-index:5;pointer-events:none;opacity:0;position:absolute;top:50%;left:50%}.otp-input-module__YOo_6W__centerDot{background:rgb(var(--zapix-primary-rgb));border-radius:999px;width:.55rem;height:.55rem;transform:translate(-50%,-50%)scale(.4)}.otp-input-module__YOo_6W__centerDot:after{border:1px solid rgb(var(--zapix-primary-rgb) / .4);border-radius:inherit;content:"";opacity:0;position:absolute;inset:-.35rem}.otp-input-module__YOo_6W__successMark{background:rgb(var(--zapix-primary-rgb));width:3rem;height:3rem;box-shadow:0 10px 28px rgb(var(--zapix-primary-rgb) / .22);border-radius:999px;place-items:center;display:grid;transform:translate(-50%,-50%)scale(.18)}.otp-input-module__YOo_6W__successMark:before{border-radius:inherit;content:"";opacity:0;background:#16a36a;position:absolute;inset:0;transform:scale(.72)}.otp-input-module__YOo_6W__successMark span{z-index:1;opacity:0;border-bottom:.2rem solid #fff;border-left:.2rem solid #fff;width:1.25rem;height:.7rem;position:relative;transform:translateY(-.08rem)rotate(-45deg)scale(.82)}.otp-input-module__YOo_6W__motionSentinel{pointer-events:none;opacity:0;width:1px;height:1px}.otp-input-module__YOo_6W__shell[data-state=submitting] .otp-input-module__YOo_6W__cell,.otp-input-module__YOo_6W__shell[data-state=success] .otp-input-module__YOo_6W__cell{will-change:transform, opacity;animation:otp-input-module__YOo_6W__otp-converge .48s cubic-bezier(.55, 0, .25, 1) var(--otp-delay) both}.otp-input-module__YOo_6W__shell[data-state=submitting]{cursor:wait}.otp-input-module__YOo_6W__shell[data-state=submitting] .otp-input-module__YOo_6W__centerDot{will-change:transform, opacity;animation:otp-input-module__YOo_6W__otp-dot-in .22s cubic-bezier(.22, 1, .36, 1) calc(.3s + var(--otp-last-delay,0s)) both}.otp-input-module__YOo_6W__shell[data-state=submitting] .otp-input-module__YOo_6W__centerDot:after{animation:otp-input-module__YOo_6W__otp-dot-pulse .9s ease-out calc(.52s + var(--otp-last-delay,0s)) infinite}.otp-input-module__YOo_6W__shell[data-state=success] .otp-input-module__YOo_6W__centerDot{opacity:.9;animation:otp-input-module__YOo_6W__otp-dot-out .16s ease calc(.48s + var(--otp-last-delay,0s)) both;transform:translate(-50%,-50%)scale(1)}.otp-input-module__YOo_6W__shell[data-state=success] .otp-input-module__YOo_6W__successMark{will-change:transform, opacity;animation:otp-input-module__YOo_6W__otp-success-sequence .43s cubic-bezier(.22, 1, .36, 1) calc(.29s + var(--otp-last-delay,0s)) both}.otp-input-module__YOo_6W__shell[data-state=success] .otp-input-module__YOo_6W__successMark:before{animation:otp-input-module__YOo_6W__otp-success-disc .19s cubic-bezier(.22, 1, .36, 1) calc(.57s + var(--otp-last-delay,0s)) both}.otp-input-module__YOo_6W__shell[data-state=success] .otp-input-module__YOo_6W__successMark span{animation:otp-input-module__YOo_6W__otp-check-in .17s cubic-bezier(.22, 1, .36, 1) calc(.62s + var(--otp-last-delay,0s)) both}.otp-input-module__YOo_6W__shell[data-state=success] .otp-input-module__YOo_6W__motionSentinel{animation:otp-input-module__YOo_6W__otp-motion-finish 1ms linear calc(.79s + var(--otp-last-delay,0s)) both}.otp-input-module__YOo_6W__shell[data-state=error] .otp-input-module__YOo_6W__cells{animation:.26s ease-out otp-input-module__YOo_6W__otp-shake}.otp-input-module__YOo_6W__shell[data-state=error] .otp-input-module__YOo_6W__cell,.otp-input-module__YOo_6W__shell[data-state=expired] .otp-input-module__YOo_6W__cell{border-color:rgb(var(--zapix-danger-border-rgb));background:rgb(var(--zapix-danger-surface-rgb));color:rgb(var(--zapix-heading-rgb))}.otp-input-module__YOo_6W__shell[data-state=locked]{cursor:not-allowed}.otp-input-module__YOo_6W__shell[data-state=locked] .otp-input-module__YOo_6W__cell{border-color:rgb(var(--zapix-border-rgb));background:rgb(var(--zapix-input-disabled-rgb));color:rgb(var(--zapix-disabled-rgb))}.otp-input-module__YOo_6W__hint{min-height:1.25rem;color:rgb(var(--zapix-muted-rgb));margin:.65rem 0 0;font-size:.8rem;font-weight:650;line-height:1.4}.otp-input-module__YOo_6W__hint[data-error=true]{color:rgb(var(--zapix-danger-rgb))}@keyframes otp-input-module__YOo_6W__otp-digit-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes otp-input-module__YOo_6W__otp-converge{0%{opacity:1;transform:translate(0,0)rotate(0)scale(1)}20%{opacity:1;transform:translate3d(0, var(--otp-lift), 0) rotate(var(--otp-tilt)) scale(1.02)}40%{opacity:1;transform:translate3d(0, 0, 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-module__YOo_6W__otp-dot-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:.9;transform:translate(-50%,-50%)scale(1)}}@keyframes otp-input-module__YOo_6W__otp-dot-pulse{0%{opacity:.42;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes otp-input-module__YOo_6W__otp-dot-out{0%{opacity:.9;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.72)}}@keyframes otp-input-module__YOo_6W__otp-success-sequence{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-module__YOo_6W__otp-success-disc{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes otp-input-module__YOo_6W__otp-check-in{0%{opacity:0;transform:translateY(-.08rem)rotate(-45deg)scale(.82)}to{opacity:1;transform:translateY(-.08rem)rotate(-45deg)scale(1)}}@keyframes otp-input-module__YOo_6W__otp-motion-finish{to{opacity:.001}}@keyframes otp-input-module__YOo_6W__otp-shake{0%,to{transform:translate(0)}30%{transform:translate(-.34rem)}65%{transform:translate(.28rem)}}@media (max-width:420px){.otp-input-module__YOo_6W__cells{gap:.3rem}.otp-input-module__YOo_6W__cell{border-radius:.7rem;font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.otp-input-module__YOo_6W__digit,.otp-input-module__YOo_6W__cell,.otp-input-module__YOo_6W__cells,.otp-input-module__YOo_6W__centerDot,.otp-input-module__YOo_6W__centerDot:after,.otp-input-module__YOo_6W__successMark,.otp-input-module__YOo_6W__successMark:before,.otp-input-module__YOo_6W__successMark span,.otp-input-module__YOo_6W__motionSentinel{transition:none!important;animation:none!important}.otp-input-module__YOo_6W__shell[data-state=submitting] .otp-input-module__YOo_6W__cells{opacity:.45}.otp-input-module__YOo_6W__shell[data-state=success] .otp-input-module__YOo_6W__successMark{opacity:1;transform:translate(-50%,-50%)scale(1)}.otp-input-module__YOo_6W__shell[data-state=success] .otp-input-module__YOo_6W__cells{opacity:0}.otp-input-module__YOo_6W__shell[data-state=success] .otp-input-module__YOo_6W__successMark:before,.otp-input-module__YOo_6W__shell[data-state=success] .otp-input-module__YOo_6W__successMark span{opacity:1;transform:scale(1)}.otp-input-module__YOo_6W__shell[data-state=success] .otp-input-module__YOo_6W__successMark span{transform:translateY(-.08rem)rotate(-45deg)scale(1)}}