/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/slider-main/style.scss ***!
  \**************************************************************************************************************************************************************************************************/
/**
 * Variables
*/
/* Typography */
/* Breakpoints */
/* Sizes */
/* Colour palette */
/**
 * Helper mixins
*/
/**
 * Variables
*/
/* Typography */
/* Breakpoints */
/* Sizes */
/* Colour palette */
/*
A simple little SCSS mixin for creating scrim gradients
Inspired by Andreas Larson - https://github.com/larsenwork
https://css-tricks.com/easing-linear-gradients/
https://toward.studio/latest/making-css-gradients-smooth
*/
.slider-block {
  position: relative;
}
.slider-block__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 266px;
  background-image: url("../images/content/slider-main-bg-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 100%;
  pointer-events: none;
  z-index: 2;
}
.slider_vet + .slider-block__bg {
  background-image: url("../images/content/slider-main-bg-vet.svg");
}
.slider_breeders + .slider-block__bg {
  background-image: url("../images/content/slider-main-bg-clear.svg");
}
@media (min-width: 1400px) {
  .slider-block__bg {
    background-image: url("../images/content/slider-main-bg-white-big.svg");
    background-size: 100% auto;
  }
  .slider_vet + .slider-block__bg {
    background-image: url("../images/content/slider-main-bg-vet-big.svg");
  }
  .slider_breeders + .slider-block__bg {
    background-image: url("../images/content/slider-main-bg-clear-big.svg");
  }
}

[data-slider=main-one-slide].slider {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 40px;
  pointer-events: auto;
  background: black !important;
  position: relative;
  color: #fff;
}
@media (max-width: 767px) {
  [data-slider=main-one-slide].slider {
    padding-bottom: 0;
  }
}
[data-slider=main-one-slide].slider_breeders, [data-slider=main-one-slide].slider_vet {
  margin-bottom: 0;
}
[data-slider=main-one-slide].slider * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
[data-slider=main-one-slide].slider .container {
  height: 100%;
}
[data-slider=main-one-slide].slider__inner {
  position: relative;
}
[data-slider=main-one-slide].slider .swiper-button-prev, [data-slider=main-one-slide].slider .swiper-button-next {
  width: 12px;
  height: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
[data-slider=main-one-slide].slider .swiper-button-prev::after, [data-slider=main-one-slide].slider .swiper-button-next::after {
  font-size: 24px;
  color: #FFCD75;
  -webkit-filter: drop-shadow(0 0 2px #000);
          filter: drop-shadow(0 0 2px #000);
}
[data-slider=main-one-slide].slider .swiper-button-prev {
  right: 100%;
  margin-right: 18px;
  left: auto;
}
@media (max-width: 1399px) {
  [data-slider=main-one-slide].slider .swiper-button-prev {
    display: none;
  }
}
[data-slider=main-one-slide].slider .swiper-button-next {
  left: 100%;
  margin-left: 18px;
  right: auto;
}
@media (max-width: 1399px) {
  [data-slider=main-one-slide].slider .swiper-button-next {
    display: none;
  }
}
[data-slider=main-one-slide].slider .swiper-pagination-bullets {
  bottom: 52px;
}
@media (max-width: 767px) {
  [data-slider=main-one-slide].slider .swiper-pagination-bullets {
    bottom: 19px;
  }
}
[data-slider=main-one-slide].slider .swiper-slide {
  height: auto;
}
[data-slider=main-one-slide].slider .slider__button-container {
  display: none;
}