.tooltip {
    /* display: none; */
    width: max-content;
    position: absolute;
    top: 0;
    left: 0;
    background: #cdd0d1;
    color: #dc0b0b;
    font-style: italic;
    /* font-weight: bold; */
    padding: 5px;
    border-radius: 4px;
    font-size: 90%;
}

.arrow {
    position: absolute;
    background: #cdd0d1;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
  }