.shopify-section--dynamic-grid{view-timeline:--dynamic-grid block;position:relative;overflow-x:hidden}.shopify-section--dynamic-grid .horizontal-spacing{padding-inline:var(--container-gutter)}@supports (overflow: clip){.shopify-section--dynamic-grid{overflow-x:clip}}.shopify-section--dynamic-grid:first-child:has([allow-transparent-header]) .dynamic-grid{margin-block-start:var(--header-height, 0px)}.dynamic-grid{--dynamic-grid-column-count: 8;--dynamic-grid-cell-size: calc((100vw - var(--container-gutter-context, 0px) * 2) / var(--dynamic-grid-column-count) - var(--dynamic-grid-gap) * (var(--dynamic-grid-column-count) - 1) / var(--dynamic-grid-column-count));grid-template-columns:repeat(var(--dynamic-grid-column-count),minmax(0,1fr));grid-template-rows:repeat(var(--dynamic-grid-explicit-row-count),var(--dynamic-grid-cell-size)) max-content;gap:var(--dynamic-grid-gap);display:grid;position:relative}.dynamic-grid.editor-is-selected:before{content:"";background-image:repeating-linear-gradient(#c8c8c833 0,#c8c8c833 var(--dynamic-grid-cell-size),transparent var(--dynamic-grid-cell-size),transparent calc(var(--dynamic-grid-cell-size) + max(1px,var(--dynamic-grid-gap)))),repeating-linear-gradient(90deg,#c8c8c833 0,#c8c8c833 var(--dynamic-grid-cell-size),transparent var(--dynamic-grid-cell-size),transparent calc(var(--dynamic-grid-cell-size) + max(1px,var(--dynamic-grid-gap))));background-repeat:no-repeat;background-size:100% calc(var(--dynamic-grid-cell-size) * var(--dynamic-grid-explicit-row-count) + max(1px,var(--dynamic-grid-gap)) * (var(--dynamic-grid-explicit-row-count) - 1));width:100%;height:100%;position:absolute}.dynamic-grid__cell{grid-area:var(--dynamic-grid-grid-area);isolation:isolate;align-self:start;transition:opacity .2s ease-in-out,background-color .2s ease-in-out;position:relative;inset-block-start:var(--dynamic-grid-vertical-adjustment);inset-inline-start:var(--dynamic-grid-horizontal-adjustment)}@supports (view-timeline-name: --foo){.dynamic-grid__cell{--offset-amount: calc(var(--parallax-speed) * 10 / 2 * 1vmin);animation:linear forwards cell-horizontal-parallax;animation-timeline:--dynamic-grid;animation-range:cover}.dynamic-grid__cell[data-parallax-direction=vertical]{animation-name:cell-vertical-parallax}}.dynamic-grid__cell figure{object-fit:cover;object-position:center;width:100%;max-width:100%;transition:opacity .2s}.dynamic-grid__cell figure{margin:0!important}.dynamic-grid__cell figure img,.dynamic-grid__cell picture img{height:inherit;margin:0!important}.dynamic-grid__cell figure video{width:100%}@media screen and (min-width: 1000px){.dynamic-grid{--dynamic-grid-column-count: 16}}@keyframes cell-horizontal-parallax{0%{transform:translate(calc(-1 * var(--offset-amount)))}to{transform:translate(var(--offset-amount))}}@keyframes cell-vertical-parallax{0%{transform:translateY(calc(-1 * var(--offset-amount)))}to{transform:translateY(var(--offset-amount))}}.dynamic-grid.editor-is-selected:before{content:"";background-image:repeating-linear-gradient(to right,#c8c8c833 0,#c8c8c833 calc((100% - var(--dynamic-grid-gap) * (var(--dynamic-grid-column-count) - 1)) / var(--dynamic-grid-column-count)),transparent calc((100% - var(--dynamic-grid-gap) * (var(--dynamic-grid-column-count) - 1)) / var(--dynamic-grid-column-count)),transparent calc((100% - var(--dynamic-grid-gap) * (var(--dynamic-grid-column-count) - 1)) / var(--dynamic-grid-column-count) + var(--dynamic-grid-gap))),repeating-linear-gradient(to bottom,#c8c8c833 0,#c8c8c833 var(--dynamic-grid-cell-size),transparent var(--dynamic-grid-cell-size),transparent calc(var(--dynamic-grid-cell-size) + var(--dynamic-grid-gap)));background-size:100% 100%;background-repeat:no-repeat;width:100%;height:100%;position:absolute}.dynamic-grid__cell.editor-is-selected{background-color:#0000000d;outline:2px dashed gray}.dynamic-grid__cell:has(.editor-is-selected){background-color:#0000000d;outline:2px dashed gray}.dynamic-grid.editor-is-selected :is(.dynamic-grid__cell figure):not(.editor-is-selected){opacity:.6}.dynamic-grid .icon{height:auto;width:var(--icon-mobile-max-width, var(--icon-max-width, auto));transition:transform .2s;display:block}@media (min-width: 750px){.dynamic-grid .icon{width:var(--icon-max-width, auto)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/dynamic-grid.css.map */