divan-carousel{position:relative;display:block;--per-view: var(--per-view-mobile, 1);--carousel-gap: 1.6rem}divan-carousel>.swiper{margin:0}divan-carousel .swiper-wrapper{margin:0;padding:0;list-style:none}divan-carousel .swiper-slide{height:auto}divan-carousel>.swiper:not(.swiper-initialized) .swiper-wrapper{gap:var(--carousel-gap)}divan-carousel:not([data-effect=fade])>.swiper:not(.swiper-initialized) .swiper-slide{width:calc((100% - (var(--per-view) - 1) * var(--carousel-gap)) / var(--per-view))}.carousel__arrow{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;background:none;color:var(--divan-orange);cursor:pointer;transform:translateY(-50%)}divan-carousel.is-ready .carousel__arrow{display:inline-flex}divan-carousel.is-ready .carousel__arrow.swiper-button-lock{display:none}.carousel__arrow.swiper-button-disabled{opacity:.3;cursor:default}.carousel__arrow .svg-wrapper{width:1.2rem;height:2rem}.carousel__arrow--prev{left:-1.2rem}.carousel__arrow--next{right:-1.2rem}.carousel__arrow--prev .svg-wrapper{transform:rotate(180deg)}.carousel__pagination{display:flex;justify-content:center;gap:.8rem;padding-top:1.2rem}.carousel__pagination .swiper-pagination-bullet{width:1rem;height:1rem;margin:0;background:var(--divan-text);opacity:.25}.carousel__pagination .swiper-pagination-bullet-active{background:var(--divan-orange);opacity:1}@media screen and (min-width:768px){divan-carousel{--per-view: var(--per-view-tablet, 2)}}@media screen and (min-width:1024px){divan-carousel{--per-view: var(--per-view-desktop, 4)}.carousel__arrow--prev{left:-2.4rem}.carousel__arrow--next{right:-2.4rem}}@media screen and (min-width:1350px){divan-carousel{--per-view: var(--per-view-wide, var(--per-view-desktop, 4))}.carousel__arrow--prev{left:-4rem}.carousel__arrow--next{right:-4rem}}@media screen and (max-width:767px){divan-carousel.is-ready:has(.carousel__arrow:not(.swiper-button-lock)){padding-inline:.8rem}.carousel__arrow{width:2.8rem}.carousel__arrow--prev{left:0}.carousel__arrow--next{right:0}}divan-carousel .swiper{margin-top:-.8rem;margin-bottom:-1.6rem;padding-top:.8rem;padding-bottom:1.6rem}.swiper-slide{box-sizing:border-box}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-carousel.css.map */