@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@media (max-width:767px){body .repo-grid.repo-grid{grid-template-columns:minmax(0,1fr)}body .projpage-title.projpage-title{font-size:4.4rem}body .projpage-hero.projpage-hero{padding-top:6.4rem}body .repo-card.repo-card{padding:2.4rem 2rem}} .projpage-hero { padding-top: 10rem; padding-bottom: 6.4rem; background-color: var(--paper);} .projpage-inner { max-width: 112rem; width: 100%; margin: 0 auto; padding-left: 2.4rem; padding-right: 2.4rem; display: flex; flex-direction: column; gap: 2.4rem;} .projpage-hero .projpage-inner { max-width: 80rem; align-items: flex-start;} .projpage-kicker { font-size: 1.4rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin: 0;} .projpage-title { font-family: 'Source Serif 4',serif; font-size: 6.4rem; line-height: 1.05; letter-spacing: -.02em; color: var(--ink); margin: 0;} .projpage-lead { font-size: 2rem; line-height: 1.6; color: var(--ink-muted); margin: 0;} .projpage-cta { display: inline-flex; align-items: center; gap: 1rem; margin-top: .8rem; padding: 1.4rem 2.8rem; border-radius: .4rem; background-color: var(--ink); color: var(--paper); font-size: 1.6rem; font-weight: 600; text-decoration: none;} .projpage-cta .icon { display: inline-flex; font-size: 2rem; line-height: 1;} .projpage-cta:hover { background-color: var(--accent); color: #fff;} .projpage-list { padding-top: 8rem; padding-bottom: 10rem; background-color: var(--surface-muted); border-top: 1px solid var(--border);} .projpage-h2 { font-family: 'Source Serif 4',serif; font-size: 3.6rem; color: var(--ink); margin: 0;} .projpage-sub { font-size: 1.6rem; line-height: 1.6; color: var(--ink-muted); margin: 0;} .repo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3.2rem; width: 100%; align-items: stretch;} .repo-card { display: flex; flex-direction: column; gap: 1.6rem; height: 100%; padding: 2.8rem 3.2rem; border: 1px solid var(--border); border-radius: 1.2rem; background-color: #fff;} .repo-card-head { display: flex; align-items: center; gap: 1.2rem;} .repo-card-head .repo-icon { font-size: 2.8rem; color: var(--ink); line-height: 1;} .repo-card-title { font-family: 'Source Serif 4',serif; font-size: 2.6rem; line-height: 1.2; margin: 0;} .repo-card-title a { color: var(--ink); text-decoration: none;} .repo-card-title a:hover { color: var(--accent);} .repo-card-desc { font-size: 1.6rem; line-height: 1.6; color: var(--ink-muted); margin: 0;} .repo-card-meta { display: flex; flex-wrap: wrap; gap: .8rem;} .repo-chip { display: inline-block; padding: .4rem 1.1rem; border: 1px solid var(--border); border-radius: 99rem; background-color: var(--surface-muted); font-size: 1.3rem; font-weight: 600; color: var(--ink); margin: 0;} .repo-card-actions { display: flex; flex-wrap: wrap; gap: 1.2rem 2.4rem; margin-top: auto; padding-top: 1.6rem; border-top: 1px solid var(--border);} .repo-card-actions a { font-size: 1.5rem; font-weight: 600; color: var(--ink); text-decoration: none;} .repo-card-actions a:hover { color: var(--accent);} .repo-card-actions .repo-demo { color: var(--accent);} .projpage-note { font-size: 1.4rem; line-height: 1.6; color: var(--ink-muted); margin: 0;}.brxe-eo3mu0 .brxe-e0ubuy.brxe-block {flex-direction: row}.brxe-eo3mu0 .brxe-088gi7.brxe-block {flex-direction: row}.brxe-eo3mu0 .brxe-8fvvfm.brxe-block {flex-direction: row}