:root {
  /* Bullets */
  --bc-swiper-bullet-background-default: ;

  --bc-swiper-bullet-background-selected: var(--color-pink);
  --bc-swiper-bullet-border-selected: var(--color-pink);

  --bc-swiper-bullet-background-hover: ;
  --bc-swiper-bullet-border-hover: ;

  --bc-swiper-bullet-background-active: ;
  --bc-swiper-bullet-border-active: ;

  --bc-swiper-bullet-background-focus: ;
  --bc-swiper-bullet-border-focus: ;

  /* Boutons prev/next */
  --bc-swiper-button-foreground-default: var(--color-slate);
  --bc-swiper-button-border-default: var(--color-pink);
  --bc-swiper-button-background-default: ;

  --bc-swiper-button-foreground-hover: var(--color-slate);
  --bc-swiper-button-border-hover: var(--color-mist);
  --bc-swiper-button-background-hover: var(--color-mist);

  --bc-swiper-button-foreground-active: ;
  --bc-swiper-button-border-active: ;
  --bc-swiper-button-background-active: ;

  --bc-swiper-button-foreground-focus: ;
  --bc-swiper-button-border-focus: ;
  --bc-swiper-button-background-focus: ;
}

.swiper {
  width: 100%;
  height: 100%;
}
.swiper .navigation {
  margin-block-start: 40px;
}
.swiper .swiper-pagination.swiper-pagination-lock {
  display: none !important;
}
.swiper .swiper-pagination:not(.swiper-pagination-numbers).swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 1;
  background-color: var(--bc-swiper-bullet-background-default);
}
.swiper .swiper-pagination:not(.swiper-pagination-numbers).swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background-color: var(--bc-swiper-bullet-background-selected);
  box-shadow: 0 0 0 0 var(--bc-swiper-bullet-border-selected);
}
.swiper .swiper-pagination:not(.swiper-pagination-numbers).swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper .swiper-pagination:not(.swiper-pagination-numbers).swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active):hover {
  background-color: var(--bc-swiper-bullet-background-hover);
  box-shadow: 0 0 0 2px var(--bc-swiper-bullet-border-hover);
}
.swiper .swiper-pagination:not(.swiper-pagination-numbers).swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper .swiper-pagination:not(.swiper-pagination-numbers).swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active):active {
  background-color: var(--bc-swiper-bullet-background-active);
  box-shadow: 0 0 0 2px var(--bc-swiper-bullet-border-active);
}
.swiper .swiper-pagination:not(.swiper-pagination-numbers).swiper-pagination-bullets .swiper-pagination-bullet:focus-visible {
  background-color: var(--bc-swiper-bullet-background-focus);
  box-shadow: 0 0 0 2px var(--bc-swiper-bullet-border-focus);
}
.swiper .swiper-pagination.swiper-pagination-numbers {
  position: initial;
  margin-block: auto;
  display: flex;
  align-items: center;
  transform: none;
  background-color: white;
  border-radius: 99px;
  overflow: hidden;
  white-space: nowrap;
}
.swiper .swiper-pagination.swiper-pagination-numbers.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  flex-shrink: 0;
  transform: none;
}
.swiper .swiper-pagination.swiper-pagination-numbers .swiper-pagination-bullets {
  display: flex;
  transition: transform 0.3s ease;
}
.swiper .swiper-pagination.swiper-pagination-numbers .swiper-pagination-bullet {
  border-radius: 99px;
  background-color: white;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  opacity: 1;
  font-size: 24px;
}
.swiper .swiper-pagination.swiper-pagination-numbers .swiper-pagination-bullet-active {
  color: white;
  background-color: var(--bc-swiper-bullet-background-active);
}
.swiper .swiper-control-container {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 99px;
}

.swiper-button-next,
.swiper-button-prev {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  width: 44px;
  height: 44px;
  position: initial;
  margin: 0;
  color: var(--bc-swiper-button-foreground-default);
  border: 1px solid var(--bc-swiper-button-border-default);
  border-radius: 99px;
  background-color: var(--bc-swiper-button-background-default);
  gap: 0;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.5;
  filter: grayscale(1);
}
.swiper-button-next.swiper-button-lock,
.swiper-button-prev.swiper-button-lock {
  display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  content: "";
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.swiper-button-next:before,
.swiper-button-prev:before {
  content: "";
  width: 0;
  height: 2px;
  transition: width 250ms cubic-bezier(0.33, 1, 0.68, 1);
  background-color: currentColor;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: var(--bc-swiper-button-foreground-hover);
  border-color: var(--bc-swiper-button-border-hover);
  background-color: var(--bc-swiper-button-background-hover);
}
.swiper-button-next:hover:before,
.swiper-button-prev:hover:before {
  width: var(--size-20);
}
.swiper-button-next:active,
.swiper-button-prev:active {
  color: var(--bc-swiper-button-foreground-active);
  border-color: var(--bc-swiper-button-border-active);
  background-color: var(--bc-swiper-button-background-active);
}
.swiper-button-next:focus-visible,
.swiper-button-prev:focus-visible {
  color: var(--bc-swiper-button-foreground-focus);
  border-color: var(--bc-swiper-button-border-focus);
  background-color: var(--bc-swiper-button-background-focus);
}

.swiper-button-next:before {
  transform: translateX(18px);
}
.swiper-button-next:after,
.swiper-button-prev:after {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZXZyb24tbGVmdC1pY29uIGx1Y2lkZS1jaGV2cm9uLWxlZnQiPjxwYXRoIGQ9Im0xNSAxOC02LTYgNi02Ii8+PC9zdmc+")
}
.swiper-button-next:after {
  transform: rotate(180deg);
}
.swiper-button-prev:before {
  order: 1;
  transform: translateX(-18px);
}