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

[data-swatch="グレー"]:before { background-color: #9d9d9d}[data-swatch="ホワイト"]:before { background-color: #ffffff}[data-swatch="ブラック"]:before { background-color: #010101}[data-swatch="ブルー"]:before { background-color: #0F32A1}[data-swatch="レッド"]:before { background-color:#E9040E}[data-swatch="グリーン"]:before { background-color: #4BB416}[data-swatch="イエロー"]:before { background-color: #F3F330}[data-swatch="ピンク"]:before { background-color:#FF3CA0}[data-swatch="アクア"]:before { background-color: #00FFFF}[data-swatch="ターコイズ"]:before { background-color:#3DD9C9}[data-swatch="オレンジ"]:before { background-color: #FFA500}[data-swatch="ネイビー"]:before { background-color:#000080}[data-swatch="ピーコックグリーン×ライムグリーン"]:before { background-image: linear-gradient(to bottom right, #35A5A9, #35A5A9 50%, #7FB91E 50%, #7FB91E) }[data-swatch="ブルー×レッド"]:before { background-image: linear-gradient(to bottom right, #0F32A1, #0F32A1 50%, #E91D2C 50%, #E91D2C) }