.trend-bar{cursor:crosshair;transition:filter .2s,transform .2s}.trend-bar:hover{filter:brightness(1.18);transform:translateY(-3px)}.trend-bar .chart-tooltip{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(5px);min-width:145px;padding:12px 13px;border:1px solid #8554ad;border-radius:9px;background:#21162d;color:#f3edf8;box-shadow:0 14px 35px #0009;opacity:0;pointer-events:none;transition:.18s;z-index:5;text-align:left}.trend-bar:hover .chart-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.chart-tooltip strong{display:block;font-size:.8rem;margin-bottom:6px}.chart-tooltip span{display:block;color:#b8a8c2;font-size:.65rem;line-height:1.6}.chart-tooltip b{color:#d2a7ff;font-weight:650}.trend-bar:first-child .chart-tooltip,.trend-bar:nth-child(2) .chart-tooltip{left:0;transform:translateY(5px)}.trend-bar:first-child:hover .chart-tooltip,.trend-bar:nth-child(2):hover .chart-tooltip{transform:translateY(0)}