.ui-code[data-v-1550f2eb]{width:calc(var(--n) * 56px + 10px * (-1 + var(--n)));max-width:100%;position:relative}.ui-code__boxes[data-v-1550f2eb]{grid-template-columns:repeat(var(--n),56px);gap:10px;display:grid}.ui-code__box[data-v-1550f2eb]{border-radius:var(--r-12);font-variant-numeric:tabular-nums;background:var(--surface);border:1px solid var(--line);justify-content:center;align-items:center;height:64px;font-size:28px;font-weight:700;display:flex}.ui-code__box.is-active[data-v-1550f2eb]{border:2px solid var(--accent)}.ui-code__box.is-error[data-v-1550f2eb]{border-color:var(--danger-fg)}.ui-code__input[data-v-1550f2eb]{opacity:0;cursor:text;caret-color:#0000;border:0;width:100%;font-size:28px;position:absolute;inset:0}