@supports (content-visibility: auto){.ecosystem-share{content-visibility:auto;contain-intrinsic-size:auto var(--tc-contain-intrinsic-size, 720px)}.ecosystem-share{--tc-contain-intrinsic-size: 280px}}.ecosystem-page{width:100%;padding:var(--tc-spacing-section-standard);padding-top:64px;border-bottom:1px solid var(--color-grey-100)}.ecosystem-page__intro{max-width:1040px;display:flex;flex-direction:column;gap:48px;align-items:flex-start}.ecosystem-page__intro h1{max-width:1000px}.ecosystem-page__intro p{margin:0;color:var(--color-black)}.directory-nav{margin-top:56px;display:flex;flex-wrap:wrap;gap:8px}.directory-nav__button{min-height:40px;border:0;display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-pill);background:var(--color-grey-50);padding:0 18px;cursor:pointer;transition:background-color var(--tc-motion-base) var(--tc-ease-standard),color var(--tc-motion-base) var(--tc-ease-standard)}.directory-nav__button span{color:var(--color-grey-500);transition:color var(--tc-motion-base) var(--tc-ease-standard)}.directory-nav__button:hover,.directory-nav__button:focus-visible{background:var(--color-black);color:var(--color-white)}.directory-nav__button:hover span,.directory-nav__button:focus-visible span{color:var(--color-white)}.ecosystem-category{margin-top:72px;scroll-margin-top:32px}.ecosystem-category__header{display:flex;align-items:center;gap:24px;margin-bottom:24px}.ecosystem-category__title{min-width:0;display:flex;align-items:center;gap:16px}.ecosystem-category__title h2{margin:0}.ecosystem-category__title p{margin:4px 0 0;color:var(--color-grey-500)}.ecosystem-category__rule{height:1px;min-width:72px;flex:1 1 auto;background:var(--color-grey-100)}.ecosystem-category__count{flex:0 0 auto;min-width:40px;text-align:right}.ecosystem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}.directory-list-item{min-width:0;min-height:80px;display:grid;grid-template-columns:56px minmax(0,1fr) auto 24px;align-items:center;gap:16px;border-bottom:1px solid var(--color-grey-100);color:var(--color-black);transition:border-color var(--tc-motion-base) var(--tc-ease-standard),color var(--tc-motion-fast) var(--tc-ease-standard),background-color var(--tc-motion-base) var(--tc-ease-standard)}.directory-list-item:hover,.directory-list-item:focus-visible{border-color:var(--color-black)}.directory-list-item--disabled{color:var(--color-grey-500)}.directory-list-item__avatar{width:48px;height:48px;border-radius:999px;background:var(--color-grey-50);border:1px solid var(--color-grey-100);overflow:hidden;display:grid;place-items:center;color:var(--color-grey-500);font-size:var(--tc-type-body-very-small-size);line-height:var(--tc-type-body-very-small-line-height);font-weight:var(--tc-type-body-very-small-weight)}.directory-list-item__avatar img{width:100%;height:100%;object-fit:cover;display:block}.directory-list-item__copy{min-width:0;display:flex;flex-direction:column;gap:2px}.directory-list-item__name{min-width:0;overflow-wrap:anywhere}.directory-list-item__summary{color:var(--color-grey-500);overflow-wrap:anywhere}.directory-list-item__meta{grid-column:3;display:flex;align-items:center;gap:12px}.directory-list-item__arrow{grid-column:4;display:flex;align-items:center;justify-content:flex-end;color:var(--color-grey-500)}.directory-list-item__arrow .dot-arrow-icon{transform:rotate(-90deg)}.directory-list-item:hover .directory-list-item__arrow,.directory-list-item:focus-visible .directory-list-item__arrow{color:var(--color-black)}.directory-list-item .native-phase__badge{height:28px;font-size:8px;line-height:10px;letter-spacing:4px;padding:0 12px}.directory-list-item__badge--native{min-width:188px;background:var(--color-white)}.directory-list-item__badge--muted{min-width:170px;background:var(--color-white);color:var(--color-grey-500)}.ecosystem-share{position:relative;padding:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;border-top:1px solid var(--color-grey-100)}.ecosystem-share:after{content:"";position:absolute;left:64px;right:64px;bottom:0;height:1px;background:var(--color-grey-100);pointer-events:none}.ecosystem-share+.footer{height:auto;padding-top:32px}.ecosystem-share__copy{max-width:900px;display:flex;flex-direction:column;gap:32px}.ecosystem-share__copy h2,.ecosystem-share__copy p{margin:0}.ecosystem-share .pill-button{min-width:220px}@media(max-width:1499px){.ecosystem-page__intro{max-width:100%;gap:40px}.ecosystem-grid{column-gap:40px}.ecosystem-share{height:auto;padding:64px 48px}.ecosystem-share:after{left:48px;right:48px}.ecosystem-share__copy{max-width:760px}}@media(min-width:768px)and (max-width:1299px){.ecosystem-category__header{gap:16px}.ecosystem-category{scroll-margin-top:112px}.ecosystem-grid{column-gap:24px}.directory-list-item{grid-template-columns:56px minmax(0,1fr) 24px;align-items:center;gap:8px 16px;padding:12px 0}.directory-list-item__avatar{grid-column:1;grid-row:1 / span 2;align-self:start}.directory-list-item__copy{grid-column:2;grid-row:1}.directory-list-item__meta{grid-column:2;grid-row:2;justify-content:flex-start}.directory-list-item__arrow{grid-column:3;grid-row:1;align-self:center}.directory-list-item__badge--native{min-width:164px}.directory-list-item__badge--muted{min-width:148px}.ecosystem-share{grid-template-columns:1fr;gap:32px}.ecosystem-share .pill-button{width:100%}}@media(max-width:767px){.ecosystem-page{padding:40px 24px 56px}.ecosystem-page__intro{gap:24px}.directory-nav{margin-top:32px}.directory-nav__button{width:auto;max-width:100%;justify-content:flex-start}.ecosystem-category{margin-top:48px}.ecosystem-category{scroll-margin-top:72px}.ecosystem-category__header,.ecosystem-category__title{align-items:flex-start;gap:12px}.ecosystem-category__rule{display:none}.ecosystem-category__count{margin-left:auto}.ecosystem-grid{grid-template-columns:1fr}.directory-list-item{grid-template-columns:48px minmax(0,1fr) 24px;gap:8px 14px;padding:12px 0}.directory-list-item__avatar{width:44px;height:44px}.directory-list-item__meta{grid-column:2;justify-content:flex-start}.directory-list-item__arrow{grid-column:3;grid-row:1;align-self:center;display:flex}.ecosystem-share{padding:var(--tc-spacing-section-standard);grid-template-columns:1fr;gap:32px;align-items:start}.ecosystem-share:after{left:24px;right:24px}.ecosystem-share+.footer{padding-top:24px}.ecosystem-share__copy{gap:16px}.ecosystem-share .pill-button{width:100%;min-width:0}}