@width: 220px;
@height: 32px;

.colorPicker {
  position: relative;
  width: @width;

  .input-wrapper {
    width: @width;
    height: @height;
    cursor: pointer;

    :global {
      .kms-test-input {
        cursor: pointer;
      }
    }
  }

  .pop {
    position: absolute;
    top: @height;
    left: 0;
    z-index: 100;
  }

  .color-block {
    // position: relative;
    display: inline-block;
    width: @width;
    height: @height;
    padding-right: 8px;
    font-size: 20px;
    line-height: @height;
    text-align: right;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
  }
}