.tooltip{display:inline-flex;position:relative}.tooltip__bubble{background:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);color:var(--text-primary);pointer-events:none;white-space:normal;word-break:break-word;z-index:1000;border-radius:4px;width:max-content;max-width:240px;padding:.375rem .5rem;font-size:.75rem;font-weight:500;line-height:1.3;position:fixed}.tooltip__bubble--top{transform:translate(-50%,-100%)}.tooltip__bubble--bottom{transform:translate(-50%)}.tooltip__bubble--left{transform:translate(-100%,-50%)}.tooltip__bubble--right{transform:translateY(-50%)}.tooltip-fade-enter-active,.tooltip-fade-leave-active{transition:opacity .1s,transform .1s}.tooltip-fade-enter-from.tooltip__bubble--top,.tooltip-fade-leave-to.tooltip__bubble--top{opacity:0;transform:translate(-50%,calc(2px - 100%))}.tooltip-fade-enter-from.tooltip__bubble--bottom,.tooltip-fade-leave-to.tooltip__bubble--bottom{opacity:0;transform:translate(-50%,-2px)}.tooltip-fade-enter-from.tooltip__bubble--left,.tooltip-fade-leave-to.tooltip__bubble--left{opacity:0;transform:translate(calc(2px - 100%),-50%)}.tooltip-fade-enter-from.tooltip__bubble--right,.tooltip-fade-leave-to.tooltip__bubble--right{opacity:0;transform:translate(-2px,-50%)}