.note-trigger{display:inline-flex;vertical-align:super;position:relative;cursor:pointer}.note-mark{position:relative}.note-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:var(--color-blue-300);color:#fff;font-size:8px;font-weight:600;border:none;cursor:pointer;padding:0;line-height:1;transition:background .2s}.note-icon-text{transform:translateY(.5px)}.note-icon:hover,.note-icon:focus-visible{background:var(--color-blue-500);outline:none}.note-backdrop{position:fixed;inset:0;opacity:0;visibility:hidden;pointer-events:none;z-index:1000}.note-backdrop-visible{opacity:1;visibility:visible;pointer-events:auto}.note-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-slate-50);border-top:1px solid var(--color-blue-200);transform:translateY(100%);transition:transform .3s ease-out;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.note-sheet-inner{max-width:800px;width:100%;margin:0 auto}.note-sheet-visible{transform:translateY(0)}.note-grabber{display:block;width:100%;height:2px;background:gray;flex-shrink:0}.note-content-inner{padding:1rem 1rem 1rem 1.5rem;overflow-y:auto;font-size:.875rem;line-height:1.6;color:var(--color-slate-700);font-family:"Noto Serif SC","Noto Serif",serif}.note-content-inner a{color:var(--color-blue-500);text-decoration:none;background-image:linear-gradient(var(--color-blue-300),var(--color-blue-300));background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .2s,color .2s}.note-content-inner a:hover{color:var(--color-blue-500);background-image:linear-gradient(var(--color-blue-400),var(--color-blue-400))}