main ul.components-list{flex-wrap:wrap;justify-content:center;gap:20px;margin:0;padding:0 0 30px;list-style:none;display:flex;container:components-list/inline-size}main svg.image-placeholder{aspect-ratio:16/9}.card{box-shadow:var(--shadow-subtle);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.card:hover{box-shadow:var(--shadow-strong);transform:translateY(.25rem)}.card__description{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:40px;display:-webkit-box;overflow:hidden}.card__media{overflow:visible}.card__footer{margin-block-start:var(--spacing-150)}.component-version{background-color:var(--color-background-primary);color:var(--color-foreground-secondary);border-radius:5px;margin-inline-end:10px;padding:3px 6px;font-size:.75rem}@container components-list (width>=512px){main li{width:calc(50% - 14px)}}@container components-list (width>=768px){main li{width:calc(33.3333% - 14px)}}main{container-type:inline-size}.link-container{gap:var(--spacing-200);justify-content:center;margin-block-end:var(--spacing-400);display:flex}.link-container .nav-link{gap:var(--spacing-50);font-weight:var(--font-weight-bold);display:inline-flex}@container (width<512px){.link-container{flex-direction:column;align-items:center}}