document.querySelectorAll(".select").forEach((element) => {
  element.addEventListener("click", function () {
    document.querySelectorAll(".select").forEach((el) => {
      el.classList.remove("active");
    });

    this.classList.add("active");
  });
});

document.addEventListener("mouseup", function (e) {
  const containers = document.querySelectorAll(".select");

  let isClickInsideElement = Array.from(containers).some((container) =>
    container.contains(e.target)
  );

  if (!isClickInsideElement) {
    containers.forEach((container) => {
      container.classList.remove("active");
    });
  }
});