.drag-scroller{--desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));position:relative;display:block}.drag-scroller.drag-scroller-full-width{--desktop-margin-left-first-item: 1.5rem}@media screen and (max-width: 990px){.drag-scroller .grid{margin-left:calc(-1 * var(--padding-inline));width:calc(100% + (2 * var(--padding-inline)));padding-left:var(--padding-inline);padding-right:var(--padding-inline)}}@media screen and (max-width: 989px){.no-js .drag-scroller .slider{padding-bottom:3rem}}.drag-scroller .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}@media screen and (max-width: 749px){.drag-scroller .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}.drag-scroller .slider--mobile:after{content:"";width:0;padding-left:1.5rem}.drag-scroller .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))}.drag-scroller .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:var(--focus-outline-padding)}.drag-scroller .slider.slider--mobile.contains-content-container .slider__slide{--focus-outline-padding: 0rem}}@media screen and (min-width: 750px){.drag-scroller .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}.drag-scroller .slider.slider--tablet-up .slider__slide{margin-bottom:0}}@media screen and (max-width: 989px){.drag-scroller .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}.drag-scroller .slider--tablet:after{content:"";width:0;padding-left:1.5rem;margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing))}.drag-scroller .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))}.drag-scroller .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:var(--focus-outline-padding)}.drag-scroller .slider.slider--tablet.contains-content-container .slider__slide{--focus-outline-padding: 0rem}}.drag-scroller .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}.drag-scroller .slider.slider--everywhere .slider__slide{margin-bottom:0;scroll-snap-align:center}@media screen and (min-width: 990px){.drag-scroller-desktop.page-width{max-width:none}.drag-scroller .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)}.drag-scroller .slider--desktop:after{content:"";width:0;padding-left:5rem;margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing))}.drag-scroller .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))}.drag-scroller .slider--desktop .slider__slide:first-child{margin-left:var(--desktop-margin-left-first-item);scroll-margin-left:var(--desktop-margin-left-first-item)}.drag-scroller .drag-scroller-full-width .slider--desktop{scroll-padding-left:1.5rem}.drag-scroller .drag-scroller-full-width .slider--desktop .slider__slide:first-child{margin-left:1.5rem;scroll-margin-left:1.5rem}.drag-scroller .drag-scroller-full-width .slider--desktop:after{padding-left:1.5rem}.drag-scroller .slider--desktop.grid--5-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2)}.drag-scroller .slider--desktop.grid--4-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)}.drag-scroller .slider--desktop.grid--3-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4)}.drag-scroller .slider--desktop.grid--2-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5)}.drag-scroller .slider--desktop.grid--1-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9)}.drag-scroller .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:var(--focus-outline-padding)}.drag-scroller .slider.slider--desktop.contains-content-container .slider__slide{--focus-outline-padding: 0rem}}@media screen and (max-width: 749px){.drag-scroller .grid--2-col-tablet-down .grid__item{width:calc(75% - var(--grid-mobile-horizontal-spacing) / 2);max-width:calc(75% - var(--grid-mobile-horizontal-spacing) / 2)}}@media screen and (min-width: 990px) and (max-width: 1199px){.drag-scroller .grid--4-col-desktop .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}}@media (prefers-reduced-motion){.drag-scroller .slider{scroll-behavior:auto}}.drag-scroller .slider{scrollbar-color:rgb(var(--color-foreground)) rgba(var(--color-foreground),.04);-ms-overflow-style:none;scrollbar-width:none}.drag-scroller .slider::-webkit-scrollbar{height:.4rem;width:.4rem;display:none}.no-js .drag-scroller .slider{-ms-overflow-style:auto;scrollbar-width:auto}.no-js .drag-scroller .slider::-webkit-scrollbar{display:initial}.drag-scroller .slider::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground));border-radius:.4rem;border:0}.drag-scroller .slider::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.04);border-radius:.4rem}.drag-scroller .slider-counter{display:flex;justify-content:center;min-width:4.4rem}@media screen and (min-width: 750px){.drag-scroller .slider-counter--dots{margin:0 1.2rem}}.drag-scroller .slider-counter__link{padding:1rem}@media screen and (max-width: 749px){.drag-scroller .slider-counter__link{padding:.7rem}}.drag-scroller .slider-counter__link--dots .dot{width:1rem;height:1rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.5);padding:0;display:block}.drag-scroller .slider-counter__link--active.slider-counter__link--dots .dot{background-color:rgb(var(--color-foreground))}@media screen and (forced-colors: active){.drag-scroller .slider-counter__link--active.slider-counter__link--dots .dot{background-color:CanvasText}}.drag-scroller .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot{border-color:rgb(var(--color-foreground))}.drag-scroller .slider-counter__link--dots .dot,.drag-scroller .slider-counter__link--numbers{transition:transform .2s ease-in-out}.drag-scroller .slider-counter__link--active.slider-counter__link--numbers,.drag-scroller .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,.drag-scroller .slider-counter__link--numbers:hover{transform:scale(1.1)}.drag-scroller .slider-counter__link--numbers{color:rgba(var(--color-foreground),.5);text-decoration:none}.drag-scroller .slider-counter__link--numbers:hover{color:rgb(var(--color-foreground))}.drag-scroller .slider-counter__link--active.slider-counter__link--numbers{text-decoration:underline;color:rgb(var(--color-foreground))}.drag-scroller .slider-buttons{display:flex;align-items:center;justify-content:center}@media screen and (min-width: 990px){.drag-scroller .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons{display:none}}@media screen and (max-width: 989px){.drag-scroller .slider--desktop:not(.slider--tablet)+.slider-buttons{display:none}}@media screen and (min-width: 750px){.drag-scroller .slider--mobile+.slider-buttons{display:none}}.drag-scroller .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}.drag-scroller .slider-button:not([disabled]):hover{color:rgb(var(--color-foreground))}.drag-scroller .slider-button .icon{height:.6rem}.drag-scroller .slider-button[disabled] .icon{color:rgba(var(--color-foreground),.3);cursor:not-allowed}.drag-scroller .slider-button--next .icon{transform:rotate(-90deg)}.drag-scroller .slider-button--prev .icon{transform:rotate(90deg)}.drag-scroller .slider-button--next:not([disabled]):hover .icon{transform:rotate(-90deg) scale(1.1)}.drag-scroller .slider-button--prev:not([disabled]):hover .icon{transform:rotate(90deg) scale(1.1)}.drag-scroller .grid{flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none;margin-top:0;margin-bottom:0;cursor:grab;overflow-y:hidden;overflow-x:scroll;align-items:flex-end}.drag-scroller .grid::-webkit-scrollbar{display:none}.drag-scroller .active{cursor:grabbing}.drag-scroller .active *{pointer-events:none}@media screen and (min-width: 1200px){.drag-scroller .grid{cursor:unset;overflow:visible}.drag-scroller .grid.grid--scrollable-desktop{cursor:grab;overflow-y:hidden;overflow-x:scroll}.drag-scroller .active{cursor:unset}.drag-scroller .active.grid--scrollable-desktop{cursor:grabbing}}@media screen and (max-width: 749px){.drag-scroller .product-grid{margin-top:calc(2 * var(--space-10))}.collection__view-all{margin-top:4rem}}@media screen and (min-width: 990px){.drag-scroller.product-slider{max-width:calc(var(--page-width) + (2 * var(--padding-inline)) + 2 * var(--space-7));padding-left:0;padding-right:0}.drag-scroller .product-grid{padding:var(--space-7);padding-left:var(--space-12);padding-right:var(--space-12)}.drag-scroller .product-grid{margin-top:-20rem;padding-top:20rem;padding-bottom:30rem;margin-bottom:-20rem}.collection__view-all{margin-top:-8rem;margin-bottom:2rem}}@media screen and (min-width: 1277px){.drag-scroller.product-slider{max-width:calc(var(--page-width) + (2 * var(--padding-inline)) + 2 * var(--space-7));padding-left:var(--space-7);padding-right:var(--space-7)}}
/*# sourceMappingURL=/cdn/shop/t/195/assets/component-drag-scroller.css.map */