.token-grid{border:1px solid var(--cnvs-base-palette-soap-500);border-radius:.5rem;display:grid;max-width:80rem;overflow-x:auto;margin-top:var(--cnvs-sys-space-x8)}.token-grid__caption{border-bottom:.0625rem solid var(--cnvs-base-palette-soap-500);display:flex;padding:.5rem 1rem;text-transform:capitalize}.token-grid__head{background-color:var(--cnvs-base-palette-soap-100);display:grid}.token-grid__head-item{color:var(--cnvs-base-palette-black-pepper-300);font-weight:var(--cnvs-base-font-weight-700)}.token-grid__head-item,.token-grid__row{display:grid;align-items:center;justify-content:start}.token-grid__row{border-bottom:.0625rem solid var(--cnvs-base-palette-soap-500);grid-gap:1rem;gap:1rem;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));min-height:4rem;padding:1rem}.token-grid__body .token-grid__row:last-of-type{border-bottom:none}.token-grid__row-item{align-items:start;display:grid;font-family:var(--cnvs-base-font-family-100);grid-gap:.25rem;gap:.25rem;justify-self:start}.token-grid__swatch{padding:.5rem;border:.0625rem solid var(--cnvs-base-palette-soap-500);box-sizing:border-box}.token-grid__sample,.token-grid__swatch{display:grid;grid-template-columns:minmax(2rem,8rem);height:2rem}.token-grid__sample{background-color:var(--cnvs-base-palette-french-vanilla-100);width:2rem}.token-grid__monospace-label{background-color:var(--cnvs-base-palette-blueberry-100);color:var(--cnvs-base-palette-blueberry-500);font-family:var(--cnvs-base-font-family-100);padding:.25rem;border-radius:.25rem;min-height:1rem}.cnvs-site-stack{display:grid;grid-gap:2rem;gap:2rem}.token-grid__deprecate-monospace-label{background-color:var(--cnvs-sys-color-bg-critical-softest);color:var(--cnvs-sys-color-fg-critical-default)}