.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 .column-spacing--small{--gap: 10px}.media-grid .column-spacing--medium{--gap: 20px}@media only screen and (min-width: 768px){.media-grid .column-spacing--medium{--gap: 20px}}.media-grid .column-spacing--large{--gap: 10px}@media only screen and (min-width: 768px){.media-grid .column-spacing--large{--gap: 30px}}.media-grid--inner{display:grid;grid-auto-flow:dense;width:100%;gap:var(--gap);align-items:start;grid:auto-flow dense var(--mobile-height)/repeat(2,minmax(0,1fr))}@media only screen and (min-width: 768px){.media-grid--inner{grid:auto-flow dense var(--desktop-height)/repeat(4,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--item{background:var(--color-bg-gradient, var(--bg-body));color:var(--color-body);border-radius:var(--general-border-radius, 3px);overflow:hidden;padding:20px;width:100%;height:100%;position:relative;display:flex;grid-area:span var(--row-span)/span var(--column-span--mobile)}@media only screen and (max-width: 767px){.media-grid--item:nth-child(1){order:1}.media-grid--item:nth-child(2){order:4}.media-grid--item:nth-child(3){order:2}.media-grid--item:nth-child(4){order:3}}@media only screen and (min-width: 768px){.media-grid--item{padding:30px;grid-area:span var(--row-span)/span var(--column-span)}}.media-grid--item>*:last-child{margin-bottom:0}.media-grid--item .badge{font-size:.75rem;height:30px;padding:0 20px 0 12px}.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--bg img,.media-grid--item.has-link--true:hover .media-grid--bg video{transform:scale(1.07)}.media-grid--item.has-link--true .text-button{position:relative;z-index:22}.media-grid--item .badge{position:absolute;top:0;left:0;z-index:15}.media-grid--heading{color:var(--color-body);margin-bottom:12px}.media-grid--heading.h5,.media-grid--heading.h3{font-size:calc(var(--font-heading-scale) * 20px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 32px))}.media-grid--heading.h6{font-size:calc(var(--font-heading-scale) * 16px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 24px))}@media only screen and (min-width: 768px){.media-grid--heading.h3{font-size:calc(var(--font-heading-scale) * 34px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 42px))}.media-grid--heading.h5{font-size:calc(var(--font-heading-scale) * 28px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 36px))}.media-grid--heading.h6{font-size:calc(var(--font-heading-scale) * 20px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 32px))}}.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}.media-grid-image--mobile{display:block}@media only screen and (min-width: 768px){.media-grid-image--mobile{display:none}}.media-grid-image--desktop{display:none}@media only screen and (min-width: 768px){.media-grid-image--desktop{display:block}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/media-grid.css.map */