/* Language flags of the shared header: button, popover rows, sheet segment (templates/site, site_chrome.py).
   Drawn with CSS gradients only (no images, no data: URIs, no emoji): works under default-src 'self' and on
   Windows. Flag colours are fixed by nature; this file is outside the chrome budget (site-tokens.test.cjs). */
.site-flag{position:relative;display:inline-block;flex:none;width:22px;height:16px;overflow:hidden;border-radius:3px;background-color:#012169;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(15,23,42,.18);vertical-align:middle}
.site-flag--de{background-image:linear-gradient(#000 0 33.34%,#d00 0 66.67%,#ffce00 0)}
.site-flag--at{background-image:linear-gradient(#ed2939 0 33.34%,#fff 0 66.67%,#ed2939 0)}
.site-flag--ch{background-color:#d52b1e;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:center;background-size:18.2% 62.5%,45.5% 25%}
.site-flag--gb{background-image:linear-gradient(#c8102e,#c8102e),linear-gradient(#c8102e,#c8102e),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(to top right,transparent calc(50% - 1px),#c8102e 0 calc(50% + 1px),transparent 0),linear-gradient(to bottom right,transparent calc(50% - 1px),#c8102e 0 calc(50% + 1px),transparent 0),linear-gradient(to top right,transparent calc(50% - 2.4px),#fff 0 calc(50% + 2.4px),transparent 0),linear-gradient(to bottom right,transparent calc(50% - 2.4px),#fff 0 calc(50% + 2.4px),transparent 0);background-position:center;background-size:100% 20%,14.5% 100%,100% 33.4%,24.2% 100%,100% 100%,100% 100%,100% 100%,100% 100%}
.site-flag--us{background-image:repeating-linear-gradient(#b22234 0 7.693%,#fff 0 15.385%)}
.site-flag--us::after{content:"";position:absolute;top:0;left:0;width:40%;height:53.85%;background:#3c3b6e radial-gradient(circle,#fff 0 .45px,transparent .9px) 0 0/33.4% 33.4%}
.site-flag::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inherit}
#site-header .site-tool .site-flag{width:24px;height:17px}
#site-header .site-flag-row{display:flex;align-items:center;gap:10px;white-space:nowrap}
#site-header .site-pop__link:not([aria-current]) .site-flag-check{visibility:hidden}
#site-menu .site-seg--flags .site-seg__opt{width:40px;min-width:40px;padding:0}
@media (prefers-contrast:more){.site-flag{box-shadow:inset 0 0 0 1px currentColor}}
