.pattern.svelte-k5riew{flex-direction:column;display:flex}.pattern.svelte-k5riew img:where(.svelte-k5riew){aspect-ratio:16/9;object-fit:cover;background:#05060c;width:100%;height:auto}.pattern__text.svelte-k5riew{flex-direction:column;flex:1;align-items:flex-start;gap:10px;padding:18px 20px 20px;display:flex}.pattern__name.svelte-k5riew{font:600 19px/1.3 var(--display);color:var(--head)}.pattern__rule.svelte-k5riew{flex:1;font-size:15px;line-height:1.55}.pattern__count.svelte-k5riew{font:400 12px/1.4 var(--mono);color:var(--muted)}