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

[data-swatch="blue"]:before { background-color:#0073CF}[data-swatch="orange"]:before { background-color:#FE5000}[data-swatch="black"]:before { background-color:#000000}[data-swatch="white"]:before { background-color:#FFFFFF}[data-swatch="petrol"]:before { background-color:#004F59}[data-swatch="plum"]:before { background-color:#61162D}[data-swatch="caribe"]:before { background-color:#0092BC}[data-swatch="blue indigo"]:before { background-color:#023A9D}[data-swatch="red mars"]:before { background-color:#DA090F}[data-swatch="sunrise"]:before { background-color:#FCC200}[data-swatch="sunset"]:before { background-color:#F9E4AF}[data-swatch="blue arctic"]:before { background-color:#7DBFCF}[data-swatch="pink quartz"]:before { background-color:#EAB4D8}