.ColorContent-module-scss-module__uu6zNq__article{color:var(--color-on-surface);flex-direction:column;display:flex}.ColorContent-module-scss-module__uu6zNq__lead{gap:var(--space-lg);flex-direction:column;max-width:44rem;display:flex}.ColorContent-module-scss-module__uu6zNq__lead p{font-size:var(--type-lead-size);line-height:var(--line-height-relaxed);margin:0}@media (max-width:767px){.ColorContent-module-scss-module__uu6zNq__lead p{font-size:var(--font-size-md)}}.ColorContent-module-scss-module__uu6zNq__paletteMosaic{aspect-ratio:1920/1080;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;display:grid}@media (max-width:767px){.ColorContent-module-scss-module__uu6zNq__paletteMosaic{aspect-ratio:auto;flex-direction:column;display:flex}}.ColorContent-module-scss-module__uu6zNq__paletteBlue{grid-row:1/3}@media (max-width:767px){.ColorContent-module-scss-module__uu6zNq__paletteBlue{aspect-ratio:1}}.ColorContent-module-scss-module__uu6zNq__paletteTopRight{grid-template-columns:1fr 1fr;display:grid}@media (max-width:767px){.ColorContent-module-scss-module__uu6zNq__paletteTopRight,.ColorContent-module-scss-module__uu6zNq__paletteWhite{aspect-ratio:960/540}}.ColorContent-module-scss-module__uu6zNq__swatch{justify-content:flex-end;gap:var(--space-lg);padding:var(--space-md);color:var(--color-on-surface);flex-direction:column;display:flex}.ColorContent-module-scss-module__uu6zNq__swatchName{font-size:var(--type-lead-large-size);line-height:var(--line-height-relaxed);margin:0}@media (max-width:767px){.ColorContent-module-scss-module__uu6zNq__swatchName{font-size:var(--font-size-lg)}}.ColorContent-module-scss-module__uu6zNq__swatchSpecs{gap:var(--space-3xs);flex-direction:column;display:flex}.ColorContent-module-scss-module__uu6zNq__swatchSpecs p{font-size:var(--type-caption-lead-size);line-height:var(--line-height-relaxed);white-space:nowrap;margin:0}@media (max-width:767px){.ColorContent-module-scss-module__uu6zNq__swatchSpecs p{font-size:var(--font-size-sm)}}.ColorContent-module-scss-module__uu6zNq__scale{grid-template-columns:1fr -webkit-max-content -webkit-max-content -webkit-max-content;-moz-column-gap:var(--space-2xs);column-gap:var(--space-2xs);grid-template-columns:1fr max-content max-content max-content;width:100%;display:grid}.ColorContent-module-scss-module__uu6zNq__scaleStep{grid-column:1/-1;grid-template-columns:subgrid;height:3.7rem;padding-inline:var(--space-md);color:var(--color-on-surface);align-items:center;display:grid}@media (max-width:767px){.ColorContent-module-scss-module__uu6zNq__scaleStep{grid-template-columns:repeat(3, -webkit-max-content);-moz-column-gap:var(--space-2xs);column-gap:var(--space-2xs);height:auto;padding-block:var(--space-xs);grid-template-columns:repeat(3,max-content)}}.ColorContent-module-scss-module__uu6zNq__scaleName{font-size:var(--type-lead-size);line-height:var(--line-height-relaxed);white-space:nowrap}@media (max-width:767px){.ColorContent-module-scss-module__uu6zNq__scaleName{grid-column:1/-1}}.ColorContent-module-scss-module__uu6zNq__scaleSpec{font-size:var(--font-size-sm);line-height:var(--line-height-snug);white-space:nowrap;font-variant-numeric:tabular-nums}.ColorContent-module-scss-module__uu6zNq__scaleHex{justify-self:end}