.tooltip-container{position:relative;display:inline-block}.tooltip{visibility:hidden;background-color:#333;color:#fff;border-radius:5px;padding:8px 12px;position:absolute;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:10;white-space:nowrap;box-sizing:border-box;max-width:300px}.tooltip-top{bottom:125%;left:50%;transform:translateX(-50%) translateY(10px)!important}.tooltip-bottom{top:125%;left:50%;transform:translateX(-50%) translateY(-10px)!important}.tooltip-left{right:125%;top:50%;transform:translateY(-50%) translateX(10px)!important}.tooltip-right{left:125%;top:50%;transform:translateY(-50%) translateX(-10px)!important}.tooltip-arrow{content:"";position:absolute;border-style:solid}.tooltip-arrow-top{top:100%;left:50%;margin-left:-5px;border-width:5px;border-color:#333 transparent transparent}.tooltip-arrow-bottom{bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-color:transparent transparent #333}.tooltip-arrow-left{left:100%;top:50%;margin-top:-5px;border-width:5px;border-color:transparent transparent transparent #333}.tooltip-arrow-right{right:100%;top:50%;margin-top:-5px;border-width:5px;border-color:transparent #333 transparent transparent}.tooltip-container:hover .tooltip{visibility:visible;opacity:1;transform:translate(0);animation:bounce .4s ease}@keyframes bounce{0%{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(3px)}to{transform:translateY(0)}}.tooltip-text{margin:0;font-size:14px;line-height:1.4}