/**
 * Icons.
 *
 * Usage:
 *  ```html
 *  <svg class="icon"><use xlink:href="#check"></use></svg>
 *  ```
 *
 * Twig usage:
 *  ```twig
 *  {% include '@atoms/icon/icon.twig' with { icon: 'check' } only %}
 *   ```
 *
 * Notes: Adjust icon size via font-size.
 *        font-size: 16px == 16px wide icon.
 *        DO NOT adjust the width values below.
 *
 * To add additional icons:
 * 1. Add SVG icon to /resources/icons folder.
 *    Take care to ensure the SVG is properly formed for web
 *    use (no stroke etc).
 * 2. Run `npm run sprites` to combine all icons.
 */
.icon {
  display: inline-block;
  color: currentColor;
  width: 1em;
  min-width: 1em;
  height: 1em;
}
.icon svg {
  display: inline-block;
  width: 1em;
  min-width: 1em;
  height: 1em;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0;
}
.icon--preview svg {
  fill: none;
}
.icon[class*="--logo"] svg {
  width: 6.42105263em;
}
.icon-team svg {
  width: 1.6538461538em;
}