/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   FUNCTIONS */
.wp-block-cb-carousel-v2 {
  --wp--custom--carousel-block--navigation-border-radius: var(--wp--preset--border-radius--circle);
  --wp--custom--carousel-block--navigation-color: var(--wp--preset--color--light);
  --wp--custom--carousel-block--navigation-color-background: var(--wp--preset--color--dark);
  --wp--custom--carousel-block--navigation-size: 2rem;
  --wp--custom--carousel-block--pagination-bullet-active-color: var(--wp--preset--color--dark);
  --wp--custom--carousel-block--pagination-bullet-border-radius: var(--wp--preset--border-radius--small);
  --wp--custom--carousel-block--pagination-bullet-color: var(--wp--preset--color--dark);
  --wp--custom--carousel-block--pagination-bullet-shadow-color: var(--wp--preset--color--light);
  --wp--custom--carousel-block--pagination-bullet-size: var(--wp--preset--spacing--10);
  --wp--custom--carousel-block--outer-padding: calc(var(--wp--custom--align-full-padding-inline) * -0.8);
}
.wp-block-cb-carousel-v2 .swiper-horizontal {
  margin-block-end: calc(var(--wp--custom--carousel-block--pagination-bullet-size) * 2) !important;
}
.wp-block-cb-carousel-v2 .swiper-button {
  /* inset buttons if modifier class is present */
}
.wp-block-cb-carousel-v2 .swiper-button-prev, .wp-block-cb-carousel-v2 .swiper-button-next {
  border-radius: var(--wp--custom--carousel-block--navigation-border-radius);
  background-color: color-mix(in srgb, var(--wp--custom--carousel-block--navigation-color-background), rgba(0, 0, 0, 0) 20%);
  inline-size: calc(var(--wp--custom--carousel-block--navigation-size));
  block-size: calc(var(--wp--custom--carousel-block--navigation-size));
}
.wp-block-cb-carousel-v2 .swiper-button-prev::after, .wp-block-cb-carousel-v2 .swiper-button-next::after {
  font-size: 1em; /* stylelint-disable-line scale-unlimited/declaration-strict-value */
}
.wp-block-cb-carousel-v2 .swiper-button-prev {
  inset-inline-start: var(--wp--custom--carousel-block--outer-padding);
}
.wp-block-cb-carousel-v2 .swiper-button-prev::after {
  translate: -15% 0; /* icon visual centering */
}
.wp-block-cb-carousel-v2 .swiper-button-next {
  inset-inline-end: var(--wp--custom--carousel-block--outer-padding);
}
.wp-block-cb-carousel-v2 .swiper-button-next::after {
  translate: 15% 0; /* icon visual centering */
}
.swiper-buttons--inset .swiper-button-prev {
  inset-inline-start: var(--wp--preset--spacing--5) !important;
}
.swiper-buttons--inset .swiper-button-next {
  inset-inline-end: var(--wp--preset--spacing--5) !important;
}

.wp-block-cb-carousel-v2 .swiper-pagination-horizontal {
  inset-block-end: calc(var(--wp--custom--carousel-block--pagination-bullet-size) * -1.5) !important;
}
.wp-block-cb-carousel-v2 .swiper-pagination-bullet {
  transition: inline-size var(--wp--custom--transition--duration--medium) var(--wp--custom--transition--easing--default);
  border-radius: var(--wp--custom--carousel-block--pagination-bullet-border-radius);
}
.wp-block-cb-carousel-v2 .swiper-pagination-bullet-active {
  inline-size: calc(var(--wp--preset--spacing--10) * 2) !important;
}
.swiper--centered .swiper-wrapper {
  align-items: center;
}

.swiper--navigation--inset .swiper-pagination-horizontal {
  inset-block-end: calc(var(--wp--custom--carousel-block--outer-padding) / -2) !important;
}
.swiper--navigation--inset .swiper-pagination-bullet {
  box-shadow: 2px 0 0 0 var(--wp--custom--carousel-block--pagination-bullet-shadow-color), -2px 0 0 0 var(--wp--custom--carousel-block--pagination-bullet-shadow-color), 0 2px 0 0 var(--wp--custom--carousel-block--pagination-bullet-shadow-color), 0 -2px 0 0 var(--wp--custom--carousel-block--pagination-bullet-shadow-color);
}

@media (width < 600px) {
  .swiper--mobile--buttons-beside.swiper--navigation--inset .swiper-button-prev,
  .swiper--mobile--buttons-beside.swiper--navigation--inset .swiper-button-next {
    translate: 0 calc(-50% + var(--wp--custom--carousel-block--outer-padding) / 2);
  }
}
@media (width < 600px) {
  .swiper--mobile--buttons-beside .swiper-button-prev,
  .swiper--mobile--buttons-beside .swiper-button-next {
    inset-block-start: 100%;
    translate: 0 50%;
  }
}

/*# sourceMappingURL=carousel-block.css.map */