.canonical-byte-group-set{align-items:stretch;gap:var(--space-5);flex-wrap:wrap;display:flex}.canonical-byte-group{inline-size:min-content;min-inline-size:9rem;font-family:var(--type-code-font-family);flex-direction:column;display:flex}.canonical-byte-group-set--flow{inline-size:min(100%,29.75rem)}.canonical-byte-group-set--flow .canonical-byte-group{inline-size:100%}.canonical-byte-group-set--annotated .canonical-byte-group{flex:14rem;inline-size:auto;min-inline-size:min(100%,14rem)}.canonical-byte-group-set--uniform-tracks{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));display:grid}.canonical-byte-group-set--uniform-tracks .canonical-byte-group{inline-size:auto;min-inline-size:0}.canonical-byte-group__panel{background:var(--color-surface-container);flex-direction:column;flex:1;display:flex}.canonical-byte-group--neutral{--byte-group-accent:var(--color-byte-notation)}.canonical-byte-group--profile{--byte-group-accent:var(--color-data-identity)}.canonical-byte-group--records{--byte-group-accent:var(--color-data-records)}.canonical-byte-group--strings{--byte-group-accent:var(--color-data-strings)}.canonical-byte-group__accent{gap:var(--border-width-1);block-size:var(--border-width-3);background:var(--color-surface-container);display:flex}.canonical-byte-group__accent>span{flex:var(--accent-segment-width)}.canonical-byte-group__accent--profile{background:var(--color-data-identity)}.canonical-byte-group__accent--records{background:var(--color-data-records)}.canonical-byte-group__accent--strings{background:var(--color-data-strings)}.canonical-byte-group--neutral .canonical-byte-group__panel,.canonical-byte-group--profile .canonical-byte-group__panel,.canonical-byte-group--records .canonical-byte-group__panel,.canonical-byte-group--strings .canonical-byte-group__panel{border-block-start:var(--border-width-3) solid var(--byte-group-accent)}.canonical-byte-group__header,.canonical-byte-group__bytes{background:var(--color-surface-container)}.canonical-byte-group__header{padding:var(--space-5);white-space:nowrap}.canonical-byte-group__label{color:var(--color-byte-notation);font-size:clamp(.66rem,1.2vw,.78rem)}.canonical-byte-group__type{color:var(--color-byte-emphasis)}.canonical-byte-group__offset{color:var(--color-text-metadata);font-size:.66rem;font-weight:var(--font-weight-semibold);white-space:nowrap;display:block}.canonical-byte-group>.canonical-byte-group__offset{margin:0 0 var(--space-3) var(--space-5)}.canonical-byte-group__metadata{justify-content:space-between;align-items:baseline;gap:var(--space-5);margin:0 var(--space-5) var(--space-3);display:flex}.canonical-byte-group__qualifiers{color:var(--color-text-metadata);font-size:.66rem;font-weight:var(--font-weight-semibold);white-space:nowrap}.canonical-byte-group__bytes{padding:0 var(--space-5) var(--space-5)}.canonical-byte-group--unlabelled .canonical-byte-group__bytes{padding-top:var(--space-5)}.canonical-byte-tape{gap:var(--space-4);inline-size:100%;font-family:var(--type-code-font-family);display:grid;container-type:inline-size}.canonical-byte-tape__complete{gap:var(--space-4);flex-wrap:wrap;inline-size:100%;display:flex}.canonical-byte-tape__octet{--byte-cell-size:min(3.25rem, calc(( 100cqi - var(--space-2) - var(--space-2) - var(--space-2) - var(--space-2) - var(--space-2) - var(--space-2) - var(--space-3) ) / 8));gap:var(--space-3);min-inline-size:0;max-inline-size:100%;display:flex}.canonical-byte-tape__quartet{grid-template-columns:repeat(4, minmax(0, var(--byte-cell-size)));gap:var(--space-2);min-inline-size:0;display:grid}.canonical-byte-tape .byte-cell{aspect-ratio:1;min-inline-size:0;padding:var(--space-1);border:var(--border-width-2) solid var(--color-border-data);background:var(--color-byte-surface);text-align:center;place-items:center;display:grid;position:relative}.canonical-byte-tape .byte-cell code{color:var(--color-byte-notation);font-family:var(--type-code-font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:lining-nums tabular-nums;line-height:1;display:block}.canonical-byte-tape .byte-cell--profile{border-color:var(--color-data-identity)}.canonical-byte-tape .byte-cell--records{border-color:var(--color-data-records)}.canonical-byte-tape .byte-cell--strings{border-color:var(--color-data-strings)}@media print{.canonical-byte-tape,.canonical-byte-tape__complete{gap:2mm}.canonical-byte-tape__octet{--byte-cell-size:min(2.75rem, calc((100cqi - 7.5mm) / 8));gap:1.5mm}.canonical-byte-tape__quartet{gap:1mm}.canonical-byte-tape .byte-cell{padding-block:1.5mm}}.content-note{--content-note-container-color:var(--color-surface-container);--content-note-content-color:var(--color-text-primary);--content-note-accent-color:var(--color-text-accent);padding:var(--space-5) 1rem;color:var(--content-note-content-color);border-inline-start:var(--border-width-3) solid var(--content-note-accent-color);background:var(--content-note-container-color);margin-block:1em}.content-note>:first-child{margin-block-start:0}.content-note>:last-child{margin-block-end:0}.content-note__title{color:var(--content-note-accent-color);font-weight:var(--font-weight-semibold)}.content-note__title+*{margin-block-start:var(--space-4)}.content-note :where(code,kbd,samp){color:var(--content-note-content-color)}@media print{.content-note{break-inside:avoid}}.section-label{--section-label-content-color:var(--color-text-supporting);--section-label-accent-color:var(--color-text-accent);align-items:center;gap:var(--space-4);color:var(--section-label-content-color);font-family:var(--type-label-font-family);font-size:var(--type-label-font-size);font-weight:var(--type-label-font-weight);line-height:var(--type-label-line-height);margin-block:1.5em 0;display:flex}.section-label:before{block-size:var(--border-width-2);background:var(--section-label-accent-color);content:"";flex:0 0 2rem}.section-label+:where(h1,h2,h3){margin-block-start:var(--space-1)}@media print{.section-label{break-after:avoid}}.table-scroll{overscroll-behavior-inline:contain;max-inline-size:100%;margin-block:1em;overflow-x:auto}.table-scroll:focus-visible{outline:var(--border-width-2) solid var(--color-focus-ring);outline-offset:var(--border-width-2)}.table-scroll>table{inline-size:100%;min-inline-size:36rem;margin-block:0;display:table}.table-scroll>table :where(th,td){overflow-wrap:normal}.table-scroll>table th,.table-scroll>table code{white-space:nowrap}@media print{.table-scroll{overflow:visible}.table-scroll>table{table-layout:auto;inline-size:100%;min-inline-size:0}.table-scroll>table :where(th,td,code){overflow-wrap:anywhere;white-space:normal}}.technical-expression-scroll{max-inline-size:100%;margin-block:1.5rem;overflow-x:auto}.technical-expression{justify-content:center;align-items:baseline;gap:var(--space-4);inline-size:max-content;min-inline-size:100%;color:var(--color-expression-operator);font-family:var(--type-body-font-family);font-variant-numeric:lining-nums tabular-nums;user-select:none;white-space:nowrap;grid-template-columns:max-content max-content max-content;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.6;display:grid}.technical-expression__side,.technical-expression__result-side{align-items:baseline;gap:var(--space-4);display:flex}.technical-expression__side{justify-content:flex-end}.technical-expression__part--decimal{color:var(--color-expression-decimal);font-weight:var(--font-weight-regular)}.technical-expression__part--hexadecimal{color:var(--color-expression-hexadecimal);font-weight:var(--font-weight-semibold)}.technical-expression__part--binary{color:var(--color-expression-binary);font-weight:var(--font-weight-regular)}.technical-expression__part--reference{color:var(--color-expression-reference);font-family:var(--type-code-font-family);font-weight:var(--font-weight-regular)}.technical-expression__part--exponent{color:var(--color-expression-exponent);font-size:.7em;line-height:0}.technical-expression__part--radix-prefix{color:var(--color-expression-radix-prefix);font-size:.8em}.technical-expression__part--operator{color:var(--color-expression-operator);font-weight:var(--font-weight-semibold)}