/* line 1, app/assets/stylesheets/product_img_slider.css.sass */
.product-slider {
  height: 320px;
  margin-top: 20px;
}

/* line 5, app/assets/stylesheets/product_img_slider.css.sass */
.product-slider .carousel-indicators li {
  width: 8px;
  height: 8px;
  margin: 0;
  margin-right: 8px;
  background: #00145E;
  opacity: .2;
  border: none;
}

/* line 13, app/assets/stylesheets/product_img_slider.css.sass */
.product-slider .carousel-indicators li:last-child {
  margin-right: 0;
}

/* line 15, app/assets/stylesheets/product_img_slider.css.sass */
.product-slider .carousel-indicators li.active {
  width: 8px;
  height: 8px;
  opacity: 1;
}

/* line 19, app/assets/stylesheets/product_img_slider.css.sass */
.product-slider .carousel-control.left,
.product-slider .carousel-control.right {
  display: flex;
  align-items: center;
  justify-content: center;
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 0 8px;
  background: none;
  background-color: #fff;
  opacity: 1;
}

/* line 32, app/assets/stylesheets/product_img_slider.css.sass */
.product-slider .carousel-control--blue.left,
.product-slider .carousel-control--blue.right {
  background-color: #E6EFFF;
}

/* line 36, app/assets/stylesheets/product_img_slider.css.sass */
.product-slider .carousel-control.left .arrow-right {
  transform: scale(-1, -1);
}

/* line 39, app/assets/stylesheets/product_img_slider.css.sass */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  display: block;
  height: auto;
  width: 100%;
  line-height: 1;
}

/* line 44, app/assets/stylesheets/product_img_slider.css.sass */
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
  display: flex;
}

/* line 46, app/assets/stylesheets/product_img_slider.css.sass */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  height: 270px;
  align-items: center;
  justify-content: center;
}

/* line 53, app/assets/stylesheets/product_img_slider.css.sass */
.carousel-fade .carousel-inner .item__with-zoom::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3827 9.69136C18.3827 14.4915 14.4915 18.3827 9.69136 18.3827C4.89125 18.3827 1 14.4915 1 9.69136C1 4.89125 4.89125 1 9.69136 1C14.4915 1 18.3827 4.89125 18.3827 9.69136Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.69136 16.7531C13.5914 16.7531 16.7531 13.5914 16.7531 9.69136C16.7531 5.79127 13.5914 2.62963 9.69136 2.62963C5.79127 2.62963 2.62963 5.79127 2.62963 9.69136C2.62963 13.5914 5.79127 16.7531 9.69136 16.7531ZM9.69136 18.3827C14.4915 18.3827 18.3827 14.4915 18.3827 9.69136C18.3827 4.89125 14.4915 1 9.69136 1C4.89125 1 1 4.89125 1 9.69136C1 14.4915 4.89125 18.3827 9.69136 18.3827Z' fill='%2300145E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6271 14.7065L22.6024 20.6819C23.1327 21.2122 23.1327 22.072 22.6024 22.6024C22.072 23.1327 21.2122 23.1327 20.6819 22.6024L14.7065 16.6271L16.6271 14.7065Z' fill='%2300145E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.6914 5.61719C10.1414 5.61719 10.5062 5.98199 10.5062 6.432V12.9505C10.5062 13.4005 10.1414 13.7653 9.6914 13.7653C9.24139 13.7653 8.87659 13.4005 8.87659 12.9505V6.432C8.87659 5.98199 9.24139 5.61719 9.6914 5.61719Z' fill='%2300145E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7654 9.69201C13.7654 10.142 13.4006 10.5068 12.9506 10.5068L6.43205 10.5068C5.98204 10.5068 5.61723 10.142 5.61723 9.69201C5.61723 9.242 5.98204 8.8772 6.43205 8.8772L12.9506 8.8772C13.4006 8.8772 13.7654 9.242 13.7654 9.69201Z' fill='%2300145E'/%3E%3C/svg%3E%0A");
  background-color: rgba(0, 20, 94, 0.2);
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* line 66, app/assets/stylesheets/product_img_slider.css.sass */
.carousel-fade .carousel-inner .item__with-zoom:hover::before {
  display: block;
}

/* line 68, app/assets/stylesheets/product_img_slider.css.sass */
.carousel-fade .carousel-inner .active {
  opacity: 1;
}

/* line 71, app/assets/stylesheets/product_img_slider.css.sass */
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

/* line 77, app/assets/stylesheets/product_img_slider.css.sass */
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

/* line 81, app/assets/stylesheets/product_img_slider.css.sass */
.carousel-fade .carousel-control {
  z-index: 2;
}

@media (max-width: 640px) {
  /* line 85, app/assets/stylesheets/product_img_slider.css.sass */
  .product-slider {
    height: 265px;
    margin-top: 20px;
  }
  /* line 88, app/assets/stylesheets/product_img_slider.css.sass */
  .carousel-fade .carousel-inner .item {
    height: 230px;
  }
}

@media all and (transform-3d), (-webkit-transform-3d) {
  /* line 93, app/assets/stylesheets/product_img_slider.css.sass */
  .carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-transform: translate3d(0, 0, 0);
  }
  /* line 98, app/assets/stylesheets/product_img_slider.css.sass */
  .carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-transform: translate3d(0, 0, 0);
  }
  /* line 103, app/assets/stylesheets/product_img_slider.css.sass */
  .carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-transform: translate3d(0, 0, 0);
  }
}