stify-content: center;
  transform: translateZ(0);
  opacity: 1;
  transition-property: transform, opacity, filter;
  transition-duration: var(--base-animation-duration);
  transition-timing-function: var(--base-easing);
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  .pattern-list {
    --columns: 4;
    justify-content: end;
    padding-inline-end: var(--gap);
    padding-block-end: var(--gap);
    margin-block-start: 2em;
  }
}
.pattern-list__item {
  margin: 0;
}
.pattern-list__