.cred{gap:var(--sp-3);display:grid;container-type:inline-size}.cred__group{gap:var(--sp-1);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.cred__legend{font-size:var(--fs-ui);font-weight:var(--fw-semibold);color:var(--ink);margin-block-end:var(--sp-1);padding:0}.cred__field{grid-template-columns:minmax(0,1fr)}.cred__lead{font-size:var(--fs-small);color:var(--muted);margin-block-end:var(--sp-2)}.cred__control{min-block-size:var(--h-input);border-radius:var(--r-sm);border:var(--bw) solid var(--line);background:var(--surface-2);transition:border-color var(--dur-fast) var(--ease);align-items:stretch;display:flex}.cred__control:hover{border-color:var(--line-strong)}.cred__control:focus-within{border-color:var(--active-border);box-shadow:var(--active-glow)}.cred__control[data-invalid]{border-color:var(--danger-line)}.cred__input{inline-size:0;min-inline-size:0;margin-block:calc(-1 * var(--bw));padding-inline:var(--pad-card);color:var(--ink);font-size:var(--fs-input);text-align:left;font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1}.cred__input:focus,.cred__input:focus-visible{outline:none}.cred__input:disabled{color:var(--muted)}.cred__reveal{inline-size:var(--hit);color:var(--muted);border-radius:var(--r-sm);flex:none;place-items:center;display:grid;position:relative}.cred__reveal:after{content:"";inset-block:calc(-1 * var(--bw));position:absolute;inset-inline:0}.cred__reveal:hover{color:var(--ink)}.cred__reveal:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}.cred__reveal svg.i{width:var(--icon-s);height:var(--icon-s)}.cred__select[aria-invalid=true]{border-color:var(--danger-line)}.cred__err{min-block-size:calc(var(--fs-small) * 1.5);font-size:var(--fs-small);line-height:1.5;font-weight:var(--fw-medium);color:var(--danger);align-items:center;gap:6px;display:flex}.cred__err svg.i{flex:none;width:14px;height:14px}.cred__codes{gap:var(--sp-1) var(--sp-2);display:grid}@container (min-width:28rem){.cred__codes{grid-template-columns:repeat(3,minmax(0,1fr))}.cred__codes .cred__input{padding-inline:10px}}.cred__set-start{border-block-start:var(--bw) solid var(--line);padding-block-start:var(--sp-3)}.cred__notice{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--pad-card);border-radius:var(--r-sm);border:var(--bw) solid var(--line);font-size:var(--fs-small);color:var(--ink-2);line-height:1.5;display:flex}.cred__notice svg.i{width:var(--icon-s);height:var(--icon-s);color:var(--warn);flex:none;margin-block-start:1px}