.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}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-slider.css.map */