.tooltip{position:fixed;inset:auto;left:var(--tooltip-x,0);top:var(--tooltip-y,0);margin:0;border:0;overflow:visible;padding:var(--spacing-xxs) var(--spacing-xs);border-radius:2px;background:var(--color-background-dark-60);color:var(--color-color);font-family:var(--font-family-default);font-size:var(--font-size-xs);line-height:var(--line-height-xxs);font-weight:var(--font-weight-regular);font-variant-numeric:normal;white-space:nowrap}.tooltip:after{content:"";position:absolute;top:100%;left:var(--tooltip-arrow-x,50%);translate:-50% 0;border:6px solid rgba(0,0,0,0);border-top:8px solid var(--color-background-dark-60);border-bottom:0}.tooltip.-below:after{top:auto;bottom:100%;border-top:0;border-bottom:8px solid var(--color-background-dark-60)}