.swiper-button-next,
.swiper-button-prev {
  display: none;
}

.navigation-active .swiper-button-next,
.navigation-active .swiper-button-prev {
  display: flex;
  flex-wrap: wrap;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  width: 48px;
  height: 100%;
  top: 0;
  margin: 0;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: -webkit-backdrop-filter color;
  transition-property: backdrop-filter color;
  transition-property: backdrop-filter color, -webkit-backdrop-filter color;
  mix-blend-mode: difference;
}
@media (min-width: 768px) {
  .swiper .swiper-button-next,
.swiper .swiper-button-prev {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .swiper .swiper-button-next,
.swiper .swiper-button-prev {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .swiper .swiper-button-next,
.swiper .swiper-button-prev {
    width: 64px;
  }
}
.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
  display: none;
}
.swiper .swiper-button-next .btn-icon,
.swiper .swiper-button-prev .btn-icon {
  transition-property: background-color color;
  display: flex;
  flex-wrap: wrap;
  height: 24px;
  width: 48px;
  font-size: 24px;
}
@media (min-width: 768px) {
  .swiper .swiper-button-next .btn-icon,
.swiper .swiper-button-prev .btn-icon {
    height: 28px;
  }
}
@media (min-width: 1024px) {
  .swiper .swiper-button-next .btn-icon,
.swiper .swiper-button-prev .btn-icon {
    height: 32px;
  }
}
@media (min-width: 1440px) {
  .swiper .swiper-button-next .btn-icon,
.swiper .swiper-button-prev .btn-icon {
    height: 32px;
  }
}
@media (min-width: 768px) {
  .swiper .swiper-button-next .btn-icon,
.swiper .swiper-button-prev .btn-icon {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .swiper .swiper-button-next .btn-icon,
.swiper .swiper-button-prev .btn-icon {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .swiper .swiper-button-next .btn-icon,
.swiper .swiper-button-prev .btn-icon {
    width: 64px;
  }
}
@media (min-width: 768px) {
  .swiper .swiper-button-next .btn-icon,
.swiper .swiper-button-prev .btn-icon {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .swiper .swiper-button-next .btn-icon,
.swiper .swiper-button-prev .btn-icon {
    font-size: 32px;
  }
}
@media (min-width: 1440px) {
  .swiper .swiper-button-next .btn-icon,
.swiper .swiper-button-prev .btn-icon {
    font-size: 32px;
  }
}
.swiper .swiper-button-next .btn-icon:before,
.swiper .swiper-button-prev .btn-icon:before {
  color: var(--color-invert);
  background-color: var(--color-main);
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
}
.swiper .swiper-button-next:active, .swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:active,
.swiper .swiper-button-prev:hover {
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
}
.swiper .swiper-button-next:active .btn-icon:before, .swiper .swiper-button-next:hover .btn-icon:before,
.swiper .swiper-button-prev:active .btn-icon:before,
.swiper .swiper-button-prev:hover .btn-icon:before {
  background-color: var(--color-invert);
  color: var(--color-main);
}
.swiper .swiper-button-next {
  right: 0;
}
.swiper .swiper-button-next .btn-icon {
  justify-content: flex-start;
}
.swiper .swiper-button-next .btn-icon:before {
  content: "\e97f";
  font-family: "icomoon", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.swiper .swiper-button-prev {
  left: 0;
}
.swiper .swiper-button-prev .btn-icon {
  justify-content: flex-end;
}
.swiper .swiper-button-prev .btn-icon:before {
  content: "\e97d";
  font-family: "icomoon", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.recommendation-swiper .swiper-button-next {
  width: 48px;
  height: calc(100% - 96px);
}
@media (min-width: 768px) {
  .recommendation-swiper .swiper-button-next {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .recommendation-swiper .swiper-button-next {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .recommendation-swiper .swiper-button-next {
    width: 64px;
  }
}
@media (min-width: 768px) {
  .recommendation-swiper .swiper-button-next {
    height: calc(100% - 112px);
  }
}
@media (min-width: 1024px) {
  .recommendation-swiper .swiper-button-next {
    height: calc(100% - 128px);
  }
}
@media (min-width: 1440px) {
  .recommendation-swiper .swiper-button-next {
    height: calc(100% - 128px);
  }
}
.recommendation-swiper .swiper-button-next .btn-icon {
  margin: 96px 0 0;
}
@media (min-width: 768px) {
  .recommendation-swiper .swiper-button-next .btn-icon {
    margin: 112px 0 0;
  }
}
@media (min-width: 1024px) {
  .recommendation-swiper .swiper-button-next .btn-icon {
    margin: 128px 0 0;
  }
}
@media (min-width: 1440px) {
  .recommendation-swiper .swiper-button-next .btn-icon {
    margin: 128px 0 0;
  }
}
.recommendation-swiper .swiper-button-prev {
  width: 48px;
  height: 100%;
}
@media (min-width: 768px) {
  .recommendation-swiper .swiper-button-prev {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .recommendation-swiper .swiper-button-prev {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .recommendation-swiper .swiper-button-prev {
    width: 64px;
  }
}

.product-pic-swiper .swiper-button-prev span,
.product-pic-swiper .swiper-button-next span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-pic-swiper .swiper-button-prev .number,
.product-pic-swiper .swiper-button-next .number {
  height: 100%;
  width: 50%;
  position: relative;
  overflow: hidden;
  font-size: 12px;
}
@media (min-width: 768px) {
  .product-pic-swiper .swiper-button-prev .number,
.product-pic-swiper .swiper-button-next .number {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .product-pic-swiper .swiper-button-prev .number,
.product-pic-swiper .swiper-button-next .number {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .product-pic-swiper .swiper-button-prev .number,
.product-pic-swiper .swiper-button-next .number {
    font-size: 16px;
  }
}
.product-pic-swiper .swiper-button-prev .number .num,
.product-pic-swiper .swiper-button-next .number .num {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: top, bottom;
}
.product-pic-swiper .swiper-button-prev .number .num:first-child,
.product-pic-swiper .swiper-button-next .number .num:first-child {
  top: 0;
  background-color: var(--color-invert);
  color: var(--color-main);
}
.product-pic-swiper .swiper-button-prev .number .num:last-child,
.product-pic-swiper .swiper-button-next .number .num:last-child {
  bottom: 100%;
  color: var(--color-invert);
  background-color: var(--color-main);
}
.product-pic-swiper .swiper-button-prev:active, .product-pic-swiper .swiper-button-prev:hover,
.product-pic-swiper .swiper-button-next:active,
.product-pic-swiper .swiper-button-next:hover {
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
}
.product-pic-swiper .swiper-button-prev:active .btn-icon .number .num:first-child, .product-pic-swiper .swiper-button-prev:hover .btn-icon .number .num:first-child,
.product-pic-swiper .swiper-button-next:active .btn-icon .number .num:first-child,
.product-pic-swiper .swiper-button-next:hover .btn-icon .number .num:first-child {
  top: 100%;
}
.product-pic-swiper .swiper-button-prev:active .btn-icon .number .num:last-child, .product-pic-swiper .swiper-button-prev:hover .btn-icon .number .num:last-child,
.product-pic-swiper .swiper-button-next:active .btn-icon .number .num:last-child,
.product-pic-swiper .swiper-button-next:hover .btn-icon .number .num:last-child {
  bottom: 0;
}
.product-pic-swiper .swiper-button-prev {
  left: 0;
}
.product-pic-swiper .swiper-button-prev .btn-icon {
  justify-content: flex-end;
  flex-direction: row-reverse;
}

.vertical-swiper .swiper-button-prev,
.vertical-swiper .swiper-button-next {
  width: 48px;
  height: 48px;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .vertical-swiper .swiper-button-prev,
.vertical-swiper .swiper-button-next {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .vertical-swiper .swiper-button-prev,
.vertical-swiper .swiper-button-next {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .vertical-swiper .swiper-button-prev,
.vertical-swiper .swiper-button-next {
    width: 64px;
  }
}
@media (min-width: 768px) {
  .vertical-swiper .swiper-button-prev,
.vertical-swiper .swiper-button-next {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .vertical-swiper .swiper-button-prev,
.vertical-swiper .swiper-button-next {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .vertical-swiper .swiper-button-prev,
.vertical-swiper .swiper-button-next {
    height: 64px;
  }
}
.vertical-swiper .swiper-button-next .btn-icon {
  justify-content: flex-start;
}
.vertical-swiper .swiper-button-next .btn-icon:before {
  content: "\e97b";
  font-family: "icomoon", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vertical-swiper .swiper-button-prev {
  margin: 0 0 72px;
}
@media (min-width: 768px) {
  .vertical-swiper .swiper-button-prev {
    margin: 0 0 84px;
  }
}
@media (min-width: 1024px) {
  .vertical-swiper .swiper-button-prev {
    margin: 0 0 96px;
  }
}
@media (min-width: 1440px) {
  .vertical-swiper .swiper-button-prev {
    margin: 0 0 96px;
  }
}
.vertical-swiper .swiper-button-prev .btn-icon {
  justify-content: flex-start;
}
.vertical-swiper .swiper-button-prev .btn-icon:before {
  content: "\e981";
  font-family: "icomoon", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*# sourceMappingURL=prev-next.css.map */