.annotation{
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted var(--iro-theme-color);
}

.annotation .annotation-text {
    visibility: hidden;

    font-family: Philosopher, Helvetica, Arial, Verdana,sans-serif;
    font-size: small;
    padding: 6px 12px;
    color: var(--iro-text-color-lightest);

    white-space: nowrap;
    border-radius: 10px 0px 10px 0px;
    background-color: rgb(64, 64, 64, 0.90);
    text-align: center;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.32);
}

.annotation:hover .annotation-text {
    visibility: visible;
}