item:hover {
  --color-override: var(--color-highlight);
}
.pattern-list__item[aria-current] {
  position: relative;
  --color-override: var(--color-highlight);
}
.pattern-list__item[aria-current]::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-override);
  mix-blend-mode: screen;
}
@media screen and (max-width: 1199px) {
  .pattern-list__item:nth-child(3n-1) {
    transform: translateY(calc(-50% - calc(var(--gap)) / 2));
  }
}
@media screen and (min-width: 1200px) 