.docs-colour-proof{box-shadow:var(--primitiv-elevation-raised)}.docs-colour-sheet{gap:var(--primitiv-space-space-16);flex-direction:column;display:flex}.docs-colour-row{align-items:center;gap:var(--primitiv-swatch-md-gap);display:flex}.docs-colour-ramp-name{inline-size:var(--primitiv-swatch-md-panel-cap);font-family:var(--primitiv-label-sm-font-family);font-size:var(--primitiv-label-sm-font-size);font-weight:var(--primitiv-label-sm-font-weight);line-height:var(--primitiv-label-sm-line-height);color:var(--primitiv-content-secondary);text-transform:capitalize;flex:none}.docs-colour-steps{border-radius:var(--primitiv-swatch-md-radius);flex:auto;grid-template-columns:repeat(10,minmax(0,1fr));min-inline-size:0;display:grid;overflow:hidden}.docs-colour-swatch{min-block-size:var(--primitiv-swatch-md-box);padding-block:var(--primitiv-swatch-md-padding-block);justify-content:center;align-items:center;gap:var(--primitiv-swatch-md-padding-block);flex-direction:column;min-inline-size:0;display:flex}.docs-colour-sample{font-family:var(--primitiv-body-md-font-family);font-size:var(--primitiv-swatch-sm-sample-size);line-height:1}.docs-colour-step{font-family:var(--primitiv-body-md-font-family);font-size:var(--primitiv-swatch-sm-sample-caption-size);line-height:1}@media not (min-width:48rem){.docs-colour-row{align-items:stretch;gap:var(--primitiv-space-space-4);flex-direction:column}.docs-colour-sample{font-size:var(--primitiv-body-md-font-size)}.docs-colour-swatch{min-block-size:var(--primitiv-size-size-32)}}@media not (min-width:36rem){.docs-colour-step{display:none}}