.media-stage{--card-inset: var(--space-3);display:grid;gap:var(--space-3);min-width:0}.media-stage__frame{display:grid;min-width:0}.media-stage__frame>*{grid-area:1 / 1;min-width:0}.media-card{display:grid;justify-self:start;justify-items:start;gap:var(--space-2);min-width:0}.media-card__panel{display:grid;justify-items:start;gap:var(--space-3);min-width:0}.media-card--fit{width:fit-content;max-width:min(100%,calc(var(--measure) + 2 * var(--space-5)))}.media-stage__frame>.media-card{position:relative;z-index:1;margin:var(--card-inset)}.media-stage__frame>.media-card--fit{max-width:min(calc(100% - 2 * var(--card-inset)),calc(var(--measure) + 2 * var(--space-5)))}[data-card^=inside_top] .media-card{align-self:start}[data-card^=inside_bottom] .media-card{align-self:end}[data-card$=_end] .media-card{justify-self:end;justify-items:end}[data-card=inside_center] .media-card{align-self:center;justify-self:center;justify-items:center;text-align:center}[data-card=inside_center] .media-card__panel{justify-items:center}.media-stage .media-card--fill{justify-self:stretch;justify-items:stretch}.media-card--fill .media-card__button{justify-self:start}@media(min-width:48rem){.media-stage{--card-inset: var(--space-5)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/media-card.css.map */