.@{wii-prefix}-water-mark {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: @padding-lg;

  .@{wii-prefix}-mark-img-preview {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 500px - @margin-lg);
    overflow: hidden;
    background-color: @black;

    img {
      max-width: 100%;
      max-height: 100%;
    }
  }

  .@{wii-prefix}-mark-setting-form {
    width: 500px;

    .ant-form-item-explain,
    .ant-form-item-extra {
      min-height: 0;
      padding-top: @padding-xss;
      color: #8f9eb3;
      font-size: @font-size-sm;

      svg {
        color: #999;
      }
    }

    .@{wii-prefix}-spcent-unit {
      height: @height-base;
      margin-left: @margin-xss;
      line-height: @height-base;
    }

    .@{wii-prefix}-config-row {
      display: flex;
      justify-content: flex-start;
      width: 100%;
    }

    .@{wii-prefix}-opacity-from,
    .@{wii-prefix}-font-batch-from {
      width: calc(100% - 210px);
    }

    .@{wii-prefix}-degree-from,
    .@{wii-prefix}-color-from {
      width: 210px;
    }

    .ant-input-number {
      width: 82px;
    }
  }
}
