:host([gs-reorder-indicator=above]) .gux-container {
  border-block-start-color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor);
}

:host([gs-reorder-indicator=below]) .gux-container {
  border-block-end-color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor);
}

.gux-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gse-ui-dataTableItems-editColumn-editColumnItem-gap);
  place-content: stretch flex-start;
  align-items: center;
  margin-block-end: -2px;
  border-block-start: 2px solid transparent;
  border-block-end: 2px solid transparent;
}
.gux-container.gux-parent-reordering {
  cursor: pointer;
}
.gux-container.gux-parent-reordering .gux-reorder {
  cursor: pointer;
}
.gux-container.gux-parent-reordering:hover {
  border-block-end-color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor);
}
.gux-container gux-icon {
  border-radius: var(--gse-ui-dataTableItems-editColumn-editColumnItem-editColumnIcon-borderRadius);
}
.gux-container:hover gux-icon {
  color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-hover-foregroundColor);
  background-color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-hover-backgroundColor);
}
.gux-container.gux-drop-above {
  border-block-start-color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor);
}
.gux-container.gux-drop-below {
  border-block-end-color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor);
}
.gux-container.gux-dragging {
  cursor: grabbing;
  border-block-start-color: transparent;
  border-block-end-color: transparent;
  opacity: 0.4;
}
.gux-container .gux-reorder {
  all: unset;
  display: flex;
  flex: 0 1 auto;
  align-self: auto;
  order: 0;
  inline-size: var(--gse-ui-dataTableItems-editColumn-editColumnItem-editColumnIcon-width);
  block-size: var(--gse-ui-dataTableItems-editColumn-editColumnItem-editColumnIcon-height);
  color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor);
  cursor: grab;
  border-radius: var(--gse-ui-dataTableItems-editColumn-editColumnItem-editColumnIcon-borderRadius);
}
.gux-container .gux-reorder.gux-reordering {
  color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-active-foregroundColor);
  background-color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-active-backgroundColor);
}
.gux-container .gux-reorder:active {
  pointer-events: none;
  cursor: grabbing !important;
}
.gux-container .gux-reorder:active gux-icon, .gux-container .gux-reorder:focus-visible gux-icon {
  color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-active-foregroundColor);
  background-color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-active-backgroundColor);
}
.gux-container .gux-reorder:hover gux-icon {
  color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-hover-foregroundColor);
  background-color: var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-hover-backgroundColor);
}
.gux-container .gux-select {
  position: relative;
  flex: 1 1 auto;
  align-self: auto;
  order: 1;
}
.gux-container .gux-select gux-text-highlight {
  position: absolute;
  inset-block-start: 1px;
  inset-inline-start: calc(var(--gse-ui-icon-small-size) + var(--gse-ui-checkbox-gap));
  color: transparent;
  pointer-events: none;
}

.gux-sr-only {
  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
}
.gux-sr-only:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip-path: inset(50%);
}