.uniformTooltip{
    position:relative;
    cursor: pointer;
    &.active{
        z-index:2;
    }
}
.uniformTooltip-popup{
    display:none;
    position: absolute;
    background: white;
    border: 1px solid color('gray-light');
    padding: 0.5em;
    opacity: 0;
    bottom: 200%;
    left: -1.5em;
    margin: 0.5em;
    z-index: 1;
    color: color('gray');
    font-size:0.9em;
    border-radius: 0.25em;
    max-width: 30vw;
    transition: left 0.2s ease-in, top 0.2s ease-in, bottom 0.2s ease-in, opacity 0.2s ease-in;
    &.-reveal{
        bottom: 100%;
        opacity: 1;
        &.-align-bottom{
            top: 100%;
        }
    }
    &.-align-bottom{
        top: 200%;
        bottom: auto;
        .uniformTooltip-pointer{
            top: -1em;
            &:after{
                top: 85%;
            }
        }
    }
    p:last-child{
        margin-bottom: 0;
    }
    .uniformTooltip-pointer{
        position:absolute;
        top: 100%;
        left: 1em;
        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-light');
        }
    }
}