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__slide{--focus-outline-padding: .5rem;--shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));--shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));scroll-snap-align:start;flex-shrink:0;padding-bottom:0}.slider{scrollbar-color:var(--text-secondary) var(--surface-secondary);-ms-overflow-style:none;scrollbar-width:none}.slider::-webkit-scrollbar{height:4px;width:4px;display:none}.slider::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:4px;border:0}.slider::-webkit-scrollbar-track{background:var(--surface-secondary);border-radius:4px}.slider-counter{display:flex;justify-content:center;min-width:44px}.slider-counter__link{padding:var(--space-md);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.slider-counter__link--dots .dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--text-secondary);padding:0;display:block;transition:transform var(--t-150),border-color var(--t-150),background-color var(--t-150)}.slider-counter__link--active.slider-counter__link--dots .dot{background-color:var(--orange);border-color:var(--orange)}.slider-counter__link--dots .dot,.slider-counter__link--numbers{transition:transform var(--t-150)}.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:var(--text-secondary);text-decoration:none;font-family:var(--font-body);font-size:14px;font-weight:500}.slider-counter__link--active.slider-counter__link--numbers{text-decoration:underline;text-underline-offset:3px;color:var(--text-primary);font-weight:600}@media screen and (forced-colors:active){.slider-counter__link--active.slider-counter__link--dots .dot{background-color:CanvasText}}.slider-buttons{display:flex;align-items:center;justify-content:center}.slider-button{color:var(--text-secondary);background:transparent;border:none;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:color var(--t-150)}.slider-button .icon{height:.6rem}.slider-button--next .icon{transform:rotate(-90deg)}.slider-button--prev .icon{transform:rotate(90deg)}.slider-button[disabled] .icon{color:var(--border-primary);cursor:not-allowed}.slider-button:not([disabled]):hover{color:var(--orange)}.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)}.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot{border-color:var(--orange)}.slider-counter__link--numbers:hover{color:var(--text-primary)}:root[data-theme=dark] .slider-counter__link--active.slider-counter__link--dots .dot{background-color:var(--orange);border-color:var(--orange)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .slider-counter__link--active.slider-counter__link--dots .dot{background-color:var(--orange);border-color:var(--orange)}}@media(prefers-reduced-motion){.slider{scroll-behavior:auto}}@media(hover:none)and (pointer:coarse){.slider-button:not([disabled]):hover{color:var(--text-secondary)}.slider-button--next:not([disabled]):hover .icon{transform:rotate(-90deg)}.slider-button--prev:not([disabled]):hover .icon{transform:rotate(90deg)}.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot{border-color:var(--text-secondary)}}@media screen and (max-width:749px){slider-component.page-width{padding:0 var(--space-lg)}.slider.slider--mobile{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:var(--space-lg);-webkit-overflow-scrolling:touch;margin-bottom:var(--space-md)}.slider--mobile:after{content:"";width:0;padding-left:var(--space-lg)}.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-counter__link{padding:var(--space-sm)}}@media screen and (min-width:749px)and (max-width:990px){slider-component.page-width{padding:0 var(--space-3xl)}}@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:var(--space-md);-webkit-overflow-scrolling:touch}.slider.slider--tablet-up .slider__slide{margin-bottom:0}.slider--mobile+.slider-buttons{display:none}.slider-counter--dots{margin:0 var(--space-md)}}@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:var(--space-lg);-webkit-overflow-scrolling:touch;margin-bottom:var(--space-md)}.slider--tablet:after{content:"";width:0;padding-left:var(--space-lg);margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing))}.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--desktop:not(.slider--tablet)+.slider-buttons{display:none}}.slider--everywhere{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-md)}.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:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons{display: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:var(--space-md);scroll-padding-left:var(--desktop-margin-left-first-item)}.slider--desktop:after{content:"";width:0;padding-left:var(--space-3xl);margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing))}.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:var(--desktop-margin-left-first-item);scroll-margin-left:var(--desktop-margin-left-first-item)}.slider-component-full-width .slider--desktop{scroll-padding-left:var(--space-lg)}.slider-component-full-width .slider--desktop .slider__slide:first-child{margin-left:var(--space-lg);scroll-margin-left:var(--space-lg)}.slider-component-full-width .slider--desktop:after{padding-left:var(--space-lg)}.slider--desktop.grid--5-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2)}.slider--desktop.grid--4-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)}.slider--desktop.grid--3-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4)}.slider--desktop.grid--2-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5)}.slider--desktop.grid--1-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9)}.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}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-slider.css.map */