@import '../../../../global/theme.less';

.footer {
  margin-left: 1em;
}

.panel {
  border: 1px dashed @border-color-2 !important;
  border-radius: 4px !important;
  margin-bottom: 12px;
  margin-left: 1em;
  .extraView {
    display: flex;
    .remove {
      width: 30px;
      height: 30px;
      line-height: 30px;
    }
    .dragIcon {
      margin-top: 6px;
    }
  }

  :global {
    .@{ant-prefix}-collapse-header {
      .@{ant-prefix}-collapse-arrow {
        color: @font-color-6;
      }
    }
  }
}

.ghost {
  background: @drag-view-bg-color;
  color: @normal-color;
  div {
    visibility: hidden;
  }
}

.drag {
  opacity: 1;
  background-color: @normal-color;
}