:root {
  --swiper-icon-offset: 4px;
  --swiper-navigation-background-gradient-direction: 90deg;
}

.swiper-result {
  padding-top: 2rem;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-bottom: 2.5rem;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.swiper-result ~ .swiper-button-prev,
.swiper-result ~ .swiper-button-next {
  /* Bootstrap */
  --bs-gutter-y: 3rem;
  /* Button */
  --icon-background: var(--color-static-background-light-primary);
  /* Navigation */
  --swiper-navigation-top-offset: calc(50% + var(--bs-gutter-y));
  --swiper-navigation-size: 3rem;
  --swiper-navigation-color: var(--color-static-on-background-light-primary);
  width: 3rem;
  box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1333333333);
}
.swiper-result ~ .swiper-button-prev:hover,
.swiper-result ~ .swiper-button-next:hover {
  --swiper-navigation-color: var(--color-static-on-background-light-variant-10);
}
.swiper-result ~ .swiper-button-prev::before, .swiper-result ~ .swiper-button-prev::after,
.swiper-result ~ .swiper-button-next::before,
.swiper-result ~ .swiper-button-next::after {
  font-size: calc(var(--swiper-navigation-size) * 0.5);
}
.swiper-result ~ .swiper-button-prev.swiper-button-disabled,
.swiper-result ~ .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.swiper-result ~ .swiper-button-prev {
  left: 0vw;
  transform: translateX(-50%);
}
.swiper-result ~ .swiper-button-prev::after {
  padding-right: var(--swiper-icon-offset);
}
.swiper-result ~ .swiper-button-next {
  right: 0vw;
  transform: translateX(50%);
}
.swiper-result ~ .swiper-button-next::after {
  padding-left: var(--swiper-icon-offset);
}
.swiper-result .swiper-slide {
  cursor: grab;
}

.swiper-result-image-preview .swiper-button-prev,
.swiper-result-image-preview .swiper-button-next {
  --swiper-navigation-size: 1rem;
  --swiper-navigation-color: white;
  display: flex;
  top: 0;
  width: 4rem;
  height: 100%;
  margin: unset;
  border-radius: var(--number-corner-1);
  background: linear-gradient(var(--swiper-navigation-background-gradient-direction), rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0));
}
.swiper-result-image-preview .swiper-button-prev::after,
.swiper-result-image-preview .swiper-button-next::after {
  display: flex;
  width: 0.75rem;
  height: 0.75rem;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: var(--swiper-navigation-color);
  content: "";
}
.swiper-result-image-preview .swiper-button-prev.swiper-button-disabled,
.swiper-result-image-preview .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.swiper-result-image-preview .swiper-button-prev {
  --swiper-navigation-background-gradient-direction: 90deg;
  left: 0;
  padding-right: 1.25rem;
}
.swiper-result-image-preview .swiper-button-prev::after {
  transform: rotate(135deg);
}
.swiper-result-image-preview .swiper-button-next {
  --swiper-navigation-background-gradient-direction: -90deg;
  right: 0;
  padding-left: 1.25rem;
}
.swiper-result-image-preview .swiper-button-next::after {
  transform: rotate(-45deg);
}