/* NOTE: do not use @media (width >< ...px) here, due to wp rocket mobile cache issues
   TODO: change this when wp-rocket supports this rule */
.wp-block-ttvie-language-switcher {
  position: relative;
  flex: 0 0 auto;
  z-index: var(--wp--custom--z-index--dropdown);
  /* stylelint-disable-next-line selector-max-specificity, selector-max-class */
}
.wp-block-ttvie-language-switcher__button {
  all: inherit;
}
.wp-block-buttons .wp-block-ttvie-language-switcher__button.wp-block-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  gap: var(--wp--custom--gap--tiny);
}
.wp-block-ttvie-language-switcher__button .icon {
  display: block;
  margin-inline-start: calc((var(--wp--custom--gap--tiny) - 5px) * -1);
  border-radius: var(--wp--custom--border--radius--default) var(--wp--custom--border--radius--default) 0 0;
  background-color: transparent;
  aspect-ratio: var(--wp--preset--aspect-ratio--square);
  inline-size: 1.3rem;
  block-size: 1.3rem;
  color: var(--wp--preset--color--light);
  content: "";
}
.wp-block-ttvie-language-switcher__button .label {
  font-weight: var(--wp--custom--font-weight--medium);
}
@media (width < 600px) {
  .wp-block-ttvie-language-switcher__button .label {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
  }
}
.wp-block-ttvie-language-switcher__button[aria-expanded=true] .icon {
  background-color: var(--wp--preset--color--secondary-lighter);
}
.wp-block-ttvie-language-switcher__button[aria-expanded=true] .icon::after {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  background-color: var(--wp--preset--color--secondary-lighter);
  inline-size: 1.3rem;
  block-size: 5px;
  content: "";
}
.wp-block-ttvie-language-switcher__button[aria-expanded=true] .icon svg {
  transform: rotateX(180deg);
  color: var(--wp--preset--color--dark);
}
.wp-block-ttvie-language-switcher__flag {
  flex: 0 0 auto;
  border-radius: var(--wp--custom--border--radius--default);
}
.wp-block-ttvie-language-switcher .dropdown-pane {
  position: absolute;
  inset-inline-start: 100%;
  translate: calc(-50% - 1.3rem / 2) 0;
  border: 0;
  border-radius: var(--wp--custom--border--radius--default);
  background: var(--wp--preset--color--secondary-lighter);
  padding: var(--wp--preset--spacing--5);
  inline-size: fit-content;
}
.wp-block-ttvie-language-switcher .dropdown-pane ul {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--wp--custom--gap--tiny);
}
@media (width < 1000px) {
  .wp-block-ttvie-language-switcher .dropdown-pane ul {
    flex-direction: column;
  }
}
.wp-block-ttvie-language-switcher .dropdown-pane li {
  display: flex;
  flex: 0 0 auto;
}
.wp-block-ttvie-language-switcher .dropdown-pane li a {
  display: block;
  border-radius: var(--wp--custom--border--radius--default);
}
.wp-block-ttvie-language-switcher .dropdown-pane li a img {
  max-inline-size: unset;
}
.show-focus .wp-block-ttvie-language-switcher .dropdown-pane li a:focus-visible {
  outline: var(--wp--custom--focus--width) var(--wp--custom--focus--style) var(--_outline-color, var(--wp--custom--focus--color));
  outline-offset: var(--_outline-offset, var(--wp--custom--focus--offset));
  --wp--custom--focus--color: var(--wp--preset--color--primary);
}
.wp-block-ttvie-language-switcher .dropdown-pane li a[aria-disabled=true] {
  filter: grayscale(100%);
  pointer-events: none;
}
.wp-block-ttvie-language-switcher .dropdown-pane li .wp-block-ttvie-language-switcher__flag {
  display: block;
  inline-size: 2rem;
}
.show-focus .wp-block-ttvie-language-switcher.has-light-color .dropdown-pane:focus-visible {
  outline-color: var(--wp--preset--color--light);
}

/*# sourceMappingURL=language-switcher.css.map */