.board.svelte-13t1dps{width:100%;min-width:0;aspect-ratio:1;cursor:pointer}.board.svelte-13t1dps canvas{display:block;width:100%;height:100%;min-width:0;max-width:100%}.board.svelte-1gud9ro{width:100%;min-width:0}.board.svelte-1gud9ro canvas{display:block;width:100%;height:100%;max-width:100%}.pattern-demo.svelte-p29li3{display:grid;grid-template-columns:240px 1fr;gap:1rem;align-items:start;margin:16px 0}.pattern-demo__board.svelte-p29li3{grid-column:1;grid-row:1;min-width:0}.pattern-demo__info.svelte-p29li3{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:.35rem}.pattern-demo--wide.svelte-p29li3{grid-template-columns:1fr}.pattern-demo--wide.svelte-p29li3 .pattern-demo__board:where(.svelte-p29li3){grid-column:1;grid-row:2}.pattern-demo--wide.svelte-p29li3 .pattern-demo__info:where(.svelte-p29li3){grid-column:1;grid-row:1}.pattern-demo__title.svelte-p29li3{margin:0;color:#ffffffec;font-size:.9rem;font-weight:700;letter-spacing:.05em}.pattern-demo__description.svelte-p29li3,.pattern-demo__single.svelte-p29li3{margin:0;color:#ffffffb0;font-size:.75rem;line-height:1.5}.pattern-demo__items.svelte-p29li3{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.15rem}button.svelte-p29li3{padding:.3rem .6rem;background:#1f2434;color:#ffffffec;border:1px solid #2f3c4f;font-size:.72rem;line-height:1.3;cursor:pointer;transition:.15s}button.svelte-p29li3:hover{background:#35455c}button.is-active.svelte-p29li3{background:#4a7a9b;color:#02070e;font-weight:700}@media screen and (max-width:800px){.pattern-demo.svelte-p29li3{grid-template-columns:1fr}.pattern-demo__board.svelte-p29li3{grid-column:1;grid-row:2}.pattern-demo__info.svelte-p29li3{grid-column:1;grid-row:1}}.lead-heading.svelte-m0ebn1{margin-top:20px!important}.boards.svelte-m0ebn1{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1rem;margin:12px 0;min-width:0}.boards.svelte-m0ebn1 figure{margin:0;min-width:0}@media screen and (max-width:800px){.boards.svelte-m0ebn1{grid-template-columns:1fr}}