
      #arrow {
        visibility: hidden;
      }

      #arrow::before {
        visibility: visible;
        content: "";
        transform: rotate(45deg);
      }

      #tooltip[data-popper-placement^="top"] > #arrow {
        bottom: -4px;
      }

      #tooltip[data-popper-placement^="bottom"] > #arrow {
        top: -4px;
      }

      #tooltip[data-popper-placement^="left"] > #arrow {
        right: -4px;
      }

      #tooltip[data-popper-placement^="right"] > #arrow {
