.mm-blog-carousel{width:100%;padding:80px 0;background:#fff;overflow:hidden}.mm-blog-carousel__container{padding:0 var(--margin-7);display:flex;flex-direction:column;gap:40px}.mm-blog-carousel__header{display:flex;justify-content:space-between;align-items:center;width:100%}.mm-blog-carousel__cta{display:flex;align-items:center}.mm-blog-carousel__slider-container{position:relative;display:flex;align-items:center}.mm-blog-carousel__slider{width:100%;position:relative;overflow:visible}.mm-blog-carousel__slider .splide__list{list-style:none;margin:0;padding:0;flex-wrap:nowrap}.mm-blog-carousel.mm-no-overflow .splide__list{justify-content:center}.mm-blog-carousel.mm-no-overflow .splide__arrows{display:none}.mm-blog-carousel__grid{display:flex;gap:12px;flex-wrap:wrap}.mm-blog-carousel__item{width:335px;flex-shrink:0}.mm-blog-carousel .splide__arrow{background:none;border:none;cursor:pointer;margin:0;border-radius:12px;background:var(--white);box-shadow:0 6px 24px #0000001a;opacity:1;height:unset;width:unset;padding:12px}.mm-blog-carousel .splide__track{overflow:visible}.mm-blog-carousel .splide__slide{opacity:1;transition:opacity .3s ease;width:auto!important;flex:0 0 auto!important}.mm-blog-carousel .splide__slide.is-active{opacity:1}.mm-blog-carousel__arrows{position:absolute;top:30%;transform:translateY(-50%);z-index:10;width:100%}.mm-blog-carousel .splide__arrow--next{right:calc(16px - var(--margin-7))}.mm-blog-carousel .splide__arrow--prev{left:calc(16px - var(--margin-7))}.mm-blog-carousel .splide__arrow svg{fill:none}.mm-blog-carousel .splide__arrow:disabled{display:none}.mm-blog-carousel__cta--mobile{display:none}@media (max-width: 768px){.mm-blog-carousel{padding:var(--margin-9) 0}.mm-blog-carousel__container{padding:0 var(--margin-4);gap:var(--margin-7)}.mm-blog-carousel__header{flex-direction:column;gap:16px;align-items:flex-start}.mm-blog-carousel__cta--desktop{display:none}.mm-blog-carousel__cta--mobile{display:flex}.mm-blog-carousel__cta .mm-btn{width:100%}.mm-blog-carousel .mm-article-card{width:275px}.mm-blog-carousel__slider .splide__list{gap:8px}.mm-blog-carousel .splide__slide{width:275px!important;flex:0 0 275px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mm-blog-carousel.css.map */