.ds-tooltip{display:inline-flex;position:relative}.ds-tooltip__panel{z-index:var(--layer-floating);padding:var(--padding-150) var(--padding-200);border-radius:var(--radius-100);border:var(--border-025) solid var(--color-bg-container-border);background-color:var(--color-bg-page-primary);color:var(--color-text-primary);box-shadow:var(--shadow-floating);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-property:opacity,transform,display;transition-duration:var(--motion-duration-fast);transition-timing-function:var(--motion-ease-standard);transition-behavior:allow-discrete;display:none;position:fixed;top:0;left:0}.ds-tooltip__panel--visible{opacity:1;display:block}.ds-tooltip__panel--top{transform:translateY(4px)}.ds-tooltip__panel--top.ds-tooltip__panel--visible{transform:translateY(0)}.ds-tooltip__panel--bottom{transform:translateY(-4px)}.ds-tooltip__panel--bottom.ds-tooltip__panel--visible{transform:translateY(0)}.ds-tooltip__panel--left{transform:translate(4px)}.ds-tooltip__panel--left.ds-tooltip__panel--visible{transform:translate(0)}.ds-tooltip__panel--right{transform:translate(-4px)}.ds-tooltip__panel--right.ds-tooltip__panel--visible{transform:translate(0)}@starting-style{.ds-tooltip__panel--top.ds-tooltip__panel--visible{opacity:0;transform:translateY(4px)}.ds-tooltip__panel--bottom.ds-tooltip__panel--visible{opacity:0;transform:translateY(-4px)}.ds-tooltip__panel--left.ds-tooltip__panel--visible{opacity:0;transform:translate(4px)}.ds-tooltip__panel--right.ds-tooltip__panel--visible{opacity:0;transform:translate(-4px)}}.ds-tooltip__arrow{background-color:var(--color-bg-page-primary);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.ds-tooltip__panel--top .ds-tooltip__arrow{bottom:-5px;left:var(--ds-tooltip-arrow,50%);border-right:var(--border-025) solid var(--color-bg-container-border);border-bottom:var(--border-025) solid var(--color-bg-container-border);margin-left:-4px}.ds-tooltip__panel--bottom .ds-tooltip__arrow{top:-5px;left:var(--ds-tooltip-arrow,50%);border-top:var(--border-025) solid var(--color-bg-container-border);border-left:var(--border-025) solid var(--color-bg-container-border);margin-left:-4px}.ds-tooltip__panel--left .ds-tooltip__arrow{right:-5px;top:var(--ds-tooltip-arrow,50%);border-top:var(--border-025) solid var(--color-bg-container-border);border-right:var(--border-025) solid var(--color-bg-container-border);margin-top:-4px}.ds-tooltip__panel--right .ds-tooltip__arrow{left:-5px;top:var(--ds-tooltip-arrow,50%);border-bottom:var(--border-025) solid var(--color-bg-container-border);border-left:var(--border-025) solid var(--color-bg-container-border);margin-top:-4px}