.mh-product-slider{--mh-slider-inset: max(80px, calc((100% - 1280px)/2) );padding-top:var(--mh-slider-padding-top, 64px);padding-bottom:var(--mh-slider-padding-bottom, 64px);overflow:hidden}.mh-product-slider__header{display:flex;flex-direction:column;gap:var(--mh-space-4);margin-bottom:var(--mh-space-8);padding-inline:var(--mh-slider-inset)}.mh-product-slider--center .mh-product-slider__header{align-items:center;text-align:center}.mh-product-slider__title{color:var(--mh-color-text-primary);text-wrap:balance}.mh-product-slider--title-narrow .mh-product-slider__title{max-width:9em}.mh-product-slider__subtitle{color:var(--mh-color-text-secondary);font-family:var(--mh-font-content);font-size:var(--mh-font-size-xl);line-height:1.6;letter-spacing:-.03em}.mh-product-slider__slider{display:block}.mh-product-slider__track{display:flex;gap:var(--mh-space-3);margin:0;padding:2px var(--mh-slider-inset) var(--mh-space-1);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--mh-slider-inset);scrollbar-width:none;list-style:none}.mh-product-slider__track::-webkit-scrollbar{display:none}@property --mh-fade-start{syntax: "<number>"; inherits: false; initial-value: 0;}@property --mh-fade-end{syntax: "<number>"; inherits: false; initial-value: 0;}@media(min-width:1024px){.mh-product-slider__track{--mh-fade-width: 217px;margin-inline:var(--mh-slider-inset);padding-inline:0;scroll-padding-inline:var(--mh-fade-width) 0;transition:--mh-fade-start .6s cubic-bezier(.4,0,.2,1),--mh-fade-end .6s cubic-bezier(.4,0,.2,1);-webkit-mask-image:linear-gradient(to right,rgb(0 0 0 / calc(1 - var(--mh-fade-start))),rgb(0 0 0 / calc(1 - var(--mh-fade-start) * .55)) calc(var(--mh-fade-width) * .45),#000 var(--mh-fade-width),#000 calc(100% - var(--mh-fade-width)),rgb(0 0 0 / calc(1 - var(--mh-fade-end) * .55)) calc(100% - var(--mh-fade-width) * .45),rgb(0 0 0 / calc(1 - var(--mh-fade-end))));mask-image:linear-gradient(to right,rgb(0 0 0 / calc(1 - var(--mh-fade-start))),rgb(0 0 0 / calc(1 - var(--mh-fade-start) * .55)) calc(var(--mh-fade-width) * .45),#000 var(--mh-fade-width),#000 calc(100% - var(--mh-fade-width)),rgb(0 0 0 / calc(1 - var(--mh-fade-end) * .55)) calc(100% - var(--mh-fade-width) * .45),rgb(0 0 0 / calc(1 - var(--mh-fade-end))))}.mh-product-slider__slider[data-scrollable]:not([data-at-end]) .mh-product-slider__track{--mh-fade-end: 1}.mh-product-slider__slider[data-scrolled] .mh-product-slider__track{--mh-fade-start: 1}}.mh-product-slider__item{flex:0 0 224px;scroll-snap-align:start}@media(min-width:1024px){.mh-product-slider__slider:not(:has(.mh-product-slider__item:nth-child(5))) .mh-product-slider__track{justify-content:center;-webkit-mask-image:none;mask-image:none}.mh-product-slider__slider:not(:has(.mh-product-slider__item:nth-child(5))) .mh-product-slider__footer{justify-content:center}.mh-product-slider__slider:not(:has(.mh-product-slider__item:nth-child(5))) .mh-product-slider__arrows{display:none}.mh-product-slider__slider:not(:has(.mh-product-slider__item:nth-child(5))) .mh-product-slider__all{margin-left:0}}.mh-product-slider__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--mh-space-6);margin-top:var(--mh-space-8);padding-inline:var(--mh-slider-inset)}.mh-product-slider__arrows{display:flex;gap:var(--mh-space-3)}.mh-product-slider__slider:not([data-scrollable]) .mh-product-slider__arrows{visibility:hidden}.mh-product-slider__all{margin-left:auto}@media(max-width:1023px){.mh-product-slider{--mh-slider-inset: calc(var(--mh-page-gutter) + var(--mh-space-5))}.mh-product-slider__arrows{display:none}.mh-product-slider__all{width:100%;margin-left:0;--mh-btn-font-size: var(--mh-font-size-md);--mh-btn-line-height: 1;--mh-btn-padding: 18px var(--mh-space-5)}}@media(max-width:767px){.mh-product-slider{padding-top:min(var(--mh-slider-padding-top, 64px),40px);padding-bottom:min(var(--mh-slider-padding-bottom, 64px),40px)}.mh-product-slider .mh-product-slider__header{align-items:flex-start;text-align:left}.mh-product-slider__subtitle{font-size:var(--mh-font-size-xl)}.mh-product-slider--title-wide .mh-product-slider__title em{display:block}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/mh-product-slider.css.map */