/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/static/SliderNavigation/style.css ***!
  \**************************************************************************************************************************************************************************************************/
[name='SliderNavigation'] {
  --button-size: 48px;

  display: flex;
  justify-content: space-between;
}

  [name='SliderNavigation'] .swiper-button {
    position: static;
    width: var(--button-size);
    height: var(--button-size);
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--clr-primary);
    margin-inline-end: -12px;
  }

  @media (--bp-tablet){

  [name='SliderNavigation'] .swiper-button {
      margin-inline-end: -36px
  }
    }

  [name='SliderNavigation'] .swiper-button.swiper-button-prev {
      rotate: 180deg;
      margin-inline-start: -12px;
    }

  @media (--bp-tablet){

  [name='SliderNavigation'] .swiper-button.swiper-button-prev {
        margin-inline-start: -16px
    }
      }

  [name='SliderNavigation'] .swiper-button:hover:not(.swiper-button-disabled) {
      color: var(--clr-text);
    }

  [name='SliderNavigation'] .swiper-button.swiper-button-lock {
      display: none;
    }

  [name='SliderNavigation'] .swiper-button::after {
      display: none;
    }

  [name='SliderNavigation'] .swiper-button:hover,
    [name='SliderNavigation'] .swiper-button:focus-visible {
      color: var(--clr-secondary);
    }

  [name='SliderNavigation'] .swiper-button:disabled {
      opacity: 0.5;
    }

  [name='SliderNavigation'] .swiper-button svg {
      width: 100%;
      height: 28px;
      transition: all 0.3s ease;
    }


/*# sourceMappingURL=style.min.css.map*/