.slider-nav{
  display:flex;
  justify-content:space-between;
}

.slider-nav__button{
  background:var(--c-fond-medium);
  color:var(--c-brand);
  flex:0 0 1em;
  font-size:var(--w-slider-nav-button);
  height:1em;
  pointer-events:all;
  position:relative;
}

.slider-nav__button:not(.disabled):hover{
  background:var(--c-brand);
  color:var(--c-fond-medium);
}

.slider-nav__button.disabled{
  opacity:.3;
  pointer-events:none;
}

.slider-nav__button:last-child{
  margin-left:.5em;
}

.slider-nav__button-icon{
  display:block;
  height:100%;
  left:0;
  padding:10%;
  position:absolute;
  stroke-width:.05em;
  top:0;
  transform:rotate(270deg);
  transition:all .1s;
  width:100%;
}

.slider-nav__button--prev .slider-nav__button-icon{
  transform:rotate(90deg);
}

.slider-pagination{
  display:flex;
  gap:.625em;
  justify-content:center;
}

.slider-pagination .swiper-pagination-bullet{
  background:var(--c-slider-pagination, var(--c-fond-dark));
  cursor:pointer;
  display:block;
  height:1em;
  width:1em;
}

.slider-pagination .swiper-pagination-bullet-active{
  background:var(--c-slider-pagination--active, var(--c-brand));
}

:root{
  --swiper-theme-color:#007aff;
}

:host{
  display:block;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  z-index:1;
}

.swiper{
  display:block;
  list-style:none;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  padding:0;
  position:relative;
  z-index:1;
}

.swiper-vertical>.swiper-wrapper{
  flex-direction:column;
}

.swiper-wrapper{
  box-sizing:content-box;
  display:flex;
  height:100%;
  position:relative;
  transition-property:transform;
  transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);
  width:100%;
  z-index:1;
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{
  transform:translateZ(0);
}

.swiper-horizontal{
  touch-action:pan-y;
}

.swiper-vertical{
  touch-action:pan-x;
}

.swiper-slide{
  display:block;
  flex-shrink:0;
  height:100%;
  position:relative;
  transition-property:transform;
  width:100%;
}

.swiper-slide-invisible-blank{
  visibility:hidden;
}

.swiper-autoheight,.swiper-autoheight .swiper-slide{
  height:auto;
}

.swiper-autoheight .swiper-wrapper{
  align-items:flex-start;
  transition-property:transform, height;
}

.swiper-backface-hidden .swiper-slide{
  backface-visibility:hidden;
  transform:translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper{
  perspective:1200px;
}

.swiper-3d .swiper-wrapper{
  transform-style:preserve-3d;
}

.swiper-3d{
  perspective:1200px;
  .swiper-cube-shadow,.swiper-slide{
    transform-style:preserve-3d;
  }
}

.swiper-css-mode{
  >.swiper-wrapper{
    overflow:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
    &::-webkit-scrollbar{
      display:none;
    }
  }
  >.swiper-wrapper>.swiper-slide{
    scroll-snap-align:start start;
  }
  &.swiper-horizontal{
    >.swiper-wrapper{
      scroll-snap-type:x mandatory;
    }
  }
  &.swiper-vertical{
    >.swiper-wrapper{
      scroll-snap-type:y mandatory;
    }
  }
  &.swiper-free-mode{
    >.swiper-wrapper{
      scroll-snap-type:none;
    }
    >.swiper-wrapper>.swiper-slide{
      scroll-snap-align:none;
    }
  }
  &.swiper-centered{
    >.swiper-wrapper:before{
      content:"";
      flex-shrink:0;
      order:9999;
    }
    >.swiper-wrapper>.swiper-slide{
      scroll-snap-align:center center;
      scroll-snap-stop:always;
    }
  }
  &.swiper-centered.swiper-horizontal{
    >.swiper-wrapper>.swiper-slide:first-child{
      margin-inline-start:var(--swiper-centered-offset-before);
    }
    >.swiper-wrapper:before{
      height:100%;
      min-height:1px;
      width:var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical{
    >.swiper-wrapper>.swiper-slide:first-child{
      margin-block-start:var(--swiper-centered-offset-before);
    }
    >.swiper-wrapper:before{
      height:var(--swiper-centered-offset-after);
      min-width:1px;
      width:100%;
    }
  }
}

.swiper-3d{
  .swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{
    height:100%;
    left:0;
    pointer-events:none;
    position:absolute;
    top:0;
    width:100%;
    z-index:10;
  }
  .swiper-slide-shadow{
    background:rgba(0,0,0,.15);
  }
  .swiper-slide-shadow-left{
    background-image:linear-gradient(270deg, rgba(0,0,0,.5), transparent);
  }
  .swiper-slide-shadow-right{
    background-image:linear-gradient(90deg, rgba(0,0,0,.5), transparent);
  }
  .swiper-slide-shadow-top{
    background-image:linear-gradient(0deg, rgba(0,0,0,.5), transparent);
  }
  .swiper-slide-shadow-bottom{
    background-image:linear-gradient(180deg, rgba(0,0,0,.5), transparent);
  }
}

.swiper-lazy-preloader{
  border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius:50%;
  border-top:4px solid transparent;
  box-sizing:border-box;
  height:42px;
  left:50%;
  margin-left:-21px;
  margin-top:-21px;
  position:absolute;
  top:50%;
  transform-origin:50%;
  width:42px;
  z-index:10;
}

.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){
  .swiper-lazy-preloader{
    animation:swiper-preloader-spin 1s linear infinite;
  }
}

.swiper-lazy-preloader-white{
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black{
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin{
  0%{
    transform:rotate(0deg);
  }
  to{
    transform:rotate(1turn);
  }
}

.swiper .swiper-notification{
  left:0;
  opacity:0;
  pointer-events:none;
  position:absolute;
  top:0;
  z-index:-1000;
}

.swiper-fade{
  &.swiper-free-mode{
    .swiper-slide{
      transition-timing-function:ease-out;
    }
  }
  .swiper-slide{
    pointer-events:none;
    transition-property:opacity;
    .swiper-slide{
      pointer-events:none;
    }
  }
  .swiper-slide-active{
    pointer-events:auto;
    & .swiper-slide-active{
      pointer-events:auto;
    }
  }
}
/*# sourceMappingURL=slider.css.map */