:has(>.tooltip) {
    position: relative;
}
.tooltip {
    opacity:0;
    position: absolute;
    background-color: var(--inv-gray);
    color: var(--thm-text);
    padding: 0.4rem;
    line-height:1;
    border-radius: 0.25rem;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    max-width:100vw;
    width:max-content;
    transition:opacity 0.3s ease;
    user-select: none;
    pointer-events: none;
    box-shadow:var(--thm-box-shadow);
    text-wrap:wrap;
    z-index:998;
}
.tooltip.top {
    top:0%;
}
.tooltip.show {
    opacity:1;
}