gx-designer-tool-breadcrumb {
  display: block;
  --item-margin: 3px;
}
gx-designer-tool-breadcrumb .list {
  display: flex;
  align-items: flex-end;
  margin: 0;
  padding: 0;
  list-style: none;
}
gx-designer-tool-breadcrumb .list .item {
  cursor: pointer;
  background-color: var(--color-accent-surface-elevation-1);
  padding: 3px 5px;
}
gx-designer-tool-breadcrumb.location-top .list {
  flex-direction: column-reverse;
}
gx-designer-tool-breadcrumb.location-top .list .item {
  margin-bottom: var(--item-margin);
}
gx-designer-tool-breadcrumb.location-bottom .list {
  flex-direction: column;
}
gx-designer-tool-breadcrumb.location-bottom .list .item {
  margin-top: var(--item-margin);
}