/* ==========================================================
Tooltip
========================================================== */

.ga-tooltip {

    position: fixed;

    z-index: 10000;

    max-width: 320px;

    padding: 0.55rem 0.8rem;

    border: 1px solid #475569;

    border-radius: 0.4rem;

    background: #273449;

    color: #f8fafc;

    font-size: 0.875rem;

    line-height: 1.4;

    text-align: left;

    white-space: pre-line;

    pointer-events: none;

    opacity: 0;

    visibility: hidden;

    transform: translateY(2px);

    transition:
        opacity 0.12s ease,
        transform 0.12s ease,
        visibility 0.12s ease;

    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.35);

}


/* ==========================================================
Visible
========================================================== */

.ga-tooltip.ga-tooltip-visible {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}