main ul.components-list{container-type:inline-size;container-name:components-list;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;padding:0 0 30px;margin:0}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{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;text-overflow:ellipsis}.card__media{overflow:visible}.card__footer{margin-block-start:var(--spacing-150)}.component-version{background-color:var(--color-background-primary);border-radius:5px;color:var(--color-foreground-secondary);font-size:.75rem;margin-inline-end:10px;padding:3px 6px}@container components-list (min-width: 512px){main li{width:calc(50% - 14px)}}@container components-list (min-width: 768px){main li{width:calc(33.3333333333% - 14px)}}main{container-type:inline-size}.link-container{display:flex;gap:var(--spacing-200);justify-content:center;margin-block-end:var(--spacing-400)}.link-container .nav-link{display:inline-flex;gap:var(--spacing-50);font-weight:var(--font-weight-bold)}@container (width < 512px){.link-container{align-items:center;flex-direction:column}}