/**
 * slider
 */

// slider

.slider {
  position: relative;
  overflow: hidden;
  // @FIX page load height without .active slides
  &:not(.xt-slider) {
    .slide {
      &:first-child {
        display: block !important;
        position: relative !important;
      }
    }
  }
}

.slides {
  position: relative;
  // @FIX autoheight values
  display: inline-block;
  // @FIX inline-block margin below
  vertical-align:top;
}

// slides

.slide {
  position: relative;
  > * {
    display: block;
    position: relative;
  }
}

// .xt-overflow-auto

.xt-overflow-auto {
  .xt-disable();
  .slider-pagination, [data-xt-nav], .xt-wrap {
    display: none !important;
  }
  // @FIX disable slider if not overflowing
  .slides-inner {
    .transform-none() !important;
    .transition-none() !important;
  }
}

// .slider-disable

.slider-disable {
  .xt-disable-after-init();
  .slider-pagination, [data-xt-nav] {
    display: none !important;
  }
  .xt-wrap {
    visibility: hidden !important;
    opacity: 0 !important;
  }
  // @FIX do calculation first
  &.xt-disabled {
    .slide:not(.active) {
      visibility: hidden !important;
      opacity: 0 !important;
      height: 0 !important;
    }
  }
}

// .slider-expand

.slider-expand {
  .xt-disable();
  .slides {
    overflow: visible;
    height: auto !important;
  }
  .slides-inner {
    .trans-anim-none() !important;
    .transform-none() !important;
  }
  .slides-inner {
    flex-wrap: wrap !important;
  }
  .slide:not(.active) {
    opacity: 1 !important;
  }
  .xt-wrap, .slider-pagination, [data-xt-nav], .loader, .filler, .spinner {
    display: none !important;
  }
}