.tooltip-container{display:inline-block;position:relative}.tooltip{visibility:hidden;color:#fff;opacity:0;z-index:10;white-space:nowrap;box-sizing:border-box;background-color:#333;border-radius:5px;max-width:300px;padding:8px 12px;transition:opacity .3s,transform .3s;position:absolute}.tooltip-top{bottom:125%;left:50%;transform:translate(-50%)translateY(10px)!important}.tooltip-bottom{top:125%;left:50%;transform:translate(-50%)translateY(-10px)!important}.tooltip-left{top:50%;right:125%;transform:translateY(-50%)translate(10px)!important}.tooltip-right{top:50%;left:125%;transform:translateY(-50%)translate(-10px)!important}.tooltip-arrow{content:"";border-style:solid;position:absolute}.tooltip-arrow-top{border-width:5px;border-color:#333 #0000 #0000;margin-left:-5px;top:100%;left:50%}.tooltip-arrow-bottom{border-width:5px;border-color:#0000 #0000 #333;margin-left:-5px;bottom:100%;left:50%}.tooltip-arrow-left{border-width:5px;border-color:#0000 #0000 #0000 #333;margin-top:-5px;top:50%;left:100%}.tooltip-arrow-right{border-width:5px;border-color:#0000 #333 #0000 #0000;margin-top:-5px;top:50%;right:100%}.tooltip-container:hover .tooltip{visibility:visible;opacity:1;animation:.4s bounce;transform:translate(0)}@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}