gridy-slider{position:relative;display:block}.gridy-track>*{scroll-snap-align:start;overflow:hidden}.gridy-track.disable-scroll{overflow:hidden!important}.grid-cols-1{--slide-items-width: 100% }.grid-cols-2{--slide-items-width: calc((100% - var(--gap)*1)/2) }.grid-cols-3{--slide-items-width: calc((100% - var(--gap)*2)/3) }.grid-cols-4{--slide-items-width: calc((100% - var(--gap)*3)/4) }.grid-cols-5{--slide-items-width: calc((100% - var(--gap)*4)/5) }.grid-cols-6{--slide-items-width: calc((100% - var(--gap)*5)/6) }.gridy-arrows{display:flex;flex-direction:row;justify-content:center;position:relative;opacity:1!important;pointer-events:none;z-index:1;margin-right:5px}@media screen and (min-width: 768px){.gridy-arrows{margin-right:40px}}.context-pdp.gridy-arrows{position:absolute;width:100%;top:calc(50% - 30px);pointer-events:none;left:0;z-index:1;justify-content:space-between}.gridy-track:not(:has(>*:nth-child(2)))+.context-pdp.gridy-arrows{display:none}.gridy-arrows .btn{background-color:transparent}.gridy-arrow{position:relative;pointer-events:auto;padding:1rem}.context-pdp.gridy-arrow{pointer-events:auto;position:absolute;top:-50%;transform:translateY(-50%)}[data-direction=prev]{left:0}[data-direction=next]{right:0}@media screen and (min-width: 768px){.hero-arrows-tracking [data-direction=prev]{left:50px}.hero-arrows-tracking [data-direction=next]{right:50px}}.gridy-arrows.on-edge{width:100%;left:0}.gridy-arrows.on-edge [data-direction=prev]{transform:translate(-50%,-50%)}.gridy-arrows.on-edge [data-direction=next]{transform:translate(50%,-50%)}.gridy-indicator.position-overlay-track{position:absolute;bottom:0;width:100%;z-index:1;pointer-events:none}.slider-top-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-bottom:20px;margin-left:40px}.slider-top-wrapper.with-heading{justify-content:space-between}.slider-top-wrapper .slider-nav-arrow{margin-left:12px;display:flex;align-items:center;position:relative}.page-slider-category-link{position:relative;display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}.slider-nav-arrow{position:relative;display:inline-block;overflow:hidden;width:20px;height:10px;transition:width .25s ease-in-out}.arrow{position:absolute;top:0;left:0;transition:opacity .25s ease-in-out}#arrow-default{opacity:1}#arrow-hover{opacity:0}.page-slider-category-link:hover .slider-nav-arrow{width:31px}.page-slider-category-link:hover .slider-nav-arrow #arrow-default{opacity:0}.page-slider-category-link:hover .slider-nav-arrow #arrow-hover{opacity:1}.page-slider-category-link:not(:hover) .slider-nav-arrow{width:20px}.page-slider-category-link:not(:hover) .slider-nav-arrow #arrow-default{opacity:1}.page-slider-category-link:not(:hover) .slider-nav-arrow #arrow-hover{opacity:0}.dot{display:block;background-color:#fff;height:8px;width:8px;border-radius:40px;opacity:.35}.dot.active{opacity:1}.indicator--lines .dot{width:32px;height:2px;border-radius:0}.arrows-style--minimal .gridy-arrow{color:var(--color-foreground);background-color:var(--color-background)}.arrows-style--minimal .gridy-arrow:hover{box-shadow:0 0 0 3px var(--color-background),0 2px 4px 3px #00000026!important}.arrows-style--no-bg .gridy-arrow{color:var(--color-foreground);background-color:transparent}.arrows-style--no-bg .gridy-arrow{transform:translate(0)!important}.arrows-style--no-bg .gridy-arrow:hover{box-shadow:0 0 0 3px var(--color-background),0 2px 4px 3px #00000026!important;background-color:var(--color-background)}@media only screen and (max-width: 767px){.slide-peek.grid-cols-1{--slide-items-width: 85% }.slide-peek.grid-cols-2{--slide-items-width: calc((90% - var(--gap)*1)/2) }.slide-peek.grid-cols-3{--slide-items-width: calc((92% - var(--gap)*2)/3) }.slide-peek.grid-cols-4{--slide-items-width: calc((94% - var(--gap)*3)/4) }[data-mobile-enabled=true] .gridy-track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;grid:auto / auto-flow var(--slide-items-width)}[data-mobile-enabled=true] .gridy-arrows{display:flex}[data-mobile-enabled=true] .track-inner-padding{padding-left:var(--container-margin);padding-right:var(--container-margin);scroll-padding-inline:var(--container-margin)}.sm-down-scroll-hidden{overflow:hidden!important}[data-direction=next].btn--round{padding-right:0!important}.slider-top-wrapper{margin-left:15px}}@media only screen and (min-width: 768px) and (max-width: 1023px){[data-tablet-enabled=true] .gridy-track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;grid:auto / auto-flow var(--slide-items-width)}[data-tablet-enabled=true] .gridy-arrows{display:flex}}@media only screen and (min-width: 768px){.sm-grid-cols-1{--slide-items-width: 100% }.sm-grid-cols-2{--slide-items-width: calc((100% - var(--gap)*1)/2) }.sm-grid-cols-3{--slide-items-width: calc((100% - var(--gap)*2)/3) }.sm-grid-cols-4{--slide-items-width: calc((100% - var(--gap)*3)/4) }.context-pdp.gridy-arrows{width:calc(100% - var(--container-margin));left:calc(var(--container-margin) / 2)}.context-pdp.gridy-arrows.sm-on-edge{width:100%;left:0}.context-slideshow.gridy-arrows.sm-on-edge{width:calc(100% - 48px);left:24px}.context-pdp.gridy-arrows.sm-on-edge [data-direction=prev]{transform:translate(-50%,-50%)}.context-pdp.gridy-arrows.sm-on-edge [data-direction=next]{transform:translate(50%,-50%)};.sm-scroll-hidden{overflow:hidden!important}}@media only screen and (min-width: 1024px){[data-desktop-enabled=true] .gridy-track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;grid:auto / auto-flow var(--slide-items-width)}[data-desktop-enabled=true] .gridy-arrows:not(.context-pdp){display:flex;justify-content:flex-end}.md-grid-cols-1{--slide-items-width: 100% }.md-grid-cols-2{--slide-items-width: calc((100% - var(--gap)*1)/2) }.md-grid-cols-3{--slide-items-width: calc((100% - var(--gap)*2)/3) }.md-grid-cols-4{--slide-items-width: calc((100% - var(--gap)*3)/4) }.md-grid-cols-5{--slide-items-width: calc((100% - var(--gap)*4)/5) }.md-grid-cols-6{--slide-items-width: calc((100% - var(--gap)*5)/6) }.md-scroll-hidden{overflow:hidden!important}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-gridy-slider.css.map */