.eitt-tooltip {
border-bottom: 1px dotted currentColor;
cursor: help;
text-decoration: none;
}
.eitt-tooltip:focus-visible {
border-radius: 2px;
outline: 2px solid currentColor;
outline-offset: 2px;
}
.eitt-tooltip-bubble {
background: #202124;
border-radius: 6px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
box-sizing: border-box;
color: #fff;
font-family: inherit;
font-size: 15px;
font-weight: 400;
line-height: 1.45;
max-width: min(360px, calc(100vw - 24px));
opacity: 0;
padding: 10px 13px;
pointer-events: none;
position: fixed;
text-align: left;
transform: translateY(4px);
transition: opacity 140ms ease, transform 140ms ease;
visibility: hidden;
white-space: pre-line;
z-index: 2147483647;
}
.eitt-tooltip-bubble::after {
border: 6px solid transparent;
border-top-color: #202124;
content: "";
left: 50%;
position: absolute;
top: 100%;
transform: translateX(-50%);
}
.eitt-tooltip-bubble--below::after {
border-bottom-color: #202124;
border-top-color: transparent;
bottom: 100%;
top: auto;
}
.eitt-tooltip-bubble--visible {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
visibility: visible;
}
.eitt-tooltip-bubble a {
color: inherit;
font-weight: 600;
text-decoration: underline;
}
@media (prefers-reduced-motion: reduce) {
.eitt-tooltip-bubble {
transition: none;
}
}