@charset "utf-8";

/* NOTE: 既に定義されているものを再定義している箇所は確認を容易にするため */

.swiper-container {
  --swiper-theme-color: var(--f-color-green);
  position: relative;
  z-index: 1;
  visibility: hidden;
}
.swiper-container-initialized {
  visibility: initial;
}
.swiper-container.--single {
}
.swiper-container.--single .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-container.--single .swiper-slide-duplicate {
  display: none;
}

.swiper-pagination {
}
.swiper-pagination.--static {
  position: static;
  margin: 1.4rem 0 0;
}

:is(.swiper-button-next, .swiper-button-prev)::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 150%;
  height: 150%;
  border-radius: 0.5rem;
  z-index: 2;
  content: "";
  background-color: hsl(0 0 0 / 0.5);
}
:is(.swiper-button-next, .swiper-button-prev)::after {
  text-rendering: initial;
  z-index: 3;
}

.swiper-swipe-info {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}