:where(#style-guide){display:flow-root}:where(#style-guide)>h1,:where(#style-guide)>section{margin-left:auto;margin-right:auto;width:min(100% - 6rem,100rem)}:where(#style-guide)>section{margin-bottom:4.2rem;margin-top:4.2rem}:where(#style-guide) hr{border:0;border-top:1.5px solid var(--color-black);margin-bottom:1rem;margin-top:1rem}:where(#style-guide) pre:has(code){border:.1em dashed var(--color-black);border-radius:.5em;color:var(--color-black);font-size:1.2rem;margin-bottom:.5rem;margin-top:.5rem;overflow-x:auto;padding:1.4rem 1.6rem}:where(#style-guide) pre:has(code) code{color:inherit}:where(#style-guide) .logos{--gap:1rem;--cols:3;--total-gap:calc(var(--gap) * (var(--cols) - 1));--item-size-offset:calc(var(--total-gap) / var(--cols));--item-size:(100%/var(--cols)) - var(--item-size-offset);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--gap);list-style:none;padding:0}:where(#style-guide) .logos li{display:flex;flex:0 0 max(18rem,var(--item-size));padding:2rem}:where(#style-guide) .logos svg{height:auto;width:100%}:where(#style-guide) .logos .black path{fill:var(--color-black)}:where(#style-guide) .logos .white{background-color:var(--color-black)}:where(#style-guide) .logos .white path{fill:var(--color-white)}:where(#style-guide) .colors{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin-bottom:2rem;margin-top:2rem;padding:0}:where(#style-guide) .colors .swatch{aspect-ratio:88/60;border-radius:.5rem;box-shadow:var(--shadow-medium);margin-bottom:.5rem;width:15rem}:where(#style-guide) .icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));list-style:none;grid-gap:1rem;gap:1rem;margin-bottom:2rem;margin-top:2rem;padding:0}:where(#style-guide) .icons .heading{grid-column:1/-1}:where(#style-guide) .icons .icon{align-items:start;display:grid;grid-auto-rows:min-content;justify-items:stretch;text-align:center}:where(#style-guide) .icons .icon>div{align-items:center;aspect-ratio:1/1;display:grid;justify-items:center;place-items:center}:where(#style-guide) .icons svg{height:auto;width:3.2rem}:where(#style-guide) .dropshadows{background-color:var(--color-text-muted-light);display:flex;flex-wrap:wrap;gap:4rem;padding:4rem}:where(#style-guide) .dropshadows li{align-items:center;aspect-ratio:1/1;background-color:var(--color-white);border-radius:1rem;color:var(--color-black);display:grid;font-weight:700;justify-items:center;padding:1rem;place-items:center;text-align:center;width:12rem}:where(#style-guide) .buttons{display:flex;flex-wrap:wrap;gap:1rem;padding:2rem}:where(#style-guide) .buttons.dark{background-color:#333}:where(#style-guide) .forms{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin:20px 0}:where(#style-guide) .forms code{white-space:pre-wrap;word-break:break-word}