slider-component{--desktop-margin-left-first-item: max(var(--spacing-edge-desktop), calc((100vw - var(--page-width)) / 2 + var(--spacing-edge)));position:relative;display:block}@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{--focus-outline-padding: .5rem}.slider__slide{scroll-snap-align:start;flex-shrink:0;padding-bottom: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-top:calc(var(--focus-outline-padding) * -1)!important;margin-bottom:calc(var(--focus-outline-padding) * -1)!important}.slider.slider--mobile:is(.card-grid,.product-grid){grid:1fr / auto-flow var(--grid-column-range);padding-left:var(--offset-page-width);padding-right:var(--spacing-edge);scroll-padding-left:var(--offset-page-width)}.page-width:not(.page-width--edgeless) .slider.slider--mobile:is(.card-grid,.product-grid),.has-edge .slider.slider--mobile:is(.card-grid,.product-grid){padding-left:0;padding-right:0}.slider.slider--mobile:is(.card-grid,.product-grid)[data-grid-columns-mobile="1"]{grid:1fr / auto-flow min(calc(100vw - (var(--spacing-edge) * 2) - var(--grid-peek)),34rem)}.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;-webkit-overflow-scrolling:touch}.slider.slider--tablet-up:is(.card-grid,.product-grid){grid:1fr / auto-flow var(--grid-column-range);padding-left:var(--offset-page-width);padding-right:var(--spacing-edge);scroll-padding-left:var(--offset-page-width)}.page-width:not(.page-width--edgeless) .slider.slider--tablet-up:is(.card-grid,.product-grid),.has-edge .slider.slider--tablet-up:is(.card-grid,.product-grid){padding-left:0;padding-right:0}.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;-webkit-overflow-scrolling:touch;margin-top:calc(var(--focus-outline-padding) * -1)!important;margin-bottom:calc(var(--focus-outline-padding) * -1)!important}.slider.slider--tablet:is(.card-grid,.product-grid){grid:1fr / auto-flow var(--grid-column-range);padding-left:var(--offset-page-width);padding-right:var(--spacing-edge);scroll-padding-left:var(--offset-page-width)}.page-width:not(.page-width--edgeless) .slider.slider--tablet:is(.card-grid,.product-grid),.has-edge .slider.slider--tablet:is(.card-grid,.product-grid){padding-left:0;padding-right:0}.slider.slider--tablet:is(.card-grid,.product-grid)[data-grid-columns-mobile="1"]{grid:1fr / auto-flow min(calc(100vw - (var(--spacing-edge) * 2) - var(--grid-peek)),34rem)}.slider.slider--tablet .slider__slide{margin-bottom:0;padding-top:var(--focus-outline-padding);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:0}.slider--everywhere:is(.card-grid,.product-grid){grid:1fr / auto-flow var(--grid-column-range);padding-left:var(--offset-page-width);padding-right:var(--spacing-edge);scroll-padding-left:var(--offset-page-width)}.page-width:not(.page-width--edgeless) .slider.slider--everywhere:is(.card-grid,.product-grid),.has-edge .slider.slider--everywhere:is(.card-grid,.product-grid){padding-left:0;padding-right:0}.slider.slider--everywhere .slider__slide{margin-bottom:0}@media screen and (min-width: 990px){.slider-component-desktop.page-width{max-width:none}.slider--desktop{--slider-active: true;position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-top:calc(var(--focus-outline-padding) * -1)!important;margin-bottom:calc(var(--focus-outline-padding) * -1)!important}.slider--desktop:is(.card-grid,.product-grid){grid:1fr / auto-flow var(--grid-column-range);padding-left:var(--offset-page-width);padding-right:var(--spacing-edge);scroll-padding-left:var(--offset-page-width)}.page-width:not(.page-width--edgeless) .slider.slider--desktop:is(.card-grid,.product-grid),.page-width-desktop .slider.slider--desktop:is(.card-grid,.product-grid),.has-edge .slider.slider--desktop:is(.card-grid,.product-grid),.page-width-desktop .slider.slider--everywhere:is(.card-grid,.product-grid){padding-left:0;padding-right:0}.slider.slider--desktop .slider__slide{margin-bottom:0;padding-top:var(--focus-outline-padding);padding-bottom:var(--focus-outline-padding)}.slider--desktop.grid--5-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--spacing-grid-horizontal-desktop) * 2)}.slider--desktop.grid--4-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--spacing-grid-horizontal-desktop) * 3)}.slider--desktop.grid--3-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--spacing-grid-horizontal-desktop) * 4)}.slider--desktop.grid--2-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--spacing-grid-horizontal-desktop) * 5)}.slider--desktop.grid--1-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) - var(--spacing-grid-horizontal-desktop) * 9)}}@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__control-wrapper{display:flex}.slider-counter{--link-spacing: .5rem;display:flex;justify-content:center;min-width:4.4rem}.slider-counter--dots{--dot-size-mobile: 1.2rem;--dot-size-desktop: 1.6rem;--dot-size-desktop-raw: 16;--dot-size: clamp(var(--dot-size-mobile), calc(var(--dot-size-desktop-raw) / 700 * 100vw), var(--dot-size-desktop));--link-spacing: clamp(.4rem, calc(5 / 700 * 100vw), .5rem);position:absolute;bottom:calc(var(--inset-large) - var(--link-spacing));left:calc(var(--inset-large) - var(--link-spacing));width:100%;padding:0 var(--spacing-edge)}@media screen and (max-width: 750px){.slider-counter--dots{left:50%;transform:translate(-50%)}}.slider-counter__link{padding:var(--link-spacing);pointer-events:initial}.slider-counter__link--dots .dot{width:var(--dot-size);height:var(--dot-size);background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgb(var(--color-foreground));padding:0;display:block;transition:all var(--duration-long) var(--ease-out-cubic)}.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--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:space-between;position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:100%;pointer-events:none;z-index:1;padding:0 .4rem;padding:0 calc(var(--spacing-edge-mobile) + .4rem);max-width:var(--page-width);overflow:hidden}@media screen and (min-width: 750px){.slider-buttons{padding:0 calc(var(--spacing-edge-fluid) / 2)}}.product-grid+.slider-buttons{height:75%}.carousel .slider-buttons{height:85%}@media screen and (min-width: 990px){.slider:not(.slider--everywhere):not(.slider--desktop):not(.slider--tablet-up)+.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:not(.slider--tablet):not(.slider--tablet-up):not(.slider--desktop)+.slider-buttons{display:none}}.slider-button{--border-radius: 50%;--button-padding: .3rem;--hover-shadow-opacity: .24;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;border-radius:50%;cursor:pointer;height:var(--slider-button-size);width:var(--slider-button-size);display:flex;align-items:center;justify-content:center;position:relative;pointer-events:initial}.slider-button--small{--button-padding: .2rem;height:var(--slider-button-size-small);width:var(--slider-button-size-small)}@media screen and (min-width: 750px){.slider-button{--button-padding: .4rem}.slider-button--small{--button-padding: .3rem}}.slider-button[aria-hidden=true]{display:none}.slider-button:before{content:"";border-radius:var(--border-radius);box-shadow:rgba(0,0,0,var(--hover-shadow-opacity)) 0 0 1.4rem;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0;transition:opacity var(--transition-hover);will-change:opacity}.slider-button .icon{height:var(--slider-button-icon-size);width:auto;transition:transform var(--transition-hover),opacity var(--duration-medium) var(--ease-default);will-change:transform,opacity}.slider-button--small .icon{height:var(--slider-button-icon-size-small)}.slider-button .icon-loop{height:var(--slider-button-loop-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0!important;opacity:0}.slider-button--small .icon-loop{height:var(--slider-button-loop-size-small)}.slider-button[disabled]{cursor:not-allowed;opacity:.4175}.slider-button:not([disabled]):hover:before{opacity:1;transition:opacity var(--transition-hover-out)}.slider-button--next .icon{margin-left:var(--button-padding)}.slider-button--prev .icon{transform:scaleX(-1);margin-right:var(--button-padding)}.slider-button--next:not([disabled]):hover .icon{transform:scale(1.05);transition:transform var(--transition-hover-out),opacity var(--duration-medium) var(--ease-default)}.slider-button--next:not([disabled]):hover .icon-loop{transform:translate(-50%,-50%) scale(1.05);transition:transform var(--transition-hover-out),opacity var(--duration-medium) var(--ease-default)}.slider-button--prev:not([disabled]):hover .icon{transform:scaleX(-1) scale(1.05);transition:transform var(--transition-hover-out),opacity var(--duration-medium) var(--ease-default)}.slider-button--loop .icon-next{opacity:0}.slider-button--loop .icon-loop{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/756/assets/component-slider.css.map */