/** Shopify CDN: Minification failed

Line 114:8 Expected ":"
Line 115:4 Unexpected "}"
Line 119:4 Expected ":"

**/
/* CSS ONLY MARQUEE */

.scroller {
    max-width: 100%;
    display: block;
    --gap: 1rem;
    --divided-gap: calc(var(--gap) / 2);
  }
  
  .scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  
  .scroller[data-animated="true"] {
    overflow: hidden;
    /* -webkit-mask: linear-gradient(
      90deg,
      transparent,
      white 20%,
      white 80%,
      transparent
    );
    mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent); */
  }
  
  .scroller[data-animated="true"] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
  }
  
  .scroller[data-pause-on-hover="true"]:hover .scroller__inner {
    animation-play-state: paused;
  }
  
  .scroller[data-direction="right"] {
    --_animation-direction: reverse;
  }
  
  .scroller[data-direction="left"] {
    --_animation-direction: forwards;
  }
  
  .scroller[data-speed="fast"] {
    --_animation-duration: 20s;
  }
  
  .scroller[data-speed="slow"] {
    --_animation-duration: 60s;
  }
  
  @keyframes scroll {
    to {
      transform: translate(calc(-50% - var(--divided-gap, 0.5rem)));
    }
  }


.logo_lists {
    height: 100%;
  }
  
  .logo_lists:not(.logo_lists-logo) {
    padding: 3.75rem 0;
  }
  
  .logo_lists-logo {
    padding: 1.5rem 0;
  }
  
  .yummy_logo_list,
  .logo_list {
    font-size: 22px;
    line-height: 130%;
    font-weight: 450;
  }
  .yummy_logo_lists_wrp {
    --gap: 120px;
  }
  img.logo__list_image {
    mix-blend-mode: multiply;
    max-height: 200px;
    width: 100%;
    height: 100%;
    max-width: 173px;
    object-fit: contain;
    transition: filter 0.3s ease;
    filter: grayscale(100%);
  }

  .seen-on-title{
    font-size: 64px;
    font-weight: 700;
    text-align: center;
    padding: 80px 0 40px 0;
    margin:0;
  }

  @media (max-width: 992px) {
  
  .seen-on-title {
      font-size: 24px;
      padding: 40px;
    }
  }

.logo_list:hover img.logo__list_image {
    filter: grayscale(0%);
  }
