.hideLanguage {
    display: none;
}

.switch--languages {
    width: 60px !important;
    /*   height: 32px !important; */
}

.switch--languages :checked+.switch--languages__toggle>.switch--languages__handle {
    left: 30px;
}

.toolbar .switch {
    top: 5px;
    right: 10px;
    line-height: 20px;
}

.switch--languages.flag.hk-uk {
    --checked-bg-color: #EB5438;
    --checked-flag: url('https://g5g.org/images/flags/HK.png');

    --unchecked-bg-color: #2A3C9E;
    --unchecked-flag: url('https://g5g.org/images/flags/UK.png');
}

.switch--languages.flag.uk-hk {
    --unchecked-bg-color: #EB5438;
    --unchecked-flag: url('https://g5g.org/images/flags/HK.png');

    --checked-bg-color: #2A3C9E;
    --checked-flag: url('https://g5g.org/images/flags/UK.png');
}


.switch--languages.flag.cn-us {
    --checked-bg-color: #EB563A;
    --checked-flag: url('https://g5g.org/images/flags/CN.png');

    --unchecked-bg-color: #23377C;
    --unchecked-flag: url('https://g5g.org/images/flags/US.png');
}

.switch--languages.flag.tw-us {
    --checked-bg-color: #EB563A;
    --checked-flag: url('https://g5g.org/images/flags/TW.png');

    --unchecked-bg-color: #23377C;
    --unchecked-flag: url('https://g5g.org/images/flags/US.png');
}

.switch--languages.flag .switch--languages__input:checked+.switch--languages__toggle {
    background-color: var(--checked-bg-color);
    background-image: var(--checked-flag);
    box-shadow: inset 0 0 0 2px var(--checked-bg-color) !important;
    background-size: auto 26px;
    /* Adjust 24px to your desired height */
    background-position: left;
    background-repeat: no-repeat;
}

.switch--languages.flag .switch--languages__input+.switch--languages__toggle {
    background-color: var(--unchecked-bg-color);
    background-image: var(--unchecked-flag);
    box-shadow: inset 0 0 0 2px var(--unchecked-bg-color) !important;
    background-size: auto 26px;
    background-position: right;
    background-repeat: no-repeat;
}

.switch--languages.text .switch--languages__toggle::before,
.switch--languages.text .switch--languages__toggle::after {
    content: '';
    position: absolute;
    bottom: 6px;
    color: #fff;
    font-size: 18px;
}

.switch--languages.text.cn-hk .switch--languages__toggle::before {
    content: '簡';
    left: 8px;
}

.switch--languages.text.cn-hk .switch--languages__toggle::after {
    content: '繁';
    right: 8px;
}

.switch--languages.text.hk-uk .switch--languages__toggle::before {
    content: '文';
    left: 8px;
}

.switch--languages.text.hk-uk .switch--languages__toggle::after {
    content: 'Ａ';
    right: 8px;
}

.switch--languages.text .switch--languages__input:checked+.switch--languages__toggle {
    background-color: #FF0000;
    box-shadow: inset 0 0 0 2px #FF0000 !important;
}

.switch--languages.text .switch--languages__input+.switch--languages__toggle {
    background-color: #0000FF;
    box-shadow: inset 0 0 0 2px #0000FF !important;
}