.klyp-TokenBarChart{align-items:flex-end;gap:var(--space-4);block-size:var(--space-128);inline-size:100%;min-inline-size:0;display:flex;position:relative}.klyp-TokenBarChart__tip{z-index:2;pointer-events:none;min-inline-size:var(--space-128);max-inline-size:calc(var(--space-128) * 2);padding:var(--space-10) var(--space-12);border-radius:var(--r-card);background:var(--color-bg-surface-elevated);box-shadow:var(--shadow-panel);position:absolute;inset-block-end:calc(100% + var(--space-8))}.klyp-TokenBarChart__tip[data-align=center]{transform:translate(-50%)}.klyp-TokenBarChart__tip[data-align=start]{inset-inline-start:0}.klyp-TokenBarChart__tip[data-align=end]{inset-inline-end:0}.klyp-TokenBarChart__bar{border-radius:var(--radius-sm);background:var(--color-bg-well);block-size:100%;min-inline-size:0;transition:background var(--duration-fast) var(--easing-standard);border:0;flex-direction:column-reverse;flex:1;gap:1px;padding:0;display:flex;overflow:clip}.klyp-TokenBarChart button.klyp-TokenBarChart__bar{cursor:pointer}.klyp-TokenBarChart button.klyp-TokenBarChart__bar:hover,.klyp-TokenBarChart__bar[data-selected]{background:var(--color-bg-surface-elevated)}.klyp-TokenBarChart button.klyp-TokenBarChart__bar:focus-visible{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--space-2)}.klyp-TokenBarChart__seg{inline-size:100%;transition:block-size var(--duration-slow) var(--easing-standard);display:block}@media (prefers-reduced-motion:reduce){.klyp-TokenBarChart__bar,.klyp-TokenBarChart__seg{transition:none}}