/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/packages/slider/slider/view.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.wp-block-xp-blocks-slider {
  position: relative;
}
.wp-block-xp-blocks-slider .swiper-slide {
  width: 100%;
}
.wp-block-xp-blocks-slider .swiperCarouselClassic .swiper-slide {
  width: 33.33%;
}
.wp-block-xp-blocks-slider .swiperCarouselAuto .swiper-slide {
  width: 80%;
}
.wp-block-xp-blocks-slider .swiper-button-prev,
.wp-block-xp-blocks-slider .swiper-button-next {
  background: rgba(255, 255, 255, 0.5);
  top: 50% !important;
  transform: translateY(-50%);
}
.wp-block-xp-blocks-slider .swiper-button-prev::before, .wp-block-xp-blocks-slider .swiper-button-prev::after,
.wp-block-xp-blocks-slider .swiper-button-next::before,
.wp-block-xp-blocks-slider .swiper-button-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 2px;
  border-radius: 2.5px;
  background: #333333;
  transition: all 0.15s ease;
}
.wp-block-xp-blocks-slider .swiper-button-prev::before {
  transform: translate(-50%, -50%) rotate(30deg);
  transform-origin: 0% 50%;
}
.wp-block-xp-blocks-slider .swiper-button-prev::after {
  transform: translate(-50%, -50%) rotate(-30deg);
  transform-origin: 0% 50%;
}
.wp-block-xp-blocks-slider .swiper-button-next::before {
  transform: translate(-50%, -50%) rotate(30deg);
  transform-origin: 100% 50%;
}
.wp-block-xp-blocks-slider .swiper-button-next::after {
  transform: translate(-50%, -50%) rotate(-30deg);
  transform-origin: 100% 50%;
}

@media (min-width: 768px) {
  .wp-block-xp-blocks-slider .swiperCarouselAuto .swiper-slide {
    width: 40%;
  }
  .wp-block-xp-blocks-slider .swiper-button-next,
  .wp-block-xp-blocks-slider .swiper-button-prev {
    background: rgba(255, 255, 255, 0.5);
    width: 90px;
    height: 90px;
    top: 198px;
    right: 0;
    color: #fff;
  }
  .wp-block-xp-blocks-slider .swiper-button-next {
    right: 0;
  }
  .wp-block-xp-blocks-slider .swiper-button-prev {
    left: 0;
  }
}
@media (min-width: 1600px) {
  .wp-block-xp-blocks-slider .swiper-button-prev {
    left: -90px !important;
  }
  .wp-block-xp-blocks-slider .swiper-button-next {
    right: -90px !important;
  }
}
@media (max-width: 767px) {
  .wp-block-xp-blocks-slider .swiper-button-next,
  .wp-block-xp-blocks-slider .swiper-button-prev {
    width: 40px !important;
    height: 40px !important;
  }
  .wp-block-xp-blocks-slider .swiper-button-next::before, .wp-block-xp-blocks-slider .swiper-button-next::after,
  .wp-block-xp-blocks-slider .swiper-button-prev::before,
  .wp-block-xp-blocks-slider .swiper-button-prev::after {
    width: 15px;
  }
  .wp-block-xp-blocks-slider .swiper-button-prev::before {
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: 0% 50%;
  }
  .wp-block-xp-blocks-slider .swiper-button-prev::after {
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: 0% 50%;
  }
  .wp-block-xp-blocks-slider .swiper-button-next::before {
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: 100% 50%;
  }
  .wp-block-xp-blocks-slider .swiper-button-next::after {
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: 100% 50%;
  }
  .is-slider-arrows-out {
    position: relative;
  }
  .is-slider-arrows-out .wp-block-xp-blocks-slider {
    position: initial !important;
  }
  .is-slider-arrows-out .wp-block-xp-blocks-slider .swiper-button-next,
  .is-slider-arrows-out .wp-block-xp-blocks-slider .swiper-button-prev {
    width: 20px !important;
    top: 50% !important;
    transform: translateY(-50%);
  }
  .is-slider-arrows-out .wp-block-xp-blocks-slider .swiper-button-next,
  .is-slider-arrows-out .wp-block-xp-blocks-slider .swiper-button-prev {
    margin: 0 !important;
    position: absolute !important;
    top: 19px !important;
    left: auto !important;
  }
  .is-slider-arrows-out .wp-block-xp-blocks-slider .swiper-button-next {
    right: 0 !important;
  }
  .is-slider-arrows-out .wp-block-xp-blocks-slider .swiper-button-prev {
    right: 25px !important;
  }
}

/*# sourceMappingURL=view.css.map*/