.ui-tooltip {
    background: #FFFF;
    color: black;
    border: 0px solid #a4c8f5;
    padding: 0;
    opacity: 1;
    width: fit-content;
    width: 210px;
}
.ui-tooltip-content {
    position: absolute;
    padding: 1em;
    background-color: #FFFF;
    border: 2px solid #a4c8f5;
}
.ui-tooltip-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}
.tooltip .ui-tooltip-content::after {
    top: -10px;
    left: 10px;
    border-color: #a4c8f5 transparent;
    border-width: 0 10px 10px;
}

.tooltip { 
    pointer-events: none; 
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}