@import "../config.less";

.tooltip {
    .font_small();
    position: absolute;
    opacity: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.8);
    border-radius: @--border-radius;
    color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    z-index: @z-index_tooltip;
    white-space: nowrap;
    
    &_animation_slow-opacity {
        -moz-transition: opacity 0.5s ease-in-out;
        -webkit-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }
    
    &_state_visible {
        opacity: 1;
    }
}