i.nav-flag {
    display: inline-block;
    flex: 0 0 18px;
    width: 18px;
    height: 13px;
    overflow: hidden;
    font-size: 0;
    font-style: normal;
    line-height: 1;
    vertical-align: -2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.1);
    opacity: 1;
}

i.nav-flag-global { background-image: url("/static/navigation/flags/global.svg"); }
i.nav-flag-cn { background-image: url("/static/navigation/flags/cn.svg"); }
i.nav-flag-hk { background-image: url("/static/navigation/flags/hk.svg"); }
i.nav-flag-us { background-image: url("/static/navigation/flags/us.svg"); }
i.nav-flag-jp { background-image: url("/static/navigation/flags/jp.svg"); }
i.nav-flag-sg { background-image: url("/static/navigation/flags/sg.svg"); }
i.nav-flag-tw { background-image: url("/static/navigation/flags/tw.svg"); }
i.nav-flag-kr { background-image: url("/static/navigation/flags/kr.svg"); }
i.nav-flag-de { background-image: url("/static/navigation/flags/de.svg"); }
i.nav-flag-gb { background-image: url("/static/navigation/flags/gb.svg"); }
i.nav-flag-fr { background-image: url("/static/navigation/flags/fr.svg"); }
i.nav-flag-ca { background-image: url("/static/navigation/flags/ca.svg"); }
i.nav-flag-au { background-image: url("/static/navigation/flags/au.svg"); }
i.nav-flag-nl { background-image: url("/static/navigation/flags/nl.svg"); }
i.nav-flag-in { background-image: url("/static/navigation/flags/in.svg"); }
i.nav-flag-br { background-image: url("/static/navigation/flags/br.svg"); }
i.nav-flag-th { background-image: url("/static/navigation/flags/th.svg"); }
i.nav-flag-vn { background-image: url("/static/navigation/flags/vn.svg"); }