.language-switcher-language-url {
  --language-switcher-background: transparent;
  --language-switcher-background-transition: transparent;
  --language-switcher-color: var(--base-black);
  --language-switcher-color-transition: inherit;
  --language-switcher-icon-color: inherit;
  --language-switcher-icon-color-transition: inherit;
  --language-switcher-icon-right-spacing: 0;
  --language-switcher-icon-size: 16px;
  --language-switcher-icon-transform: rotate(-180deg);
  --language-switcher-margin-right: 18px;
  --language-switcher-margin-left: 0;
  --language-switcher-padding: 0 calc(var(--language-switcher-icon-size) + 6px) 0 0;
  --language-switcher-text-decoration: none;
  --language-switcher-transition: var(--animation-duration--fast) var(--animation-easing);

  display: flex;
  align-items: center;
  color: var(--language-switcher-color);
}

.language-switcher-language-url ul {
  margin: 0;
  padding: 0;
}

.language-switcher-language-url li {
  position: relative;
  display: inline-flex;
  flex-wrap: nowrap;
  margin-right: var(--language-switcher-margin-right);
  margin-left: var(--language-switcher-margin-left);
  list-style: none;
  align-items: center;
}

.language-switcher-language-url .is-active {
  display: none;
}

.language-switcher-language-url a {
  padding: var(--language-switcher-padding);
  background: var(--language-switcher-background);
  color: var(--language-switcher-color);
  text-decoration: var(--language-switcher-text-decoration);
  transition: var(--language-switcher-transition);
}

.language-switcher-language-url a:focus,
.language-switcher-language-url a:hover {
  background: var(--language-switcher-background-transition);
  color: var(--language-switcher-color-transition);
}

.language-switcher-language-url li svg {
  position: absolute;
  right: var(--language-switcher-icon-right-spacing);
  width: var(--language-switcher-icon-size);
  height: var(--language-switcher-icon-size);
  fill: var(--language-switcher-icon-color);
  transition: var(--language-switcher-transition);
}

.language-switcher-language-url a:focus ~ svg,
.language-switcher-language-url a:hover ~ svg {
  fill: var(--language-switcher-icon-color-transition);
  transform: var(--language-switcher-icon-transform);
}