.hg-ecosystem-item{position:relative;display:grid;grid-template-rows:1fr 1fr;min-height:400px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--hg-transition-base)}.hg-ecosystem-item:hover{border-color:var(--border-hover, var(--muted-foreground))}.hg-ecosystem-item-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:top center;background-repeat:no-repeat}.hg-ecosystem-item-content{position:relative;z-index:1;grid-row:2;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.hg-ecosystem-item-content:before{content:"";position:absolute;right:0;bottom:0;left:0;top:-100%;z-index:-1;background:linear-gradient(to bottom,color-mix(in srgb,var(--hg-scale-2) 20%,transparent) 0%,color-mix(in srgb,var(--hg-scale-2) 80%,transparent) 40%,var(--hg-scale-2) 100%);pointer-events:none}.hg-ecosystem-item-name{display:inline-flex;align-items:center;gap:.375rem;color:var(--foreground)}.hg-ecosystem-item-arrow{opacity:.5;transition:opacity var(--hg-transition-base),transform var(--hg-transition-base)}.hg-ecosystem-item:hover .hg-ecosystem-item-arrow{opacity:1;transform:translate(2px,-2px)}.hg-ecosystem-item-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:auto;padding-top:.5rem}