.collection-swatches { border: 0; margin-inline: 0; padding: 0; }
.collection-swatches__list { --swatch-input--size: var(--collection-swatch-size); }
.collection-swatches__link {
  display: block;
  border-radius: var(--swatch-input--border-radius, 50%);
  line-height: 0;
}
.collection-swatches__link .swatch { background-position: center; background-size: 150%; }
.collection-swatches__link[aria-current="page"] .swatch {
  outline: 2px solid rgb(var(--color-foreground));
  outline-offset: 2px;
}
.collection-swatches__link:hover .swatch { outline: 2px solid rgba(var(--color-foreground), .4); outline-offset: 2px; }
.collection-swatches__link:focus-visible { outline: 2px solid rgba(var(--color-foreground), .5); outline-offset: 4px; }

@media screen and (max-width: 749px) {
  .collection-swatches__list { --swatch-input--size: var(--collection-swatch-size-mobile); }
}