@layer components{[name=SliderNavigation]{--button-size: 3rem}[name=SliderNavigation] .swiper-button{position:static;width:var(--button-size);height:var(--button-size);margin:0;padding:0;border:none;background:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:var(--color-accent)}[name=SliderNavigation] .swiper-button.swiper-button-lock{display:none}[name=SliderNavigation] .swiper-button:after{display:none}[name=SliderNavigation] .swiper-button:hover{color:var(--color-accent)}[name=SliderNavigation] .swiper-button:focus-visible{color:var(--color-accent);outline:.125rem solid var(--color-accent);outline-offset:.125rem;border-radius:50%}[name=SliderNavigation] .swiper-button:disabled{cursor:default;opacity:.5}[name=SliderNavigation] .swiper-button svg{width:100%;height:1rem;transition:all .3s ease}}