.references-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--page-padding-left);
  }
  
  :is(.module-references-overview, .module-filmed-here-metropolitan-backlot) .filter-grid {
    display: flex;
    flex-flow: row nowrap;
    gap: 0px calc(20 * var(--px));
  }
  
  
  
  
  
  
  @media (min-width: 2001px) {
    
    .references-grid {
      grid-template-columns: repeat(5, 1fr);
    }
    
  }
  
  
  
  
  
  @media (max-width: 1200px) {
    
    .references-grid {
      grid-template-columns: repeat(3, 1fr);
    }
    
  }
  
  
  
  
  @media (max-width: 900px) {
    
    .references-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    .references-grid {
      grid-template-columns: 1fr;
      gap: 13px 0px;
    }
    
    
    
    :is(.module-references-overview, .module-filmed-here-metropolitan-backlot) .filter-grid button span.label {
      white-space: nowrap;
    }
    
    .module-references-overview .module-header,
    .module-filmed-here-metropolitan-backlot .module-header.filter-bar {
      padding-inline: 0;
  		overflow: hidden;
  		overflow-x: scroll;
  		-ms-overflow-style: none;
  		scrollbar-width: none;
  		-webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
    }
    
    .module-filmed-here-metropolitan-backlot .module-header.filter-bar {
      padding-inline: 0;
      margin-inline: 0;
    }
    
  	.module-references-overview .module-header::-webkit-scrollbar,
    .module-filmed-here-metropolitan-backlot .module-header.filter-bar::-webkit-scrollbar {
  		display: none;
  	}
    
    :is(.module-references-overview, .module-filmed-here-metropolitan-backlot) .filter-grid {
      display: flex;
      flex-flow: row nowrap;
      gap: 0px 5px;
      padding-inline: 20px;
      margin-inline: 0 !important;
      width: max-content;
    }
    
    :is(.module-references-overview, .module-filmed-here-metropolitan-backlot) .filter-grid > li {
      scroll-snap-align: start;
      scroll-margin-inline: 20px;
    }
    
    :is(.module-references-overview, .module-filmed-here-metropolitan-backlot) .filter-grid button:not(.btn-all) {
      width: 8.6em;
    }
    
  }