.ds-hover-card{display:inline-flex;position:relative}.ds-hover-card__panel{z-index:50;min-width:240px;max-width:320px;padding:var(--padding-md);border-radius:var(--radius-sm);background-color:var(--color-bg-page-primary);border:var(--border-xs) solid var(--color-bg-container-border);box-shadow:var(--shadow-floating);color:var(--color-text-primary);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);visibility:hidden;opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard), visibility var(--motion-duration-fast) var(--motion-ease-standard);display:block;position:absolute}.ds-hover-card__panel--visible{visibility:visible;opacity:1}.ds-hover-card__panel--top{margin-bottom:var(--gap-xs);bottom:100%;left:50%;transform:translate(-50%)translateY(4px)}.ds-hover-card__panel--top.ds-hover-card__panel--visible{transform:translate(-50%)translateY(0)}.ds-hover-card__panel--bottom{margin-top:var(--gap-xs);top:100%;left:50%;transform:translate(-50%)translateY(-4px)}.ds-hover-card__panel--bottom.ds-hover-card__panel--visible{transform:translate(-50%)translateY(0)}.ds-hover-card__panel--left{margin-right:var(--gap-xs);top:50%;right:100%;transform:translateY(-50%)translate(4px)}.ds-hover-card__panel--left.ds-hover-card__panel--visible{transform:translateY(-50%)translate(0)}.ds-hover-card__panel--right{margin-left:var(--gap-xs);top:50%;left:100%;transform:translateY(-50%)translate(-4px)}.ds-hover-card__panel--right.ds-hover-card__panel--visible{transform:translateY(-50%)translate(0)}