/* Tooltip container */
.tooltip {
 position: relative;
 display: inline-block;
 font-size: 20px; 
padding: 0px;
line-height:1.5;
writing-mode: horizontal-tb;
}
 .tooltip:hover {
 background-color: #b3ffff;
 cursor: pointer;
 font-size: 2
}

/*Tooltip text*/
.tooltip .tooltiptext {
 visibility: hidden;

 background-color: grey;
 color: #fff;
 padding: 5px 5px 5px 5px;
 border-radius: 6px
 top: -5px;
 bottom: 70%;
 left: 0%; 
 position: absolute;
 z-index: 1;
 font-size: 20px;
 line-height: 1;

width: max-content; 
/* max-width: 250px; */

}
.tooltip:hover .tooltiptext {
 visibility: visible;
}