.grid.svelte-gm25uh{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;width:100%;max-width:600px;margin:0 auto}.square.svelte-gm25uh{aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:.1in solid silver;transition:border-color .3s ease,transform .3s ease;cursor:pointer;position:relative}.square.svelte-gm25uh:hover{transform:scale(1.05)}.square.svelte-gm25uh:focus{outline:2px solid blue;outline-offset:2px}.square.clicked.svelte-gm25uh{border-color:#00f}img.svelte-gm25uh{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fullscreen.svelte-gm25uh{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.fullscreen.svelte-gm25uh img:where(.svelte-gm25uh){max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain}.close-button.svelte-gm25uh{position:absolute;top:20px;right:20px;background-color:#fff;color:#000;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}.close-button.svelte-gm25uh:hover,.close-button.svelte-gm25uh:focus{background-color:#f0f0f0}@media (max-width: 600px){.grid.svelte-gm25uh{max-width:100%}.fullscreen.svelte-gm25uh img:where(.svelte-gm25uh){max-width:95%;max-height:95%}}