/*
  Metric shim so inline Phosphor SVGs occupy the same box the icon webfont did.
  The font renders a 1em glyph on the text baseline with `line-height: 1`; this
  reproduces that, so every `font-size` rule in agency.css keeps working.
*/
.mg-agency i.pi {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: -0.125em;
  flex: none;
}

.mg-agency i.pi > svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}