.swiper-button-prev.carousel-nav,.swiper-button-next.carousel-nav{top:var(--carousel-nav-top-offset,44%);z-index:10;width:auto;height:auto;padding:var(--spacing-small);color:var(--body-text-color);background-color:var(--bg-color-white);opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease, visibility var(--duration-default) ease;margin-top:0;text-decoration:none;display:flex;position:absolute;transform:translateY(-50%)}:is(.swiper-button-prev.carousel-nav,.swiper-button-next.carousel-nav) svg{width:var(--font-size-normal);height:var(--font-size-normal)}:is(.swiper-button-prev.carousel-nav,.swiper-button-next.carousel-nav):after,:is(.swiper-button-prev.carousel-nav,.swiper-button-next.carousel-nav).swiper-button-disabled,:is(.swiper-button-prev.carousel-nav,.swiper-button-next.carousel-nav).swiper-button-lock{display:none}:is(.swiper-button-prev.carousel-nav,.swiper-button-next.carousel-nav):focus-visible{outline-offset:2px;outline:2px solid}.swiper-button-prev.carousel-nav{inset-inline:0 auto}.swiper-button-next.carousel-nav{inset-inline:auto 0}.swiper.swiper-initialized .swiper-button-prev.carousel-nav,.swiper.swiper-initialized .swiper-button-next.carousel-nav{opacity:1;visibility:visible}.swiper:has(swatch-group){--carousel-nav-top-offset:41%}@media screen and (width<=768px){.swiper-button-prev.carousel-nav,.swiper-button-next.carousel-nav{display:none}}