.field__flag_scalable__item {
  align-items: center;
  /* To make order work in flag-before */
  display: inline-flex;
  flex-direction: row;
}

.flag-before {
  margin-right: 1rem;
  /* Swap order of country name and flag image */
  order: -1;
}
.flag-after {
  margin-left: 1rem;
}
[dir="rtl"] .flag-after {
  margin-left: 0;
  margin-right: 1rem;
}

/* SVGs must have their height set or they may blow up to maximum height */
.flag-svg.flag-h20  { height:  20px }
.flag-svg.flag-h24  { height:  24px }
.flag-svg.flag-h40  { height:  40px }
.flag-svg.flag-h60  { height:  60px }
.flag-svg.flag-h80  { height:  80px }
.flag-svg.flag-h120 { height: 120px }
.flag-svg.flag-h240 { height: 240px }

/* For emojis, set font-size to 120% of intended display height */
.flag-emoji.flag-h20 {
  font-size: 24px;
  line-height: 20px;
}
.flag-emoji.flag-h24 {
  font-size: 29px;
  line-height: 24px;
}
.flag-emoji.flag-h40 {
  font-size: 50px;
  line-height: 40px;
}
.flag-emoji.flag-h60 {
  font-size: 72px;
  line-height: 60px;
}
.flag-emoji.flag-h80 {
  font-size: 96px;
  line-height: 80px;
}
.flag-emoji.flag-h120 {
  font-size: 144px;
  line-height: 120px;
}
.flag-emoji.flag-h240 {
  font-size: 288px;
  line-height: 240px;
}