.mfa-code[data-v-c606b6b1]{--mfa-cell:3rem;--mfa-gap:.625rem;--mfa-step:calc(var(--mfa-cell) + var(--mfa-gap))}@media (width>=640px){.mfa-code[data-v-c606b6b1]{--mfa-cell:3.5rem}}.mfa-code[data-v-c606b6b1] .mfa-cell{transition:box-shadow .2s,color .2s,background-color .2s,transform .45s cubic-bezier(.65,0,.35,1),opacity .35s ease-in}.mfa-code--idle[data-v-c606b6b1] .mfa-cell:not(:-moz-placeholder-shown){--tw-ring-color:var(--ui-primary);animation:.22s ease-out mfa-pop-c606b6b1}.mfa-code--idle[data-v-c606b6b1] .mfa-cell:not(:placeholder-shown){--tw-ring-color:var(--ui-primary);animation:.22s ease-out mfa-pop-c606b6b1}.mfa-code--error[data-v-c606b6b1] .mfa-cell{--tw-ring-color:var(--ui-error);color:var(--ui-error);background-color:color-mix(in oklab,var(--ui-error) 6%,#fff)!important}.mfa-code--error[data-v-c606b6b1]{animation:.45s cubic-bezier(.36,.07,.19,.97) mfa-shake-c606b6b1}.mfa-code--done[data-v-c606b6b1] .mfa-cell,.mfa-code--success[data-v-c606b6b1] .mfa-cell{--tw-ring-color:var(--ui-primary);color:var(--ui-primary);background-color:color-mix(in oklab,var(--ui-primary) 8%,#fff)!important}.mfa-code--done[data-v-c606b6b1] .mfa-cell{opacity:0;transform:translateX(var(--mfa-shift)) scale(.4)}.mfa-code[data-v-c606b6b1] .mfa-cell:first-child{--mfa-shift:calc(var(--mfa-step)*2.5)}.mfa-code[data-v-c606b6b1] .mfa-cell:nth-child(2){--mfa-shift:calc(var(--mfa-step)*1.5)}.mfa-code[data-v-c606b6b1] .mfa-cell:nth-child(3){--mfa-shift:calc(var(--mfa-step)*.5)}.mfa-code[data-v-c606b6b1] .mfa-cell:nth-child(4){--mfa-shift:calc(var(--mfa-step)*-.5)}.mfa-code[data-v-c606b6b1] .mfa-cell:nth-child(5){--mfa-shift:calc(var(--mfa-step)*-1.5)}.mfa-code[data-v-c606b6b1] .mfa-cell:nth-child(6){--mfa-shift:calc(var(--mfa-step)*-2.5)}.mfa-check-enter-active[data-v-c606b6b1]{transition:transform .35s cubic-bezier(.34,1.56,.64,1) .25s,opacity .2s ease-out .25s}.mfa-check-enter-from[data-v-c606b6b1]{opacity:0;transform:scale(.3)}@keyframes mfa-pop-c606b6b1{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-4px)scale(1.06)}to{transform:translateY(0)scale(1)}}@keyframes mfa-shake-c606b6b1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.mfa-code[data-v-c606b6b1],.mfa-code[data-v-c606b6b1] .mfa-cell{transition:none!important;animation:none!important}}