{
      width: 50%;
      text-align: left;
      vertical-align: top;
      content: counters(foo, ".");
    }

    @top-right {
      width: 50%;
      text-align: left;
      vertical-align: top;
      counter-increment: foo;
      content: counters(foo, ".");
    }

    @bottom-center {
      text-align: left;
      vertical-align: top;
      counter-reset: foo 2;
      counter-increment: foo foo foo;
      content: counters(foo, ".");
    }
  }
  @page :right {
    counter-reset: none;
    @bottom-cent