/**
 * @file
 * Utility classes to drop into templates for icons.
 *
 * Provides classes to control the size of SVG icons within the .icon container.
 */

.icon svg {
  display: block;
  width: var(--spacing-md);
  height: auto;
}

.icon--humongous svg {
  width: var(--spacing-5xl);
}

.icon--largest svg {
  width: var(--spacing-2xl);
}

.icon--largest svg {
  width: var(--spacing-2xl);
}

.icon--larger svg {
  width: var(--spacing-xl);
}

.icon--large svg {
  width: var(--spacing-lg);
}

.icon--small svg {
  width: var(--spacing-xs);
}

.icon--smaller svg {
  width: calc(var(--spacing-xs) / 2);
}

.icon--smallest svg {
  width: calc(var(--spacing-xs) / 4);
}