.tooltip-wrapper{position:relative;display:inline-block}.tooltip-box{position:absolute;background:#333;color:#fff;padding:8px;border-radius:4px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.tooltip-box.tooltip-visible{opacity:1;pointer-events:auto}.tooltip-bridge{position:absolute;z-index:999}.tooltip-bridge-top,.tooltip-top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:5px}.tooltip-bridge-top{height:10px;width:100%;margin-bottom:0}.tooltip-bottom,.tooltip-bridge-bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:5px}.tooltip-bridge-bottom{height:10px;width:100%;margin-top:0}.tooltip-bridge-left,.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:5px}.tooltip-bridge-left{width:10px;height:100%;margin-right:0}.tooltip-bridge-right,.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:5px}.tooltip-bridge-right{width:10px;height:100%;margin-left:0}