.sys-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px;margin:24px 0 40px}.sys-swatch{background:white;border:1px solid var(--sys-rule);display:flex;flex-direction:column;overflow:hidden}.sys-swatch-block{height:130px;position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:14px 16px}.sys-swatch-block .sys-swatch-mark{font-family:var(--font-display);font-weight:900;font-size:18px;letter-spacing:-.025em;line-height:1;color:rgba(255,255,255,.92)}.sys-swatch-block.on-light .sys-swatch-mark{color:rgba(28,28,28,.85)}.sys-swatch-meta{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}.sys-swatch-name{font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:-.005em;color:var(--sys-ink);display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sys-swatch-token{font-family:var(--sys-mono);font-size:11px;color:var(--sys-dim);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.sys-swatch-hex{font-family:var(--sys-mono);font-size:12px;color:var(--sys-muted);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;text-transform:uppercase}.sys-swatch-role{font-family:var(--font-body);font-size:13px;line-height:1.4;color:var(--sys-muted);margin-top:4px}.sys-color-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:8px;gap:8px;margin:16px 0 32px}.sys-color-strip .sys-swatch-block{height:80px}.sys-color-strip .sys-swatch-meta{padding:10px 12px 12px}.sys-color-strip .sys-swatch-name{font-size:13px}.sys-color-strip .sys-swatch-hex{font-size:11px}.sys-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:16px 0 24px}.sys-pair-cell{padding:24px 20px;border:1px solid var(--sys-rule);display:flex;flex-direction:column;gap:8px}.sys-pair-cell .sys-pair-sample{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:-.02em;line-height:1}.sys-pair-cell .sys-pair-meta{font-family:var(--sys-mono);font-size:11px;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;letter-spacing:.04em}