@use "./mixins";

@layer components {
  .carousel-promotions {
    @include mixins.base;

    &__viewport-wrapper {
      @include mixins.viewport-wrapper;
    }

    &__viewport {
      @include mixins.viewport;
    }

    &__track {
      @include mixins.track;
    }

    &__slide {
      @include mixins.slide-base;
    }

    &__image {
      @include mixins.slide-image;
    }

    &__title {
      @include mixins.slide-title;
    }

    &__content {
      @include mixins.slide-content;
    }

    &__pagination {
      @include mixins.pagination;
    }

    &__pagination-item {
      @include mixins.pagination-item;
    }

    &__pagination-svg {
      @include mixins.pagination-svg;
    }

    &__pagination-circle {
      @include mixins.pagination-circle;
    }
  }
}
