@use "./mixins";
@use "../../../styles/tools/convert";

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

    &--scrollbar {
      @include mixins.scrollbar-variant;
    }

    &--bleed-right,
    &--bleed-right-no-left {
      @include mixins.bleed-right-variant;
    }

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

    &__viewport {
      @include mixins.viewport;
    }

    &__navigation {
      @include mixins.navigation;
    }

    &__controls {
      @include mixins.controls;
    }

    &__track {
      @include mixins.track;
    }

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

    &__pagination {
      @include mixins.pagination;
    }

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

    &__scrollbar {
      @include mixins.scrollbar-base;
    }

    &__scrollbar-horizontal {
      @include mixins.scrollbar-horizontal;
    }

    &__scrollbar-drag {
      @include mixins.scrollbar-drag;
    }
  }
}