.reorder-enabled {
  --opacity-selected: 0.91;
  --box-shadow-selected: 0 3px 5px 0 rgba(var(--box-shadow-color, 0, 0, 0), 0.1), 0 6px 10px 0 rgba(var(--box-shadow-color, 0, 0, 0), 0.12), 0 1.2px 20px 0 rgba(var(--box-shadow-color, 0, 0, 0), 0.08);
  --background-selected: var(--bkkr-item-background, var(--bkkr-background-color, #fff));
  user-select: none;
}

.reorder-enabled bkkr-reorder {
  display: block;
  cursor: grab;
  pointer-events: all;
  touch-action: none;
}

.reorder-selected,
.reorder-selected bkkr-reorder {
  cursor: grabbing;
}

.reorder-selected {
  --background: var(--background-selected);
  position: relative;
  /* stylelint-disable-next-line declaration-no-important */
  transition: box-shadow 0.3s cubic-bezier(0.32, 0.72, 0, 1) !important;
  box-shadow: var(--box-shadow-selected);
  opacity: var(--opacity-selected);
  z-index: 100;
}

.reorder-visible bkkr-reorder .reorder-icon {
  transform: translate3d(0,  0,  0);
}

.reorder-list-active > * {
  display: block;
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  will-change: transform;
}