slider-component.mx-loop.mx-loop{position:relative;display:block;box-sizing:border-box;width:100%;max-width:var(--page-width)!important;margin-left:auto!important;margin-right:auto!important;padding-left:1.5rem!important;padding-right:1.5rem!important;--mx-gap: var(--grid-mobile-horizontal-spacing, 6px)}@media screen and (min-width:750px){slider-component.mx-loop.mx-loop{padding-left:5rem!important;padding-right:5rem!important;--mx-gap: var(--grid-desktop-horizontal-spacing, 12px)}}.mx-loop>.slider{display:flex;flex-wrap:nowrap;column-gap:var(--mx-gap);width:100%!important;margin:0!important;padding:.2rem 0 .6rem!important;overflow-x:auto;scroll-padding-left:0!important;scroll-snap-type:x mandatory;scrollbar-width:none}.mx-loop>.slider::-webkit-scrollbar{display:none}.mx-loop>.slider:after{content:none!important;display:none!important}.mx-loop>.slider>.grid__item{flex:0 0 auto;margin:0!important;padding:0!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;scroll-snap-align:start;width:calc((100% - var(--mx-gap) * var(--mx-cols-m, 2)) / (var(--mx-cols-m, 2) + .2))!important}@media screen and (min-width:750px)and (max-width:989px){.mx-loop>.slider>.grid__item{width:calc((100% - var(--mx-gap) * 3) / 3.2)!important}}@media screen and (min-width:990px){.mx-loop>.slider>.grid__item{width:calc((100% - var(--mx-gap) * (var(--mx-cols-d, 5) - 1)) / var(--mx-cols-d, 5))!important}}.mx-loop__btn{position:absolute;top:38%;z-index:3;display:flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;background:#fff;color:#1c1d1d;box-shadow:0 .3rem 1.2rem #00000024;cursor:pointer;transform:translateY(-50%);transition:color .15s ease,transform .15s ease,box-shadow .15s ease}.mx-loop__btn:hover{color:var(--mx-accent, #fa4616);transform:translateY(-50%) scale(1.06);box-shadow:0 .4rem 1.6rem #0000002e}.mx-loop__btn:before{content:"";width:1rem;height:1rem;border-right:.22rem solid currentColor;border-bottom:.22rem solid currentColor}.mx-loop__btn--prev{left:.2rem}.mx-loop__btn--prev:before{transform:rotate(135deg);margin-left:.4rem}.mx-loop__btn--next{right:.2rem}.mx-loop__btn--next:before{transform:rotate(-45deg);margin-right:.4rem}@media screen and (min-width:750px){.mx-loop__btn--prev{left:.4rem}.mx-loop__btn--next{right:.4rem}}@media screen and (max-width:749px){.mx-loop__btn{width:3.4rem;height:3.4rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/mx-loop-slider.css.map */