.maps-grid.svelte-1wthett{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.25rem}.map-card.svelte-1wthett{position:relative;aspect-ratio:16 / 9;border-radius:var(--br-xl);background:var(--shade8);overflow:clip;outline:solid 2px transparent;outline-offset:2px;transition:outline-color var(--transition);&:hover,&:focus{outline-color:var(--shade4);.map-image:where(.svelte-1wthett){scale:1.05;opacity:1;filter:saturate(1)}}}.map-image.svelte-1wthett{position:absolute;width:100%;height:100%;border-radius:var(--br-lg);object-fit:cover;opacity:.25;filter:saturate(.5);transition:scale var(--transition),opacity var(--transition),filter var(--transition)}.map-name.svelte-1wthett{position:absolute;top:50%;left:50%;translate:-50% -50%;text-shadow:0 0 20px var(--shade10)}