@keyframes scrollerMove {
  0% {
    top: 7px;
  }
  50% {
    top: 19px;
  }
  100% {
    top: 7px;
  }
}
@keyframes scrollerGradient {
  0% {
    top: 7px;
    height: 24px;
  }
  50% {
    top: 23px;
    height: 8px;
  }
  100% {
    top: 7px;
    height: 24px;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes autoplayLine {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
slideshow-gallery {
  position: relative;
}
slideshow-gallery .swiper-button-prev, slideshow-gallery .swiper-button-next {
  margin: 0;
  top: calc(50% - 32px);
  left: -7.1875rem;
  width: 4.0625rem;
  height: 4.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid rgba(44, 44, 44, 0.25);
  border-radius: 50%;
  transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 1550px) {
  slideshow-gallery .swiper-button-prev, slideshow-gallery .swiper-button-next {
    left: -4.6875rem;
  }
}
@media screen and (max-width: 1450px) {
  slideshow-gallery .swiper-button-prev, slideshow-gallery .swiper-button-next {
    left: 0.625rem;
    background: rgba(255, 255, 255, 0.3);
  }
}
@media screen and (max-width: 768px) {
  slideshow-gallery .swiper-button-prev, slideshow-gallery .swiper-button-next {
    display: none !important;
  }
}
slideshow-gallery .swiper-button-prev svg, slideshow-gallery .swiper-button-next svg {
  width: 2rem;
  height: 2rem;
}
slideshow-gallery .swiper-button-prev svg path, slideshow-gallery .swiper-button-next svg path {
  fill: var(--colorBlack);
  transition: fill 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (hover: hover) {
  slideshow-gallery .swiper-button-prev:hover, slideshow-gallery .swiper-button-next:hover {
    background: var(--colorPrimary);
  }
  slideshow-gallery .swiper-button-prev:hover svg path, slideshow-gallery .swiper-button-next:hover svg path {
    fill: #fff;
  }
}
slideshow-gallery .swiper-button-prev:before, slideshow-gallery .swiper-button-next:before {
  position: absolute;
  content: "";
  bottom: -0.09375rem;
  left: -0.09375rem;
  width: 2rem;
  height: 2rem;
  border: 0.125rem solid var(--colorPrimary);
  border-top: none;
  border-right: none;
  border-radius: 0 0 0 100%;
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
slideshow-gallery .swiper-button-prev:hover:before, slideshow-gallery .swiper-button-next:hover:before {
  opacity: 0;
}
slideshow-gallery .swiper-button-next:before {
  transform: rotate(180deg);
  left: auto;
  bottom: auto;
  top: -0.09375rem;
  right: -0.09375rem;
}
slideshow-gallery .swiper-button-next {
  left: initial;
  right: -7.1875rem;
}
@media screen and (max-width: 1550px) {
  slideshow-gallery .swiper-button-next {
    right: -4.6875rem;
  }
}
@media screen and (max-width: 1450px) {
  slideshow-gallery .swiper-button-next {
    right: 0.625rem;
  }
}
slideshow-gallery .swiper-button-prev:after, slideshow-gallery .swiper-button-next:after {
  display: none;
}
@media screen and (max-width: 768px) {
  slideshow-gallery .swiper {
    margin: 0 -2.5rem;
  }
}
@media screen and (max-width: 374px) {
  slideshow-gallery .swiper {
    margin: 0 -1.25rem;
  }
}
@media screen and (max-width: 768px) {
  slideshow-gallery .swiper .swiper-wrapper .swiper-slide {
    width: calc(100vw - 80px);
  }
}
@media screen and (max-width: 374px) {
  slideshow-gallery .swiper .swiper-wrapper .swiper-slide {
    width: calc(100vw - 40px);
  }
}
slideshow-gallery .swiper .swiper-wrapper .swiper-slide slideshow-gallery-item .inner .item .img {
  position: relative;
  overflow: hidden;
  border-radius: 0.375rem;
  background: #fff;
  padding-bottom: 69.67418546%;
}
slideshow-gallery .swiper .swiper-wrapper .swiper-slide slideshow-gallery-item .inner .item .img img {
  max-width: initial;
  position: absolute;
  object-fit: cover;
  object-position: 50% 50%;
  transform: scale(1.01);
  width: 100%;
  height: 100%;
}