/** Shopify CDN: Minification failed

Line 192:0 Expected "}" to go with "{"

**/
/* Scroll-driven progress bar: define named timeline on the scroller */
.resource-list__carousel slideshow-slides {
  scroll-timeline: --resource-list-scroll inline;
}

/* Scope the timeline to the slideshow-component so the controls bar can access it */
.resource-list__carousel slideshow-component {
  timeline-scope: --resource-list-scroll;
}


@keyframes resource-list-progress-fill {
  from {
    transform: scaleX(0.2);
  }
  to {
    transform: scaleX(1);
  }
}

/* Controls bar layout */
.resource-list-controls {
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  padding-block: var(--padding-sm);
  padding-inline: var(--util-page-margin-offset, 0);
  justify-content: center;
}

.resource-list-controls--style-top_right {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  transform: translate(20%, -100%);
}
.resource-list-controls--style-top_right .resource-list-controls__arrow .slideshow-control{
  display: flex;
  width: 36px;
  height: 36px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 0;
  aspect-ratio: 1/1;
} 

.resource-list-controls__arrow {
  flex-shrink: 0;
}

.resource-list-controls__progress {
  flex: 1;
  max-width: 200px;
}

/* Arrow nav size — both styles, desktop and mobile */
.resource-list-controls .slideshow-control {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-12, 12px);
  width: 44px;
  height: 44px;
}

/* Disabled arrow: opacity only, never hidden */
.resource-list-controls .slideshow-control:disabled {
  opacity: 0.6;
  display: flex;
}

/* Progress bar track — 3px container, 1px visible track via pseudo-element */
.resource-list-progress-bar {
  position: relative;
  width: 100%;
  height: 1px;
  background: transparent;
  border-radius: 2px;
  overflow: visible;
}

/* 1px track line centered in the 3px container */
.resource-list-progress-bar::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 50%;
  height: 1px;
  background-color: rgba(37, 38, 38, 0.50);
  border-radius: 2px;
  transform: translateY(-50%);
}

/* Progress bar fill — default static (scaleX 0) until scroll animation kicks in */
.resource-list-progress-bar__fill {
  position: relative;
  z-index: 1;
  height: 3px;
  top: -1px; /* visually center the 3px fill with the 1px track */
  background-color: #771737;
  transform: scaleX(0.2);
  transform-origin: left center;
}

@supports (animation-timeline: scroll()) {
  .resource-list-progress-bar__fill {
    animation: resource-list-progress-fill linear both;
    animation-timeline: --resource-list-scroll;
  }
}

@media screen and (max-width: 749px) {
  .resource-list-controls__progress {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
  }

  .resource-list-progress-bar {
    width: 100%;
    max-width: 200px;
  }
}

/* ── Centered nav style ───────────────────────────────────── */
.resource-list-controls--style-centered {
  width: min(393px, 100%);
  padding: 0 8px;
  justify-content: space-between;
  align-items: center;
  margin-inline: auto;
  margin-top: 32px;
  @media screen and (max-width: 749px) {
  @media screen and (max-width: 749px) {
    margin-top: 24px;
  }
}

/* Progress bar fill matches arrow button background */
.rvp .resource-list-controls--style-centered .resource-list-progress-bar__fill {
  background-color: var(--color-primary-button-background);
}

/* Progress bar track matches arrow button background (muted) */
.rvp .resource-list-controls--style-centered .resource-list-progress-bar::after {
  background-color: rgb(var(--color-primary-button-background-rgb, var(--color-foreground-rgb)) / 0.2);
}

/* Desktop: hide elements when disabled */
@media screen and (min-width: 750px) {
  .resource-list-controls--no-arrows-desktop .resource-list-controls__arrow {
    display: none;
  }

  .resource-list-controls--no-progress-desktop
    .resource-list-controls__progress {
    display: none;
  }

  .resource-list-controls--hidden-desktop {
    display: none;
  }
}

/* Mobile: hide elements when disabled */
@media screen and (max-width: 749px) {
  .resource-list-controls--no-arrows-mobile .resource-list-controls__arrow {
    display: none;
  }

  .resource-list-controls--no-progress-mobile
    .resource-list-controls__progress {
    display: none;
  }

  .resource-list-controls--hidden-mobile {
    display: none;
  }
}