gx-designer-tool-bar {
  display: flex;
  pointer-events: all;
  color: var(--color-text-neutral-default);
}
gx-designer-tool-bar .bar {
  display: flex;
  align-items: center;
  background-color: var(--color-accent-surface-elevation-1);
  padding-inline: var(--spacing-padding-s);
  min-height: 24px;
}
gx-designer-tool-bar .bar > .drag[hidden] + .identity {
  margin-left: 5px;
}
gx-designer-tool-bar .bar > .identity {
  margin-right: 5px;
}
gx-designer-tool-bar .bar > .buttons {
  display: flex;
  margin: 0;
  margin-left: 35px;
  padding: 0;
  list-style: none;
}
gx-designer-tool-bar .bar > .buttons > li {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
gx-designer-tool-bar .bar > .buttons > li:last-child {
  margin-right: 0px;
}
gx-designer-tool-bar .bar > .buttons > .select {
  position: relative;
}
gx-designer-tool-bar .bar > .buttons > .select gx-designer-tool-breadcrumb, gx-designer-tool-bar .bar > .buttons > .select .gx-designer-tool-breadcrumb {
  position: absolute;
}
gx-designer-tool-bar .bar > .buttons > .select gx-designer-tool-breadcrumb.location-top, gx-designer-tool-bar .bar > .buttons > .select .gx-designer-tool-breadcrumb.location-top {
  right: 0px;
  bottom: 100%;
  padding-bottom: var(--spacing-padding-s);
  margin-right: calc(var(--spacing-padding-s) * -1);
}
gx-designer-tool-bar .bar > .buttons > .select gx-designer-tool-breadcrumb.location-bottom, gx-designer-tool-bar .bar > .buttons > .select .gx-designer-tool-breadcrumb.location-bottom {
  right: 0px;
  top: 100%;
  padding-top: var(--spacing-padding-s);
  margin-right: calc(var(--spacing-padding-s) * -1);
}
gx-designer-tool-bar .bar > .buttons > .select:not(:hover) > gx-designer-tool-breadcrumb {
  visibility: hidden;
}
gx-designer-tool-bar .arrow {
  width: 10px;
  height: 10px;
}
gx-designer-tool-bar.location-outside-top {
  flex-direction: column;
}
gx-designer-tool-bar.location-outside-top .bar {
  order: 1;
}
gx-designer-tool-bar.location-outside-top .arrow {
  order: 2;
  background-image: linear-gradient(135deg, var(--color-accent-surface-elevation-1), var(--color-accent-surface-elevation-1) 50%, transparent 50%, transparent);
}
gx-designer-tool-bar.location-outside-right {
  flex-direction: row;
}
gx-designer-tool-bar.location-outside-right .bar {
  order: 2;
}
gx-designer-tool-bar.location-outside-right .arrow {
  order: 1;
  background-image: linear-gradient(-135deg, var(--color-accent-surface-elevation-1), var(--color-accent-surface-elevation-1) 50%, transparent 50%, transparent);
}
gx-designer-tool-bar.location-outside-bottom {
  flex-direction: column;
}
gx-designer-tool-bar.location-outside-bottom .bar {
  order: 2;
}
gx-designer-tool-bar.location-outside-bottom .arrow {
  order: 1;
  background-image: linear-gradient(45deg, var(--color-accent-surface-elevation-1), var(--color-accent-surface-elevation-1) 50%, transparent 50%, transparent);
}
gx-designer-tool-bar.location-outside-left {
  flex-direction: row;
}
gx-designer-tool-bar.location-outside-left .bar {
  order: 1;
}
gx-designer-tool-bar.location-outside-left .arrow {
  order: 2;
  background-image: linear-gradient(135deg, var(--color-accent-surface-elevation-1), var(--color-accent-surface-elevation-1) 50%, transparent 50%, transparent);
}
gx-designer-tool-bar.location-inside-sticky {
  flex-direction: column;
}
gx-designer-tool-bar.location-inside-sticky .bar {
  order: 2;
}
gx-designer-tool-bar.location-inside-sticky .arrow {
  order: 1;
  background-image: linear-gradient(45deg, var(--color-accent-surface-elevation-1), var(--color-accent-surface-elevation-1) 50%, transparent 50%, transparent);
}
gx-designer-tool-bar.location-viewport-top {
  flex-direction: row;
}
gx-designer-tool-bar.location-viewport-top .bar {
  order: 1;
}
gx-designer-tool-bar.location-viewport-top .arrow {
  display: none;
}

.gx-designer-tool-arrange-container .gx-designer-tool-bar.location-inside-sticky {
  max-width: unset !important;
}