.code.svelte-r4b20g{display:grid;gap:8px;min-inline-size:0}.code-row.svelte-r4b20g{position:relative;min-inline-size:0}.code-boxes.svelte-r4b20g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.code-box.svelte-r4b20g{display:grid;place-items:center;block-size:var(--portal-field-h);color:var(--portal-ink);transition:box-shadow var(--dur-fast) var(--ease-out)}.code-dash.svelte-r4b20g{font-size:var(--portal-text-body);line-height:1;color:var(--portal-ink-soft);translate:0 -1px}.code-digit.svelte-r4b20g{font-size:var(--portal-text-lead);line-height:1;font-variant-numeric:tabular-nums lining-nums}.code-box[data-active].svelte-r4b20g{box-shadow:inset 0 0 0 1px var(--portal-ink);outline:2px solid var(--portal-orange);outline-offset:3px}.code[data-invalid].svelte-r4b20g .code-box:where(.svelte-r4b20g){box-shadow:inset 0 0 0 1.5px var(--portal-danger)}.code[data-invalid].svelte-r4b20g .code-box[data-active]:where(.svelte-r4b20g){box-shadow:inset 0 0 0 2px var(--portal-danger)}.code[data-disabled].svelte-r4b20g .code-box:where(.svelte-r4b20g){opacity:.55}.code-input.svelte-r4b20g{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;padding:0;border:0;outline:none;background:transparent;color:transparent;caret-color:transparent;font-size:16px;letter-spacing:0;opacity:0;cursor:text}.code-input.svelte-r4b20g:disabled{cursor:not-allowed}.code.svelte-r4b20g .code-message:where(.svelte-r4b20g){padding-inline:0}@media(width<48rem){.code-boxes.svelte-r4b20g{gap:6px}.code-box.svelte-r4b20g{block-size:64px}}@media(prefers-reduced-motion:reduce){.code-box.svelte-r4b20g{transition:none}}