}</code></pre>
    </div>
  
    <div class="runnable-example-file" 
      name="style.css"
      language="css"
      type="css">
      <pre><code>custom-checkbox {&#10;  cursor: pointer;&#10;  display: inline-block;&#10;}&#10;&#10;custom-checkbox .icon:before {&#10;  content: &#39;\2610&#39;;&#10;  display: inline-block;&#10;  font-size: 2em;&#10;  line-height: 1;&#10;  speak: none;&#10;  vertical-align: middle;&#10;}&#10;&#10;custom-checkbox.checked .icon:before {&#10;  content: &#39;\2611&#39;;&#10;}</c