.locale-switcher {
  position: relative;
  display: inline-block;
  max-width: 100%;
  color: #222;
  font: inherit;
  z-index: 30;
}
.locale-switcher-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.48em;
  max-width: 100%;
  padding: 0.38em 0.58em;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  color: inherit;
  font: inherit;
  line-height: 1.25;
  cursor: pointer;
}
.locale-flag {
  display: inline-flex;
  flex: 0 0 18px;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 12px;
  overflow: hidden;
  border: 1px solid rgb(0 0 0 / 12%);
  border-radius: 2px;
  line-height: 0;
}
.locale-flag svg {
  display: block;
  width: 100%;
  height: 100%;
}
.locale-name { white-space: nowrap; }
.locale-arrow { margin-left: 0.12em; font-size: 0.78em; }
.locale-switcher-menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 5px);
  display: none;
  min-width: 100%;
  max-height: min(70vh, 360px);
  overflow-y: auto;
  padding: 4px;
  border: 1px solid #d5d5d5;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 4px 14px rgb(0 0 0 / 15%);
}
.locale-switcher.is-open .locale-switcher-menu { display: grid; }
.locale-switcher-option {
  display: flex;
  align-items: center;
  gap: 0.58em;
  width: 100%;
  padding: 0.48em 0.6em;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #222;
  font: inherit;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
.locale-switcher-option:hover,
.locale-switcher-option:focus-visible,
.locale-switcher-option[aria-selected="true"] { background: #f0f3f7; }
.locale-switcher-trigger:focus-visible,
.locale-switcher-option:focus-visible { outline: 2px solid #2678d9; outline-offset: 1px; }
html:lang(ja), html:lang(zh-CN), html:lang(ru) { font-family: Arial, "Yu Gothic", "Microsoft YaHei", sans-serif; }
#formLogin[data-locale-title]::before,
#formCadastro[data-locale-title]::before { content: attr(data-locale-title); }