.general-carousel {
  position: relative;
  width: auto;
  padding-right: 0;

  @include media-breakpoint-up(lg) {
    right: auto;
    left: 0;
    width: 150%;
    width: calc((((100vw - 100%) / 2) + 100%) - 1px);
    max-width: rem(1576);
    margin-right: 0;
    margin-left: auto;
  }

  @include media-breakpoint-up(xl) {
    width: rem(1576);
    margin-right: auto;
    margin-left: calc((100% - 1232px) / 2);
    border-color: green;
  }

  &::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: $z-index-base;
    width: rem(30);
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
    content: '';

    @include media-breakpoint-up(md) {
      right: 0;
      left: auto;
      width: 13%;
    }

    @include media-breakpoint-up(lg) {
      right: 0;
      left: auto;
      width: 13%;
    }

    @include media-breakpoint-up(xl) {
      left: calc(87%);
      width: 13%;
    }
  }

  &__control {
    @include size(rem(48));
    position: absolute;
    top: 50%;
    z-index: $z-index-above;
    display: none;
    padding: rem(10);
    line-height: $line-height-base;
    color: $color-s000;
    background-color: $color-b400;
    border-radius: 50%;

    &.is-active {
      display: block;
    }

    &:focus {
      outline: none;
    }

    &--left {
      left: -16px;
      transform: translateY(-50%) rotate(180deg);

      @include media-breakpoint-only(md) {
        left: -24px;
      }

      @include media-breakpoint-up(lg) {
        left: -24px;
      }
    }

    &--right {
      right: rem(-16);
      transform: translateY(-50%);

      @include media-breakpoint-only(md) {
        right: rem(-24);
      }

      @include media-breakpoint-up(lg) {
        right: calc((100vw - 100%) - 24px);
      }

      @include media-breakpoint-up(xl) {
        right: rem(322);
      }
    }

    &::after {
      @include size(rem(48));
      font-weight: $font-weight-semi-bold;
      content: '\2192';
    }
  }

  &__list {
    display: flex;
    flex-flow: row wrap;
  }
}

.glide__slides {
  white-space: normal;
  backface-visibility: visible;
}