---
const id = crypto.randomUUID();
SIDENOTE_COUNT += 1
---

<label for={id} class="counter anchor">{ SIDENOTE_COUNT }</label>
<input {id} type="checkbox" class="toggle" />

<div class="sidenote">
    <div class="content">
        <span class="counter floating">{ SIDENOTE_COUNT }</span>
        <slot />
    </div>
</div>


<style>
</style>