section.svelte-xzpybl{display:flex;justify-content:center;padding:1rem}section.svelte-xzpybl p:where(.svelte-xzpybl){text-align:center;max-width:50rem}.designs.svelte-xzpybl{--spacing: 2rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing);padding:var(--spacing)}.designs.svelte-xzpybl .design:where(.svelte-xzpybl){display:flex;flex-direction:column;row-gap:.5rem}.designs.svelte-xzpybl .design:where(.svelte-xzpybl) img{max-width:100%;height:auto}.designs.svelte-xzpybl .design:where(.svelte-xzpybl) div:where(.svelte-xzpybl){display:flex;justify-content:space-between;align-items:flex-start;column-gap:1rem}.designs.svelte-xzpybl .design:where(.svelte-xzpybl) div:where(.svelte-xzpybl) hgroup:where(.svelte-xzpybl){overflow:hidden}.designs.svelte-xzpybl .design:where(.svelte-xzpybl) div:where(.svelte-xzpybl) hgroup:where(.svelte-xzpybl) h3:where(.svelte-xzpybl){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.designs.svelte-xzpybl .design:where(.svelte-xzpybl) div:where(.svelte-xzpybl) button:where(.svelte-xzpybl){background:none;border:none;font-size:1rem;cursor:pointer;text-decoration:underline}@media only screen and (max-width:850px){.designs.svelte-xzpybl{--spacing: 1rem;grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (max-width:700px){.designs.svelte-xzpybl{grid-template-columns:repeat(2,minmax(0,1fr))}}