.base-cardgroup.direction-horizontal[data-v-ff4e298f]{--columns:1;--gap:var(--space-6);align-items:flex-start;display:grid;gap:var(--gap);grid-template-columns:repeat(var(--columns),1fr)}.base-cardgroup.direction-horizontal.icon-color-foreground[data-v-ff4e298f] .base-card{--icon-color:var(--foreground);--icon-background-color:var(--gray-100)}.base-cardgroup.direction-horizontal.icon-color-white-black[data-v-ff4e298f] .base-card{--icon-color:var(--foreground);--icon-background-color:var(--background)}.base-cardgroup.direction-horizontal.icon-color-primary[data-v-ff4e298f] .base-card{--icon-color:var(--primary);--icon-background-color:var(--primary-50)}@container (width > 40rem){.base-cardgroup.direction-horizontal.grid-3[data-v-ff4e298f]{--columns:3;--gap:var(--space-6)}}@container (width > 60rem){.base-cardgroup.direction-horizontal.grid-3[data-v-ff4e298f]{--gap:var(--space-12)}}@container (width > 20rem){.base-cardgroup.direction-horizontal.grid-4[data-v-ff4e298f]{--columns:2}}@container (width > 40rem){.base-cardgroup.direction-horizontal.grid-4[data-v-ff4e298f]{--columns:4;--gap:var(--space-6)}}@container (width > 60rem){.base-cardgroup.direction-horizontal.grid-4[data-v-ff4e298f]{--columns:4;--gap:var(--space-8)}}@container (width > 20rem){.base-cardgroup.direction-horizontal.grid-6[data-v-ff4e298f]{--columns:3}}@container (width > 40rem){.base-cardgroup.direction-horizontal.grid-6[data-v-ff4e298f]{--gap:var(--space-6)}}@container (width > 60rem){.base-cardgroup.direction-horizontal.grid-6[data-v-ff4e298f]{--columns:6;--gap:var(--space-8)}}.base-cardgroup.direction-vertical[data-v-ff4e298f]{--columns:1;display:grid;gap:var(--space-10) var(--space-8);grid-template-columns:repeat(var(--columns),1fr)}@container (width > 60rem){.base-cardgroup.direction-vertical[data-v-ff4e298f]{--columns:2}}