.page-module__mDnVFq__flexDemo{background:var(--muted);border-radius:var(--radius);min-height:80px;padding:1rem;display:flex;position:relative}.page-module__mDnVFq__flexItem{background:var(--primary);color:var(--primary-foreground);border-radius:calc(var(--radius) - 2px);text-align:center;min-width:50px;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.page-module__mDnVFq__demoLabel{text-align:center;color:var(--muted-foreground);font-size:.8125rem;font-family:var(--font-jetbrains-mono),monospace;margin-top:.5rem}.page-module__mDnVFq__directionRow{flex-direction:row;gap:.5rem}.page-module__mDnVFq__directionColumn{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1rem}.page-module__mDnVFq__directionColumn .page-module__mDnVFq__flexItem{width:100%}.page-module__mDnVFq__wrapDemo{flex-wrap:wrap;gap:.5rem}.page-module__mDnVFq__wrapDemo .page-module__mDnVFq__flexItem{flex:0 0 calc(33.333% - .5rem)}@media (max-width:480px){.page-module__mDnVFq__wrapDemo .page-module__mDnVFq__flexItem{flex:0 0 100%}}.page-module__mDnVFq__growDemo{gap:.5rem}.page-module__mDnVFq__growNone{background:var(--muted-foreground);flex-grow:0}.page-module__mDnVFq__growOne{flex-grow:1}.page-module__mDnVFq__growTwo{background:var(--secondary);flex-grow:2}.page-module__mDnVFq__gapDemo{flex-wrap:wrap;gap:1rem}.page-module__mDnVFq__alignmentDemos{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.page-module__mDnVFq__alignContainer{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:.75rem}.page-module__mDnVFq__justifyStart{justify-content:flex-start;gap:.375rem}.page-module__mDnVFq__justifyCenter{justify-content:center;gap:.375rem}.page-module__mDnVFq__justifyEnd{justify-content:flex-end;gap:.375rem}.page-module__mDnVFq__justifyBetween{justify-content:space-between}.page-module__mDnVFq__justifyAround{justify-content:space-around}.page-module__mDnVFq__justifyEvenly{justify-content:space-evenly}.page-module__mDnVFq__tall{gap:.375rem;min-height:120px}.page-module__mDnVFq__tallItem{align-items:center;height:70px;display:flex}.page-module__mDnVFq__alignStart{align-items:flex-start}.page-module__mDnVFq__alignCenter{align-items:center}.page-module__mDnVFq__alignEnd{align-items:flex-end}.page-module__mDnVFq__alignStretch{align-items:stretch}.page-module__mDnVFq__alignStretch .page-module__mDnVFq__flexItem{height:auto}.page-module__mDnVFq__alignBaseline{align-items:baseline}.page-module__mDnVFq__centerDemo{justify-content:center;align-items:center;min-height:180px}.page-module__mDnVFq__centerDemo .page-module__mDnVFq__flexItem{background:var(--secondary);padding:1.5rem 2rem;font-size:1rem}.page-module__mDnVFq__nextGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:900px;display:grid}.page-module__mDnVFq__nextLink{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:border-color .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.page-module__mDnVFq__nextLink:before{content:"";background:linear-gradient(to bottom,var(--primary),#4ea4ca);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}@supports (color:lab(0% 0 0)){.page-module__mDnVFq__nextLink:before{background:linear-gradient(to bottom,var(--primary),lab(63.1292% -18.1274 -28.0657))}}.page-module__mDnVFq__nextLink:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 28px #357a3a1f,0 4px 10px #0000000f;box-shadow:0 12px 28px lab(45.7706% -33.6758 28.0119/.12),0 4px 10px lab(0% 0 0/.06)}.page-module__mDnVFq__nextLink:hover:before{opacity:1}.page-module__mDnVFq__nextIcon{font-size:2rem;font-family:var(--font-jetbrains-mono),monospace;color:var(--primary);flex-shrink:0}.page-module__mDnVFq__nextLink h3{color:var(--foreground);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.page-module__mDnVFq__nextLink p{color:var(--muted-foreground);margin:0;font-size:.8125rem}@media (max-width:768px){.page-module__mDnVFq__alignmentDemos,.page-module__mDnVFq__nextGrid{grid-template-columns:1fr}}