body{background:light-dark(#fff,#000);color:light-dark(#000,#fff)}.ccc-drawer,.ccc-menu{outline:1px solid currentColor;outline-offset:-1px}.x-note{outline:2px solid currentColor;outline-offset:-2px}.x-note.x-note--active{outline-width:4px}.x-note:before{content:"";position:absolute;top:10px;width:50%;padding-bottom:50%;border-radius:50%;background-color:var(--note-hover);forced-color-adjust:none}.x-note:after{content:attr(data-color-label);position:absolute;top:0;bottom:0;padding:90% 5px 5px;font-family:Arial,sans-serif;font-size:1.5vw}@media (prefers-color-scheme:light){.x-note:not(.x-note--c21):not(.x-note--c23){color:#000}}