.groups-index-page{padding-block-end:var(--gap-3xl)}.groups-index-page>*+*:not(h1){margin-block-start:var(--gap-xl)}.groups-index-page .groups{margin-block-start:var(--gap-m);--grid-max-col-count: 3;--grid-min-col-size: 250px;--grid-gap: var(--gap-m);--grid-col-size-calc: calc((100% - var(--grid-gap) * (var(--grid-max-col-count) - 1)) / var(--grid-max-col-count));--grid-min-col-size-calc: min(max(var(--grid-min-col-size), var(--grid-col-size-calc)), 100%);display:grid;grid-gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-col-size-calc),1fr))}.groups-index-page .group-card{border-radius:var(--default-border-radius);overflow:hidden;width:fit-content;max-width:100%;background-color:hsl(0 0 100%);padding-block-end:var(--gap-m);box-shadow:0 1px 3px hsl(from var(--primary-color-mutted) h s 65% / 50%);text-align:center;text-decoration:none;transition:box-shadow 125ms linear,border-color 125ms linear}.groups-index-page .group-card .img-wrap{overflow:clip}.groups-index-page .group-card img{--img-aspect-ratio: 450/350;max-height:300px;margin-block-end:var(--gap-m);object-fit:cover;object-position:center;transition:scale .15s linear}.groups-index-page .group-card span{--font-weight: 600;--font-size: var(--font-size-sm)}.groups-index-page .group-card:hover,.groups-index-page .group-card:focus-within,.groups-index-page .group-card:focus-visible{box-shadow:0 1px 3px hsl(from var(--primary-color-mutted) h s 65% / 80%)}.groups-index-page .group-card:hover img,.groups-index-page .group-card:focus-within img,.groups-index-page .group-card:focus-visible img{scale:1.05}