.media-grid--item.has-link--true .media-grid--bg img,.media-grid--item.has-link--true .media-grid--bg video{transition:all 1s cubic-bezier(.104,.204,.492,1)}.media-grid--inner{padding:0 15px;max-width:1440px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 768px){.media-grid--inner{padding:0 50px}}.column-spacing--small{--gap: 5px}.column-spacing--medium{--gap: 10px}@media only screen and (min-width: 768px){.column-spacing--medium{--gap: 15px}}.column-spacing--large{--gap: 15px}@media only screen and (min-width: 768px){.column-spacing--large{--gap: 25px}}.media-grid--inner{display:grid;gap:var(--gap);width:100%;align-items:start;grid-auto-flow:dense;grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:max(var(--mobile-height),fit-content)}@media only screen and (min-width: 768px) and (max-width: 1023px){.media-grid--inner{grid:auto-flow dense var(--desktop-height) / repeat(2,minmax(0,1fr))}}@media only screen and (min-width: 1024px){.media-grid--inner{grid:auto-flow dense var(--desktop-height) / repeat(3,minmax(0,1fr))}}@media only screen and (max-width: 767px){.media-grid--inner.swipe-on-mobile{grid-auto-flow:column;grid-auto-columns:minmax(var(--mobile-swipe-width),1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(var(--mobile-swipe-width),1fr));scroll-snap-type:x mandatory;grid-template-rows:var(--desktop-height)}.media-grid--inner.swipe-on-mobile .media-grid--item{scroll-snap-align:center;grid-area:auto}}.media-grid--inner-full-width-row-full{padding:0;max-width:none;margin:0}.media-grid--inner-full-width-row{max-width:none}.media-grid--item{background:var(--color-bg-gradient, var(--bg-body, #fff));color:var(--color-body);overflow:hidden;padding:20px;width:100%;min-height:var(--mobile-height);position:relative;display:flex;grid-area:span var(--row-span) / span var(--column-span--mobile)}@media only screen and (min-width: 768px){.media-grid--item{padding:30px;height:100%;min-height:auto;grid-area:span var(--row-span) / span var(--column-span)}}.media-grid--item>*:last-child{margin-bottom:0}.media-grid--item.content-top-left{justify-content:flex-start;align-items:flex-start}.media-grid--item.content-top-center{justify-content:center;align-items:flex-start}.media-grid--item.content-top-right{justify-content:flex-end;align-items:flex-start}.media-grid--item.content-middle-left{justify-content:flex-start;align-items:center}.media-grid--item.content-middle-center{justify-content:center;align-items:center}.media-grid--item.content-middle-right{justify-content:flex-end;align-items:center}.media-grid--item.content-bottom-left{justify-content:flex-start;align-items:flex-end}.media-grid--item.content-bottom-center{justify-content:center;align-items:flex-end}.media-grid--item.content-bottom-right{justify-content:flex-end;align-items:flex-end}.media-grid--item.has-link--true:hover .media-grid--heading,.media-grid--item.has-link--true:focus-within>.media-grid--content .media-grid--heading{text-decoration:underline;text-underline-offset:8px}.media-grid--item.has-link--true:hover .media-grid--bg img,.media-grid--item.has-link--true:focus-within>.media-grid--bg img,.media-grid--item.has-link--true:focus-within>.media-grid--bg video{transform:scale(1.07)}.media-grid--item.has-link--true:focus-within .media-grid--link{outline-offset:-1px}.media-grid--item.has-link--true .text-button{position:relative;z-index:22}.media-grid--item .text-button{margin-right:0}.media-grid--item .badge{position:absolute;left:8px;top:8px;z-index:15}@media only screen and (min-width: 768px){.media-grid--item .badge{left:16px;top:16px}}.media-grid--heading{color:var(--color-body);margin-bottom:5px}.media-grid__heading--shadow{text-shadow:0px 2px 10px rgba(0,0,0,.35)}.media-grid__spacer{width:100%;max-width:80px;height:1px;background-color:var(--color-body);margin:24px 0}.media-grid--link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:21}.media-grid--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.media-grid--bg img,.media-grid--bg video{width:100%;height:100%;object-fit:cover;pointer-events:none}.media-grid--bg:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity))}.media-grid--content{z-index:2}.media-grid--content>*:last-child{margin-bottom:0}.content-button-bottom-aligned .media-grid--content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.content-button-bottom-aligned .button,.content-button-bottom-aligned .text-button{width:fit-content}
/*# sourceMappingURL=/cdn/shop/t/18/assets/media-grid.css.map */