/** Shopify CDN: Minification failed

Line 16:22 Unexpected "{"
Line 16:31 Expected ":"
Line 16:38 Unexpected "{"
Line 17:17 Expected identifier but found whitespace
Line 17:19 Unexpected "{"
Line 17:28 Expected ":"
Line 18:18 Expected identifier but found whitespace
Line 18:20 Unexpected "{"
Line 18:29 Expected ":"
Line 18:55 Expected ":"
... and 4 more hidden warnings

**/
.scroll_list_wrapper-{{ section.id }} {
      background: {{ section.settings.bg }};
      padding-top: {{ section.settings.top_spacing }}px;
      padding-bottom: {{ section.settings.bottom_spacing }}px;

  }
.scroll_list_inner { 
  overflow: hidden; 
}

.sticky_scroll_container { 
  display: flex;
  will-change: transform;
  transform: translate(var(--crab-ratio));
  gap: var(--items-gap);
}

.scroll_list_item p {
  font-size: var(--text-size);
  line-height: 1;
  margin: 0;
  color: var(--text-color);
}

.scroll_list_item {
  display: flex;
  align-items: center;
  gap: 3rem;
}

.scroll_list {
  display: flex;
  white-space: nowrap;
  gap: var(--items-gap);
  transform: translateX(var(--from-x));
  will-change: transform;
  /* animation: seamlessScroll var(--scroll-speed) linear infinite; */
  animation: none !important;
}

@keyframes seamlessScroll {
  0% {
    transform: translate(var(--from-x));
  }
  100% {
    transform: translate(var(--end-x));
  }
}

.sticky_scroll_container:hover .scroll_list {
  animation-play-state: paused;
}

.scroll_list_img img {
  max-width: var(--image-size);
  height: auto;
  transition: filter 0.3s;
}

.scroll_list_placeholder_svg {
  display: flex;
  width: 3rem;
  height: 3rem;
}

.scroll_list_placeholder_svg svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.scroll_list_placeholder_svg svg path {
  fill: var(--text-color);
  opacity: 0.6;
}
.scroll_list_wrapper {
  position: relative;
}
.scroll_list_wrapper:after {
    content: "";
    display: block;
    width: 57px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.scroll_list_wrapper:before {
    content: "";
    display: block;
    width: 57px;
    height: 100%;
    position: absolute;
    top: 0;
}
.scroll-list-outer {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: var(--items-gap);
}
.scroll-list-outer > .sticky_scroll_container {
  flex-shrink: 0 !important; 
  white-space: nowrap;
}
.scroll_list_inner {
    padding-left: var(--items-gap);
}
@media screen and (max-width: 640px) {
  .scroll_list_item p {
    font-size: 1.8rem;
  }
  .scroll_list {
    /* gap: 5rem; */
  }
}