.ds-tooltip-wrapper{display:inline-flex;position:relative}.ds-tooltip{z-index:var(--z-tooltip);max-width:18rem;padding:.375rem var(--space-2);background:var(--color-text);color:var(--color-on-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:none;white-space:normal;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);display:none;position:absolute;transform:scale(.96)}.ds-tooltip--open{opacity:1;display:block;transform:scale(1)}@starting-style{.ds-tooltip--open{opacity:0}}.ds-tooltip--top{transform-origin:bottom;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)scale(.96)}.ds-tooltip--top.ds-tooltip--open{transform:translate(-50%)scale(1)}.ds-tooltip--bottom{transform-origin:top;top:calc(100% + .5rem);left:50%;transform:translate(-50%)scale(.96)}.ds-tooltip--bottom.ds-tooltip--open{transform:translate(-50%)scale(1)}.ds-tooltip--left{transform-origin:100%;top:50%;right:calc(100% + .5rem);transform:translateY(-50%)scale(.96)}.ds-tooltip--left.ds-tooltip--open{transform:translateY(-50%)scale(1)}.ds-tooltip--right{transform-origin:0;top:50%;left:calc(100% + .5rem);transform:translateY(-50%)scale(.96)}.ds-tooltip--right.ds-tooltip--open{transform:translateY(-50%)scale(1)}.ds-tooltip--wide{width:max-content;max-width:min(26rem, calc(100vw - var(--space-6)));transform-origin:0 0;left:0;right:auto;transform:translate(0)scale(.96)}.ds-tooltip--wide.ds-tooltip--open{transform:translate(0)scale(1)}