.states:not(.hidden) {
  animation: 0.3s openningAnimation;
  display: block;
}

.states.hidden {
  animation: 0.2s hidingAnimation forwards;
}

@keyframes openningAnimation {
  1% {
    opacity: 0;
  }

  100% {
    opacity: 100%;
  }
}

@keyframes hidingAnimation {
  0% {
    opacity: 100%;
  }

  99% {
    display: block;
    opacity: 0;
  }

  100% {
    display: none;
  }
}

#google_translate_element {
  display: none;
}

.goog-logo-link {
  display: none !important;
}

.goog-te-gadget {
  color: transparent !important;
}

.notranslate {
  unicode-bidi: isolate;
}