.pctt {
    cursor: help;
    border-bottom: 1px dotted;
}
.pctt-tooltip{
    display: none;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, .95);
    color:var(--color-base , #333);
    padding: 10px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
    z-index: 9999;
    transition: opacity .3s ease;
    font-weight: 500;
    font-size: 1rem;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 300px;
}

.pctt-tooltip.visible{
    display: block;
}

*:has(.pctt-tooltip.visible){
    transform: none !important;
}

svg.pctt-question-mark-svg {
    height: 19px;
    width: auto;
    aspect-ratio: 1;
    background-color: #AAA;
    padding: 5px;
    vertical-align: middle;
    margin-top: -5px;
    border-radius: 100%;
}

svg.pctt-question-mark-svg g {
    fill:white;
}