.mpr-video-cards__grid{display:grid;gap:1.6rem}.mpr-vcard{--mpr-vcard-bg: #4f72ae;position:relative;isolation:isolate;overflow:hidden;border-radius:var(--mpr-radius-xl);background:var(--mpr-vcard-bg);color:#fff;min-height:32rem;display:flex;flex-direction:column;justify-content:flex-end}.mpr-vcard--raspberry{--mpr-vcard-bg: var(--mpr-primary)}.mpr-vcard--purple{--mpr-vcard-bg: var(--mpr-purple)}.mpr-vcard--mint{--mpr-vcard-bg: #3f8f6e}.mpr-vcard__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.mpr-vcard__media img,.mpr-vcard__media video{width:100%;height:100%;object-fit:cover;display:block}.mpr-vcard--media .mpr-vcard__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#140c2400 40%,#140c248c);pointer-events:none;transition:opacity .3s}.mpr-vcard__note{margin:1.8rem;font-size:1.2rem;font-weight:800;opacity:.9}.mpr-vcard__play{position:absolute;top:50%;left:50%;translate:-50% -50%;width:6.4rem;height:6.4rem;border-radius:50%;border:0;background:#fff;color:var(--mpr-ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px #0003;transition:transform .2s var(--mpr-ease),opacity .2s}.mpr-vcard__play:hover{transform:scale(1.06)}.mpr-vcard__play:focus-visible{outline:3px solid var(--mpr-yellow);outline-offset:4px}.mpr-vcard__play .mpr-icon{width:2.4rem;height:2.4rem;margin-left:.3rem}.mpr-vcard__content{position:relative;padding:2.4rem;display:grid;justify-items:start;gap:1rem}.mpr-vcard__title{margin:0;font-family:var(--font-heading-family);font-weight:600;font-size:2.6rem;line-height:1.15;color:#fff}.mpr-vcard__text{margin:0;font-weight:600;opacity:.92}.mpr-vcard.is-playing .mpr-vcard__play,.mpr-vcard.is-playing .mpr-vcard__content{opacity:0;pointer-events:none}.mpr-vcard.is-playing .mpr-vcard__media{z-index:1}.mpr-vcard.is-playing .mpr-vcard__media:after{opacity:0}@media screen and (min-width:750px){.mpr-video-cards__grid{grid-template-columns:repeat(auto-fit,minmax(30rem,1fr))}.mpr-vcard{min-height:0;aspect-ratio:1.4}.mpr-vcard__content{padding:3.2rem}.mpr-vcard__title{font-size:3rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mpr-video-cards.css.map */