@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.tooltipContainer {
    position: absolute;
    background: white;
    padding: 0.5rem;
    overflow: hidden;
    animation: fadeIn 0.4s;
    max-width: min(36rem, calc(100vw - 3rem));
    width: 100%;

    iframe {
        display: block;
        border: none;
        width: 100%;
        max-height: 80vh;
    }
}


.tooltipFadeout {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.2s, opacity 0.2s linear;
}

*[data-tooltip-anchor] {
    text-decoration-line: underline;
    text-decoration-style: dotted;
}

.tooltipContainer {
    box-shadow: 5px 5px 10px 0px rgba(68, 68, 68, 0.80);
}