gridy-slider{position:relative;display:block}.gridy-track{scrollbar-width:none}.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) }.grid-cols-7{--slide-items-width: calc((100% - var(--gap)*6)/7) }.grid-cols-8{--slide-items-width: calc((100% - var(--gap)*7)/8) }.gridy-arrows{display:none;position:absolute;width:100%;top:50%;pointer-events:none;left:0;z-index:1}.gridy-arrow{pointer-events:auto;position:absolute;top:-50%;transform:translateY(-50%)}[data-direction=prev]{left:0}[data-direction=next]{right:0}.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:8px;width:100%;z-index:1}.dot{display:block;background-color:var(--color-white);height:8px;width:8px;border-radius:40px;opacity:.35}.dot.active{opacity:1}.indicator--lines .dot{width:32px;height:2px;border-radius:0}.progress-bar{top:0;left:0;height:2px;border-radius:4px;background:#fff6;width:40px;position:relative;cursor:pointer}.progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:var(--color-white);border-radius:4px;transition:width linear;width:var(--progress-width, 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)}.slide-peek.grid-cols-1{--slide-items-width: 85% }.slide-peek:has(product-card).grid-cols-1{--slide-items-width: 70%}.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) }.slide-peek.grid-cols-5{--slide-items-width: calc((94% - var(--gap)*4)/5) }.slide-peek.grid-cols-6{--slide-items-width: calc((94% - var(--gap)*5)/6) }.slide-peek.grid-cols-7{--slide-items-width: calc((94% - var(--gap)*6)/7) }@media only screen and (max-width: 767px){.slide-peek-mobile.grid-cols-1{--slide-items-width: 85% }.slide-peek-mobile.grid-cols-2{--slide-items-width: calc((90% - var(--gap)*1)/2) }.slide-peek-mobile.grid-cols-3{--slide-items-width: calc((92% - var(--gap)*2)/3) }.slide-peek-mobile.grid-cols-4{--slide-items-width: calc((94% - var(--gap)*3)/4) }.slide-peek-mobile.grid-cols-5{--slide-items-width: calc((94% - var(--gap)*4)/5) }.slide-peek-mobile.grid-cols-6{--slide-items-width: calc((94% - var(--gap)*5)/6) }.slide-peek-mobile.grid-cols-7{--slide-items-width: calc((94% - var(--gap)*6)/7) }.slide-peek-mobile:has(product-card).grid-cols-1{--slide-items-width: 70%}[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.slide-peek-mobile{padding-left:var(--container-margin);padding-right:var(--container-margin);scroll-padding-inline:calc(calc(100% - var(--slide-items-width)) - var(--gap))}.sm-down-scroll-hidden{overflow:hidden!important}[data-direction=prev].btn--round{padding:.4em .4em .4em .2em!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}[data-direction=next].btn--round{padding:.4em .2em .4em .4em!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}}#drawer-cart .card--traditional .card-media,#drawer-cart .card-media figure{max-width:84px;width:100%;max-height:112px;height:100%;border-radius:6px}#cart-items .cart-item .cart-item__image-container,#cart-items .cart-item figure.media{max-width:84px;width:100%;max-height:112px;height:100%;border-radius:6px}@media only screen and (max-width: 375px){.slide-peek-mobile:has(product-card).grid-cols-1{--slide-items-width: 80%}}@media only screen and (min-width: 768px) and (max-width: 1023px){.slide-peek-tablet.sm-grid-cols-1{--slide-items-width: 85% }.slide-peek-tablet.sm-grid-cols-2{--slide-items-width: calc((90% - var(--gap)*1)/2) }.slide-peek-tablet.sm-grid-cols-3{--slide-items-width: calc((92% - var(--gap)*2)/3) }.slide-peek-tablet.sm-grid-cols-4{--slide-items-width: calc((94% - var(--gap)*3)/4) }.slide-peek-tablet.sm-grid-cols-5{--slide-items-width: calc((94% - var(--gap)*4)/5) }.slide-peek-tablet.sm-grid-cols-6{--slide-items-width: calc((94% - var(--gap)*5)/6) }.slide-peek-tablet.sm-grid-cols-7{--slide-items-width: calc((94% - var(--gap)*6)/7) }.slide-peek-tablet:has(product-card).sm-grid-cols-1{--slide-items-width: 70%}[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}[data-tablet-enabled=true] .track-inner-padding.slide-peek-tablet{padding-left:var(--container-margin);padding-right:var(--container-margin);scroll-padding-inline:calc(calc(100% - var(--slide-items-width)) - var(--gap))}}@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) }.sm-grid-cols-5{--slide-items-width: calc((100% - var(--gap)*4)/5) }.sm-grid-cols-6{--slide-items-width: calc((100% - var(--gap)*5)/6) }.sm-grid-cols-7{--slide-items-width: calc((100% - var(--gap)*6)/7) }.sm-grid-cols-8{--slide-items-width: calc((100% - var(--gap)*7)/8) }.gridy-arrows{width:calc(100% - var(--container-margin));left:calc(var(--container-margin) / 2)}.gridy-arrows.sm-on-edge{width:100%;left:0}.gridy-arrows.sm-on-edge [data-direction=prev]{transform:translate(-50%,-50%)}.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){.slide-peek-desktop.md-grid-cols-1{--slide-items-width: 91.385% }.slide-peek-desktop.md-grid-cols-2{--slide-items-width: calc((90% - var(--gap)*1)/2) }.slide-peek-desktop.md-grid-cols-3{--slide-items-width: calc((92% - var(--gap)*2)/3) }.slide-peek-desktop.md-grid-cols-4{--slide-items-width: calc((94% - var(--gap)*3)/4) }.slide-peek-desktop.md-grid-cols-5{--slide-items-width: calc((94% - var(--gap)*4)/5) }.slide-peek-desktop.md-grid-cols-6{--slide-items-width: calc((94% - var(--gap)*5)/6) }.slide-peek-desktop.md-grid-cols-7{--slide-items-width: calc((94% - var(--gap)*6)/7) }[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{display:flex}[data-desktop-enabled=true] .track-inner-padding.slide-peek-desktop{padding-left:var(--container-margin);padding-right:var(--container-margin);scroll-padding-inline:calc(calc(100% - var(--slide-items-width)) - var(--gap))}.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-grid-cols-7{--slide-items-width: calc((100% - var(--gap)*6)/7) }.md-grid-cols-8{--slide-items-width: calc((100% - var(--gap)*7)/8) }.md-scroll-hidden{overflow:hidden!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-gridy-slider.css.map?v=126044596363060151851754663262 */