@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(--grey-text)}[name=SliderNavigation] .swiper-button:not(.swiper-button-disabled){color:var(--grey-border)}[name=SliderNavigation] .swiper-button.swiper-button-lock{display:none}[name=SliderNavigation] .swiper-button:after{display:none}[name=SliderNavigation] .swiper-button:hover,[name=SliderNavigation] .swiper-button:focus-visible{color:var(--grey-border)}[name=SliderNavigation] .swiper-button:disabled svg path{fill:var(--grey-border)}[name=SliderNavigation] .swiper-button svg{width:100%;height:1rem;transition:all .3s ease}}