/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./static/src/components/modules/carousel/carousel.vue?vue&type=style&index=0&id=da0626c8&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.carousel__wrap[data-v-da0626c8] {
  width: 100%;
  overflow: hidden;
}
.carousel__track[data-v-da0626c8] {
  display: flex;
  width: max-content;
  animation: scroll-left-da0626c8 var(--speed, 10s) linear infinite;
  gap: var(--gap, 0px);
}
.carousel__item[data-v-da0626c8] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.carousel__item-text[data-v-da0626c8] {
  text-transform: uppercase;
}
/* Default Animation (Right to Left) */
@keyframes scroll-left-da0626c8 {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}
/* Reverse Animation (Left to Right) */
.is-reversed .carousel__track[data-v-da0626c8] {
  animation: scroll-right-da0626c8 var(--speed, 10s) linear infinite;
}
@keyframes scroll-right-da0626c8 {
0% {
    transform: translateX(-50%);
}
100% {
    transform: translateX(0);
}
}

