.tooltip-template-trigger {
cursor: pointer;
color: #0275d8;
user-select: none;
}
.tooltip-template {
display: none;
margin: 5px 0;
border: 1px solid gray;
background: white;
padding: 12px;
border-radius: 3px;
text-align: left;
user-select: text;
}
.tooltip-template-trigger:hover {
text-decoration: underline;
}
.tooltip-template-trigger:hover + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template-trigger:active + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template:hover {
display: block;
}