.tooltip {
  position: unset;
  z-index: unset;
  display: unset;
  margin: unset;
  font-family: unset;
  font-style: unset;
  font-weight: unset;
  line-height: unset;
  text-align: unset;
  text-align: unset;
  text-decoration: unset;
  text-shadow: unset;
  text-transform: unset;
  letter-spacing: unset;
  word-break: unset;
  word-spacing: unset;
  white-space: unset;
  line-break: unset;
  font-size: unset;
  word-wrap: unset;
  opacity: unset;
}


.tooltip {
    position: relative;
    display: inline-block;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    /* width: 240px; */
    max-width: 240px;
    min-width: 150px;
    background-color: #252424;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 4px;
    position: absolute;
    font-size: 12px;
    z-index: 1;
    left: 110%;
    top: 0%;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

  .tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 15%;
    right: 99.9%; /* To the left of the tooltip */
    margin-top: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #252424 transparent transparent;
  }