.category-icon-frame {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
}
.category-icon-frame--24 { width: 24px; height: 24px; margin-right: var(--space-2, 8px); }
.category-icon-frame--36 { width: 36px; height: 36px; }
.category-icon-frame--48 { width: 48px; height: 48px; }
.category-icon-frame--96 { width: 96px; height: 96px; }
.category-icon-frame > .category-icon-image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}