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