.patterns-shell[data-astro-cid-xmhejcrf]{background:var(--background);grid-template-columns:auto minmax(0,1fr);block-size:100vh;display:grid;overflow:hidden}.patterns-index[data-astro-cid-xmhejcrf]{background:color-mix(in oklch,var(--semantic-text) 2%,var(--semantic-surface));min-inline-size:0;color:var(--semantic-text);overflow:auto}.patterns-index__content[data-astro-cid-xmhejcrf]{inline-size:min(100%,82rem);padding:var(--space-3xl) var(--space-xl) var(--space-4xl);margin-inline:auto}.patterns-index__header[data-astro-cid-xmhejcrf]{justify-content:space-between;align-items:flex-end;gap:var(--space-xl);display:flex}.patterns-index__intro[data-astro-cid-xmhejcrf]{gap:var(--space-s);min-inline-size:0;display:grid}.patterns-index__badge[data-astro-cid-xmhejcrf]{border-radius:var(--radius-full);min-block-size:1.5rem;inline-size:fit-content;padding:var(--space-4xs) var(--space-3xs);background:color-mix(in oklch,var(--semantic-action) 13%,var(--semantic-surface));color:var(--semantic-primary);font:700 var(--text-xs)/1 var(--font-body);align-items:center;display:inline-flex}.patterns-index__badge--neutral[data-astro-cid-xmhejcrf]{background:color-mix(in oklch,var(--semantic-text) 6%,var(--semantic-surface));color:var(--semantic-text)}.patterns-index__intro[data-astro-cid-xmhejcrf] h1[data-astro-cid-xmhejcrf]{max-inline-size:16ch;font:650 clamp(var(--text-xl),5vw,var(--text-2xl))/1 var(--font-heading);letter-spacing:-.05em;margin:0}.patterns-index__intro[data-astro-cid-xmhejcrf]>p[data-astro-cid-xmhejcrf]{max-inline-size:62ch;color:var(--muted-foreground);font:400 var(--text-m)/1.6 var(--font-body);margin:0}.patterns-filter[data-astro-cid-xmhejcrf]{gap:var(--space-4xs);color:var(--muted-foreground);font:700 var(--text-xs)/1.2 var(--font-body);flex:0 0 12rem;display:grid}.patterns-filter[data-astro-cid-xmhejcrf] select[data-astro-cid-xmhejcrf]{border:1px solid var(--border);border-radius:var(--radius-m);min-block-size:2.375rem;inline-size:100%;padding:0 var(--space-s);background:var(--card);color:var(--foreground);font:600 var(--text-s)/1 var(--font-body)}.patterns-filter[data-astro-cid-xmhejcrf] select[data-astro-cid-xmhejcrf]:focus-visible{outline:3px solid var(--semantic-focus);outline-offset:2px}.patterns-index__meta[data-astro-cid-xmhejcrf]{justify-content:space-between;gap:var(--space-m);border-block-start:1px solid var(--border);color:var(--muted-foreground);font:600 var(--text-s)/1.4 var(--font-body);margin-block-start:var(--space-xl);padding-block-start:var(--space-m);display:flex}.patterns-index__meta[data-astro-cid-xmhejcrf] p[data-astro-cid-xmhejcrf]{margin:0}.patterns-index__meta[data-astro-cid-xmhejcrf] output[data-astro-cid-xmhejcrf]{color:var(--semantic-text);font-variant-numeric:tabular-nums}.patterns-library[data-astro-cid-xmhejcrf]{gap:var(--space-m);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--space-xl);display:grid}.patterns-library__card[data-astro-cid-xmhejcrf]{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--card);grid-template-rows:auto 1fr;min-inline-size:0;display:grid;position:relative;overflow:hidden}.patterns-library__card[data-astro-cid-xmhejcrf][hidden]{display:none}.patterns-library__preview[data-astro-cid-xmhejcrf]{aspect-ratio:4/3;min-block-size:13rem;margin:var(--space-3xs);border-radius:var(--radius-m);padding:var(--space-l);background:color-mix(in oklch,var(--semantic-action) 7%,var(--semantic-surface));place-items:center;display:grid;overflow:hidden}.patterns-library__scale[data-astro-cid-xmhejcrf]{inline-size:calc(100% * var(--pattern-preview-inverse,1));block-size:100%;transform:scale(var(--pattern-preview-scale,1));transform-origin:50%;place-items:center;display:grid}.patterns-library__specimen[data-astro-cid-xmhejcrf]{place-items:center;inline-size:100%;min-inline-size:0;display:grid}.patterns-library__specimen[data-astro-cid-xmhejcrf]>*{max-inline-size:100%}.patterns-library__body[data-astro-cid-xmhejcrf]{align-content:start;gap:var(--space-xs);padding:var(--space-m);display:grid}.patterns-library__heading[data-astro-cid-xmhejcrf]{justify-content:space-between;align-items:center;gap:var(--space-s);min-inline-size:0;display:flex}.patterns-library__heading[data-astro-cid-xmhejcrf] h2[data-astro-cid-xmhejcrf]{min-inline-size:0;font:650 var(--text-m)/1.2 var(--font-heading);letter-spacing:-.015em;margin:0}.patterns-library__body[data-astro-cid-xmhejcrf]>p[data-astro-cid-xmhejcrf]{color:var(--muted-foreground);font:400 var(--text-s)/1.55 var(--font-body);margin:0}.patterns-library__card--clickable[data-astro-cid-xmhejcrf]{cursor:pointer;transition:border-color .16s,transform .16s,box-shadow .16s}.patterns-library__card--clickable[data-astro-cid-xmhejcrf]:has(.patterns-library__link:hover){border-color:color-mix(in oklch,var(--semantic-action) 42%,var(--semantic-border));box-shadow:0 var(--space-4xs) var(--space-m) color-mix(in oklch,var(--semantic-text) 8%,transparent);transform:translateY(-.125rem)}.patterns-library__card--clickable[data-astro-cid-xmhejcrf]:has(.patterns-library__link:focus-visible){outline:3px solid var(--semantic-focus);outline-offset:3px}.patterns-library__link[data-astro-cid-xmhejcrf]{color:inherit;outline:0;text-decoration:none}.patterns-library__link[data-astro-cid-xmhejcrf]:after{z-index:2;border-radius:var(--radius-l);content:"";position:absolute;inset:0}.patterns-empty[data-astro-cid-xmhejcrf]{margin:var(--space-3xl) 0 0;text-align:center;color:var(--muted-foreground);font:500 var(--text-m)/1.5 var(--font-body)}@media (width<=1100px){.patterns-library[data-astro-cid-xmhejcrf]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.patterns-shell[data-astro-cid-xmhejcrf]{grid-template-columns:1fr;block-size:auto;min-block-size:100dvh;overflow:visible}.patterns-index[data-astro-cid-xmhejcrf]{overflow:visible}.patterns-index__content[data-astro-cid-xmhejcrf]{padding:var(--space-2xl) var(--space-m) var(--space-3xl)}.patterns-index__header[data-astro-cid-xmhejcrf]{align-items:start;gap:var(--space-l);display:grid}.patterns-index__badge[data-astro-cid-xmhejcrf]{min-block-size:1.75rem;font-size:max(1rem,var(--text-s))}.patterns-index__intro[data-astro-cid-xmhejcrf]>p[data-astro-cid-xmhejcrf]{font-size:max(1rem,var(--text-m))}.patterns-filter[data-astro-cid-xmhejcrf]{inline-size:100%;font-size:max(1rem,var(--text-s))}.patterns-filter[data-astro-cid-xmhejcrf] select[data-astro-cid-xmhejcrf]{min-block-size:3rem;font-size:max(1rem,var(--text-s))}.patterns-library[data-astro-cid-xmhejcrf]{grid-template-columns:1fr}.patterns-library__preview[data-astro-cid-xmhejcrf]{min-block-size:15rem}.patterns-library__body[data-astro-cid-xmhejcrf]>p[data-astro-cid-xmhejcrf]{font-size:max(1rem,var(--text-s))}}@media (prefers-reduced-motion:reduce){.patterns-library__card--clickable[data-astro-cid-xmhejcrf]{transition:none}}