.cards.svelte-1pg7ujc{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card.svelte-1pg7ujc{height:250px;width:250px;font-size:4rem;background-color:var(--bg-2);transition:rotate .3s ease-out;transform-style:preserve-3d}.card.svelte-1pg7ujc.flip{rotate:y 180deg;pointer-events:none}.card.svelte-1pg7ujc .back{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;backface-visibility:hidden;rotate:y 180deg}.card.svelte-1pg7ujc .back img{width:100%;height:100%;border-radius:8px}.card.svelte-1pg7ujc .match{transition:transform .6s .5s ease-in-out;transform:rotate(360deg)}