swiper-container {
    --swiper-theme-color: var(--color-primary, black);
    --swiper-navigation-size: 1rem;
    --swiper-navigation-top-offset: calc(50% - (var(--swiper-navigation-size) / 2));
    --swiper-navigation-sides-offset: 2rem;

    --swiper-navigation-btn-background-color: rgba(0,0,0,0.05);
    --swiper-navigation-btn-padding: 0.75rem;
    --swiper-navigation-btn-size: 40px;
    --swiper-navigation-btn-border-radius: 50%;
    --swiper-navigation-btn-filter: none;
}
@media (max-width: 1023px) {
    swiper-container {
        --swiper-navigation-sides-offset: 0;
    }
}

swiper-container::part(button-prev),
swiper-container::part(button-next) {
    box-sizing: border-box;
    background-color: var(--swiper-navigation-btn-background-color);
    padding: var(--swiper-navigation-btn-padding);
    width: var(--swiper-navigation-btn-size);
    height: var(--swiper-navigation-btn-size);
    border-radius: var(--swiper-navigation-btn-border-radius);
    filter: var(--swiper-navigation-btn-filter);
}

swiper-slide img {
    width: 100%;
}