.ocra-specimen{--ocra-orig:var(--wa-color-text-quiet);--ocra-ghost:color-mix(in srgb, var(--wa-color-brand-fill-loud) 50%, transparent);--ocra-size:64px}.ocra-specimen .ocra-face{font-family:var(--ocra-family,"OCR-A Axis VF"), monospace;font-variation-settings:var(--ocra-fvs,normal)}.ocra-specimen .ocra-orig{color:var(--ocra-orig);font-family:OCR-A original,monospace}.ocra-specimen .ocra-note{color:var(--wa-color-text-quiet);margin:0}.ocra-specimen .ocra-value{font-variant-numeric:tabular-nums;color:var(--wa-color-text-quiet)}.ocra-specimen .ocra-css{color:var(--wa-color-text-quiet);overflow-wrap:anywhere;user-select:all}.ocra-specimen .ocra-status{color:var(--wa-color-danger-on-quiet);margin:0}.ocra-specimen .ocra-sliders{gap:var(--wa-space-s) var(--wa-space-l);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.ocra-specimen .ocra-features{border:0;margin:0;padding:0}.ocra-specimen .ocra-features legend{margin-block-end:var(--wa-space-2xs);padding:0}.ocra-specimen .ocra-stack{display:grid}.ocra-specimen[data-compare=overlay] .ocra-stack>*{grid-area:1/1}.ocra-specimen[data-compare=none] .ocra-stack>.ocra-orig,.ocra-specimen:not([data-compare=overlay]) .ocra-stack>.ocra-ghost{display:none}.ocra-specimen[data-compare=overlay] .ocra-stack>.ocra-orig{color:var(--ocra-ghost);pointer-events:none}.ocra-specimen:not([data-compare=side]) .ocra-pairs{display:none}.ocra-specimen .ocra-sample{font-size:var(--ocra-size);padding-block:var(--wa-space-s);border-block:var(--wa-border-width-s) solid var(--wa-color-surface-border);white-space:pre-wrap;overflow-wrap:anywhere;outline:none;min-height:1.4em;line-height:1.25}.ocra-specimen .ocra-sample.ocra-ghost{border-color:#0000}.ocra-specimen .ocra-pairs{font-size:var(--ocra-size);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.2}.ocra-specimen .ocra-pairs>div{padding-block:var(--wa-space-xs);border-block-end:var(--wa-border-width-s) solid var(--wa-color-surface-border)}.ocra-specimen .ocra-scroll{overflow-x:auto}.ocra-specimen table.ocra-styles{border-collapse:separate;border-spacing:var(--wa-space-2xs);width:100%;min-width:34rem;margin:0}.ocra-specimen .ocra-styles :is(th,td){text-align:start;white-space:nowrap;border:0;padding:0}.ocra-specimen .ocra-styles th{font-size:var(--wa-font-size-xs);color:var(--wa-color-text-quiet);padding-inline:var(--wa-space-xs)}.ocra-specimen .ocra-styles th small{font-weight:400;display:block}.ocra-specimen .ocra-styles button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;padding:var(--wa-space-2xs) var(--wa-space-xs);border:var(--wa-border-width-s) solid var(--wa-color-surface-border);border-radius:var(--wa-border-radius-m);background:var(--wa-color-surface-default);font-size:1.1rem;line-height:1.3;display:block}.ocra-specimen .ocra-styles button:hover{background:var(--wa-color-neutral-fill-quiet)}.ocra-specimen .ocra-styles button:focus-visible{outline:var(--wa-focus-ring);outline-offset:var(--wa-focus-ring-offset)}.ocra-specimen .ocra-styles button[aria-pressed=true]{border-color:var(--wa-color-brand-fill-loud);box-shadow:inset 0 0 0 1px var(--wa-color-brand-fill-loud)}.ocra-specimen .ocra-alts{gap:var(--wa-space-xs) var(--wa-space-s);grid-template-columns:auto repeat(4,minmax(0,4.5rem)) minmax(0,1fr);align-items:center;display:grid}.ocra-specimen .ocra-alts .h{font-size:var(--wa-font-size-xs);color:var(--wa-color-text-quiet);text-align:center}.ocra-specimen .ocra-alts .h.left{text-align:start}.ocra-specimen .ocra-alts .g{text-align:center;background:var(--wa-color-surface-default);border:var(--wa-border-width-s) solid var(--wa-color-surface-border);border-radius:var(--wa-border-radius-m);font-size:3rem;line-height:1.15}.ocra-specimen .ocra-alts .tag{font-size:var(--wa-font-size-s)}.ocra-specimen .ocra-alts .why{font-size:var(--wa-font-size-xs);color:var(--wa-color-text-quiet)}@media (width<=640px){.ocra-specimen .ocra-alts{grid-template-columns:minmax(0,6em) repeat(4,minmax(0,1fr))}.ocra-specimen .ocra-alts :is(.why,.why-h){display:none}}.ocra-specimen .ocra-grid{gap:var(--wa-space-xs);grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));display:grid}.ocra-specimen .ocra-cell{padding:var(--wa-space-xs) 0;background:var(--wa-color-surface-default);border:var(--wa-border-width-s) solid var(--wa-color-surface-border);border-radius:var(--wa-border-radius-m);flex-direction:column;align-items:center;display:flex}.ocra-specimen .ocra-cell .ocra-stack{justify-items:center;font-size:2.6rem;line-height:1.15}.ocra-specimen .ocra-cell .u{font-size:var(--wa-font-size-2xs);color:var(--wa-color-text-quiet);font-family:var(--wa-font-family-code);margin-block-start:var(--wa-space-2xs)}