:root{--accent-blue:#00B4FF;--background-dark:#1A1A1A;--text-white:#FFFFFF}body{position:relative}.sidenote:hover{background-color:rgba(0,180,255,.1)}.sidenote:hover .sidenote-label{text-decoration:none;color:var(--accent-blue)}.sidenote:hover .sidenote-content{border:dashed 3px var(--accent-blue)}.sidenote .sidenote-label{text-decoration:underline dashed var(--accent-blue);color:var(--text-white);transition:color .2s ease-in-out}.sidenote-checkbox{display:none}.sidenote-content{display:block;position:absolute;width:240px;box-sizing:border-box;margin-top:-1.5em;border:solid 1px var(--accent-blue);background-color:rgba(26,26,26,.95);padding:.5rem;font-size:.75rem;color:var(--text-white);transition:all .2s ease-in-out}.sidenote-content.sidenote-right{right:0;margin-right:-250px}.sidenote-content.sidenote-left{left:0;margin-left:-250px}@media screen and (max-width:1240px){.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}}