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) }.grid-cols-7{--slide-items-width: calc((100% - var(--gap)*6)/7) }.grid-cols-8{--slide-items-width: calc((100% - var(--gap)*7)/8) }.grid-cols-9{--slide-items-width: calc((100% - var(--gap)*8)/9) }.grid-cols-9{--slide-items-width: calc((100% - var(--gap)*9)/9) }.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;width:100%;z-index:1;pointer-events:none}.gridy-indicator.indicators_top{top:0}.gridy-indicator.indicators_bottom{bottom:0}.dot{display:block;background-color:#fff;height:8px;width:8px;border-radius:40px;opacity:.35}.dot.active{opacity:1}.arrows-style--minimal .gridy-arrow{color:var(--color-foreground);background-color:var(--color-background);box-shadow:var(--box-shadow--small)}.arrows-style--minimal .gridy-arrow:hover{box-shadow:0 0 0 3px var(--color-background),0 2px 4px 3px #00000026!important}.arrows-and-progress{width:100%;max-width:min(var(--ideal-width),calc(100vw - var(--container-margin)*2));display:none;grid-template-columns:auto 1fr auto;align-items:center;background:var(--color-background);border-radius:60px;margin:4px auto;position:relative;z-index:2}.arrow-btn{width:44px;height:44px;display:grid;align-items:center;justify-content:center;border-radius:44px;margin:-7px;transition:all .3s ease-out}.arrow-btn:hover{background:var(--color-button-foreground);color:var(--color-button-background)}.progress-bar{--scroll-position: 0%;width:100%;height:4px;border-radius:4px;position:relative;background-color:rgb(var(--color-foreground-rgb) / .15);overflow:hidden}.progress-bar-fill{width:var(--fill-width);max-width:100%;height:100%;position:absolute;left:var(--scroll-position);top:0;background-color:var(--color-foreground);transition:all .1s linear;border-radius:4px}@media only screen and (min-width: 768px){.progress-bar-fill{width:var(--sm-fill-width)}}@media only screen and (min-width: 1024px){.progress-bar-fill{width:var(--md-fill-width)}}@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] .arrows-and-progress{display:grid}[data-mobile-enabled=true].show-overflow-items{grid-column:1 / -1}[data-mobile-enabled=true].show-overflow-items .gridy-track{padding-left:var(--container-margin);padding-right:var(--container-margin);scroll-padding-inline:var(--container-margin)}[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}}@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-mobile-enabled=true].show-overflow-items{grid-column:1 / -1}[data-mobile-enabled=true].show-overflow-items .gridy-track{padding-left:var(--container-margin);padding-right:var(--container-margin);scroll-padding-inline:var(--container-margin)}[data-tablet-enabled=true] .gridy-arrows{display:flex}[data-tablet-enabled=true] .arrows-and-progress{display:grid}}@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) }.sm-grid-cols-9{--slide-items-width: calc((100% - var(--gap)*8)/9) }.sm-grid-cols-10{--slide-items-width: calc((100% - var(--gap)*9)/10) }.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%)}}@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].show-overflow-items{grid-column:1 / -1}[data-desktop-enabled=true].show-overflow-items .gridy-track{--track-inner-padding: max(calc((100% - var(--ideal-width))/2), var(--container-margin));padding:0 var(--track-inner-padding);scroll-padding:var(--track-inner-padding)}[data-desktop-enabled=true] .gridy-arrows{display:flex}[data-desktop-enabled=true] .arrows-and-progress{display:grid}.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-grid-cols-9{--slide-items-width: calc((100% - var(--gap)*8)/9) }.md-grid-cols-10{--slide-items-width: calc((100% - var(--gap)*9)/10) }}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-gridy-slider.css.map */