.fancy-tooltip{position:relative}.fancy-tooltip:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;z-index:50;background-color:#000000e6;border-radius:4px;margin-bottom:6px;padding:5px 10px;font-size:12px;animation:.3s forwards tooltip-fade;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.fancy-tooltip:hover:before{content:"";opacity:0;z-index:50;border:5px solid #0000;border-top-color:#000000e6;margin-bottom:-4px;animation:.3s forwards tooltip-fade;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes tooltip-fade{to{opacity:1}}