.muy-carousel {
  .buttons-wrapper {
    @apply
      flex
      absolute
      flex-col
      h-auto
      items-center
      w-full;

    gap: 42px;

    @screen md {
      @apply
        flex-row
        justify-between;

      gap: 0;
    }

    .buttons {
      @apply
        flex;

      gap: 10px;
    }

    .before-arrow,
    .next-arrow {
      @apply
        opacity-100
        w-16
        h-16
        relative;

      &.slick-disabled {
        @apply
          opacity-50;
      }

      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: inline-block;
      transform: translateX(0);

      &::before {
        @apply
          hidden;
      }
    }

    &.top-left {
      @apply
        top-0
        left-0;
    }

    &.top-right {
      @apply
        top-0
        right-0;
    }

    &.bottom-left {
      @apply
        left-0;

      bottom: -109px;
    }

    &.bottom-right {
      @apply
        right-0;

      bottom: -109px;
    }

    &.bottom-center {
      left: 50%;
      transform: translateX(-50%);
      bottom: -109px;
    }

    @media screen and (max-width: 768px) {
      &.top-left-mobile {
        @apply
          top-0
          left-0;
      }

      &.top-right-mobile {
        @apply
          top-0
          right-0;
      }

      &.bottom-left-mobile {
        @apply
          left-0;

        bottom: -196px;
      }

      &.bottom-right-mobile {
        @apply
          right-0;

        bottom: -196px;
      }

      &.bottom-center-mobile {
        left: 50%;
        transform: translateX(-50%);
        bottom: -196px;
      }
    }
  }

  .muy-height-full {
    height: 100vh;

    .muy-slide {
      height: 100vh;
    }
  }

  .muy-height-2xl {
    height: 950px;

    .muy-slide {
      height: 950px;
    }
  }

  .muy-height-xl {
    height: 750px;

    .muy-slide {
      height: 750px;
    }
  }

  .muy-height-lg {
    height: 550px;

    .muy-slide {
      height: 550px;
    }
  }

  .muy-height-xs {
    height: 400px;

    .muy-slide {
      height: 400px;
    }
  }

  .muy-height-sm {
    height: 230px;

    .muy-slide {
      height: 230px;
    }
  }

  .slider {
    .slide {
      figure {
        @apply
          relative
          bg-transparent;

        top: inherit;
        bottom: inherit;
        left: inherit;
        right: inherit;
        transform: inherit;
        margin: auto;

        img {
          @apply
            w-auto
            h-auto;
        }
      }
    }
  }
}
