/* Library View Specific Styles */

#fullLibraryList {
  display: grid;
  gap: 1rem;
  /* min() prevents the column minimum from exceeding the container width on small phones */
  grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
}

/* Purchase items in library have full width buttons */
#fullLibraryList .purchase-item .btn-access {
  width: 100%;
}

@media (max-width: 768px) {
  #fullLibraryList {
    grid-template-columns: 1fr;
  }
}