/** Shopify CDN: Minification failed

Line 178:3 Unexpected ";"

**/
.scrolling-images--image {
  isolation: isolate;
  border-radius: var(--block-border-radius, 16px); 
}

.scrolling-images {
  position: relative;
  background-size: cover;
  display: flex;
  align-items: center;
  overflow: hidden; 
}

.scrolling-images--inner {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
  width: 100%;
  overflow: hidden;
}

.scrolling-images--container {
  display: flex;
  align-items: center;
  white-space: nowrap;
  transition: transform 0.3s ease;
  cursor: pointer; /* Default cursor shows it's clickable */
}

/* Only change cursor when actively dragging */
.scrolling-images--container.is-dragging {
  cursor: grabbing;
}

/* Auto-scrolling animations (only when manual scroll is disabled) */
.scrolling-images:not(.scrolling-images--manual) .scrolling-images--inner.direction-left .scrolling-images--container {
  animation: marquee-left var(--marquee-speed) linear infinite; 
}

.scrolling-images:not(.scrolling-images--manual) .scrolling-images--inner.direction-right .scrolling-images--container {
  animation: marquee-right var(--marquee-speed) linear infinite; 
}

.scrolling-images--spacing-small .scrolling-images--item {
  margin: 0 5px; 
}

.scrolling-images--spacing-medium .scrolling-images--item {
  margin: 0 5px; 
}

@media only screen and (min-width: 768px) {
  .scrolling-images--spacing-medium .scrolling-images--item {
    margin: 0 10px; 
  } 
}

.scrolling-images--spacing-large .scrolling-images--item {
  margin: 0 5px; 
}

@media only screen and (min-width: 768px) {
  .scrolling-images--spacing-large .scrolling-images--item {
    margin: 0 15px; 
  } 
}

.scrolling-images--top .scrolling-images--container {
  align-items: flex-start; 
}

.scrolling-images--bottom .scrolling-images--container {
  align-items: flex-end; 
}

.scrolling-images--item {
  display: inline-flex;
  justify-content: center;
  flex-direction: column; 
  user-select: none;
}

.scrolling-images--image {
  position: relative;
  max-width: 70vw; 
}

@media only screen and (min-width: 768px) {
  .scrolling-images--image {
    max-width: 100%; 
  } 
}

.scrolling-images--content {
  margin-top: 30px; 
}

.scrolling-images--content h6 {
  margin-bottom: 10px; 
}

.scrolling-images--link {
  display: inline-flex; 
  pointer-events: auto;
}

/* Prevent accidental clicks during dragging */
.scrolling-images--container.is-dragging .scrolling-images--link,
.scrolling-images--container.was-dragging .scrolling-images--link {
  pointer-events: none;
}

/* Manual navigation */
.scrolling-images--navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 20;
  padding: 0 15px;
  pointer-events: none; /* Let clicks through to the slider */
}

.scrolling-images--nav-button {
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  pointer-events: auto; /* Make buttons clickable */
}

.scrolling-images--nav-button:hover {
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

.scrolling-images--nav-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5);
}

.scrolling-images--nav-button:disabled {
  cursor: default;
}

.scrolling-images--manual .scrolling-images--container {
  will-change: transform;
}

/* Animation keyframes for auto-scrolling */
@keyframes marquee-left {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-50%); } 
}

@keyframes marquee-right {
  0% {
    transform: translateX(-50%); }
  100% {
    transform: translateX(0%); } 
}px; 
  } 
}

.scrolling-images--top .scrolling-images--container {
  align-items: flex-start; 
}

.scrolling-images--bottom .scrolling-images--container {
  align-items: flex-end; 
}

.scrolling-images--item {
  display: inline-flex;
  justify-content: center;
  flex-direction: column; 
  user-select: none;
}

.scrolling-images--image {
  position: relative;
  max-width: 70vw; 
  pointer-events: none; /* Allow dragging over images */
}

.scrolling-images--image img {
  pointer-events: auto; /* But keep images clickable */
}

@media only screen and (min-width: 768px) {
  .scrolling-images--image {
    max-width: 100%; 
  } 
}

.scrolling-images--content {
  margin-top: 30px; 
}

.scrolling-images--content h6 {
  margin-bottom: 10px; 
}

.scrolling-images--link {
  display: inline-flex; 
  /* Prevent link clicks during drag */
  pointer-events: auto;
}

/* Prevent link clicks during drag */
.scrolling-images--draggable.is-dragging .scrolling-images--link {
  pointer-events: none;
}

/* Manual navigation */
.scrolling-images--navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 20;
  padding: 0 15px;
  pointer-events: none; /* Let clicks through to the slider */
}

.scrolling-images--nav-button {
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  pointer-events: auto; /* Make buttons clickable */
}

.scrolling-images--nav-button:hover {
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

.scrolling-images--nav-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5);
}

.scrolling-images--nav-button:disabled {
  cursor: default;
}

.scrolling-images--manual .scrolling-images--container {
  will-change: transform;
}

/* Animation keyframes for auto-scrolling */
@keyframes marquee-left {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-50%); } 
}

@keyframes marquee-right {
  0% {
    transform: translateX(-50%); }
  100% {
    transform: translateX(0%); } 
}