/* [project]/app/components/main-slider/MainSlider.css [app-client] (css) */
.embla__slide {
  transition: opacity 1s ease-in-out;
}

.embla__dot {
  position: relative;
  overflow: hidden;
}

.embla__dot--selected:before {
  content: "";
  transform-origin: 0;
  transform: scaleX(var(--dot-progress, 0));
  will-change: transform;
  background: #fff;
  position: absolute;
  inset: 0;
}

.embla__dot--selected.dot-animate:before {
  animation: dotFill var(--dot-duration, 5s) linear forwards;
}

@keyframes dotFill {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

/*# sourceMappingURL=app_components_main-slider_MainSlider_9bf43444.css.map*/