multicolumn-media{display:block}.multicolumn-media__wrapper{max-width:1280px}.multicolumn-media__wrapper>ul{--color-background: #E6E6E6;--color-foreground: white;color:var(--color-foreground);display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:var(--grid-horizontal-spacing) var(--grid-vertical-spacing)}.multicolumn-media__wrapper>*+*{margin-top:3.2rem}li.multicolumn-media__item{align-self:stretch;flex:0 0 calc(100% / var(--nb-columns) - var(--grid-horizontal-spacing));position:relative;background:#d3d3d3;border-radius:var(--card-border-radius);overflow:hidden;aspect-ratio:9/16}li.multicolumn-media__item:before{content:"";position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;height:20%;background:linear-gradient(180deg,#0000007d,#fff0 90%)}li.multicolumn-media__item:not([data-card-type=card_two]):after{content:"";position:absolute;bottom:0;inset-inline-start:0;inset-inline-end:0;height:20%;background:linear-gradient(0deg,#0000007d,#fff0 90%)}.multicolumn-media__item--header{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:1.6rem;position:absolute;top:0;inset-inline-start:0;padding:2.4rem 3.2rem}.multicolumn-media__item--header>img{height:4.8rem;width:auto;border-radius:50%;overflow:hidden}.multicolumn-media__item--media{height:100%}.multicolumn-media__item--media>img,.multicolumn-media__item--media>video,.multicolumn-media__item--media>svg{width:100%;height:100%;object-fit:cover}.multicolumn-media__item--media>button{pointer-events:all;position:absolute;width:100%;height:100%;z-index:10;transition:opacity .2s ease-in-out}.multicolumn-media__item--media>button>svg{position:absolute;top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:9.6rem;height:9.6rem}.multicolumn-media__item--footer{position:absolute;display:flex;align-items:center;justify-content:flex-start;gap:1.6rem}[data-card-type=card_one] .multicolumn-media__item--footer{bottom:0;inset-inline-start:0;inset-inline-end:0;z-index:10;padding:2.4rem 3.2rem}[data-card-type=card_two] .multicolumn-media__item--footer{--color-foreground: black;background:var(--color-background);color:var(--color-foreground);inset-inline-start:0;inset-inline-end:0;bottom:0;padding:3.2rem}.multicolumn-media__item--footer>img{height:3.2rem;width:auto}@media screen and (max-width: 60em){li.multicolumn-media__item{--nb-columns: 1}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-multicolumn-media.css.map */