/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/advanced-slider/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-wpopus-advanced-slider {
  --swiper-pagination-bottom: 20px;
  --swiper-navigation-sides-offset: 20px;
  --wpopus-carousel-navigation-bg-color: #FFFFFF00;
  --wpopus-carousel-navigation-height: 50px;
  --wpopus-carousel-navigation-width: 50px;
  --wpopus-carousel-navigation-padding: 1px 1px 1px 1px;
  --wpopus-carousel-navigation-border: 0px solid #00000000;
  --wpopus-carousel-navigation-border-radius: 0px;
}
.wp-block-wpopus-advanced-slider swiper-container[centered-slides=true] swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  transform: scaleY(1) !important;
}
.wp-block-wpopus-advanced-slider figure {
  margin: 0;
}
.wp-block-wpopus-advanced-slider swiper-slide .wp-block-cover.alignleft,
.wp-block-wpopus-advanced-slider swiper-slide .wp-block-cover.alignright {
  max-width: 100%;
}
.wp-block-wpopus-advanced-slider swiper-container swiper-slide {
  display: block !important;
}
.wp-block-wpopus-advanced-slider .wpopus-advanced-carousel-wrapper ::part(button-prev),
.wp-block-wpopus-advanced-slider .wpopus-advanced-carousel-wrapper ::part(button-next) {
  box-sizing: border-box;
  background-color: var(--wpopus-carousel-navigation-bg-color);
  height: var(--wpopus-carousel-navigation-height);
  width: var(--wpopus-carousel-navigation-width);
  padding: var(--wpopus-carousel-navigation-padding);
  border: var(--wpopus-carousel-navigation-border);
  border-radius: var(--wpopus-carousel-navigation-border-radius);
}
.wp-block-wpopus-advanced-slider .wpopus-advanced-carousel-wrapper.pagination-outside swiper-slide {
  padding-bottom: 50px;
}
.wp-block-wpopus-advanced-slider .wpopus-advanced-carousel-wrapper.pagination-outside.navigation-default ::part(button-prev),
.wp-block-wpopus-advanced-slider .wpopus-advanced-carousel-wrapper.pagination-outside.navigation-default ::part(button-next) {
  top: calc(50% - 25px);
}

/*# sourceMappingURL=style-index.css.map*/