.tooltip-activator
{
    position: relative;
}

.tooltip-activator .tooltip
{
    position: absolute;
    visibility: hidden;
    top: calc(100% + 3px);
    width: max-content;
    z-index: 1000;
    pointer-events: none;

    border-color: var(--border-color);
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;

    background-color: black;
    padding: 5px;
    font-size: 75%;
}

.tooltip-activator:hover .tooltip,
.tooltip-activator:active .tooltip
{
    visibility: visible;
}