.content-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.content-card-demo-meta{color:#f2f2f2a3;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:.5rem .85rem;font-size:.78rem;font-weight:800;line-height:1.5;display:flex}.content-card-demo-meta span+span:before{content:"/";color:#f2f2f252;margin-right:.85rem}.content-card{background:#20272d;border:1px solid #ffffff1a;border-top:4px solid #8bd9c7;border-radius:8px;flex-direction:column;gap:1rem;min-height:100%;padding:1rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.content-card:hover,.content-card:focus-within{border-color:#8bd9c78c;transform:translateY(-2px);box-shadow:0 16px 34px #00000038}.content-card--tool{border-top-color:#7ec8ff}.content-card--template{border-top-color:#ffcf7a}.content-card__topline{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.content-card__badge{color:#f2f2f29e;letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;font-weight:900}.content-card__save{color:var(--text-color);cursor:pointer;font:inherit;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.content-card__save[aria-pressed=true]{color:#ffcf7a;background:#ffcf7a2e;border-color:#ffcf7a75}.content-card h3{color:var(--text-color);font-family:var(--heading-font);margin:0;font-size:1.35rem;line-height:1.18}.content-card p{color:#f2f2f2bd;margin:0;line-height:1.62}.content-card__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:auto 0 0;display:grid}.content-card__meta div{background:#ffffff0b;border-radius:6px;padding:.7rem}.content-card__meta dt{color:#f2f2f28f;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.content-card__meta dd{color:var(--text-color);margin:.18rem 0 0;font-weight:800}body main.ui-detail .ui-demo-panel .content-card .content-card__link{color:#f8fbff;background:linear-gradient(#ffffff14,#fff0),#123743;border:1px solid #a8f0df80;border-radius:6px;justify-content:center;align-items:center;min-height:2.8rem;padding:.65rem .85rem;font-weight:800;line-height:1.2;text-decoration:none;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex;box-shadow:0 10px 20px #0000002e,inset 0 1px #ffffff1f}body main.ui-detail .ui-demo-panel .content-card .content-card__link:after{content:none;display:none}body main.ui-detail .ui-demo-panel .content-card .content-card__link:hover,body main.ui-detail .ui-demo-panel .content-card .content-card__link:focus-visible{color:#10201f;background:linear-gradient(#ffffff47,#fff0),#a8f0df;border-color:#d6fff4;transform:translateY(-1px);box-shadow:0 14px 28px #0000003d,0 0 0 1px #a8f0df2e,inset 0 1px #ffffff75}body main.ui-detail .ui-demo-panel .content-card .content-card__link:active{transform:translateY(0)}.content-card__link:focus-visible,.content-card__save:focus-visible{outline-offset:3px;outline:2px solid #8bd9c7}@media (width<=940px){.content-card-grid{grid-template-columns:1fr}}@media (width<=520px){.content-card{padding:.9rem}}