.spr-swiper {
  .spr-swiper__container {
    position: relative;
  }

  .spr-swiper__content {
    margin-block: 1.5rem;
  }

  .swiper-button-next,
  .swiper-button-prev {
    right: calc((4.375rem + 1rem) * -1);
    display: none;
    width: 4.375rem;
    height: 4.375rem;

    &::after {
      display: block;
      width: 4.375rem;
      height: 4.375rem;
      content: "";
      border: 0.0625rem solid var(--color-black);
      border-radius: 2.1875rem;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='12' fill='none' viewBox='0 0 23 12'%3E%3Cpath fill='%23000' d='M22.2 6.5c.3-.3.3-.7 0-1L17.5.7a.8.8 0 0 0-1.1 1L20.6 6l-4.2 4.2a.8.8 0 0 0 1 1.1l4.8-4.8ZM.3 6.8h21.4V5.3H.3v1.5Z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
    }

    @media (min-width: 768px) {
      display: flex;
    }
  }

  .swiper-button-prev {
    right: auto;
    left: calc((4.375rem + 1rem) * -1);

    &::after {
      transform: rotate(180deg);
    }
  }
}

/* Large part */
.my-swiper-2 {
  .swiper-slide {
    max-height: 46rem;
    aspect-ratio: 935 / 640;

    .page-node-type-photo-album & .media--type-image {
      position: static;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
    }

    img {
      overflow: hidden;
      align-self: center;
      width: auto;
      height: auto;
      object-fit: unset;
      border-radius: var(--radius);
    }
  }

  .spr-swiper__photographer {
    display: block;
    align-self: center;
    padding-block: var(--space-x-small);
  }
}

/* Thumbnail part */
.my-swiper.swiper-thumbs {
  .swiper-slide {
    aspect-ratio: 1 / 1;

    > .media--type-image {
      aspect-ratio: 1 / 1;
    }

    img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
    }

    &:not(.swiper-slide-thumb-active) {
      img {
        filter: brightness(80%);
      }
    }

    .spr-swiper__photographer {
      display: none;
    }
  }
}