.drag-point {
  cursor: grab;
}

.wp-block-dblocks-hotspot {
  overflow: hidden;
  .block-editor-block-list__layout {
    * {
      margin: 0;
    }
  }
}

.focal-point-picker-container {
  // Focal item
  .focal-point-picker-item {
    margin-bottom: 2rem;
  }

  .focal-point-picker-item {
    display: flex;
    align-items: flex-end;
    gap: 1rem;

    .components-base-control {
      width: 100%;
      margin-bottom: 0;
    }
  }

  .focal-point-picker__controls {
    padding-bottom: 0 !important;
  }
  .components-base-control__field {
    margin-bottom: 0 !important;
  }
  .components-button {
    margin-bottom: 0.2rem;
  }
}

.disable-focal-preview {
  // ======================================================================
  // If Focal preview is disabled
  // ======================================================================

  // Hide the focal point picker
  .components-focal-point-picker-wrapper {
    display: none !important;
  }

  .focal-point-picker-item {
    margin-bottom: 0.5rem;
  }
}

.dblocks-custom {
  [data-active-item="true"] {
    color: white;
    background-color: black !important;
    font-weight: bold;
  }
}