.uniformTooltip{
    position:relative;
    cursor: help;
    &.active{
        z-index:2;
    }
}
.uniformTooltip-popup{
    position: relative;
    background: white;
    border: 1px solid color('gray');
    padding: 0.5em;
    color: color('gray-darkest');
    font-size:0.9em;
    border-radius: 0.25em;
    max-width: 30vw;
    white-space: normal;
    p:last-child{
        margin-bottom: 0;
    }
    .uniformTooltip-pointer{
        position:absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 1em;
        height: 1em;
        overflow: hidden;
        &:after{
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: white;
            transform: rotate(-45deg);
            top: -85%;
            left: 0;
            border: 1px solid color('gray');
        }
    }
}