/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./blocks/slider_banner/slider_banner.scss ***!
  \**********************************************************************************************************************************/
@keyframes bannerSlideLeft {
  0% {
    transform: translateX(100%);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes textSlideTop {
  0% {
    transform: translateY(100%);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.slider_banner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.slider_banner .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.1, 0.3, 0.5, 1);
}
.slider_banner .swiper-slide {
  --padding: 2rem;
  --container-width: 102rem;
  --columns: 3;
  --banner-height:38rem;
  background-color: var(--wp--preset--color--grisclair);
  position: relative;
  display: grid;
  place-content: center;
}
@media (max-width: 1200px) {
  .slider_banner .swiper-slide {
    --banner-height: 32rem;
  }
}
@media (max-width: 992px) {
  .slider_banner .swiper-slide {
    --banner-height: 28rem;
  }
}
@media (max-width: 480px) {
  .slider_banner .swiper-slide {
    --banner-height: 24rem;
  }
}
.slider_banner .swiper-slide .slider_banner-text-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: clamp(1rem, 15vw, 6rem);
  margin: 1rem;
  position: relative;
}
.slider_banner .swiper-slide .slider_banner-text-block-inner {
  max-width: fit-content;
}
.slider_banner .slider_banner-background {
  position: relative;
  height: 100%;
  z-index: -1;
  object-fit: contain;
  max-width: 1920px;
  width: 100%;
  place-self: center;
  object-position: top;
}
.slider_banner.has-fixed-height .swiper-slide {
  height: var(--banner-height);
}
.slider_banner.has-fixed-height .slider_banner-background {
  position: absolute;
}
.slider_banner .wp-block-button__link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .slider_banner .wp-block-button__link {
    line-height: 1;
    padding: 0.6em 1em;
    font-size: var(--wp--preset--font-size--small) !important;
  }
}

.has-opacity-background {
  background-color: rgba(255, 255, 255, 0.85) !important;
}