.fib, .fi {
  display: inline-block;
  width: 1.333333em;
  height: 1em;
  vertical-align: -0.12em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 2px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
  flex-shrink: 0;
}
.fi-br { background-image: url("../flags/br.svg"); }
.fi-cn { background-image: url("../flags/cn.svg"); }
.fi-de { background-image: url("../flags/de.svg"); }
.fi-es { background-image: url("../flags/es.svg"); }
.fi-fr { background-image: url("../flags/fr.svg"); }
.fi-id { background-image: url("../flags/id.svg"); }
.fi-it { background-image: url("../flags/it.svg"); }
.fi-jp { background-image: url("../flags/jp.svg"); }
.fi-kr { background-image: url("../flags/kr.svg"); }
.fi-ru { background-image: url("../flags/ru.svg"); }
.fi-sa { background-image: url("../flags/sa.svg"); }
.fi-th { background-image: url("../flags/th.svg"); }
.fi-tr { background-image: url("../flags/tr.svg"); }
.fi-tw { background-image: url("../flags/tw.svg"); }
.fi-us { background-image: url("../flags/us.svg"); }
.fi-vn { background-image: url("../flags/vn.svg"); }