@import 'variables';

.bulk-actions {
    margin-inline-start: calc(var(--space-unit) * 6);
    @media screen and (min-width: $breakpoint-medium) {
        margin-inline-start: calc(var(--space-unit) * 9.5);
    }
    @media screen and (min-width: $breakpoint-large) {
        margin-inline-start: calc(var(--space-unit) * 11.5);
    }
    background-color: var(--color-surface-bg);
}

.drag-handle {
    cursor: grab;
}
.drag-handle-spacer {
    width: 16px;
}

/* Animate items as they're being sorted. */
.cdk-drop-list-dragging .cdk-drag {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

/* Animate an item that has been dropped. */
.cdk-drag-animating {
  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);
}

.cdk-drag-preview {
    opacity: 0;
}

.cdk-drag-placeholder {
    background-color: var(--color-primary-100) !important;
}
