/*
 * Talk theme icons (Home): pixel icons drawn on a 12 × 12 grid (masters in
 * source-assets/pixel-icons/, files in public/assets/icons/theme-*.svg).
 * Pixel art only stays crisp at a whole number of screen pixels per cell, so the size follows
 * the layout's em scale but snaps down to a multiple of the 12-cell grid (24, 36, 48... px).
 * Browsers without round() keep the plain em size.
 */
.theme-icon {
  flex: none;
  width: 4.2em;
  height: 4.2em;
  width: clamp(24px, round(down, 4.2em, 12px), 60px);
  height: clamp(24px, round(down, 4.2em, 12px), 60px);
  border-radius: 0;
}

/* Tablet and down: the icon sits in the round badge on each slide. */
@media screen and (max-width: 991px) {
  .slide-demo__avatar.theme-icon {
    width: 4.8em;
    height: 4.8em;
    width: clamp(24px, round(down, 4.8em, 12px), 60px);
    height: clamp(24px, round(down, 4.8em, 12px), 60px);
  }
}