/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    MOLÉCULE : TOOLTIP
    Style des tooltips
*/



.molecule_tooltip {
    cursor: help;
    position: relative;
    display: inline-block;
}

.molecule_tooltip__content {
    position: absolute;
    top: calc(100% + 5px);
    background-color: rgb(var(--rgb_gray-900) / 50%);
    color: var(--white);
    border-radius: 6px;
    font-weight: 400;
    padding: 25px;
    width: 300px;
    transition: opacity 0.4s;
}

    /* Not hover */
    .molecule_tooltip:not(:hover) .molecule_tooltip__content {
        pointer-events: none;
        opacity: 0;
    }