.x6-color-picker {
  display: block;
  padding: 4px;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3;
}
.x6-color-picker-overlay.ant-popover-placement-bottom,
.x6-color-picker-overlay.ant-popover-placement-bottomLeft,
.x6-color-picker-overlay.ant-popover-placement-bottomRight {
  padding-top: 0;
}
.x6-color-picker-overlay .ant-popover-arrow {
  display: none;
}
.x6-color-picker-overlay .ant-popover-inner-content {
  padding: 0;
  background: transparent;
}
.x6-color-picker-overlay .ant-popover-inner-content .sketch-picker {
  box-shadow: #e9e9e9 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 8px 16px !important;
}
.x6-color-picker-block {
  height: 16px;
  border: 1px solid #787878;
  border-radius: 2px;
  transition: all 0.3;
}
.x6-color-picker-disabled {
  background: #f5f5f5;
  cursor: not-allowed;
}