.media_card{overflow:hidden;box-shadow:0 4px 8px #0000000a}.media_card__card{border-radius:16px}.media_card__container{position:relative;display:flex;flex-direction:column}.media_card__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.media_card__media video,.media_card__media img{position:absolute;width:100%;height:100%;object-fit:cover}.media_card__content_container{position:relative;z-index:2;width:100%;height:100%;display:flex}.media_card__text p{color:rgba(var(--color-foreground))}.half-width{width:50%}@media screen and (min-width: 750px){.media_card__mobile_media{display:none}}@media screen and (max-width: 749px){.media_card__desktop_media{display:none}.stacked{position:relative}.media_card__media{min-height:100px}.media_card__media_fade_edge{content:"";display:block;width:100%;height:20%;background:linear-gradient(to bottom,transparent,rgb(var(--color-background)));position:absolute;bottom:0;left:0}.media_card__content{width:100%;margin:32px}}.media_card__content_position_left{justify-content:flex-start}.media_card__content_position_center{justify-content:center}.media_card__content_position_right{justify-content:flex-end}.media_card__content_align_left,.media_card__content_align_left *{align-self:flex-start;text-align:left}.media_card__content_align_center,.media_card__content_align_center *{align-self:center;text-align:center}.media_card__content_align_right,.media_card__content_align_right *{align-self:flex-end;text-align:right}@media screen and (min-width: 750px){.media_card__content_shadow *:not(a){text-shadow:0 4px 8px rgba(0,0,0,.5)}.media_card__content_background{padding:3.2rem;background:rgb(var(--color-background))}}.media_card__content>*+*{margin-top:.8rem;margin-bottom:.8rem}.media_card__content .button{margin-right:.8rem}.media_card__content .button+.media_card__text{margin-top:2rem}.media_card__blocks .media_card__text+.button{margin-top:3rem}.media_card__heading{margin-bottom:0}.media_card__text p{margin-top:0;margin-bottom:5rem}.media_card__content>:first-child:is(.media_card__heading),.media_card__text--caption+.media_card__heading,.media_card__text--caption:first-child{margin-top:0}.icon-container{display:inline-block}@media screen and (max-width: 749px){.icon-container img{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-media-card.css.map */
