.flag-bg {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
.flag {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-flex;
    line-height: 1rem;
    width: 1.2rem;
    height: 1.2rem;
}
.flag-xl {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.3rem;
    line-height: 1.5rem;
}
.flag.r {
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #eee;
}
.flag:before {
    content: "\00a0";
}

.flag-aed {
    background-image: url(flags/aed.svg);
}

.flag-bra {
    background-image: url(flags/bra.svg);
}

.flag-ars {
    background-image: url(flags/ars.svg);
}

.flag-aud {
    background-image: url(flags/aud.svg);
}

.flag-cad {
    background-image: url(flags/cad.svg);
}

.flag-chf {
    background-image: url(flags/chf.svg);
}

.flag-clp {
    background-image: url(flags/clp.svg);
}

.flag-cny {
    background-image: url(flags/cny.svg);
}

.flag-cop {
    background-image: url(flags/cop.svg);
}

.flag-dkk {
    background-image: url(flags/dkk.svg);
}

.flag-eur {
    background-image: url(flags/eur.svg);
}

.flag-gbp {
    background-image: url(flags/gbp.svg);
}

.flag-jpy {
    background-image: url(flags/jpy.svg);
}

.flag-mxn {
    background-image: url(flags/mxn.svg);
}

.flag-nok {
    background-image: url(flags/nok.svg);
}

.flag-nzd {
    background-image: url(flags/nzd.svg);
}

.flag-pen {
    background-image: url(flags/pen.svg);
}

.flag-rub {
    background-image: url(flags/rub.svg);
}

.flag-sek {
    background-image: url(flags/sek.svg);
}

.flag-usd {
    background-image: url(flags/usd.svg);
}

.flag-uyu {
    background-image: url(flags/uyu.svg);
}

.flag-zar {
    background-image: url(flags/zar.svg);
}