.code-input[data-v-88f0f984]{display:flex;flex-direction:column;align-items:center;gap:16px;width:-moz-fit-content;width:fit-content}.code-input.bare[data-v-88f0f984]{gap:0}.cells[data-v-88f0f984]{position:relative;display:flex;gap:8px}.cells.shake[data-v-88f0f984]{animation:code-input-shake-88f0f984 .4s ease}@keyframes code-input-shake-88f0f984{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.field[data-v-88f0f984]{position:absolute;margin:0;border:0;opacity:0;cursor:pointer;inset:0;outline:none}@media(max-width:743px){.field[data-v-88f0f984]{font-size:16px}}.cell[data-v-88f0f984]{display:flex;justify-content:center;align-items:center;width:42px;height:56px;background-color:#1b1b1d;border:1px solid transparent;border-radius:12px;pointer-events:none}.cell.active[data-v-88f0f984]{border-color:#ffffff80}.success .cell[data-v-88f0f984]{border-color:#bfff70}.error .cell[data-v-88f0f984]{border-color:#ef4444}.long .cell[data-v-88f0f984]{width:30px}@media(min-width:744px){.long .cell[data-v-88f0f984]{width:45px}}.digit[data-v-88f0f984]{color:#fff}.caret[data-v-88f0f984]{width:2px;height:22px;background-color:#6ac100}.resend[data-v-88f0f984]{margin:0;padding:16px;font:inherit;text-align:center;color:#686868;background:none;border:0;cursor:pointer}