.head.svelte-c8k2rg{padding-top:calc(var(--awning-clear) + clamp(1.5rem, 5vw, 3rem))}.lede.svelte-c8k2rg{max-width:34rem;margin:0 auto}.families.svelte-c8k2rg{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;margin-top:2rem;display:grid}.family.svelte-c8k2rg{padding-top:1.25rem;position:relative}.family.svelte-c8k2rg h2:where(.svelte-c8k2rg){margin-bottom:.4rem}.family.svelte-c8k2rg p:where(.svelte-c8k2rg){font-size:1.02rem;line-height:1.55}.swatch.svelte-c8k2rg{width:1.6rem;height:1.6rem;box-shadow:inset 0 0 0 1px var(--ring), 0 0 0 3px var(--card), 0 0 0 4px rgb(var(--border) / .15);border-radius:50%;position:absolute;top:1.25rem;right:1.15rem}.brew.svelte-c8k2rg{flex-direction:column;margin:0;font-size:.98rem;display:flex}.making.svelte-c8k2rg{margin-top:3rem}.making.svelte-c8k2rg ol:where(.svelte-c8k2rg){gap:.9rem;max-width:40rem;margin:1.2rem auto 0;padding:0;list-style:none;display:grid}.making.svelte-c8k2rg li:where(.svelte-c8k2rg){grid-template-columns:8.5rem 1fr;align-items:baseline;gap:.15rem 1rem;display:grid}.making.svelte-c8k2rg strong:where(.svelte-c8k2rg){font-family:var(--display);font-size:1.1rem;font-weight:500}.making.svelte-c8k2rg .muted:where(.svelte-c8k2rg){font-size:1rem}.dots.svelte-c8k2rg{grid-column:2;gap:.4rem;display:flex}.dot.svelte-c8k2rg{width:.7rem;height:.7rem;box-shadow:inset 0 0 0 1px rgb(var(--border) / .3);border-radius:50%}.dot.on.svelte-c8k2rg{background:var(--c);box-shadow:inset 0 0 0 1px #00000026}.key.svelte-c8k2rg{text-align:center;margin-top:1rem;font-size:.9rem;font-style:italic}.more.svelte-c8k2rg{margin-top:2.5rem}@media (width<=30rem){.making.svelte-c8k2rg li:where(.svelte-c8k2rg){grid-template-columns:1fr}.dots.svelte-c8k2rg{grid-column:1}}