/* ============================================================
   Keyword tree (keyword-tree.js): grows in the hero's space beside the search console.
   ============================================================ */

.hm-tree {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

    .hm-tree canvas {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity .8s ease;
    }

    .hm-tree.is-ready canvas {
        opacity: 1;
    }