/* Public language flags share the same visual size and assets used by the admin shell. */
.site-language-picker__flag,
.site-language-option__flag,
.site-mobile-language-summary__flag,
.site-mobile-language-option__flag {
    width: 28px;
    height: 19px;
    flex: 0 0 28px;
    display: inline-grid;
    place-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, .18);
    overflow: hidden;
}

html[lang^="ar"] .site-language-picker__flag,
.site-language-option[lang^="ar"] .site-language-option__flag,
html[lang^="ar"] .site-mobile-language-summary__flag,
.site-mobile-language-option[lang^="ar"] .site-mobile-language-option__flag {
    font-size: 0;
    background-image: url('/language/flags/ar.svg');
}

html[lang^="en"] .site-language-picker__flag,
.site-language-option[lang^="en"] .site-language-option__flag,
html[lang^="en"] .site-mobile-language-summary__flag,
.site-mobile-language-option[lang^="en"] .site-mobile-language-option__flag {
    font-size: 0;
    background-image: url('/language/flags/en.svg');
}