slider-component{--desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));position:relative;display:block}slider-component.slider-component-full-width{--desktop-margin-left-first-item: 1.5rem}slider-component.has-banner .grid{width:78%;float:right;padding-inline-start:0;margin-block-start:0;overflow:hidden}slider-component.has-banner .banner{display:inline-block;vertical-align:top;width:22%;padding-inline-end:20px}.slideshow__controls .slider-button{background-color:rgb(var(--color-base-background-1))}.slideshow__controls .slider-button .icon{fill:rgb(var(--color-base-background-1-text))}.slideshow__controls .slider-button.slider-button--prev{right:auto;left:10px}.slideshow__controls .slider-button.slider-button--next{right:10px;left:auto}.left_part .slider-button{width:38px;height:38px;opacity:0;padding:8px 7px;border-radius:var(--badge-corner-radius);top:45%}.left_part:hover .slider-button{opacity:1}.left_part:hover .slideshow__controls .slider-button.slider-button--prev{right:auto;left:20px}.left_part:hover .slideshow__controls .slider-button.slider-button--next{right:20px;left:auto}@media screen and (max-width: 749px){slider-component.page-width{padding:0 20px}}@media screen and (max-width: 1269px){.no-js slider-component .slider{padding-bottom:3rem}slider-component.has-banner .banner{display:none}slider-component.has-banner .grid{width:100%;padding-inline:0}}@media screen and (max-width: 749px){.slider.slider--mobile{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.slider.slider--mobile .slider__slide{margin-bottom:0;padding-top:max(var(--focus-outline-padding),var(--shadow-padding-top));padding-bottom:max(var(--focus-outline-padding),var(--shadow-padding-bottom))}.slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:var(--focus-outline-padding)}.slider.slider--mobile.contains-content-container .slider__slide{--focus-outline-padding: 0rem}.slider-button{width:36px;height:36px}}@media screen and (min-width: 750px){.slider.slider--tablet-up{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.slider.slider--tablet-up .slider__slide{margin-bottom:0}}@media screen and (max-width: 1269px){.slider.slider--tablet{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.slider.slider--tablet .slider__slide{margin-bottom:0;padding-top:max(var(--focus-outline-padding),var(--shadow-padding-top));padding-bottom:max(var(--focus-outline-padding),var(--shadow-padding-bottom))}.slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:var(--focus-outline-padding)}.slider.slider--tablet.contains-content-container .slider__slide{--focus-outline-padding: 0rem}}.slider--everywhere{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:0rem}.slider.slider--everywhere .slider__slide{margin-bottom:0;scroll-snap-align:center}@media screen and (min-width: 990px){.slider-component-desktop.page-width{max-width:none}.slider--desktop{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.slider.slider--desktop .slider__slide{margin-bottom:0;padding-top:max(var(--focus-outline-padding),var(--shadow-padding-top));padding-bottom:max(var(--focus-outline-padding),var(--shadow-padding-bottom))}.slider--desktop .slider__slide:first-child{margin-left:0;scroll-margin-left:0}.slider-component-full-width .slider--desktop .slider__slide:last-child{margin-right:1.5rem}.slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:var(--focus-outline-padding)}.slider.slider--desktop.contains-content-container .slider__slide{--focus-outline-padding: 0rem}.slider--desktop.grid--1-col-desktop .grid__item{width:100%;max-width:100%}}@media (prefers-reduced-motion){.slider{scroll-behavior:auto}}.slider{scrollbar-color:rgb(var(--color-foreground)) rgba(var(--color-foreground),.04);-ms-overflow-style:none;scrollbar-width:none}.slider.product-grid{flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin:0;padding:0}.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:rgb(var(--color-foreground));border-radius:.4rem;border:0}.slider::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.04);border-radius:.4rem}.slider-counter{display:none;justify-content:center;min-width:4.4rem}.slideshow__controls .slider-counter{display:block}.slider-counter__link{padding:.5rem}@media screen and (max-width: 749px){.slider-counter__link{padding:.7rem}}.slider-counter__link--dots .dot{width:1rem;height:1rem;border-radius:50%;padding:0;display:block}.slider-counter__link--active.slider-counter__link--dots .dot{background-color:rgb(var(--color-base-button-background))}@media screen and (forced-colors: active){.slider-counter__link--active.slider-counter__link--dots .dot{background-color:CanvasText}}.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot{background-color:rgb(var(--color-base-button-background))}.slider-counter__link--dots .dot{background-color:rgb(var(--color-base-button-background-hover))}.slider-counter__link--dots .dot:hover{background-color:rgb(var(--color-base-button-background))}.slider-counter__link--dots .dot,.slider-counter__link--numbers{transition:transform .2s ease-in-out}.slider-counter__link--numbers{color:rgba(var(--color-foreground),.5);text-decoration:none}.slider-counter__link--numbers:hover{color:rgb(var(--color-foreground))}.slider-counter__link--active.slider-counter__link--numbers{text-decoration:underline;color:rgb(var(--color-foreground))}section[id*=featured_products] .slider-button.slider-button--prev{right:35px}section[id*=featured_products] .slider-button.slider-button--next{right:0}.slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons{display:none}.blog .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons{display:flex;top:50%}.blog .slider-button.slider-button--prev{left:-15px}.blog .slider-button.slider-button--next{right:-15px}@media screen and (max-width: 989px){.slider--desktop:not(.slider--tablet)+.slider-buttons{display:none}}@media screen and (max-width: 660px){.slider-buttons{top:-41px;display:none}}@media screen and (max-width: 479px){.slider-button{width:24px;height:24px;padding:0 4px}.slideshow__controls .slider-button.slider-button--prev{left:5px}.slideshow__controls .slider-button.slider-button--next{right:5px}slider-component.page-width{padding:0 15px}}@media screen and (min-width: 750px){.slider--mobile+.slider-buttons{display:none}}.slider-button{border:none;cursor:pointer;width:35px;height:35px;float:left;z-index:2;position:absolute;right:auto;left:auto;top:28%;background:rgb(var(--color-base-background-1));padding:0;border-radius:var(--badge-corner-radius);opacity:0}.slider-button.slider-button--next:hover,.slider-button.slider-button--prev:hover{background:rgb(var(--color-base-button-background-hover))}.slider-button .icon{height:22px;width:22px;fill:rgb(var(--color-base-background-1-text))}.slider-button:hover .icon{fill:rgb(var(--color-base-button-background-text))}.product_tab-block:hover .slider-button,.multicolumn:hover .slider-button,slider-component:hover .slider-button{opacity:1}.slider-button.slider-button--next{right:0;left:auto}.slider-button.slider-button--prev{right:auto;left:0}.base-mega-menu button.slider-button.slider-button--next{right:-15px}.base-mega-menu button.slider-button.slider-button--prev{left:-15px}.slider-button:not([disabled]):hover{color:rgb(var(--color-foreground))}.slider-button[disabled] .icon{color:rgba(var(--color-foreground),.3);cursor:not-allowed}.slider-button--next .icon{transform:rotate(180deg)}@media screen and (max-width: 989px){.slider-buttons{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-slider.css.map */
