.media-grid{width:100%;height:100%;position:relative;z-index:0;background-color:var(--color-background);color:var(--text-color)}.media-grid.gradient-enabled{background-color:var(--color-background);background-color:var(--color-background-gradient)}.media-grid>.background-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover}.media-grid .grid-wrapper{--container-padding: calc(var(--container-left-padding) + var(--container-right-padding));--container-width: 100vw;--grid-columns: 12;--grid-column-gap: 32px;--grid-row-gap: 32px;--total-grid-gap: calc(var(--grid-column-gap) * (var(--grid-columns) - 1));--outer-margin: calc(100vw - var(--container-width));--grid-item-width: calc((100vw - var(--outer-margin) - var(--container-padding) - var(--total-grid-gap)) / var(--grid-columns));--grid-aspect-ratio: 1;display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);grid-auto-rows:calc(var(--grid-item-width) * var(--grid-aspect-ratio));column-gap:var(--grid-column-gap);row-gap:var(--grid-row-gap)}@media(min-width:640px){.media-grid .grid-wrapper{--container-width: 640px}}@media(min-width:768px){.media-grid .grid-wrapper{--container-width: 768px}}@media(min-width:900px){.media-grid .grid-wrapper{--container-width: 900px}}@media(min-width:1024px){.media-grid .grid-wrapper{--container-width: 1024px}}@media(min-width:1280px){.media-grid .grid-wrapper{--container-width: 1280px}}@media(min-width:1536px){.media-grid .grid-wrapper{--container-width: 1536px}}.media-grid .grid-media{--grid-media-column: 1;--grid-media-row: 1;grid-column:span calc(var(--grid-media-column) * 3);grid-row:span calc(var(--grid-media-row) * 3)}.media-grid .media-container{height:100%;width:100%}.media-grid .media-inner{position:relative;height:100%}.media-grid .grid-image{position:absolute;top:0;left:0;width:100%;height:100%}.media-grid .media-inner.fit .grid-image{object-fit:contain}.media-grid .media-inner.fill .grid-image{object-fit:cover}.media-grid .media-container{background-color:var(--color-background-variant)}@media(max-width:992px){.media-grid .grid-wrapper{grid-auto-flow:dense}.media-grid .grid-media{--grid-tablet-column: 2;--grid-tablet-row: 2;grid-column:span calc(var(--grid-tablet-column) * 3);grid-row:span calc(var(--grid-tablet-row) * 3)}}@media(max-width:640px){.media-grid .grid-wrapper{--grid-columns: 2}.media-grid .grid-media{--grid-mobile-column: 1;--grid-mobile-row: 1;grid-column:span var(--grid-mobile-column);grid-row:span var(--grid-mobile-row)}.media-grid .grid-image.desktop-image:nth-last-child(2){display:none}.media-grid .media-inner.fit-mobile .grid-image{object-fit:contain}.media-grid .media-inner.fill-mobile .grid-image{object-fit:cover}}@media(min-width:641px){.media-grid .grid-image.mobile-image:nth-child(2){display:none}}.media-grid-clickable{position:relative;overflow:hidden;cursor:pointer;transition:transform .28s ease,box-shadow .28s ease}.media-grid-clickable:hover{transform:translateY(-6px);box-shadow:0 14px 28px #00000038}.media-grid-clickable .grid-image{transition:transform .28s ease}.media-grid-clickable:hover .grid-image{transform:scale(1.04)}.media-grid-cta{position:absolute;right:18px;bottom:18px;z-index:3;padding:8px 14px;border-radius:999px;background:#ffffffeb;color:#2f3a2f;font-size:13px;font-weight:600;line-height:1;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.media-grid-clickable:hover .media-grid-cta{opacity:1;transform:translateY(0)}.media-grid-overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block;text-decoration:none}.media-grid .media-container{background:transparent!important;padding:0!important;border:none!important}.media-grid .media-inner{border-radius:16px;overflow:hidden}.media-grid .grid-image{border-radius:16px}
/*# sourceMappingURL=/cdn/shop/t/14/assets/media-grid.css.map */