refactor: Optimize element search and remove unused code in SEQTA.ts and injected.scss

src/css/documentload.scss

@@ -22,3 +22,73 @@ html {
   background-color: #161616;
   font-family: Rubik, Roboto !important;
 }
+
+.tooltip svg {
+  fill: var(--theme-primary);
+}
+.tooltip {
+  display: inline-block;
+  z-index: 5 !important;
+  width: 28px;
+  background: none;
+  box-shadow: none;
+  padding: 2px;
+  position: absolute;
+}
+.tooltip .tooltiptext {
+  width: 120px;
+  transform: scale(0);
+  transition: transform 0.2s;
+  transform-origin: top;
+  background: var(--background-primary);
+  color: var(--text-primary);
+  text-align: center;
+  border-radius: 6px;
+  padding: 2px;
+  position: absolute;
+  z-index: 1;
+  top: 105%;
+  left: 50%;
+  margin-left: -62px;
+}
+.tooltip .tooltiptext::after {
+  content: "";
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: transparent transparent var(--text-primary) transparent;
+}
+.tooltiptext p:hover {
+  cursor: pointer;
+  background: rgba(0, 0, 0, 0.3) !important;
+  transition: 200ms;
+}
+.tooltiptext p {
+  border-radius: 8px !important;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  margin: 2px;
+}
+.tooltip:hover .tooltiptext {
+  transform: scale(1);
+  transform-origin: top;
+  transition: transform 0.2s;
+}
+body:has(.outside-container:not(.hide)) #AddedSettings.tooltip:hover > .tooltiptext {
+  transform: scale(0);
+}
+.assessmenttooltip svg {
+  fill: var(--text-primary);
+}
+.assessmenttooltip {
+  bottom: 0px;
+  left: 5px;
+}
+.topmenutooltip {
+  top: 115% !important;
+  background: var(--text-primary) !important;
+  color: var(--theme-primary) !important;
+}