       page-break-after: always;
      }
      
      div#content { 
        zoom: initial !important;
      }
      
      ::content [data-enter] {
        visibility: visible !important;
      }
    }
  </style>

  <div id="content">
    <content></content>
  </div>
</template>

<script>
  var slideProto = Object.create(HTMLElement.prototype);

  (function(){
    var transition = {
      "forward" : {
        "out":  "forward-out",
        "in":   "forward-in"
      },
      "backwards" : {
        "out":