.swiper-navigation{display:flex;align-items:center;gap:.5rem}.button-navigation{--button-navigation-bg: transparent;--button-navigation-color: var(--c-accent);--button-navigation-border-color: var(--c-accent);--button-navigation-hover-bg: var(--c-accent);--button-navigation-hover-color: var(--c-text-white);flex:0 0 3.5rem;inline-size:3.5rem;block-size:3.5rem;border:.125rem solid var(--button-navigation-border-color);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--button-navigation-color);background-color:var(--button-navigation-bg);transition:color .3s,background-color .3s,border-color .3s}.color-inverse .button-navigation{--button-navigation-color: var(--c-text-white);--button-navigation-border-color: var(--c-text-white);--button-navigation-hover-bg: var(--bg-light);--button-navigation-hover-color: var(--c-accent)}.button-navigation i{display:contents}.button-navigation i:before{font-size:1.125rem;color:inherit}.button-navigation:hover{color:var(--button-navigation-hover-color);background-color:var(--button-navigation-hover-bg)}.button-navigation_prev{transform-origin:center center;transform:rotate(180deg)}.button-navigation_next{--button-navigation-bg: var(--c-accent);--button-navigation-color: var(--c-text-white);--button-navigation-hover-bg: transparent;--button-navigation-hover-color: var(--c-accent)}.color-inverse .button-navigation_next{--button-navigation-bg: var(--bg-light);--button-navigation-color: var(--c-accent);--button-navigation-hover-bg: transparent;--button-navigation-hover-color: var(--c-text-white)}.button-navigation.swiper-button-disabled{pointer-events:none;opacity:.5}