<!-- Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/ -->
<html class="auto-html-class-1 auto-html-class-2 auto-bold">
<head>
  <title>Class panel autocomplete test</title>

  <link href="./doc_class_panel_autocomplete_stylesheet.css" rel="stylesheet" type="text/css">
  <style>
    .auto-inline-class-1 {
      padding: 1em;
    }
    .auto-inline-class-2 {
      padding: 2em;
    }
    .auto-inline-class-3 {
      padding: 3em;
    }

    .auto-inline-class-1,
    div.auto-inline-class-2,
    p:first-of-type.auto-inline-class-3,
    .auto-inline-class-4 {
      background-color: blue;
    }

    :root .auto-bold .auto-inline-class-5 {
      font-size: bold;
    }
  </style>
  <script defer>
    "use strict";
      const x = document.styleSheets[0];
      x.insertRule(".auto-cssom-primary-color { color: tomato; }", 1);
  </script>
</head>
<body class="auto-body-class-1 auto-body-class-2 auto-bold">
  <div id="auto-div-id-1" class="auto-div-class-1 auto-div-class-2 auto-bold"> the ocean </div>
  <div id="auto-div-id-2" class="auto-div-class-1 auto-div-class-2 auto-bold"> roaring </div>
  <div id="auto-div-id-3"> ahead </div>
</body>
</html>
