.sv-carousel-progress{display:none}

@media screen and (max-width:749px){
  [data-sv-carousel-viewport]{-ms-overflow-style:none;scrollbar-width:none!important}
  [data-sv-carousel-viewport]>*{scroll-snap-stop:always}
  [data-sv-carousel-viewport]::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  .sv-carousel-progress{display:grid;min-height:44px;grid-template-columns:8.5rem minmax(90px,1fr);align-items:center;gap:18px;padding:12px var(--sv-carousel-progress-padding-inline,var(--page-margin)) 11px;background:var(--sv-carousel-progress-background);color:var(--sv-carousel-progress-color);transition:grid-template-columns 380ms var(--motion-ease-standard),gap 380ms var(--motion-ease-standard)}
  .sv-carousel-progress[hidden]{display:none}
  .sv-carousel-progress__hint{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden;font-size:.625rem;font-weight:800;letter-spacing:.045em;line-height:1;white-space:nowrap;text-transform:uppercase;animation:svCarouselHintNudge 1900ms ease-in-out infinite;transition:opacity 180ms ease}
  .sv-carousel-progress__hint svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentcolor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .sv-carousel-progress__track{position:relative;min-width:90px;height:3px;overflow:hidden;background:color-mix(in srgb,currentcolor,transparent 78%)}
  .sv-carousel-progress__thumb{position:absolute;inset-block:0;left:0;width:40px;background:currentcolor;transform:translateX(0);will-change:transform}
  .sv-carousel-progress.is-engaged{grid-template-columns:0 minmax(90px,1fr);gap:0}
  .sv-carousel-progress.is-engaged .sv-carousel-progress__hint{opacity:0;animation:none}
}

@keyframes svCarouselHintNudge{0%,20%,70%,100%{transform:translateX(0)}45%{transform:translateX(5px)}}

@media(prefers-reduced-motion:reduce){
  .sv-carousel-progress{transition:none}
  .sv-carousel-progress__hint{animation:none;transition:none}
}
