.bonding-tooltip-wrapper{position:relative}.bonding-tooltip-wrapper:before{content:attr(data-bonding-tooltip);background-color:var(--color-secondary);white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .2s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.bonding-tooltip-wrapper:hover:before{opacity:1}.bonding-tooltip-wrapper[data-bonding-shade=high]:before,.bonding-tooltip-wrapper[data-bonding-shade=medium]:before{color:#22c55e}.bonding-tooltip-wrapper[data-bonding-shade=low]:before,.bonding-tooltip-wrapper[data-bonding-shade=critical]:before{color:#ef4444}