@keyframes tooltip-in-top{0%{opacity:0;transform:translate(-50%,calc(-100% + 4px))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes tooltip-in-bottom{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}@keyframes tooltip-in-left{0%{opacity:0;transform:translate(calc(-100% + 4px),-50%)}to{opacity:1;transform:translate(-100%,-50%)}}@keyframes tooltip-in-right{0%{opacity:0;transform:translate(-4px,-50%)}to{opacity:1;transform:translateY(-50%)}}.tooltip-bubble{position:fixed;z-index:9999;max-width:260px;padding:5px 10px;background:var(--accent-ink);color:oklch(97% .012 40);font-family:var(--f-sans);font-size:11.5px;font-weight:500;line-height:1.5;border-radius:var(--r-sm);box-shadow:var(--shadow-2);pointer-events:none;text-wrap:pretty}.tooltip-bubble--top{transform:translate(-50%,-100%);animation:tooltip-in-top .12s ease-out}.tooltip-bubble--bottom{transform:translate(-50%);animation:tooltip-in-bottom .12s ease-out}.tooltip-bubble--left{transform:translate(-100%,-50%);animation:tooltip-in-left .12s ease-out}.tooltip-bubble--right{transform:translateY(-50%);animation:tooltip-in-right .12s ease-out}.tooltip-bubble:after{content:"";position:absolute;border:5px solid transparent}.tooltip-bubble--top:after{top:calc(100% - 1px);left:50%;transform:translateX(-50%);border-top-color:var(--accent-ink)}.tooltip-bubble--bottom:after{bottom:calc(100% - 1px);left:50%;transform:translateX(-50%);border-bottom-color:var(--accent-ink)}.tooltip-bubble--left:after{left:calc(100% - 1px);top:50%;transform:translateY(-50%);border-left-color:var(--accent-ink)}.tooltip-bubble--right:after{right:calc(100% - 1px);top:50%;transform:translateY(-50%);border-right-color:var(--accent-ink)}