.code[data-v-d97dda00]{grid-template-columns:repeat(var(--code-length),minmax(0,1fr));gap:var(--space-8);max-width:calc(var(--code-length)*64px);display:grid;position:relative}.code__input[data-v-d97dda00]{z-index:1;color:#0000;caret-color:#0000;letter-spacing:1em;cursor:text;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.code__input[data-v-d97dda00]::selection{background:0 0}.code__cell[data-v-d97dda00]{height:var(--size-control-56);border-radius:var(--radius-16);background:var(--color-surface-raised);font-size:var(--font-size-24);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;transition:box-shadow .15s;display:flex}.code__cell--active[data-v-d97dda00]{box-shadow:inset 0 0 0 2px var(--color-white)}.code--invalid .code__cell[data-v-d97dda00]{box-shadow:inset 0 0 0 1px var(--color-accent)}