.bytes{--bt-hue:var(--cat,var(--accent));--bt-size:.875rem;max-width:100%;font-family:var(--mono);font-size:var(--bt-size);font-variant-numeric:tabular-nums;word-spacing:-.32em;color:color-mix(in srgb, var(--bt-hue) 58%, var(--ink));vertical-align:middle;line-height:2.05;display:inline-block}.bytes[data-size=sm]{--bt-size:.75rem;line-height:2.15}.bytes[data-size=lg]{--bt-size:1.125rem;line-height:2}.bytes .byte{white-space:nowrap;word-spacing:normal;border:1px solid color-mix(in srgb, var(--bt-hue) var(--cat-line-mix), transparent);background:color-mix(in srgb, var(--bt-hue) var(--cat-bg-mix), var(--surface));letter-spacing:.02em;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px;padding:.2em .38em;font-weight:600}.bytes[data-size=lg] .byte{border-radius:7px;padding:.22em .42em}.bytes .byte[data-wild]{border-style:dashed;border-color:var(--border-strong);color:var(--ink-3);background:0 0;font-weight:500}.bytes[data-has-hl] .byte:not([data-hl]):not([data-wild]){border-color:var(--border);color:var(--ink-2);background:0 0;font-weight:500}.bytes .byte[data-hl]{background:color-mix(in srgb, var(--bt-hue) 18%, var(--surface));border-color:var(--bt-hue);box-shadow:inset 0 -2px 0 var(--bt-hue)}:root[data-theme=dark] .bytes{color:color-mix(in srgb, var(--bt-hue) 42%, var(--ink))}.bytes-fig{align-items:flex-start;gap:var(--sp-1);flex-direction:column;max-width:100%;margin:0;display:inline-flex}.bytes-cap{font-family:var(--font-body);font-size:var(--text-xs);color:var(--ink-3);line-height:1.4}@media print{.bytes,.bytes .byte,.bytes .byte[data-hl],.bytes[data-has-hl] .byte:not([data-hl]):not([data-wild]){color:canvastext;box-shadow:none;background:0 0}.bytes .byte{border-color:graytext}.bytes .byte[data-hl]{border-color:canvastext;font-weight:700}}
