.cards.svelte-1e03l1k{grid-template-columns:repeat(2,1fr);place-items:center;gap:1rem;inline-size:100%;min-inline-size:0;max-inline-size:40rem;margin-block:15vw;margin-inline:auto;display:grid}@media (width<=600px){.cards.svelte-1e03l1k{grid-template-columns:1fr 1fr;gap:.5rem}}.cards.svelte-1e03l1k .card:where(.svelte-1e03l1k){will-change:transform;display:grid;position:relative}.cards.svelte-1e03l1k .card:where(.svelte-1e03l1k)[aria-expanded=true]{visibility:hidden}.cards.svelte-1e03l1k .card:where(.svelte-1e03l1k) img:where(.svelte-1e03l1k){border-radius:var(--radius);background:#dedede;grid-area:1/1;block-size:auto;inline-size:100%}.cards.svelte-1e03l1k .card:where(.svelte-1e03l1k) button:where(.svelte-1e03l1k){border-radius:var(--radius);background:#ffffffbf url(https://assets.codepen.io/889665/zoom-in.svg) 50%/.75rem no-repeat;grid-area:1/1;place-self:end start;block-size:1.5rem;inline-size:1.5rem;margin:.5rem;transition:background-color .1s}.cards.svelte-1e03l1k .card:where(.svelte-1e03l1k) button:where(.svelte-1e03l1k):after{content:"";position:absolute;inset:0}.cards.svelte-1e03l1k .card:where(.svelte-1e03l1k) button:where(.svelte-1e03l1k):focus-visible,.cards.svelte-1e03l1k .card:where(.svelte-1e03l1k) button:where(.svelte-1e03l1k):hover{background-color:#fff;outline:none}.cards.svelte-1e03l1k .card:where(.svelte-1e03l1k) button:where(.svelte-1e03l1k).close{background-image:url(https://assets.codepen.io/889665/zoom-out.svg);transform:rotate(-180deg)}dialog.svelte-1e03l1k{background:0 0;border:none;max-block-size:calc(100svh - 1rem);inline-size:100%;max-inline-size:min(30rem,100% - 1rem);margin:auto;padding:0}dialog.svelte-1e03l1k::backdrop{background:#ffffff80}dialog.svelte-1e03l1k .card img{border-radius:var(--radius)}dialog.svelte-1e03l1k .card .close{color:#333;padding-inline-end:.5rem;background:#ffffffe6 url(https://assets.codepen.io/889665/zoom-out.svg) .5rem/.75rem no-repeat;outline:none;justify-content:flex-end;align-items:flex-end;gap:.25rem;block-size:2em;inline-size:2.5em;padding:.35rem .5rem;font-family:inherit;font-size:.7rem;display:flex}::view-transition-group(card){animation-duration:.35s;animation-timing-function:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001)}::view-transition-group(card-button){animation-duration:.35s;animation-timing-function:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001)}