.grid.svelte-12i898j{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:15px;width:100%;max-width:900px;margin:0 auto}.square.svelte-12i898j{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-12i898j:hover{transform:scale(1.05)}.square.svelte-12i898j:focus{outline:2px solid blue;outline-offset:2px}.square.clicked.svelte-12i898j{border-color:#00f}img.svelte-12i898j{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fullscreen.svelte-12i898j{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-12i898j img:where(.svelte-12i898j){max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain}.close-button.svelte-12i898j{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-12i898j:hover,.close-button.svelte-12i898j:focus{background-color:#f0f0f0}@media (max-width: 768px){.grid.svelte-12i898j{max-width:100%;gap:10px}.fullscreen.svelte-12i898j img:where(.svelte-12i898j){max-width:95%;max-height:95%}}@media (min-width: 769px) and (max-width: 1024px){.grid.svelte-12i898j{max-width:750px}}@media (min-width: 1025px){.grid.svelte-12i898j{max-width:900px}}