.with-toc,.with-toc-body{display:flex;flex-direction:column;min-width:0}.toc{display:none}@media(width >= 1280px){.page-content:has(.with-toc){max-width:var(--max-width-wide);width:var(--content-width-wide)}.page-content:has(.with-toc--prose){max-width:var(--max-width);width:var(--content-width)}.with-toc{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:3.5rem;align-items:start;--prose-measure:54rem}.with-toc:has(.toc[hidden]){grid-template-columns:minmax(0,1fr);--prose-measure:none}.toc{display:block;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;margin-top:4.5rem}.toc[hidden]{display:none}.toc .toc-title{margin:0 0 .6rem .75rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bs-fg-3)}.toc ul{margin:0;padding:0;list-style:none;border-left:1px solid var(--bs-border-color)}.toc li a{display:block;padding:.35rem .75rem;margin-left:-1px;border-left:2px solid transparent;font-size:.9rem;line-height:1.35;color:var(--bs-fg-3);text-decoration:none;transition:color var(--transition),border-color var(--transition)}.toc li a:hover{color:var(--bs-fg-body)}.toc li a.is-current{color:var(--bs-fg-body);border-left-color:var(--bs-fg-1)}.toc .toc-h3 a{padding-left:1.5rem;font-size:.85rem}}.filterable svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.filterable .filter-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem}.filterable .filter-search{position:relative;display:flex;align-items:center;flex:1 1 22rem}.filterable .filter-search .filter-search-icon{position:absolute;left:1.1rem;width:1.1rem;height:1.1rem;color:var(--bs-fg-3);pointer-events:none}.filterable .filter-search input{width:100%;height:3.25rem;padding:0 2.9rem;font-size:1rem;color:var(--bs-fg-1);background-color:var(--bs-bg-1);border:1px solid var(--bs-border-color);border-radius:var(--bs-radius-pill);outline:none;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition);text-overflow:ellipsis}.filterable .filter-search input::placeholder{color:var(--bs-fg-3)}.filterable .filter-search input:focus{background-color:var(--bs-bg-body);border-color:var(--bs-fg-3);box-shadow:0 0 0 .25rem color-mix(in oklch,var(--bs-fg-body) 6%,transparent)}.filterable .filter-search input::-webkit-search-cancel-button{display:none}.filterable .filter-search-clear{position:absolute;right:.9rem;display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:50%;color:var(--bs-fg-2);background-color:var(--bs-bg-2);transition:color var(--transition),background-color var(--transition)}.filterable .filter-search-clear svg{width:.7rem;height:.7rem}.filterable .filter-search-clear:hover{color:var(--bs-inverse-contrast);background-color:var(--bs-inverse-bg)}.filterable .filter-count{margin:0;font-size:.95rem;color:var(--bs-fg-2);white-space:nowrap}@media(width < 768px){.filterable .filter-count{order:-1}}.filterable .filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.25rem}.filterable .filter-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.85rem;color:var(--bs-fg-2);background-color:var(--bs-bg-body);border:1px solid var(--bs-border-color);border-radius:var(--bs-radius-pill);transition:color var(--transition),background-color var(--transition),border-color var(--transition)}.filterable .filter-chip img{width:.9rem;height:.9rem;object-fit:contain}.filterable .filter-chip:hover{color:var(--bs-fg-body);border-color:var(--bs-border-emphasized);background-color:var(--bs-bg-1)}.filterable .filter-chip.is-active{color:var(--bs-inverse-contrast);background-color:var(--bs-inverse-bg);border-color:var(--bs-inverse-bg)}.filterable .filter-chip .filter-chip-count{font-size:.8rem;opacity:.75}.filterable .filter-empty{padding:4rem 0;text-align:center;color:var(--bs-fg-2)}.filterable .filter-empty .filter-empty-reset{padding:0;color:var(--bs-fg-1);background:0 0;border:0;text-decoration:underline}.ecosystem-packages{margin:2rem 0 4rem}.ecosystem-packages .eco-sprite{display:none}.ecosystem-packages .filter-count{color:var(--bs-fg-3)}.ecosystem-packages .filter-chips{margin-bottom:2rem}.ecosystem-packages .filter-chips:has(+.filter-chips){margin-bottom:.4rem}.ecosystem-packages .filter-chip .filter-chip-count{font-size:.75rem;opacity:.55}.ecosystem-packages .eco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1.25rem}.ecosystem-packages .eco-card{content-visibility:auto;contain-intrinsic-size:auto 14rem;position:relative;display:flex;flex-direction:column;gap:.8rem;padding:1.35rem;background-color:var(--bs-bg-body);border:1px solid var(--bs-border-color);border-radius:var(--card-radius)}.ecosystem-packages .eco-card[hidden]{display:none}.ecosystem-packages .eco-card--core{background-color:color-mix(in oklch,var(--scvi-tools-yellow) 8%,transparent)}.ecosystem-packages .eco-card-head{display:flex;align-items:center;gap:.85rem}.ecosystem-packages .eco-logo{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;overflow:hidden;border-radius:var(--bs-radius-6);background-color:var(--bs-bg-1)}.ecosystem-packages .eco-logo img{width:100%;height:100%;padding:.3rem;object-fit:contain}.ecosystem-packages .eco-logo--mono{font-size:1.3rem;font-weight:800;color:var(--bs-fg-1)}.ecosystem-packages .eco-logo--mono[data-hue]{background-color:color-mix(in oklch,var(--hue) 18%,transparent)}.ecosystem-packages .eco-card-heading{min-width:0}.ecosystem-packages .eco-card-name{margin:0;font-size:1.15rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.ecosystem-packages .eco-card-name a{color:var(--bs-fg-body);text-decoration:none}.ecosystem-packages .eco-card-name a::after{content:"";position:absolute;inset:0;border-radius:var(--card-radius)}.ecosystem-packages .eco-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.25rem 0 0;font-size:.75rem;color:var(--bs-fg-3)}.ecosystem-packages .eco-card-meta .eco-badge{padding:.05rem .35rem;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bs-inverse-contrast);background-color:var(--bs-inverse-bg);border-radius:var(--bs-radius-3)}.ecosystem-packages .eco-card-meta .eco-badge--lang{color:var(--bs-fg-1);background-color:var(--bs-bg-4)}.ecosystem-packages .eco-card-meta .eco-version{font-family:jetbrains mono,Menlo,monospace}.ecosystem-packages .eco-card-meta .eco-version+.eco-license::before{content:"·";margin-right:.4rem}.ecosystem-packages .eco-card-desc{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:.9rem;line-height:1.55;color:var(--bs-fg-2)}.ecosystem-packages .eco-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.ecosystem-packages .eco-tag{position:relative;z-index:1;padding:.2rem .5rem;font-size:.72rem;color:var(--bs-fg-3);background-color:var(--bs-bg-1);border:0;border-radius:var(--bs-radius-4);transition:color var(--transition),background-color var(--transition)}.ecosystem-packages .eco-tag:hover{color:var(--bs-fg-body);background-color:var(--bs-bg-2)}.ecosystem-packages .eco-tag.is-active{color:var(--bs-inverse-contrast);background-color:var(--bs-inverse-bg)}.ecosystem-packages .eco-card-links{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.3rem}.ecosystem-packages .eco-card-links a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.78rem;color:var(--bs-fg-2);text-decoration:none;background-color:var(--bs-bg-1);border-radius:var(--bs-radius-4);transition:color var(--transition),background-color var(--transition)}.ecosystem-packages .eco-card-links a svg{width:.85rem;height:.85rem}.ecosystem-packages .eco-card-links a:hover{color:var(--bs-inverse-contrast);background-color:var(--bs-inverse-bg)}.ecosystem-packages .filter-empty{color:var(--bs-fg-3)}@media(width < 768px){.ecosystem-packages .eco-grid{grid-template-columns:1fr}}.packages-content .packages-list{display:flex;flex-direction:column;gap:5rem}.packages-content .package-section{display:flex;margin:.5rem 0;gap:3rem}.packages-content .package-section:first-of-type{margin-top:2rem}.packages-content .package-img{flex:1}.packages-content .package-img img{display:block;padding:.5rem;flex:none;align-self:center;object-fit:contain;margin:auto;max-width:100%;max-height:8.75rem}@media(width < 768px){.packages-content .package-img{display:none}}.packages-content .package-info{flex:3;display:flex;flex-direction:column;align-items:flex-start;gap:0}.packages-content .package-tile{border-radius:var(--bs-radius-9)}.packages-content .package-name{font-size:2rem;font-weight:800;display:block}.packages-content .package-details{display:block;margin:1rem 0;color:var(--bs-fg-1)}@media(width < 768px){.packages-content .package-details{font-size:1rem}}.packages-content .package-links a{display:inline-block;background-color:var(--bs-bg-2);text-decoration:none;font-size:1rem;padding:.4rem .8rem;margin:.5rem 0;text-align:center;border-radius:var(--bs-radius-5);transition:color var(--transition),background-color var(--transition)}.packages-content .package-links a:hover,.packages-content .package-links a:active{color:var(--bs-fg-body);background-color:var(--bs-bg-4)}