#page-profile-badges {
    @apply mb-80;
    & article {
        @apply pt-32;
        & .summary {
            @apply shadow-base bg-backgroundColorA py-16 mb-40 rounded-8;
            @apply lg:flex grid sm:grid-cols-2 grid-cols-1;
            @apply gap-x-64 gap-y-32 place-items-center justify-center;

            & .section {
                @apply flex items-center justify-items-center;

                & .c-icon {
                    @apply mr-16;
                    height: 16px;
                    width: 16px;
                }
                & .count {
                    @apply mr-24;
                    @apply text-20 leading-140 font-semibold text-textColor2;
                }
                & .info {
                    & h3 {
                        @apply text-h6 mb-4;
                    }
                    & .subtitle {
                        @apply text-15 leading-160 text-textColor6;
                    }
                }
            }
        }
        & .badges {
            @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-36 gap-y-32;
        }
    }
}
