/* ==========================================================================
   Icon Sizing
   A single consistent size scale so nav, action, and status icons stay
   visually balanced everywhere they appear.
   ========================================================================== */

.icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.icon--sm {
  width: 16px;
  height: 16px;
}

.icon--lg {
  width: 28px;
  height: 28px;
}

.brand-mark {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.brand-mark--sm {
  width: 28px;
  height: 28px;
}