.sb-CarouselArrow{--btn-bg:var(--bg-active);--btn-bg-hover:var(--bg-active-hover);height:var(--carousel-arrow_button-size,24px);position:relative;width:var(--carousel-arrow_button-size,24px)}[dir] .sb-CarouselArrow{border-radius:var(--radius-xl,9999px)}.sb-CarouselArrow-icon{--icon-size:8px}[dir] .sb-CarouselArrow-next .sb-CarouselArrow-icon{transform:rotate(0deg)}html[dir=rtl] .sb-CarouselArrow-next .sb-CarouselArrow-icon{transform:rotate(-180deg)}[dir=ltr] .sb-CarouselArrow-prev .sb-CarouselArrow-icon{transform:rotate(180deg)}[dir=rtl] .sb-CarouselArrow-prev .sb-CarouselArrow-icon{transform:rotate(-180deg)}html[dir=rtl] .sb-CarouselArrow-prev .sb-CarouselArrow-icon{transform:rotate(0deg)}.sb-CarouselSlide.isAutoWidth{width:auto}.sb-Carousel{--arrows-position-x:8px;--items-offset-x:0;position:relative}[dir=ltr] .sb-Carousel,[dir=rtl] .sb-Carousel{padding-left:var(--items-offset-x);padding-right:var(--items-offset-x)}.sb-Carousel .swiper-pagination{bottom:auto;display:flex;gap:4px;justify-content:center;position:relative;top:auto;width:auto}[dir] .sb-Carousel .swiper-pagination{margin-top:8px}[dir=ltr] .sb-Carousel .swiper-pagination{left:auto;padding-left:0}[dir=rtl] .sb-Carousel .swiper-pagination{right:auto;padding-right:0}.sb-Carousel .swiper-pagination-lock{display:none}.sb-Carousel .swiper-pagination-bullet{display:flex;height:8px;opacity:1;transition:width .3s ease-in-out;width:8px;will-change:width}[dir] .sb-Carousel .swiper-pagination-bullet{background:var(--color-hint);border:0;border-radius:var(--radius-xl,9999px);padding:0}.sb-Carousel .swiper-pagination-bullet-active{width:20px}[dir] .sb-Carousel .swiper-pagination-bullet-active{background:var(--primary-base)}.sb-CarouselArrows .sb-CarouselArrow{position:absolute;top:50%;z-index:1}[dir] .sb-CarouselArrows .sb-CarouselArrow{transform:translateY(-50%)}.sb-CarouselArrows.withPagination .sb-CarouselArrow{top:calc(50% - 8px)}[dir=ltr] .sb-CarouselArrows .sb-CarouselArrow-prev{left:var(--arrows-position-x)}[dir=ltr] .sb-CarouselArrows .sb-CarouselArrow-next,[dir=rtl] .sb-CarouselArrows .sb-CarouselArrow-prev{right:var(--arrows-position-x)}[dir=rtl] .sb-CarouselArrows .sb-CarouselArrow-next{left:var(--arrows-position-x)}.swiper-button-lock.sb-CarouselArrow{display:none}