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