/** Shopify CDN: Minification failed

Line 18:18 Unexpected "{"
Line 18:27 Expected ":"
Line 18:34 Unexpected "{"
Line 19:14 Expected identifier but found whitespace
Line 19:16 Unexpected "{"
Line 19:31 Expected ":"
Line 20:19 Expected identifier but found whitespace
Line 20:21 Unexpected "{"
Line 20:33 Expected ":"
Line 20:38 Expected ":"
... and 21 more hidden warnings

**/
.m-brands-list .m-image{margin-left:auto;margin-right:auto}.m-brands-list__logo{display:flex;align-items:center;height:100%}.m-brands-list__inner{margin-left:0;margin-right:0}.m-brands-list .swiper-container-initialized .m-brands-list__inner{margin-left:0;margin-right:0}.m-brands-list .m-mixed-layout{position:relative}.m-brands-list img{max-width:100% !important}.m-brands-list__logo .m-image{max-width:var(--image-width, 100%)}

  #m-brand-list-{{ section.id }} {
    --items: {{ items_per_row }};
    --column-gap: {{ column_gap }}px;
    --column-gap-mobile: {{ column_gap_mobile }}px;
    --row-gap: {{ row_gap }}px;
    --row-gap-mobile: {{ row_gap_mobile }}px;
    --section-padding-top: {{ section.settings.padding_top }}px;
    --section-padding-bottom: {{ section.settings.padding_bottom }}px;
  }

  /* New CSS to make the grid horizontal, scrollable, and hide the scrollbar on mobile */
  @media screen and (max-width: 749px) {
    .m-brands-list__inner {
      display: flex !important;
      flex-wrap: nowrap !important;
      overflow-x: scroll;
      padding-bottom: 0 !important; /* Removes padding from the bottom */
      -webkit-overflow-scrolling: touch;
      
      /* Hide scrollbar for different browsers */
      scrollbar-width: none; /* Firefox */
      -ms-overflow-style: none; /* Internet Explorer and Edge */
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .m-brands-list__inner::-webkit-scrollbar {
      display: none;
    }

    .m-brands-list__inner > div {
      flex-shrink: 0;
      width: 55px; /* Makes each icon smaller by 20px */
      height: 55px;
    }
  }