/**
 * Icon classes for SVG sprite icons.
 * Icons inherit color via fill="currentColor" - use text-* classes for coloring.
 *
 * Size utilities:
 *   icon-16  = 16px
 *   icon-20  = 20px
 *   icon-24  = 24px (default)
 *   icon-32  = 32px
 *
 * Or use Tailwind: w-4 h-4, w-5 h-5, w-6 h-6, w-8 h-8
 */
.icon {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
}

.icon-16 { width: 16px; height: 16px; }
.icon-20 { width: 20px; height: 20px; }
.icon-24 { width: 24px; height: 24px; }
.icon-32 { width: 32px; height: 32px; }