body {
/* SWIPER */
.swiper-button-prev,
.swiper-button-next {
    opacity: 1;
    overflow: hidden;
    width: calc(.5 * var(--swiper-navigation-size) + 1 * var(--padding));
    height: calc(var(--swiper-navigation-size) + 2 * var(--padding));
    transition: opacity var(--transition-time) ease-in-out;
}
.swiper-button-prev:after {
    transform: translateX(-40%)
}
.swiper-button-next:after {
    transform: translateX(40%)
}
.swiper-button-prev:before,
.swiper-button-next:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 200%;
    height: 100%;
    background-color: var(--light);
    z-index: -1;
    border-radius: 100%;
}
.swiper-button-prev:before {
    left: -100%;
    right: 0;
}
.swiper-button-next:before {
    right: -100%;
    left: 0;
}
.swiper:hover .swiper-button-prev,
.swiper:hover .swiper-button-next {
    opacity: 1;
}
.swiper-slide {
    height: unset;
    align-self: stretch;
}
#slider_locations .swiper-slide > div {
    cursor: pointer;
    transition: background-color var(--transition-time) ease-in-out;
}
.swiper {
    overflow: visible
}
.swiper-slide > * {
    opacity: 0;
    transition: opacity var(--transition-time) ease-in-out
}
.swiper-slide.swiper-slide-visible > * {
    opacity: 1
}
}