section.svelte-n12dxu.svelte-n12dxu{display:flex;flex-direction:column;align-items:center}h1.svelte-n12dxu.svelte-n12dxu,p.svelte-n12dxu.svelte-n12dxu{text-align:center}.actions.svelte-n12dxu.svelte-n12dxu{display:flex;justify-content:center}.grid-container.svelte-n12dxu.svelte-n12dxu{display:flex;justify-content:center;grid-gap:16px;flex-wrap:wrap;max-width:764px}.card.svelte-n12dxu.svelte-n12dxu{height:210px;width:140px;border-radius:10px;background-color:#fff;position:relative;transform-style:preserve-3d;transition:all .5s ease-in-out}.front-image.svelte-n12dxu.svelte-n12dxu{width:60px;height:60px}.card.flipped{transform:rotateY(180deg)}.front.svelte-n12dxu.svelte-n12dxu,.back.svelte-n12dxu.svelte-n12dxu{backface-visibility:hidden;position:absolute;border-radius:10px;top:0;left:0;height:100%;width:100%}.card.svelte-n12dxu .front.svelte-n12dxu{display:flex;justify-content:center;align-items:center}.card.svelte-n12dxu .back.svelte-n12dxu{background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='25' height='25' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M25 30a5 5 0 110-10 5 5 0 010 10zm0-25a5 5 0 110-10 5 5 0 010 10zM0 30a5 5 0 110-10 5 5 0 010 10zM0 5A5 5 0 110-5 5 5 0 010 5zm12.5 12.5a5 5 0 110-10 5 5 0 010 10z'  stroke-width='1' stroke='none' fill='hsla(174, 100%, 29%, 1)'/><path d='M0 15a2.5 2.5 0 110-5 2.5 2.5 0 010 5zm25 0a2.5 2.5 0 110-5 2.5 2.5 0 010 5zM12.5 2.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5zm0 25a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'  stroke-width='1' stroke='none' fill='hsla(187, 100%, 42%, 1)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");background-position:center center;background-size:cover;backface-visibility:hidden}.card.svelte-n12dxu .front.svelte-n12dxu{transform:rotateY(180deg)}