@layer components{.icon-card-grid{gap:var(--space-s);grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr));display:grid}.icon-card{gap:var(--space-2xs);padding:var(--space-m) var(--space-m) var(--space-l);border:1px solid var(--border);background:var(--ground);transition:border-color .3s var(--ease-hover), background-color .3s var(--ease-hover);border-radius:8px;flex-direction:column;display:flex}.icon-card:hover{border-color:color-mix(in srgb, var(--ink) 35%, var(--border));background:var(--surface)}.icon-card__icon{block-size:3rem;inline-size:3rem;background:var(--pedra);color:var(--ink);transition:background-color .3s var(--ease-hover), color .3s var(--ease-hover);border-radius:50%;place-items:center;margin-block-end:var(--space-xs);display:grid}.icon-card__icon svg{block-size:1.5rem;inline-size:1.5rem}.icon-card:hover .icon-card__icon{background:var(--ink);color:var(--ground)}.icon-card__title{font:500 var(--step-1) / 1.3 var(--font-display);letter-spacing:0}.icon-card__text{color:var(--ink-muted);font-size:.90625rem;line-height:1.6}}