.sortItem {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.draggableIcon {
  position: absolute;
  top: 4px;
  right: 0;
}

.checkbox {
  position: absolute;
  top: 4px;
  left: 4px;
}

.meta {
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.fullWidth {
  width: 100%;
}

.disabled {
  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6)); /* Replace with Mantine's dark[6] or gray[0] */
  border-color: light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5)); /* Replace with Mantine's dark[5] or gray[2] */
  cursor: not-allowed;

  & * {
    color: light-dark(var(--mantine-color-gray-5), var(--mantine-color-dark-3)); /* Replace with Mantine's dark[3] or gray[5] */
  }
}

.overlayGroup {
  position: absolute;
  background: alpha(var(--mantine-color-dark-9), 0.6); /* Replace with Mantine's dark[9] RGBA variable */
  border-bottom-left-radius: var(--mantine-radius-sm); /* Replace with Mantine's small radius variable */
  top: 0;
  right: 0;
  z-index: 11;
}
