.ds-hover-card{display:inline-flex;position:relative}.ds-hover-card__panel{z-index:50;min-width:240px;max-width:320px;padding:var(--padding-400);border-radius:var(--radius-200);background-color:var(--color-bg-page-primary);border:var(--border-025) 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);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:absolute}.ds-hover-card__panel--visible{opacity:1;display:block}.ds-hover-card__panel--top{margin-bottom:var(--gap-100);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-100);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-100);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-100);top:50%;left:100%;transform:translateY(-50%)translate(-4px)}.ds-hover-card__panel--right.ds-hover-card__panel--visible{transform:translateY(-50%)translate(0)}@starting-style{.ds-hover-card__panel--top.ds-hover-card__panel--visible{opacity:0;transform:translate(-50%)translateY(4px)}.ds-hover-card__panel--bottom.ds-hover-card__panel--visible{opacity:0;transform:translate(-50%)translateY(-4px)}.ds-hover-card__panel--left.ds-hover-card__panel--visible{opacity:0;transform:translateY(-50%)translate(4px)}.ds-hover-card__panel--right.ds-hover-card__panel--visible{opacity:0;transform:translateY(-50%)translate(-4px)}}