.collection-list {
}

.collection-list__item {
}

/* Allows animation + Excludes mobile devices.. */
@media (any-pointer: fine) and (prefers-reduced-motion: no-preference) {
  .collection-list__item {
    will-change: transform;
    transition: transform 0.3s ease-in-out;
  }

  .collection-list__item .collection-list__item-title {
    will-change: transform;
    transition: transform 0.3s ease-in-out;
  }

  .collection-list:not(.layout-masonry) .collection-list__item:hover {
    transform: scale(1.02) translateY(-5px);
  }

  .collection-list__item:hover .collection-list__item-title {
    transform: translateY(-5px);
  }
}

.layout-masonry .collection-list__item {
  opacity: 0;
  width: 25%;
  will-change: opacity;
  transition: opacity 0.3s ease-in-out;
}

.layout-masonry .initialized .collection-list__item {
  opacity: 1;
  width: auto;
}