.mast-slider{--mast-gap: 16px;--mast-gutter: 24px;--mast-per: 2.3;--mast-ink: #47463D;position:relative;display:block}.mast-slider .mast-slider__track.slider.grid{position:relative;display:flex;flex-wrap:nowrap;gap:var(--mast-gap);width:auto;max-width:none;margin:0 var(--mast-gutter);padding:0;box-sizing:border-box;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.mast-slider .mast-slider__track::-webkit-scrollbar,.mast-slider .mast-slider__track:after{display:none}.mast-slider .mast-slider__track.slider .slider__slide.grid__item{flex:0 0 calc((100% - (var(--mast-per) - .3) * var(--mast-gap)) / var(--mast-per));width:auto;min-width:0;max-width:none;margin:0;padding:0;box-sizing:border-box;scroll-snap-align:start}.mast-slider .mast-slider__arrow{position:absolute;top:var(--mast-arrow-top, 40%);z-index:2;display:none;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:2px solid var(--mast-ink);border-radius:50%;background:transparent;color:var(--mast-ink);cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease,opacity .2s ease}.mast-slider .mast-slider__arrow--prev{left:calc((var(--mast-gutter) - 46px) / 2)}.mast-slider .mast-slider__arrow--next{right:calc((var(--mast-gutter) - 46px) / 2)}.mast-slider .mast-slider__arrow:hover:not([disabled]){background:var(--mast-ink);color:#fff}.mast-slider .mast-slider__arrow:focus-visible{outline:2px solid var(--mast-ink);outline-offset:3px}.mast-slider .mast-slider__arrow[disabled]{opacity:.35;cursor:default}.mast-slider .mast-slider__arrow svg{width:29px;height:29px}.mast-slider .mast-slider__bars{display:flex;justify-content:center;gap:8px;margin-top:24px}.mast-slider .mast-slider__bars span{display:block;width:36px;height:4px;border-radius:2px;background:#c9c8be}.mast-slider .mast-slider__bars span.is-active{background:var(--mast-ink)}.mast-slider .mast-slider__bars:empty,.mast-slider[data-mast-fits] .mast-slider__bars,.mast-slider[data-mast-fits] .mast-slider__arrow{display:none}@media screen and (min-width:750px){.mast-slider{--mast-gap: 20px;--mast-gutter: 56px;--mast-per: 3.3}.mast-slider .mast-slider__arrow{display:flex}.mast-slider .mast-slider__bars{display:none}}@media screen and (min-width:1024px){.mast-slider{--mast-gap: 24px;--mast-gutter: 78px;--mast-per: calc(var(--mast-cols, 4) + .3)}}@media(prefers-reduced-motion:reduce){.mast-slider .mast-slider__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/mast-category-slider.css.map */