slider-component{position:relative;display:block}slider-component .slider{padding-bottom:3rem}.no-js slider-component .slider{padding-bottom:3rem}.slider.slider--mobile{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1rem;-webkit-overflow-scrolling:touch}.slider.slider--mobile .slider__slide{margin-bottom:0;padding-bottom:0}.slider.slider--tablet{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1rem;-webkit-overflow-scrolling:touch}.slider.slider--tablet .slider__slide{margin-bottom:0;padding-bottom:0}.slider{scrollbar-color:var(--color-foreground) var(--color-foreground-4);-ms-overflow-style:none;scrollbar-width:none}.slider::-webkit-scrollbar{height:.4rem;width:.4rem;display:none}.no-js .slider{-ms-overflow-style:auto;scrollbar-width:auto}.no-js .slider::-webkit-scrollbar{display:initial}.slider::-webkit-scrollbar-thumb{background-color:var(--color-foreground);border-radius:.4rem;border:0}.slider::-webkit-scrollbar-track{background:var(--color-foreground-4);border-radius:.4rem}slider-component .slider-buttons{position:absolute;top:-65px;width:100%;display:block;right:9px}.slider-button.slider-button--prev{right:32px;left:auto;position:absolute;height:25px;width:25px;border:1px solid var(--color-base-border)}.slider-button.slider-button--next{right:0;left:auto;position:absolute;height:25px;width:25px;border:1px solid var(--color-base-border)}.slider-counter{margin-right:3rem}.slider-buttons--overlay .slider-counter{margin-right:0;padding:0 1.4rem}.slider-buttons{display:block;align-items:center}.slider-button{color:var(--color-foreground-75);border:none;background-color:var(--color-background);cursor:pointer;width:20px;height:20px}.slider-button:not([disabled]):hover{color:var(--color-foreground);border-color:#1b82d6;z-index:1;fill:#1b82d6}.slider-button:first-of-type{margin-right:-1px}.slider-buttons--overlay .slider-button{margin-top:-1px;margin-bottom:-1px}.slider-buttons--overlay .slider-button+.slider-button{margin-right:-1px}.slider-button .icon{height:7px;width:10px}.slider-button[disabled] .icon{color:var(--color-foreground-30)}.slider-button--next .icon{margin-right:-.2rem;transform:rotate(-90deg) translate(.15rem)}.slider-button--prev .icon{margin-left:-.2rem;transform:rotate(90deg) translate(-.15rem)}.slider-button--next:not([disabled]):hover .icon{transform:rotate(-90deg) translate(.15rem) scale(1.07)}.slider-button--prev:not([disabled]):hover .icon{transform:rotate(90deg) translate(-.15rem) scale(1.07)}.slider-button:focus-visible{z-index:1}@media screen and (max-width: 749px){.tabs-content .slider-button.slider-button--prev{left:auto;right:50%}.tabs-content .slider-button.slider-button--next{right:auto;left:51%}.tabs-content slider-component .slider-buttons{top:-48px;right:0}.tabs-content .slider.slider--tablet{margin-top:50px}.product-collection-tab-slider .slider-button.slider-button--prev:after{content:none}}@media screen and (max-width: 989px){slider-component .slider-buttons{top:-60px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-slider.css.map */