.td-preview-delete-handle.is-action-bottom,
.td-preview-duplicate-handle.is-action-bottom,
.td-preview-individual-handle.is-action-bottom {
  top: auto;
  bottom: calc(-1 * var(--td-preview-delete-offset));
}

.td-preview-delete-handle.is-action-right,
.td-preview-duplicate-handle.is-action-right,
.td-preview-individual-handle.is-action-right {
  top: 50%;
  right: auto;
  left: calc(100% + var(--td-preview-action-gap, 30px));
  transform: translateY(-50%);
}

.td-preview-delete-handle.is-action-left,
.td-preview-duplicate-handle.is-action-left,
.td-preview-individual-handle.is-action-left {
  top: 50%;
  right: calc(100% + var(--td-preview-action-gap, 30px));
  left: auto;
  transform: translateY(-50%);
}

.td-preview-duplicate-handle.is-action-right.is-left-action,
.td-preview-individual-handle.is-action-right.is-left-action,
.td-preview-delete-handle.is-action-right.is-left-action,
.td-preview-duplicate-handle.is-action-right.is-pair-left,
.td-preview-individual-handle.is-action-right.is-pair-left,
.td-preview-delete-handle.is-action-right.is-pair-left,
.td-preview-duplicate-handle.is-action-left.is-left-action,
.td-preview-individual-handle.is-action-left.is-left-action,
.td-preview-delete-handle.is-action-left.is-left-action,
.td-preview-duplicate-handle.is-action-left.is-pair-left,
.td-preview-individual-handle.is-action-left.is-pair-left,
.td-preview-delete-handle.is-action-left.is-pair-left {
  transform: translateY(calc(-50% - var(--td-preview-action-pair-shift, 31px) * 1.45));
}

.td-preview-duplicate-handle.is-action-right.is-pair-right,
.td-preview-individual-handle.is-action-right.is-pair-right,
.td-preview-delete-handle.is-action-right.is-pair-right,
.td-preview-duplicate-handle.is-action-left.is-pair-right,
.td-preview-individual-handle.is-action-left.is-pair-right,
.td-preview-delete-handle.is-action-left.is-pair-right {
  transform: translateY(calc(-50% + var(--td-preview-action-pair-shift, 31px)));
}

.td-preview-duplicate-handle.is-action-right.is-right-action,
.td-preview-individual-handle.is-action-right.is-right-action,
.td-preview-delete-handle.is-action-right.is-right-action,
.td-preview-duplicate-handle.is-action-left.is-right-action,
.td-preview-individual-handle.is-action-left.is-right-action,
.td-preview-delete-handle.is-action-left.is-right-action {
  transform: translateY(calc(-50% + var(--td-preview-action-pair-shift, 31px) * 1.45));
}

.td-preview-duplicate-handle.is-action-right:active,
.td-preview-individual-handle.is-action-right:active,
.td-preview-delete-handle.is-action-right:active,
.td-preview-duplicate-handle.is-action-left:active,
.td-preview-individual-handle.is-action-left:active,
.td-preview-delete-handle.is-action-left:active {
  transform: translateY(calc(-50% + 1px));
}

.td-preview-duplicate-handle.is-action-right.is-left-action:active,
.td-preview-individual-handle.is-action-right.is-left-action:active,
.td-preview-delete-handle.is-action-right.is-left-action:active,
.td-preview-duplicate-handle.is-action-right.is-pair-left:active,
.td-preview-individual-handle.is-action-right.is-pair-left:active,
.td-preview-delete-handle.is-action-right.is-pair-left:active,
.td-preview-duplicate-handle.is-action-left.is-left-action:active,
.td-preview-individual-handle.is-action-left.is-left-action:active,
.td-preview-delete-handle.is-action-left.is-left-action:active,
.td-preview-duplicate-handle.is-action-left.is-pair-left:active,
.td-preview-individual-handle.is-action-left.is-pair-left:active,
.td-preview-delete-handle.is-action-left.is-pair-left:active {
  transform: translateY(calc(-50% - var(--td-preview-action-pair-shift, 31px) * 1.45 + 1px));
}

.td-preview-duplicate-handle.is-action-right.is-pair-right:active,
.td-preview-individual-handle.is-action-right.is-pair-right:active,
.td-preview-delete-handle.is-action-right.is-pair-right:active,
.td-preview-duplicate-handle.is-action-left.is-pair-right:active,
.td-preview-individual-handle.is-action-left.is-pair-right:active,
.td-preview-delete-handle.is-action-left.is-pair-right:active {
  transform: translateY(calc(-50% + var(--td-preview-action-pair-shift, 31px) + 1px));
}

.td-preview-duplicate-handle.is-action-right.is-right-action:active,
.td-preview-individual-handle.is-action-right.is-right-action:active,
.td-preview-delete-handle.is-action-right.is-right-action:active,
.td-preview-duplicate-handle.is-action-left.is-right-action:active,
.td-preview-individual-handle.is-action-left.is-right-action:active,
.td-preview-delete-handle.is-action-left.is-right-action:active {
  transform: translateY(calc(-50% + var(--td-preview-action-pair-shift, 31px) * 1.45 + 1px));
}

.td-preview-transform-handle-rotate.is-rotate-top {
  top: calc(-1 * var(--td-preview-rotate-offset));
  bottom: auto;
}

.td-preview-transform-handle-rotate.is-rotate-right {
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(100% + var(--td-preview-action-gap, 30px));
  transform: translateY(-50%);
}

.td-preview-transform-handle-rotate.is-rotate-right.is-paired-move {
  transform: translateY(calc(-50% - (var(--td-preview-handle-size) + 8px) / 2));
}

.td-preview-transform-handle-rotate.is-rotate-left {
  top: 50%;
  right: calc(100% + var(--td-preview-action-gap, 30px));
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}

.td-preview-transform-handle-rotate.is-rotate-left.is-paired-move {
  transform: translateY(calc(-50% - (var(--td-preview-handle-size) + 8px) / 2));
}

.td-preview-transform-handle-rotate.is-rotate-right:active,
.td-preview-transform-handle-rotate.is-rotate-right.is-pressed,
.td-preview-transform-handle-rotate.is-rotate-left:active,
.td-preview-transform-handle-rotate.is-rotate-left.is-pressed {
  transform: translateY(-50%) scale(1.08);
}

.td-preview-transform-handle-rotate.is-rotate-right.is-paired-move:active,
.td-preview-transform-handle-rotate.is-rotate-right.is-paired-move.is-pressed,
.td-preview-transform-handle-rotate.is-rotate-left.is-paired-move:active,
.td-preview-transform-handle-rotate.is-rotate-left.is-paired-move.is-pressed {
  transform: translateY(calc(-50% - (var(--td-preview-handle-size) + 8px) / 2)) scale(1.08);
}