.madara-carousel{display:block;position:relative;--swiper-navigation-offset-x: -10px}@media(min-width:1400px){.madara-carousel{--swiper-navigation-offset-x: -18px}}.madara-carousel__header{margin-bottom:var(--spacing-l);display:flex;justify-content:space-between;align-items:center}@media(max-width:767.98px){.madara-carousel__slider{margin-left:calc(var(--page-padding) * -1);margin-right:calc(var(--page-padding) * -1);padding-left:var(--page-padding);padding-right:var(--page-padding)}}.madara-carousel .swiper-wrapper{align-items:flex-start}.madara-carousel .swiper-slide{height:auto}.madara-carousel .swiper-wrapper>*{flex-shrink:0;height:auto}.madara-carousel .swiper:not(.swiper-initialized) .swiper-wrapper{column-gap:var(--madara-carousel-gap, 10px)}@media(min-width:768px){.madara-carousel .swiper:not(.swiper-initialized) .swiper-wrapper{column-gap:var(--madara-carousel-gap-desktop, var(--madara-carousel-gap, 10px))}}.madara-carousel--hidden .madara-carousel__slider{opacity:0}.madara-carousel__slider{transition:opacity var(--duration-default, .3s) ease}.madara-carousel .madara-carousel__item-size>*{width:min(56vw,315px)}@media(min-width:768px){.madara-carousel .madara-carousel__item-size>*{width:min(30vw,336px)}}@media(min-width:1280px){.madara-carousel .madara-carousel__item-size>*{width:calc(25% - 8px)}}@media(min-width:768px){.madara-carousel[data-slides-desktop] .madara-carousel__item-size>*{--madara-carousel-slides-gaps: calc( (var(--madara-carousel-slides-desktop) - 1) * var(--madara-carousel-gap-desktop, var(--madara-carousel-gap, 10px)) );width:calc((100% - var(--madara-carousel-slides-gaps)) / var(--madara-carousel-slides-desktop))}}.madara-carousel .swiper-button-prev,.madara-carousel .swiper-button-next{width:32px;height:32px;box-shadow:0 0 4px #0006;border:none;z-index:2}.madara-carousel .swiper-button-prev.swiper-button-disabled,.madara-carousel .swiper-button-next.swiper-button-disabled{opacity:0;visibility:hidden;pointer-events:none}@media(max-width:767.98px){.madara-carousel .swiper-button-prev,.madara-carousel .swiper-button-next{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/madara-carousel.css.map */
