.ds-hover-card{display:inline-flex;position:relative}.ds-hover-card__panel{z-index:var(--layer-floating);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}.ds-hover-card__panel--visible{opacity:1;display:block}.ds-hover-card__panel[data-side=top]{transform:translateY(4px)}.ds-hover-card__panel[data-side=bottom]{transform:translateY(-4px)}.ds-hover-card__panel[data-side=left]{transform:translate(4px)}.ds-hover-card__panel[data-side=right]{transform:translate(-4px)}.ds-hover-card__panel--visible[data-side]{transform:none}@starting-style{.ds-hover-card__panel--visible[data-side=top]{opacity:0;transform:translateY(4px)}.ds-hover-card__panel--visible[data-side=bottom]{opacity:0;transform:translateY(-4px)}.ds-hover-card__panel--visible[data-side=left]{opacity:0;transform:translate(4px)}.ds-hover-card__panel--visible[data-side=right]{opacity:0;transform:translate(-4px)}}