body:has(#container_language._active-lang) {
  height: 100vh;
  overflow: hidden;
}

#container_language._active-lang {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: rgba(0,0,0,0.4);
  width: 100%;
}

li._active div {
  --tw-scale-x: 100%;
}

nav li._active {
  background: hsl(202, 81%, 34%);

  a {
    color: white;
  }
}

.clip-path-0 {
  clip-path: inset(0 0 100% 0);
}

.clip-path-full {
  clip-path: inset(0 0 0 0);
}

._collapse {
  cursor: pointer;
  transition: all 0.3s ease-in;
}

._collapse._collapse-active {
  grid-column: span 3 / span 3;
}

._collapse._collapse-active a {
  display: inline;
}

._collapse:not(._collapse-active) {
  grid-column: span 1 / span 1;
}
._collapse:not(._collapse-active) a {
  display: none;
}

@media (max-width: 1024px) {
  nav:has(#navigation_link.show_nav) {
    position: fixed;
  }

  #navigation_link.show_nav {
    right: 0;
  }

  #navigation_link.show_nav #close_nav {
    display: block;
  }

  #navigation_link:not(.show_nav) #close_nav {
    display: none;
  }

  nav li._active {
    background: #fff;
  
    a {
      color: #012443;
    }
  }

  a._navlink.active_navlink ~ ._subnavlink-container {
    max-height: 100%;
    --tw-translate-y: 0;
    opacity: 1;
    width: 100%;
    overflow: visible;
  }
  ._subnavlink-container a {
    border-bottom: 1px solid white;
  }
  ._subnavlink-container, ._subsubnavlink-container {
    position: static;
    transition: all 0.3s ease-in;
    opacity: 100%;

    a {
      white-space: wrap;
    }
  }

  a._navlink.active_navlink ~ ._subsubnavlink-container {
    max-width: 100%;
    height: 100%;
    overflow: visible;
    opacity: 1;
  }
  
  /* group-hover/item:max-w-[1000px] group-hover/item:overflow-visible group-hover/item:opacity-100 group-hover/item:translate-x-0 */

  a._navlink.active_navlink span {
    rotate: 180deg;
    transition: all 0.1 ease-in;
  }
}