/* Block, not inline-flex: consumers wrap full-width list rows and an
 * inline wrapper would shrink them; the card still measures this rect. */
.root {
  position: relative;
  display: block;
}

/* Preview card (figma session hover card): 244 wide, r12, pad 12/16, the
 * menu card's elevation. Surface is #2C2C2E in both themes (figma value,
 * light/dark identical), so a component-level variable, not a theme token. */
.card {
  --dsw-hovercard-bg: #2C2C2E;
  position: fixed;
  z-index: 100;
  box-sizing: border-box;
  width: 244px;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--dsw-hovercard-bg);
  box-shadow: var(--dsw-shadow-lv3);
  pointer-events: none;
}