.transient-tooltip__wrapper {
    display: inline-flex;
}

// Overrides on top of Cunningham's `.c__tooltip`: switch to fixed positioning
// so we can place it at viewport coordinates from JS, mark non-interactive,
// and centre horizontally on the trigger's mid-axis.
.transient-tooltip {
    --offset: 8px;
    position: fixed;
    z-index: 1000;
    pointer-events: none;
    transform: translate(-50%, calc(-1 * var(--offset)));

    &--top {
        transform: translate(-50%, calc(-100% + var(--offset)));
    }
    &--left {
        transform: translate(calc(-100% + var(--offset)), -50%);
    }
    &--right {
        transform: translate(calc(-1 * var(--offset)), -50%);
    }
}
