:root{--sidenote-color:light-dark(#00A32C, #ff6ec7)}.sidenote:hover{background-color:var(--sidenote-color)}.sidenote:hover .sidenote-label{text-decoration:none}.sidenote:hover .sidenote-content{border:dashed 3px var(--sidenote-color)}.sidenote .sidenote-label{text-decoration:underline dashed 2px var(--sidenote-color)}.sidenote-checkbox{display:none}.sidenote-content{display:block;position:absolute;width:10%;box-sizing:border-box;margin-top:-1.5em;border:solid 2px var(--sidenote-color);padding:.5rem;font-size:.75rem}.sidenote-content.sidenote-right{right:0;margin-right:10%}.sidenote-content.sidenote-left{left:0;margin-left:10%}@media screen and (max-width:1320px){.sidenote-content{position:static;margin-top:10px;margin-bottom:10px;width:100%;display:none}.sidenote-checkbox:checked~.sidenote-content{display:block}.sidenote-content.sidenote-right{margin-right:0}.sidenote-content.sidenote-left{margin-left:0}}