.text_slider {
  margin: em(50px) 0;
  position: relative;
  z-index: 1;
  .slider__navigation {
    top: 50%;
    margin-top: em(-45px);
    right: em(-40px);
    z-index: 5;
  }
  .slider__navigation--prev {
    left: em(-40px);
    right: auto;
  }
  @media screen and (max-width: $medium_breakpoint) {
    .slider__navigation {
      background: none;
      right: em(-40px);
    }
    .slider__navigation--prev {
      left: em(-40px);
    }
  }
}

.text_slider__frame {
  overflow: hidden;
  padding: 0 em(60px);
  width: 100%;
  height: auto;
  mask-image: linear-gradient(to right, rgba($black, 0) 0%, $black 10%, $black 90%, rgba($black, 0) 100%);
  @media screen and (max-width: $medium_breakpoint) {
    padding: 0 em(40px);
  }
}

.text_slider__content {
  width: 100%;
  position: relative;
  white-space: nowrap;
  font-size: 0;
  transform: none;
  transition: transform 0.8s $easeInOutQuad;
}

.text_slider__item {
  display: inline-block;
  font-size: $default_font_size;
  vertical-align: middle;
  white-space: normal;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.text_slider__text {
  line-height: 1.3;
  font-weight: 700;
  font-size: em(35px);
  color: $dark_gray;
  text-align: center;
  @media screen and (max-width: $medium_breakpoint) {
    font-size: em(20px);
  }
}