/** Shopify CDN: Minification failed

Line 46:23 The "-" operator only works if there is whitespace on both sides

**/
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2* var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.nav-btn-scroll{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.absolute-btn-scrollbar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 90px;
}

.absolute-btn-scrollbar .swiper-button-prev,
.absolute-btn-scrollbar .swiper-button-next {
  position: relative;
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}