.slider{-ms-overflow-style:none;scrollbar-width:none}.slider::-webkit-scrollbar{display:none}.slider__slide{scroll-snap-align:start}.no-js .slider{-ms-overflow-style:auto;scrollbar-width:auto}.no-js .slider::-webkit-scrollbar{display:initial}.slider__buttons__container{display:flex;gap:20px;flex-wrap:wrap;width:100%}.slider__button{cursor:pointer;position:relative;padding:0;width:12px;height:6px;background:var(--color-base);opacity:.2;transition:opacity var(--duration-medium) var(--animation-bezier)}.slider__button--current{opacity:1}.slider__button:before{content:"";position:absolute;top:-8px;left:-8px;width:28px;height:28px;background:transparent}.slider__buttons{display:none}.slider-component__container+.slider__buttons__gap{margin-top:calc(var(--page-padding) + var(--no-grid-border-space, 0px))}@media (min-width: 577px){.slider__buttons__gap{display:none}}@media (max-width: 576px){.slider__buttons.slider--phone{display:flex;justify-content:center}.slider.slider--phone{position:relative;flex-wrap:inherit;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.slider.page-grid-sp-2>.content-item{max-width:calc(50% - var(--page-padding) + var(--page-padding) / 2)}.no-spacing-grid .slider.page-grid-sp-2>.content-item{max-width:calc(50% - var(--border-width) / 2)}.no-spacing-grid .content-item.slider__slide:before{border-top-width:0;border-bottom-width:0}.no-spacing-grid .page-width .content-item.slider__slide:last-child:before,.no-spacing-grid .page-wide .content-item.slider__slide:last-child:before{border-right-width:0;width:calc(100% - 5px)}.content-for-layout:not(.no-spacing-grid) .slider.slider--phone{scroll-padding-left:var(--grid-padding)}.content-for-layout:not(.no-spacing-grid) .slider[class*=page-grid-sp-]{width:calc(100% + var(--grid-padding) * 2);margin-left:calc(var(--grid-padding) * -1);margin-top:-20px;margin-bottom:-20px;padding:20px var(--grid-padding)}.content-for-layout:not(.some-clear-class) .page-fullwidth .slider[class*=page-grid-sp-]{width:calc(100% + var(--border-width) * 2);margin-left:calc(var(--border-width) * -1)}.no-spacing-grid .content-for-layout:not(.some-clear-class) .page-fullwidth .slider[class*=page-grid-sp-]{margin-left:unset}.page-fullwidth .slider-component__container{overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);margin-top:calc(var(--page-padding) * -1);margin-bottom:calc(var(--page-padding) * -1);padding-top:var(--page-padding);padding-bottom:var(--page-padding)}.content-for-layout:not(.no-spacing-grid) .page-fullwidth .slider.page-grid-sp-1 .content-item:before{border-radius:0}.content-for-layout:not(.no-spacing-grid) .page-fullwidth .slider.page-grid-sp-2 .content-item:first-child:before{border-top-left-radius:0;border-bottom-left-radius:0}.content-for-layout:not(.no-spacing-grid) .page-fullwidth .slider.page-grid-sp-2 .content-item:last-child:not(:only-child):before{border-top-right-radius:0;border-bottom-right-radius:0}.content-for-layout:not(.no-spacing-grid) .page-fullwidth .slider.page-grid-sp-2 .content-item:first-child{--fullwidth-tlr-sp:0}.content-for-layout:not(.no-spacing-grid) .page-fullwidth .slider.page-grid-sp-2 .content-item:last-child:not(:only-child){--fullwidth-trr-sp:0}.no-spacing-grid .slider__slide.content-item:before{border-radius:0!important}.no-spacing-grid .slider__buttons__gap .content-item:before{border-top-left-radius:0;border-top-right-radius:0}.no-spacing-grid .page-fullwidth .slider.page-grid-sp-1>.content-item{max-width:calc(100% - var(--border-width) * 2)}.no-spacing-grid .page-fullwidth .slider.page-grid-sp-1>.content-item:last-child{margin-right:calc(var(--border-width) * 2)}.no-spacing-grid .page-fullwidth .slider.page-grid-sp-2>.content-item{max-width:calc(50% - var(--border-width) - var(--border-width) / 2)}.content-for-layout.no-spacing-grid .page-fullwidth .slider[class*=page-grid-sp-]{margin-left:0}.no-spacing-grid .page-fullwidth .slider.page-grid-sp-2>.content-item:last-child{margin-right:calc(var(--border-width) * 2)}.slider-mobile-product .slider.slider--phone{display:flex;flex-wrap:nowrap;gap:var(--border-width)}.content-for-layout:not(.no-spacing-grid) .slider-mobile-product .slider.slider--phone{scroll-padding-left:0}}@media (min-width: 577px){.slider-desktop{position:relative;will-change:transform;transition:transform .5s ease-in;-webkit-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;background:transparent}.slider-desktop .product-card .btn_zoom:before{z-index:-1}.slider-desktop-no-animations{transition:none!important}.slider-desktop.slider-desktop--scroll-one{will-change:transform;transition:transform .3s ease}.slider-buttons-desktop{display:flex;flex-direction:row;flex-wrap:nowrap;gap:0}.slider-buttons-desktop:before{content:"";top:0;position:absolute;display:block;height:100%;border-left:var(--border-width) var(--border-style) var(--color-border);z-index:1}.slider-btn-desk-prev,.slider-btn-desk-next{display:flex;height:100%;align-items:center;cursor:pointer;transition:opacity var(--duration-medium) var(--animation-bezier)}.slider-btn-desk-prev:before,.slider-btn-desk-next:before{content:"";top:0;position:absolute;display:block;width:50px;height:100%;background:transparent;z-index:1}.slider-btn-desk-prev:before{transform:translate(-20px)}.slider-buttons-desktop svg path{fill:var(--color-heading)}.slider-btn-desk-next:before{transform:translate(-10px)}.slider-btn-desk-prev{padding-inline:calc(20px + var(--border-width)) 10px}.slider-btn-desk-next{padding-left:10px}.slider-desktop :is(img,a){-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.slider-component__container--desktop{--current-gap: max(min(var(--page-padding), 20px) - 1px, 0px);--mask-linear: to right, transparent, black var(--current-gap), black calc(100% - var(--current-gap)), transparent;padding-block:20px;padding-inline:var(--current-gap);margin-block:-20px;margin-inline:calc(var(--current-gap) * -1);-webkit-mask-image:linear-gradient(var(--mask-linear));mask-image:linear-gradient(var(--mask-linear))}.top-spacing-none .slider-component__container--desktop{padding-block:20px 19px}.no-spacing-grid .slider-component__container--desktop{margin:0;padding:0}}@media (min-width: 1025px){[class*=slider-btn-desk-]:hover{opacity:.4}}@media (max-width: 576px){.slider-buttons-desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-slider.css.map */