/*!**************************************************************************************************************************************************************************************************!*\
  !*** 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;
  gap: 16px;
}

  [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);
  }

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

  [name='SliderNavigation'] .swiper-button::after {
      content: unset;
    }

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

  [name='SliderNavigation'] .swiper-button:focus-visible {
      outline: 2px solid var(--clr-black);
      outline-offset: -4px;
    }

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

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


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