:host {
  .create-field {
    width: 65vw;
    max-width: 1200px;
  }

  .row {
    display: flex;
    justify-content: space-between;
    margin: 0 -8px;
  }

  .col {
    flex: 0 0 50%;
    width: 50%;
    padding: 0 8px;
  }

  .field {
    flex: 1;
    margin-bottom: 16px;

    &-input {
      box-sizing: border-box;
      height: 36px;
      padding: 0 10px;

      background: var(--color-gray-fff, #fff);
      border: 1px solid var(--color-gray-aaa);
      border-radius: 2px;

      &::placeholder {
        color: var(--wiki-placeholder-color);
      }
    }

    &-label {
      margin-bottom: 4px;
      font-size: 12px;

      &-required {
        color: var(--default-color-red);
      }
    }

    &-error {
      font-size: 12px;
      color: var(--default-color-red);
    }

    &-info {
      font-size: 12px;
      color: var(--color-gray-222);
    }

    .icon-info {
      margin-left: 4px;
    }

    .inline-edit {
      cursor: pointer;

      display: flex;
      align-items: center;
      justify-content: space-between;

      height: 36px;
      padding: 0 10px;

      border: 1px solid var(--color-gray-aaa);
      border-radius: 2px;
    }
  }

  .footer {
    margin-top: 32px;

    button {
      margin-left: 8px;
    }
  }
}