.hover-balloon{display:inline-block}.hover-balloon__trigger{display:inline-flex}.hover-balloon__tooltip{position:fixed;z-index:1000;width:max-content;min-width:50px;max-width:280px;padding:8px 10px;border-radius:8px;background:rgba(30,33,37,.96);color:hsla(0,0%,100%,.95);font-size:12px;line-height:1.35;white-space:normal;word-break:break-word;box-shadow:0 6px 18px rgba(0,0,0,.24);opacity:0;pointer-events:none;transition:opacity .14s ease,transform .16s ease;transform:translateY(-4px)}.hover-balloon__tooltip.is-open{opacity:1}.hover-balloon__tooltip--top{transform:translateY(-4px)}.hover-balloon__tooltip--top.is-open{transform:translateY(0)}.hover-balloon__tooltip--bottom{transform:translateY(4px)}.hover-balloon__tooltip--bottom.is-open{transform:translateY(0)}.hover-balloon__tooltip--left{transform:translateX(-4px)}.hover-balloon__tooltip--left.is-open{transform:translateX(0)}.hover-balloon__tooltip--right{transform:translateX(4px)}.hover-balloon__tooltip--right.is-open{transform:translateX(0)}.hover-balloon__arrow{--hover-balloon-arrow-color:rgba(30,33,37,.96);position:absolute;width:8px;height:8px;background:var(--hover-balloon-arrow-color);transform:rotate(45deg)}.hover-balloon__arrow--align-left{left:12px}.hover-balloon__arrow--align-center{left:50%;transform:translateX(-50%) rotate(45deg)}.hover-balloon__arrow--align-right{right:12px}.hover-balloon__arrow--top{bottom:-4px}.hover-balloon__arrow--bottom{top:-4px}.hover-balloon__arrow--left{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.hover-balloon__arrow--right{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}