.swiper,
.swiper * {
    user-select: none;
    max-width: 100%;
    box-sizing: border-box;
}

[class*='swiper-button-']:has(img, svg):after {
    content: unset !important;
}

[class*='swiper-button-']:has(img, svg),
[class*='swiper-button-'] :is(img, svg) {
    height: var(--swiper-navigation-size);
    width: var(--swiper-navigation-size);
    object-fit: contain;
    object-position: center;
    transition: 300ms;
}

[class*='swiper-button-'] :is(img, svg) {
    pointer-events: none;
}