/* Flag placeholders */
.currency-flag {
    width: 24px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    margin-right: 5px;
}

.flag-us {
    background-color: #3c3b6e;
    background-image: linear-gradient(
        to right,
        #3c3b6e 50%,
        #b22234 50%
    );
}

.flag-ae {
    background-color: #fff;
    background-image: linear-gradient(
        to bottom,
        #00732f 33%,
        #fff 33% 66%,
        #000 66%
    );
}

.flag-sd {
    background-color: #fff;
    background-image: linear-gradient(
        to bottom,
        #d21034 33%,
        #fff 33% 66%,
        #000 66%
    );
}

.flag-ru {
    background-color: #fff;
    background-image: linear-gradient(
        to bottom,
        #fff 33%,
        #0039a6 33% 66%,
        #d52b1e 66%
    );
}

.flag-cn {
    background-color: #de2910;
    position: relative;
}

.flag-cn::before {
    content: "★";
    color: #ffde00;
    position: absolute;
    top: -2px;
    left: 2px;
    font-size: 10px;
}

.flag-tr {
    background-color: #e30a17;
    position: relative;
}

.flag-tr::before {
    content: "☾★";
    color: #fff;
    position: absolute;
    top: -1px;
    left: 4px;
    font-size: 8px;
}