.tooltip{position:absolute;background:#333;color:#fff;padding:6px 10px;font-size:12px;border-radius:4px;pointer-events:none;z-index:1000;opacity:0;transform:scale(.95);transition:opacity .15s ease,transform .15s ease;max-width:80%}.tooltip.show{opacity:1;transform:scale(1)}.tooltip-arrow{position:absolute;width:8px;height:8px;background:#333;transform:rotate(45deg)}.tooltip[data-position=top] .tooltip-arrow{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip[data-position=bottom] .tooltip-arrow{top:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip[data-position=left] .tooltip-arrow{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip[data-position=right] .tooltip-arrow{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}