.mp-social-slider{overflow-x:clip;max-width:100%}.mp-social-slider__heading{margin:0 0 2rem;text-align:center;font-size:clamp(2rem,2.6vw,2.8rem);font-weight:700;letter-spacing:.1em}.mp-social-slider__component{position:relative;overflow:hidden;max-width:100%}.mp-social-slider__track{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0;padding:0;list-style:none;width:100%;max-width:100%}.mp-social-slider__track::-webkit-scrollbar{display:none}.mp-social-slider__slide{flex:0 0 calc((100% - 12px)/2);max-width:calc((100% - 12px)/2);scroll-snap-align:start;scroll-snap-stop:always;padding:0;min-width:0}.mp-social-slider__track.slider--everywhere .mp-social-slider__slide{scroll-snap-align:start;margin-bottom:0}.mp-social-slider__card{overflow:hidden;border-radius:4px;background:#f3f3f3}.mp-social-slider__image,.mp-social-slider__placeholder{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover}.mp-social-slider__controls{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.2rem}.mp-social-slider:not(.is-scrollable) .mp-social-slider__controls{display:none}.mp-social-slider__arrows{display:flex;align-items:center;justify-content:center;gap:1.6rem;width:100%}.mp-social-slider__arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:3.6rem;height:3.6rem;border:1px solid #ddd;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000014}.mp-social-slider__arrow .svg-wrapper{display:flex;width:.8rem;height:.8rem}.mp-social-slider__arrow.slider-button--prev .svg-wrapper{transform:rotate(90deg)}.mp-social-slider__arrow.slider-button--next .svg-wrapper{transform:rotate(-90deg)}.mp-social-slider__arrow[disabled]{opacity:.35;cursor:default}.mp-social-slider__dots{display:flex;justify-content:center;gap:.6rem;width:100%}.mp-social-slider__dot{width:.7rem;height:.7rem;padding:0;border:0;border-radius:50%;background:#ccc;cursor:pointer}.mp-social-slider__dot.is-active{background:#111}@media screen and (min-width:990px){.mp-social-slider__track{gap:28px}.mp-social-slider__slide{flex-basis:calc((100% - 56px) / 3);max-width:calc((100% - 56px) / 3)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mp-social-slider.css.map */