.field--node--field-chef--recipe {
  background-color: var(--c--primary);
  color: var(--c--white);
  padding: var(--spacing--8) 0;
}
.field--node--field-chef--recipe .slider-navigation {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing--1);
  margin-bottom: var(--spacing--2);
}
.field--node--field-chef--recipe .slider-navigation .swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.field--node--field-chef--recipe .btn--icon-text {
  color: var(--c--white);
}
.field--node--field-chef--recipe .swiper {
  overflow: initial;
}
.field--node--field-chef--recipe .swiper .swiper-pagination {
  --c--primary: var(--c--white);
  --stroke--secondary: var(--c--white);
}
.field--node--field-chef--recipe .swiper .swiper-pagination {
  position: relative;
  top: 0;
  margin-top: var(--spacing--3);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.field--node--field-chef--recipe .swiper .swiper-pagination .swiper-pagination-bullet {
  --d: 2.4rem;
  --d-before: 1.2rem;
  width: initial;
  height: 4rem;
  padding: 0 var(--spacing--1);
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  opacity: 1;
}
.field--node--field-chef--recipe .swiper .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  display: block;
  width: var(--d-before);
  height: var(--d-before);
  border: 1px solid var(--stroke--secondary);
  border-radius: var(--d-before);
  transition: 0.45s ease all;
}
.field--node--field-chef--recipe .swiper .swiper-pagination .swiper-pagination-bullet.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.field--node--field-chef--recipe .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  height: 2.4rem;
}
.field--node--field-chef--recipe .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  width: 4.8rem;
  height: var(--d);
  background-color: var(--c--primary);
  border-color: var(--c--primary);
}
@media (max-width: 991px) {
  .field--node--field-chef--recipe .swiper {
    width: 90%;
    margin-left: initial;
  }
}
/*# sourceMappingURL=field--node--field-chef--recipe.css.map */