.demo-showcase .demo-card{display:flex;flex-direction:column;min-width:0;overflow:hidden}.demo-showcase .demo-main-image{display:block;flex-shrink:0;aspect-ratio:2/1}.demo-showcase .demo-main-image img{display:block;width:100%;height:100%;object-fit:contain}.demo-showcase .demo-card-body{display:flex;flex:1;flex-direction:column;padding:14px}.demo-showcase .demo-kind{font-size:.75rem;color:var(--gray);margin-bottom:6px}.demo-showcase .demo-card .semantic-heading{line-height:1.5;margin:0 0 8px}.demo-showcase .demo-summary{flex:1;font-size:.8rem;line-height:1.8;margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.demo-showcase .demo-live{display:flex;justify-content:center;align-items:center;gap:8px;font-size:.85rem;padding:8px 6px}.demo-showcase .demo-live span,.demo-showcase .demo-live span::before{font-size:inherit}.demo-showcase .demo-preview-images a{display:block}.demo-showcase .demo-preview-images img{display:block;width:100%;aspect-ratio:390/844;object-fit:contain}.demo-showcase .demo-image-caption{display:block;margin-top:8px;color:var(--gray);font-size:.7rem;line-height:1.7}.demo-showcase a:focus-visible,.demo-showcase button:focus-visible{outline:2px solid var(--theme-color);outline-offset:3px}.demo-lightbox .mfp-img{max-height:calc(100dvh - 100px)!important;width:auto}.demo-lightbox .mfp-title{font-family:var(--primary-font);text-align:right}@media(max-width:575px){.demo-showcase .demo-card-body{padding:8px}.demo-showcase .demo-kind{font-size:.65rem;margin-bottom:4px}.demo-showcase .demo-card .semantic-heading{margin-bottom:6px}.demo-showcase .demo-summary{font-size:.7rem;-webkit-line-clamp:1;margin-bottom:6px}.demo-showcase .demo-live{font-size:.72rem;padding:5px 3px}.demo-showcase .demo-image-caption{font-size:.6rem}}@media(prefers-reduced-motion:reduce){.demo-showcase .wow{visibility:visible!important;animation:none!important}}