.demo-language-switcher {
  position: fixed;
  z-index: 10000;
  top: 14px;
  right: 14px;
  display: inline-flex;
  gap: 6px;
  padding: 5px 7px;
  border: 1px solid rgba(15, 44, 69, .2);
  border-radius: 999px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 10px 24px rgba(10, 34, 55, .18);
}
.demo-language-switcher .locale-btn { position:relative; width:34px; height:34px; padding:0; overflow:hidden; border:1px solid rgba(15,44,69,.2); border-radius:50%; background:#eef3f8; cursor:pointer; }
.demo-language-switcher .locale-btn.is-active { border-color:#d88618; box-shadow:0 0 0 2px rgba(216,134,24,.25); }
.demo-language-switcher .flag-icon { position:absolute; inset:6px; overflow:hidden; border-radius:50%; }
.demo-language-switcher .flag-pe { background:linear-gradient(90deg,#d91023 0 33%,#fff 33% 67%,#d91023 67%); }
.demo-language-switcher .flag-us { background:repeating-linear-gradient(to bottom,#b22234 0 9%,#fff 9% 18%); }
.demo-language-switcher .flag-us::before { content:""; position:absolute; inset:0 auto auto 0; width:48%; height:54%; background:#3c3b6e; }