.ds-tooltip{display:inline-flex;position:relative}.ds-tooltip__panel{z-index:50;padding:var(--padding-xs)var(--padding-sm);border-radius:var(--radius-xs);background-color:var(--primitive-neutral-09);color:var(--primitive-neutral-01);font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;position:absolute}.ds-tooltip__panel--visible{opacity:1}.ds-tooltip__panel--top{margin-bottom:var(--gap-xs);bottom:100%;left:50%;transform:translate(-50%)translateY(4px)}.ds-tooltip__panel--top.ds-tooltip__panel--visible{transform:translate(-50%)translateY(0)}.ds-tooltip__panel--bottom{margin-top:var(--gap-xs);top:100%;left:50%;transform:translate(-50%)translateY(-4px)}.ds-tooltip__panel--bottom.ds-tooltip__panel--visible{transform:translate(-50%)translateY(0)}.ds-tooltip__panel--left{margin-right:var(--gap-xs);top:50%;right:100%;transform:translateY(-50%)translate(4px)}.ds-tooltip__panel--left.ds-tooltip__panel--visible{transform:translateY(-50%)translate(0)}.ds-tooltip__panel--right{margin-left:var(--gap-xs);top:50%;left:100%;transform:translateY(-50%)translate(-4px)}.ds-tooltip__panel--right.ds-tooltip__panel--visible{transform:translateY(-50%)translate(0)}.ds-tooltip__arrow{background-color:var(--primitive-neutral-09);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.ds-tooltip__panel--top .ds-tooltip__arrow{margin-left:-4px;bottom:-4px;left:50%}.ds-tooltip__panel--bottom .ds-tooltip__arrow{margin-left:-4px;top:-4px;left:50%}.ds-tooltip__panel--left .ds-tooltip__arrow{margin-top:-4px;top:50%;right:-4px}.ds-tooltip__panel--right .ds-tooltip__arrow{margin-top:-4px;top:50%;left:-4px}