.swiper{overflow:visible}.swiper .swiper-wrapper{padding:0;list-style:none;display:flex}.swiper div:empty{display:inherit}.swiper .swiper-button-prev,.swiper .swiper-button-next{border-radius:1000px;width:50px;height:50px;background-color:var(--background-color);text-align:center;line-height:1;color:var(--grey);top:35%;border:none;padding:0;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 20px #0000001a}.swiper .swiper-button-prev:empty,.swiper .swiper-button-next:empty{display:flex}.swiper .swiper-button-prev:after,.swiper .swiper-button-next:after{width:20px;display:block;font-size:1.6rem}.swiper .swiper-button-prev:after{background-image:var(--carousel-icon);content:"";width:21px;height:13px;background-repeat:no-repeat;background-size:100%;transform:rotate(180deg)}.swiper .swiper-button-next:after{background-image:var(--carousel-icon);content:"";width:21px;height:13px;background-repeat:no-repeat;background-size:100%}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{position:relative;bottom:0;margin-top:2rem}.swiper-pagination-bullet{background:var(--grey)}.swiper-button-disabled{display:none!important}.free-samples.swiper .swiper-button-prev,.free-samples.swiper .swiper-button-next{width:35px;height:35px;background-color:var(--white);transform:translateY(-50%);top:50%;margin:0}// Found this was the easier way to override the size rather than trying amend the js size inject .swiper-pagination-bullet{width:6px;height:6px}
/*# sourceMappingURL=/cdn/shop/t/138/assets/component-swiper.bundle.css.map */