slider-component{--desktop-margin-left-first-item: 0rem;position:relative;display:block}slider-component.slider-component-full-width{--desktop-margin-left-first-item: 1.5rem}@media screen and (max-width: 749px){slider-component.page-width{padding:0 1.5rem}}@media screen and (min-width: 749px) and (max-width: 990px){slider-component.page-width{padding:0 5rem}}@media screen and (max-width: 989px){.no-js slider-component .slider{padding-bottom:3rem}}.slider__slide{--focus-outline-padding: .5rem;scroll-snap-align:start;flex-shrink:0;padding-bottom:0}.slider__slide--stop{scroll-snap-stop:always}@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;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.slider--mobile:after{content:"";width:0;padding-left:1.5rem}.slider.slider--mobile .slider__slide{margin-bottom:0;padding-top:var(--focus-outline-padding);padding-bottom:var(--focus-outline-padding)}}@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;scroll-padding-left:1rem;-webkit-overflow-scrolling:touch}.slider.slider--tablet-up .slider__slide{margin-bottom:0}}@media screen and (max-width: 989px){.slider.slider--tablet{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.slider.slider--tablet:not(.grid--peek){scroll-padding-left:0}.slider--tablet:after{content:"";width:0;padding-left:1.5rem;margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing))}.slider--tablet:not(.grid--peek):after{display:none}.slider.slider--tablet .slider__slide{margin-bottom:0;padding-top:var(--focus-outline-padding);padding-bottom:var(--focus-outline-padding)}.slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:var(--focus-outline-padding)}}.slider--everywhere{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--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;scroll-padding-left:var(--desktop-margin-left-first-item)}.slider-component-full-width.slider--desktop:after{content:"";width:0;padding-left:5rem;margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing))}.slider.slider--desktop .slider__slide{margin-bottom:0;padding-top:var(--focus-outline-padding);padding-bottom:var(--focus-outline-padding)}.slider--desktop .slider__slide:first-child{margin-left:var(--desktop-margin-left-first-item);scroll-margin-left:var(--desktop-margin-left-first-item)}.slider-component-full-width .slider--desktop{scroll-padding-left:1.5rem}.slider-component-full-width .slider--desktop .slider__slide:first-child{margin-left:1.5rem;scroll-margin-left:1.5rem}.slider-component-full-width .slider--desktop:after{padding-left:1.5rem}.slider--desktop.grid--5-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) - (var(--grid-desktop-horizontal-spacing) * 4) / 5)}.slider--desktop.grid--4-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) - (var(--grid-desktop-horizontal-spacing) * 3) / 4)}.slider--desktop.grid--3-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) - (var(--grid-desktop-horizontal-spacing) * 2) / 3)}.slider--desktop.grid--2-half-col-desktop .grid__item{width:calc(100% / 2.7);max-width:calc(100% / 2.7)}.slider--desktop.grid--2-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) / 2)}.slider--desktop.grid--1-col-desktop .grid__item{width:calc(100% - var(--desktop-margin-left-first-item))}}@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::-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:flex;justify-content:center;min-width:4.4rem}@media screen and (min-width: 750px){.slider-counter--dots{margin:0 1.2rem}}.slider-counter__link{padding:1rem}@media screen and (max-width: 749px){.slider-counter__link{padding:.7rem}}.slider-counter__link--dots .dot{width:.6rem;height:.6rem;border-radius:50%;background-color:rgba(var(--color-foreground),.1);padding:0;display:block}.slider-counter__link--active.slider-counter__link--dots .dot{background-color:rgb(var(--color-foreground))}@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{border-color:rgb(var(--color-foreground))}.slider-counter__link--dots .dot,.slider-counter__link--numbers{transition:transform .2s ease-in-out}.slider-counter__link--active.slider-counter__link--numbers,.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,.slider-counter__link--numbers:hover{transform:scale(1.1)}.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))}.slider-buttons{display:flex;align-items:center;justify-content:center}.slider-buttons--sides{position:absolute;top:45%;left:0;right:0;justify-content:space-between}.slider-buttons--sides .slider-counter{visibility:hidden;pointer-events:none}@media screen and (min-width: 990px){.slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons{display:none}}@media screen and (max-width: 989px){.slider--desktop:not(.slider--tablet)+.slider-buttons{display:none}}@media screen and (min-width: 750px){.slider--mobile+.slider-buttons{display:none}}.slider-button{color:rgba(var(--color-foreground),.75);background:transparent;border:none;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.slider-buttons--transparent .slider-button{width:7.5rem;height:15rem}@media (min-width: 750px){.slider-buttons--transparent .slider-button{width:10rem;height:20rem}}.slider-buttons--transparent .slider-button:before,.slider-buttons--transparent .slider-button .icon{opacity:0}.slider-button:not([disabled]):hover{color:rgb(var(--color-foreground))}.slider-button .icon{height:.6rem}.slider-button--highlight{position:absolute;top:0}[data-has-media-slides] .slider-button--highlight{top:0}.slider-button--highlight.slider-button--next{right:0}@media (min-width: 1200px){.slider-buttons--sides.slider-buttons--outside{width:auto;left:-4rem;right:-4rem}}.slider-button--highlight:before{--slider-button-size: 2.5rem;content:"";display:block;width:var(--slider-button-size);height:var(--slider-button-size);background:rgb(var(--color-base-primary-contrast));border-radius:var(--slider-button-size);position:absolute}@media (min-width: 990px){.slider-button--highlight:before{--slider-button-size: 3rem}}.slider-button--highlight:hover:before{background:rgb(var(--color-base-background-1))}.slider-button--highlight[disabled=disabled]{opacity:0}.slider-button[disabled] .icon{color:rgba(var(--color-foreground),.3);cursor:not-allowed}.slider-button--next .icon{transform:rotate(-90deg)}.slider-button--prev .icon{transform:rotate(90deg)}.slider-button--next:not([disabled]):hover .icon{transform:rotate(-90deg) scale(1.1)}.slider-button--prev:not([disabled]):hover .icon{transform:rotate(90deg) scale(1.1)}@media (max-width: 749px){.page-width .slider-mobile-no-gutter{margin-left:-1.5rem;margin-right:-1.5rem}.page-width .slider-mobile-no-gutter .slider-scrollbar--full{margin-left:1.5rem;margin-right:1.5rem}.slider-mobile-no-gutter .slider.slider--tablet{scroll-padding-left:1.5rem;--grid-horizontal-spacing: 1.5rem}.slider-mobile-no-gutter .slider .grid__item:first-of-type{margin-left:1.5rem}.slider-mobile-no-gutter .slider:after{content:"";display:block;width:0;padding-left:1.5rem;margin-left:-1.5rem}}.page-width .slider-no-gutter{margin-left:-1.5rem;margin-right:-1.5rem}.page-width .slider-no-gutter .slider-scrollbar--full{margin-left:1.5rem;margin-right:1.5rem}slider-component.slider-no-gutter .slider.slider{scroll-padding-left:1.5rem;--grid-horizontal-spacing: 1.5rem}.slider-no-gutter .slider .grid__item:first-of-type{margin-left:1.5rem}.slider-no-gutter .slider .grid__item:last-of-type{margin-right:1.5rem}.slider.slider--free-scroll{scroll-snap-type:none}@media (max-width: 749px){.slider-component--arrows-hidden-mobile .slider-buttons{display:none}}.no-js .slider-scrollbar{display:none}.slider-scrollbar{display:block;background:rgb(var(--color-base-background-3));height:.5rem;border-radius:.5rem;position:relative;opacity:0}.slider-scrollbar--initialized{opacity:1}.slider-scrollbar_track{height:.5rem;border-radius:.5rem;position:absolute;top:0;left:0;right:0;bottom:0;display:block;overflow:hidden}.slider-scrollbar__handle{display:block;background:rgb(var(--color-foreground));height:.5rem;border-radius:.5rem;width:20%;cursor:pointer;position:absolute;top:0;left:0}@media (hover: hover){.slider-scrollbar__handle:hover{height:.7rem;top:-.1rem}}body.dragging-slider-scrollbar,body.dragging-slider-scrollbar .slider-scrollbar__handle{-webkit-user-select:none;user-select:none;cursor:grabbing}body.dragging-slider-scrollbar .slider{scroll-behavior:unset}.slider:not(.slider--free-scroll)+.slider-scrollbar,.slider:not(.slider--free-scroll)+.slider-buttons+.slider-scrollbar{pointer-events:none}body{--slider-scrollbar-width: 200px}@media (min-width: 750px){body{--slider-scrollbar-width: 300px}}.slider-scrollbar--small{margin-left:auto;margin-right:auto;width:var(--slider-scrollbar-width)}slider-component[data-has-media-slides=true]:not(.slider-component-arrows-positioned) .slider-button{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/220/assets/component-slider.css.map */