.tooltip-wrapper{position:relative;display:inline-flex;cursor:pointer}.tooltip-box{position:absolute;background-color:#000;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;max-width:400px;white-space:normal;word-wrap:break-word;text-align:left;line-height:1.4;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease;z-index:1000}.tooltip-wrapper:hover .tooltip-box{opacity:1;visibility:visible}.tooltip-top{bottom:100%;left:50%;transform:translateX(-50%) translateY(-6px);width:300px}.tool-left{right:100%;top:50%;transform:translateX(-6px) translateY(-50%)}.tool-right{left:100%;top:50%;transform:translateX(6px) translateY(-50%)}