.xh-dash-canvas-widget-chooser {
  padding: 0 var(--xh-pad-half-px);

  &__draggable-widget {
    border: var(--xh-border-dotted);
    background-color: var(--xh-bg-alt);
    padding: var(--xh-pad-half-px);
    margin: var(--xh-pad-half-px);
    text-wrap: nowrap;
    cursor: grab;

    &.is-dragging {
      cursor: grabbing;
      // lighten background color of left behind placeholder
      // when dragging
      opacity: 0.25;
    }

    &:active {
      cursor: grabbing;
    }
  }
}