@keyframes show{0%{opacity:0;display:block}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0;display:none}}div.tooltip:not(.show):not(.hide){display:none}div.tooltip:after{content:"";border-style:solid;border-width:5px;margin-left:-5px;position:absolute}div.tooltip.bottom:after{border-color:#0000 #0000 #000;bottom:100%}div.tooltip.top:after{border-color:#000 #0000 #0000;top:100%}div.tooltip.show{animation:.2s forwards show}div.tooltip.hide{animation:.2s forwards hide}