.mevr-language-switch {
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 2147483647;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #804107;
  background: transparent;
  box-shadow: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.mevr-language-switch-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask: url("/languages.svg") center / contain no-repeat;
  mask: url("/languages.svg") center / contain no-repeat;
}

.mevr-language-switch--data-tool {
  right: 68px;
}

.mevr-language-switch--energy {
  right: calc(max(24px, calc((100vw - var(--workspace-max)) / 2 + 24px)) + 43px);
}

.mevr-language-switch--agent {
  right: 76px;
}

.mevr-language-switch:hover {
  border-color: rgba(128, 65, 7, 0.16);
  color: #804107;
  background: rgba(255, 237, 231, 0.82);
  transform: translateY(-1px);
}

.mevr-language-switch:focus-visible {
  outline: 3px solid rgba(225, 119, 20, 0.3);
  outline-offset: 2px;
}

.mevr-language-switch--agent {
  color: #10339e;
}

.mevr-language-switch--agent:hover {
  border-color: rgba(47, 90, 245, 0.2);
  color: #10339e;
  background: rgba(238, 242, 255, 0.88);
}

html.dark .mevr-language-switch {
  color: #dbe7ff;
}

html.dark .mevr-language-switch:hover {
  border-color: rgba(219, 231, 255, 0.2);
  color: #ffffff;
  background: rgba(219, 231, 255, 0.09);
}

html[data-energy-theme="night"] .mevr-language-switch--energy,
html[data-tariff-theme="night"] .mevr-language-switch--tariff {
  color: #fff2de;
}

html[data-energy-theme="night"] .mevr-language-switch--energy:hover,
html[data-tariff-theme="night"] .mevr-language-switch--tariff:hover {
  border-color: rgba(235, 201, 160, 0.22);
  color: #fff4e5;
  background: rgba(255, 244, 229, 0.08);
}

html[data-grid-theme="night"] .mevr-language-switch--agent {
  color: #a8beff;
}

html[data-grid-theme="night"] .mevr-language-switch--agent:hover {
  border-color: rgba(168, 190, 255, 0.24);
  color: #dce4ff;
  background: rgba(168, 190, 255, 0.1);
}

@media (max-width: 920px) {
  .mevr-language-switch--tariff {
    right: 116px;
  }
}

@media (min-width: 701px) and (max-width: 1320px) {
  .mevr-language-switch:not(.mevr-language-switch--data-tool) {
    right: 4px;
    gap: 4px;
    padding-inline: 5px;
  }
}

@media (max-width: 700px) {
  .mevr-language-switch {
    top: 10px;
    right: 10px;
    height: 34px;
    gap: 4px;
    padding: 0 4px;
  }

  .mevr-language-switch-icon {
    width: 15px;
    height: 15px;
  }

  .mevr-language-switch--data-tool {
    top: 13px;
    right: 56px;
  }

  .mevr-language-switch--energy {
    right: 56px;
  }

  .mevr-language-switch--agent {
    right: 56px;
  }

  .mevr-language-switch--tariff {
    right: 116px;
  }
}