de">
            <pre><code>
.checkbox-component > input + label > .input-box > .input-box-tick,
.radio-component > input + label > .input-box > .input-box-circle {
  display: none;
}
.checkbox-component > input:checked + label > .input-box,
.radio-component > input:checked + label > .input-box {
  background: url("tick.png") no-repeat center center;
  background-size: 100% 100%;
}
            </code></pre>
        </div>
    </div>

    <h3>Character</h3>
    <div class="example example-character">
       