.sr-only.svelte-1635426{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.square-container.svelte-1635426{position:relative}.grid.svelte-1635426{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-1635426{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-1635426:hover{transform:scale(1.05)}.square.svelte-1635426:focus{outline:2px solid blue;outline-offset:2px}.square.clicked.svelte-1635426{border-color:#00f}img.svelte-1635426{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.description-popup.svelte-1635426{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background-color:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;max-width:250px;text-align:center;z-index:100;opacity:0;animation:svelte-1635426-fadeIn .3s ease forwards;box-shadow:0 2px 8px #0000004d}.description-popup.show-above.svelte-1635426{top:auto;bottom:calc(100% + 10px)}.description-popup.svelte-1635426:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#000000e6;top:-12px}.description-popup.show-above.svelte-1635426:after{top:auto;bottom:-12px;border-bottom-color:transparent;border-top-color:#000000e6}@keyframes svelte-1635426-fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.fullscreen.svelte-1635426{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-1635426 img:where(.svelte-1635426){max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain}.close-button.svelte-1635426{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-1635426:hover,.close-button.svelte-1635426:focus{background-color:#f0f0f0}@media (max-width: 768px){.grid.svelte-1635426{max-width:100%;gap:10px}.fullscreen.svelte-1635426 img:where(.svelte-1635426){max-width:95%;max-height:95%}.description-popup.svelte-1635426{font-size:12px;max-width:200px;white-space:normal}}@media (min-width: 769px) and (max-width: 1024px){.grid.svelte-1635426{max-width:750px}}@media (min-width: 1025px){.grid.svelte-1635426{max-width:900px}}@media (hover: none){.square.svelte-1635426:hover{transform:none}}