.chart-tip{position: fixed;z-index: 50;left: 0;top: 0;width: max-content;max-width: 260px;display: grid;gap: 2px;padding: 10px 12px;border-radius: 10px;background: var(--black,#040403);color: var(--white,#FFFFFF);font-family: "Inter",system-ui,sans-serif;font-size: 13px;line-height: 1.35;pointer-events: none;}.chart-tip[hidden]{display: none;}.chart-tip-title{opacity: .75;}.chart-tip b{font-size: 16px;font-weight: 600;letter-spacing: -0.02em;font-variant-numeric: tabular-nums;}.chart-tip ul{list-style: none;margin: 6px 0 0;padding: 6px 0 0;display: grid;gap: 2px;border-top: 1px solid color-mix(in srgb,var(--white,#FFFFFF) 25%,transparent);}.chart-tip li{display: flex;justify-content: space-between;gap: 16px;}.chart-tip li span:last-child{font-variant-numeric: tabular-nums;font-weight: 600;}[data-chart-tip]{cursor: default;}[data-chart-tip]:focus{outline: none;}[data-chart-tip]:focus-visible{outline: 2px solid var(--black,#040403);outline-offset: 4px;border-radius: 10px;}.chart g.on rect{fill: var(--paper,#F7F7FF);}.donut[data-active] path:not(.on),.sevbar[data-active] span:not(.on){opacity: .45;}