.swiper {
    width: 100%;
    height: 60vh;
    padding-bottom: 1rem;
}

.swiper-wrapper {
    gap: 0.5rem;
}

.swiper-slide {
    width: auto;
    height: 100%;
}

.swiper-slide img {
    object-fit: contain;
    max-height: 100%;
}

.swiper-pagination {
    width: auto;
    bottom: calc(- var(--font-size-extralarge));
    font-size: var(--font-size-small);
}

.swiper-navigation {
    position: absolute;
    right: 0;
    bottom: calc(- var(--font-size-extralarge));
    display: flex;
    align-items: end;
    gap: 1rem;
    height: 1rem;
}

.swiper-button-prev,
.swiper-button-next {
    position: unset;
    height: auto;
    transition: 300ms opacity;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 0.5;
    transition: 300ms opacity;
}