.inline-tooltips {
position: relative;
cursor: pointer;
text-decoration: underline dotted;
}
.inline-tooltips::after {
content: attr(data-tooltip);
position: absolute;
background-color: #EAF2FE;
color: rgb(70, 70, 74);
padding: 5px 10px;
border-radius: 4px;
white-space: nowrap;
font-size: 12px;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-in-out;
z-index: 1000;
}
.inline-tooltips[data-tooltip-position="top"]::after {
bottom: 125%; left: 50%;
transform: translateX(-50%);
}
.inline-tooltips[data-tooltip-position="bottom"]::after {
top: 125%; left: 50%;
transform: translateX(-50%);
}
.inline-tooltips[data-tooltip-position="left"]::after {
right: 125%; top: 50%;
transform: translateY(-50%);
}
.inline-tooltips[data-tooltip-position="right"]::after {
left: 125%; top: 50%;
transform: translateY(-50%);
}
.inline-tooltips:hover::after {
opacity: 1;
visibility: visible;
}html{scroll-behavior: smooth!important;}