.mfa-code[data-v-ace3d816]{--mfa-cell:3rem;--mfa-gap:.625rem;--mfa-step:calc(var(--mfa-cell) + var(--mfa-gap))}@media(min-width:640px){.mfa-code[data-v-ace3d816]{--mfa-cell:3.5rem}}.mfa-code[data-v-ace3d816] .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-ace3d816] .mfa-cell:not(:-moz-placeholder){--tw-ring-color:var(--ui-primary);animation:mfa-pop-ace3d816 .22s ease-out}.mfa-code--idle[data-v-ace3d816] .mfa-cell:not(:placeholder-shown){--tw-ring-color:var(--ui-primary);animation:mfa-pop-ace3d816 .22s ease-out}.mfa-code--error[data-v-ace3d816] .mfa-cell{--tw-ring-color:var(--ui-error);background-color:color-mix(in oklab,var(--ui-error) 8%,transparent)!important;color:var(--ui-error)}.mfa-code--error[data-v-ace3d816]{animation:mfa-shake-ace3d816 .45s cubic-bezier(.36,.07,.19,.97)}.mfa-code--done[data-v-ace3d816] .mfa-cell,.mfa-code--success[data-v-ace3d816] .mfa-cell{--tw-ring-color:var(--ui-primary);background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)!important;color:var(--ui-primary)}.mfa-code--done[data-v-ace3d816] .mfa-cell{opacity:0;transform:translate(var(--mfa-shift)) scale(.4)}.mfa-code[data-v-ace3d816] .mfa-cell:first-child{--mfa-shift:calc(var(--mfa-step)*2.5)}.mfa-code[data-v-ace3d816] .mfa-cell:nth-child(2){--mfa-shift:calc(var(--mfa-step)*1.5)}.mfa-code[data-v-ace3d816] .mfa-cell:nth-child(3){--mfa-shift:calc(var(--mfa-step)*.5)}.mfa-code[data-v-ace3d816] .mfa-cell:nth-child(4){--mfa-shift:calc(var(--mfa-step)*-.5)}.mfa-code[data-v-ace3d816] .mfa-cell:nth-child(5){--mfa-shift:calc(var(--mfa-step)*-1.5)}.mfa-code[data-v-ace3d816] .mfa-cell:nth-child(6){--mfa-shift:calc(var(--mfa-step)*-2.5)}.mfa-check-enter-active[data-v-ace3d816]{transition:transform .35s cubic-bezier(.34,1.56,.64,1) .25s,opacity .2s ease-out .25s}.mfa-check-enter-from[data-v-ace3d816]{opacity:0;transform:scale(.3)}@keyframes mfa-pop-ace3d816{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-4px) scale(1.06)}to{transform:translateY(0) scale(1)}}@keyframes mfa-shake-ace3d816{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-ace3d816],.mfa-code[data-v-ace3d816] .mfa-cell{animation:none!important;transition:none!important}}