.card.svelte-dmg0ts{border:1px solid color-mix(in srgb, var(--mat-sys-outline) 50%, transparent);border-radius:var(--mat-sys-corner-extra-small);grid-template-rows:max-content 1fr;grid-template-areas:"image""text";margin-block:1.5rem;display:grid}@media screen and (width>=768px){.card.svelte-dmg0ts{grid-template-columns:52% 48%;grid-template-areas:"text image"}.card.inverse.svelte-dmg0ts{grid-template-columns:48% 52%;grid-template-areas:"image text"}}.card.svelte-dmg0ts .left:where(.svelte-dmg0ts){grid-area:text;padding:1rem 1.5rem}@media screen and (width>=768px){.card.svelte-dmg0ts .left:where(.svelte-dmg0ts){padding:1.5rem 2rem}}.card.svelte-dmg0ts .left:where(.svelte-dmg0ts) h3:where(.svelte-dmg0ts){font:var(--mat-sys-title-large);margin-block:.8rem}.card.svelte-dmg0ts .right:where(.svelte-dmg0ts){aspect-ratio:549/304;grid-area:image;position:relative}@media screen and (width>=768px){.card.svelte-dmg0ts .right:where(.svelte-dmg0ts){aspect-ratio:initial}}.card.svelte-dmg0ts .right:where(.svelte-dmg0ts) img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}