@use "sass:color";
@use "./mixins" as *;

// adduse

$base-accent: null !default;

.dx-sortable {
  overflow: hidden;
}

.dx-sortable-dragging.dx-sortable-clone {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0.9;
  z-index: $max-integer;

  .dx-inkripple {
    overflow: hidden;
  }
}

.dx-sortable-dragging.dx-sortable-clone * {
  cursor: grabbing;
}

.dx-sortable-source {
  opacity: 0.5;
}

.dx-sortable-source-hidden {
  opacity: 0;
}

.dx-sortable-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid $base-accent;
  box-sizing: border-box;
  z-index: $max-integer;
}

.dx-sortable-placeholder-inside {
  border-width: 2px;
}

.dx-sortable-dragging > * {
  border-color: color.change($base-accent, $alpha: 0.5);
  box-shadow: 0 1px 3px color.change(#000, $alpha: 0.1), 0 6px 8px color.change(#000, $alpha: 0.2);
}