.gmc-switcher { display: inline-block; font-size: inherit; line-height: 1.3; }
.gmc-switcher__flag { display: inline-block; width: 20px; height: 15px; margin-right: .45em; vertical-align: -2px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.12); object-fit: cover; flex: none; }
.gmc-switcher__flag--emoji { width: auto; height: auto; box-shadow: none; font-size: 1.1em; }
.gmc-switcher__label { white-space: nowrap; }

/* Dropdown */
.gmc-switcher__dropdown { position: relative; display: inline-block; }
.gmc-switcher__toggle { display: inline-flex; align-items: center; gap: 0; padding: .4em .7em; font: inherit; color: inherit; background: #fff; border: 1px solid rgba(0,0,0,.25); border-radius: 4px; cursor: pointer; line-height: 1.3; }
.gmc-switcher__toggle:hover, .gmc-switcher__toggle:focus-visible { border-color: rgba(0,0,0,.55); outline: none; }
.gmc-switcher__caret { margin-left: .55em; opacity: .7; transition: transform .15s; }
.is-open .gmc-switcher__caret { transform: rotate(180deg); }
.gmc-switcher__menu { position: absolute; z-index: 9999; left: 0; top: calc(100% + 4px); min-width: 100%; margin: 0; padding: 4px 0; list-style: none; background: #fff; color: #222; border: 1px solid rgba(0,0,0,.18); border-radius: 4px; box-shadow: 0 6px 18px rgba(0,0,0,.14); max-height: 280px; overflow-y: auto; }
.opens-up .gmc-switcher__menu { top: auto; bottom: calc(100% + 4px); }
.gmc-switcher__menu[hidden] { display: none; }
.gmc-switcher__option { display: flex; align-items: center; padding: .45em .8em; cursor: pointer; white-space: nowrap; }
.gmc-switcher__option:hover, .gmc-switcher__option:focus { background: rgba(0,0,0,.06); outline: none; }
.gmc-switcher__option.is-active { font-weight: 600; }
.gmc-switcher__form { display: inline-flex; gap: .4em; align-items: center; margin: 0; }

/* Dark backgrounds (footer): inherit the surrounding text colour for the toggle */
.gmc-switcher--on-dark .gmc-switcher__toggle { background: transparent; border-color: rgba(255,255,255,.35); color: inherit; }

/* Links style */
.gmc-switcher__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25em .8em; }
.gmc-switcher__item a { display: inline-flex; align-items: center; text-decoration: none; opacity: .75; }
.gmc-switcher__item.is-active a { font-weight: 600; opacity: 1; text-decoration: underline; }

.gmc-switching .gmc-switcher { opacity: .5; pointer-events: none; }