h1.svelte-4jzhog{margin-bottom:2rem;font-size:clamp(2rem,12vw,3rem);line-height:1}a.svelte-4jzhog{color:inherit;text-decoration:none}.tool-filters.svelte-4jzhog{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:5rem;display:flex}.tool-filter.svelte-4jzhog{border:solid 1px var(--tool-border,var(--tool-color));cursor:pointer;background:0 0;border-radius:50px;min-width:100px;padding:10px 30px;transition:background-color .3s,color .3s;position:relative}.tool-filter.active.svelte-4jzhog,.tool-filter.svelte-4jzhog:hover{background:var(--tool-color);color:var(--grey-background)}.tool-filter.active.svelte-4jzhog{font-weight:700}.close-x.svelte-4jzhog{color:inherit;position:relative;bottom:1px;right:-5px}.grid-container.svelte-4jzhog{grid-template-columns:repeat(auto-fill, var(--img-size));justify-content:center;gap:2rem 1rem;display:grid}.viz-container.svelte-4jzhog{transition:transform .3s}.viz-container.svelte-4jzhog:hover{transform:scale(1.1)}.viz-container.svelte-4jzhog:hover .viz.fav:where(.svelte-4jzhog):after{opacity:1;animation:none}.viz-container.svelte-4jzhog:hover .viz-info:where(.svelte-4jzhog){view-transition-name:var(--title);font-weight:700}.viz-container.svelte-4jzhog:hover .tool:where(.svelte-4jzhog){background:var(--tool-color)}.viz.svelte-4jzhog{aspect-ratio:1;background-color:#ddd;border-radius:16.6667%;justify-content:center;width:100%;height:auto;transition:border-color .3s;display:flex}.viz.svelte-4jzhog .viz-img{object-fit:cover;width:100%;height:100%;view-transition-name:var(--img);border-radius:16.6667%;margin:auto}.viz-info.svelte-4jzhog{margin:0 5px}.viz-tools.svelte-4jzhog{flex-wrap:wrap;gap:3px;display:flex}.tool.svelte-4jzhog{text-align:center;opacity:.8;min-width:40px;height:fit-content;color:var(--grey-background);background:#aaa;border:1px solid;border-radius:100px;padding:5px 10px;font-size:12px;transition:background-color .3s;display:block}@media (width<=550px){.viz-info.svelte-4jzhog{display:none}}@media (width>550px){.viz-container.svelte-4jzhog{grid-template-rows:subgrid;cursor:pointer;grid-row:span 3;gap:10px;display:grid}}.more-info.svelte-4jzhog{flex-direction:column;align-items:center;margin-top:2rem;display:flex}.more-info-text.svelte-4jzhog,.more-info-button.svelte-4jzhog{font-size:1rem}.more-info-button.svelte-4jzhog{cursor:pointer;background:0 0;border:1px solid #222;border-radius:50px;width:150px;margin-top:1rem;padding:10px;transition:background-color .3s,color .3s}.more-info-button.svelte-4jzhog:hover{color:#fff;background:#000}.more-info-text.svelte-4jzhog{opacity:.3}
