.swatches {
  display: flex;
  flex-wrap: wrap; }

.swatches__item {
  width: calc(20% - 2px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 3px 0;
  padding: 0;
  overflow: visible;
  cursor: pointer;
  border: 1px solid transparent; }
  .swatches__item.current {
    border: 1px solid #ebebeb; }

.swatches__item-bg {
  background-size: 76px 76px !important;
  background-position: center center !important;
  width: 100%;
  height: 50px;
  background-repeat: no-repeat !important; }