.code[data-v-4a1a51f9]{grid-template-columns:repeat(var(--cells),minmax(0,56px));justify-content:center;gap:8px;display:grid;position:relative}@media (width>=768px){.code[data-v-4a1a51f9]{grid-template-columns:repeat(var(--cells),52px);gap:10px}}.code.is-shaking[data-v-4a1a51f9]{animation:shake-4a1a51f9 .3s var(--ease)}.code.is-disabled[data-v-4a1a51f9]{opacity:.5}.code__input[data-v-4a1a51f9]{z-index:1;color:#0000;caret-color:#0000;opacity:0;cursor:text;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.code__input[data-v-4a1a51f9]:disabled{cursor:not-allowed}.code__cell[data-v-4a1a51f9]{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);height:60px;font-family:var(--font-display);font-variant-numeric:tabular-nums;transition:border-color .15s var(--ease);place-items:center;font-size:26px;font-weight:600;display:grid}.code__cell.is-active[data-v-4a1a51f9]{border-color:var(--color-text)}.is-invalid .code__cell[data-v-4a1a51f9]{border-color:var(--color-accent-text)}@keyframes shake-4a1a51f9{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.code.is-shaking[data-v-4a1a51f9]{animation:none}}