.content-grid{--content-grid-gap: 8px;--content-grid-column-count: 4;--content-grid-mobile-item-width: 84%;--content-grid-breakout: var(--outer);display:block}.content-grid__slider-buttons{margin-left:auto;display:flex;gap:6px}.content-grid__grid{margin-inline:calc(var(--content-grid-breakout) * -1);padding-inline:var(--content-grid-breakout);display:flex;gap:var(--content-grid-gap);overflow:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--content-grid-breakout);cursor:grab;-webkit-user-select:none;user-select:none;overscroll-behavior-x:contain;scroll-behavior:auto}.content-grid__grid.is-dragging{cursor:grabbing;scroll-snap-type:none}.content-grid__grid.is-dragging .content-grid__item{pointer-events:none}.content-grid__item{width:var(--content-grid-mobile-item-width);flex-shrink:0;scroll-snap-align:start}.content-grid:not(:has(.content-grid__item:nth-child(2))) .content-grid__slider-buttons{display:none}.content-grid__grid:not(:has(.content-grid__item:nth-child(2))){margin-inline:0;padding-inline:0;overflow:visible;scroll-snap-type:none;scroll-padding-inline:0;cursor:auto}.content-grid__grid:not(:has(.content-grid__item:nth-child(2))) .content-grid__item{width:100%}@media(min-width:1024px){.content-grid{--content-grid-gap: 24px;--content-grid-peek: 48px}.content-grid__slider-buttons{display:none}.content-grid:has(.content-grid__item:nth-child(5)) .content-grid__slider-buttons{display:flex}.content-grid__grid:not(:has(.content-grid__item:nth-child(5))){margin-inline:0;padding-inline:0;scroll-padding-inline:0;overflow:hidden;scroll-snap-type:none;cursor:auto}.content-grid__item{width:calc((100% - (var(--content-grid-gap) * (var(--content-grid-column-count) - 1))) / var(--content-grid-column-count))}.content-grid__grid:not(:has(.content-grid__item:nth-child(2))) .content-grid__item{width:100%}.content-grid__grid:has(.content-grid__item:nth-child(2):last-child) .content-grid__item{width:calc((100% - var(--content-grid-gap)) / 2)}.content-grid__grid:has(.content-grid__item:nth-child(3):last-child) .content-grid__item{width:calc((100% - (var(--content-grid-gap) * 2)) / 3)}.content-grid__grid:has(.content-grid__item:nth-child(5)){overflow:auto;scroll-snap-type:x mandatory}.content-grid__grid:has(.content-grid__item:nth-child(5)) .content-grid__item{width:calc((100% - (var(--content-grid-gap) * var(--content-grid-column-count)) - var(--content-grid-peek)) / var(--content-grid-column-count))}}@media(min-width:1800px){.content-grid{--content-grid-breakout: 0px}}
/*# sourceMappingURL=/cdn/shop/t/376/assets/content-grid.css.map */