.navIcon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:inline-block;
  margin-right:2px;
  background-color:currentColor;

  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  opacity:.82;
  transition:
    opacity .18s ease,
    transform .18s ease,
    filter .18s ease;
}

.navIcon-results{
  -webkit-mask-image:url("../../icons/results.svg");
  mask-image:url("../../icons/results.svg");
}

.navIcon-stats{
  -webkit-mask-image:url("../../icons/stats.svg");
  mask-image:url("../../icons/stats.svg");
}

.navIcon-users{
  -webkit-mask-image:url("../../icons/users.svg");
  mask-image:url("../../icons/users.svg");
}

.topNavLink:hover .navIcon{
  opacity:1;
  transform:translateY(-1px);
  filter:drop-shadow(0 0 4px rgba(255,255,255,.22));
}

.topNavLink.active .navIcon{
  opacity:1;
  transform:none;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.35));
}