.ui-code[data-v-c7640c4d]{gap:.5rem;display:grid}.ui-code__label[data-v-c7640c4d]{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--fw-medium);margin:0}.ui-code__cells[data-v-c7640c4d]{grid-template-columns:repeat(var(--ui-code-len,6),minmax(0,1fr));justify-items:center;gap:max(.3rem,min(2.2vw,.6rem));width:100%;max-width:22rem;margin-left:auto;margin-right:auto;display:grid}.ui-code__cell[data-v-c7640c4d]{aspect-ratio:1;border:var(--border-base) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:100%;max-width:3.25rem;color:var(--color-text);font-family:var(--font-sans);font-size:max(1rem,min(4.5vw,1.3rem));font-weight:var(--fw-bold);text-align:center;caret-color:var(--color-primary);transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);padding:0;line-height:1}.ui-code__cell[data-v-c7640c4d]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.ui-code__cell[data-v-c7640c4d]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.ui-code__cell.is-filled[data-v-c7640c4d]{border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border));background:color-mix(in srgb,var(--color-primary-soft) 60%,var(--color-surface))}.ui-code__cell[data-v-c7640c4d]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent);outline:none;transform:translateY(-1px)}.ui-code.is-invalid .ui-code__cell[data-v-c7640c4d]{border-color:var(--color-error)}.ui-code.is-disabled .ui-code__cell[data-v-c7640c4d]{opacity:.6;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.ui-code__cell[data-v-c7640c4d]{transition:none}.ui-code__cell[data-v-c7640c4d]:focus{transform:none}}@media (max-width:360px){.ui-code__cells[data-v-c7640c4d]{gap:.25rem}}