.cc-swatches{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 10px;padding:0}
.cc-swatches__item{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px #E8E8E1;margin:3px 5px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#fff}
a.cc-swatches__item{text-decoration:none}
.cc-swatches__item--active,.cc-swatches__item:hover{box-shadow:0 0 0 2px #888883}
.cc-swatches__color{display:block;width:18px;height:18px;border-radius:50%;background-size:cover;background-position:center}
.cc-swatches__item--more{font-size:12px;line-height:1;color:#1c1c1c}
.cc-swatches--card{justify-content:center;margin:5px 0 0}
.cc-swatches--card .cc-swatches__item{margin:4px 2px}