.ds-contrast{overscroll-behavior-x:contain;overflow-x:auto;container-type:inline-size}.ds-contrast-grid{--ds-contrast-min:0px;row-gap:var(--space-5);min-inline-size:0;display:grid}.ds-contrast-head,.ds-contrast-row{grid-template-columns:minmax(0, 5fr) repeat(var(--ds-contrast-cols), minmax(var(--ds-contrast-min), 4fr));column-gap:var(--space-4);row-gap:var(--space-3);align-items:start;display:grid}.ds-contrast-head{font:var(--type-small);color:var(--text-muted)}.ds-contrast-use{gap:var(--space-1);min-inline-size:0;flex-direction:column;padding-block-start:var(--space-2);display:flex}.ds-contrast-label{font:var(--type-small);color:var(--text);font-weight:500}.ds-contrast-pair{font-family:var(--font-mono);color:var(--text-muted);overflow-wrap:anywhere;font-size:13px;line-height:20px}.ds-contrast-cell{gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.ds-contrast-tile{min-block-size:56px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);align-items:center;display:flex}.ds-contrast-words{font:var(--type-body);overflow-wrap:break-word;font-weight:500}.ds-contrast-link{text-underline-offset:.2em;text-decoration-line:underline;text-decoration-thickness:1px}.ds-contrast-mark{align-items:center;gap:var(--space-3);display:flex}.ds-contrast-dot{border-radius:var(--radius-full);background:var(--ds-contrast-ink);block-size:12px;inline-size:12px}.ds-contrast-bar{border-radius:var(--radius-full);background:var(--ds-contrast-ink);block-size:8px;inline-size:56px}.ds-contrast-ring{border-radius:var(--radius-md);outline-style:solid;outline-width:var(--focus-ring-width);outline-offset:var(--focus-ring-offset);block-size:28px;inline-size:72px}.ds-contrast-ratio{font:var(--type-small);color:var(--text-label)}@container (max-width:520px){.ds-contrast-grid{--ds-contrast-min:124px}.ds-contrast-tile{padding-inline:var(--space-3)}.ds-contrast-head,.ds-contrast-row{grid-template-columns:repeat(var(--ds-contrast-cols), minmax(var(--ds-contrast-min), 1fr))}.ds-contrast-use-head{display:none}.ds-contrast-use{grid-column:1/-1;padding-block-start:0}}.ds-contrast:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (forced-colors:active){.ds-contrast-tile{outline:1px solid}}