.user-cards-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px;display:grid}@media screen and (width>=320px){.user-cards-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (width>=576px){.user-cards-grid{grid-template-columns:repeat(auto-fill,minmax(152px,1fr))}}.user-card{transition:transform .3s}.user-card:active{transform:scale(.96)}.user-card--selected{transform:scale(.98)}.user-card--selected:after{content:"";border:3px solid var(--accent);pointer-events:none;z-index:10;border-radius:12px;position:absolute;inset:-3px}