[data-swatch]::before {
  background-color: rgba(var(--text-color) / 0.08);
}

[data-swatch="grey canvas"]:before { background-color: #9F968B}[data-swatch="black canvas"]:before { background-color: #43413F}[data-swatch="brown canvas"]:before { background-color: #8B6754}[data-swatch="maroon canvas"]:before { background-color: #754843}[data-swatch="light sand canvas"]:before { background-color: #B69B7D}[data-swatch="navy blue canvas"]:before { background-color: #414556}[data-swatch="khaki canvas"]:before { background-color: #806C4C}[data-swatch="camouflage canvas"]:before { background-color: #989C4B}[data-swatch="4elements black"]:before { background-color: #221B1B}[data-swatch="4elements grey"]:before { background-color: #7B7067}