@layer quartz-base{.hd-strip{z-index:100;box-sizing:border-box;pointer-events:none;flex-direction:column;width:1.5rem;height:auto;padding:2rem 0;display:flex;position:fixed;top:0;overflow:hidden}.hd-strip:hover{width:var(--hd-hover-w,18rem);pointer-events:auto;-webkit-backdrop-filter:blur(16px)saturate(1.5);background:#fffffff2;border-right:1px solid #ffffff4d;border-radius:0 10px 10px 0;min-width:14rem;max-width:22rem;box-shadow:2px 0 16px #0000001a}.hd-entries{scrollbar-width:none;overscroll-behavior:contain;flex-direction:column;gap:0;display:flex;overflow-y:auto}.hd-entries::-webkit-scrollbar{display:none}.hd-entry{cursor:pointer;white-space:nowrap;pointer-events:auto;flex-shrink:0;align-items:center;gap:0;height:1.5rem;padding:0 .5rem 0 .3rem;transition:background .15s;display:flex}.hd-entry[data-level="1"],.hd-entry[data-level="2"],.hd-entry[data-level="3"],.hd-entry[data-level="4"],.hd-entry[data-level="5"],.hd-entry[data-level="6"],.hd-strip:hover .hd-entry[data-level="1"]{padding-left:.3rem}.hd-strip:hover .hd-entry[data-level="2"]{padding-left:.8rem}.hd-strip:hover .hd-entry[data-level="3"]{padding-left:1.3rem}.hd-strip:hover .hd-entry[data-level="4"]{padding-left:1.8rem}.hd-strip:hover .hd-entry[data-level="5"]{padding-left:2.3rem}.hd-strip:hover .hd-entry[data-level="6"]{padding-left:2.8rem}.hd-entry:hover{background:color-mix(in srgb, var(--secondary) 8%, var(--light))}.hd-indicator-wrap{flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:flex}.hd-indicator{border-radius:50%;transition:opacity .15s,transform .15s,box-shadow .15s}.hd-entry[data-level="1"] .hd-indicator{width:12px;height:12px}.hd-entry[data-level="2"] .hd-indicator{width:9px;height:9px}.hd-entry[data-level="3"] .hd-indicator{width:7px;height:7px}.hd-entry[data-level="4"] .hd-indicator{width:5px;height:5px}.hd-entry[data-level="5"] .hd-indicator{width:4px;height:4px}.hd-entry[data-level="6"] .hd-indicator{width:3px;height:3px}.hd-entry.state-pending .hd-indicator{opacity:.3}.hd-entry.state-read .hd-indicator{opacity:.8}.hd-entry.state-active .hd-indicator{opacity:1;box-shadow:0 0 0 2px var(--secondary)}.hd-text{font-size:.75rem;font-family:var(--bodyFont);color:var(--darkgray);opacity:0;text-overflow:ellipsis;white-space:nowrap;margin-left:.5rem;transition:opacity .2s 50ms;overflow:hidden}.hd-strip:hover .hd-text{opacity:1}.hd-entry:hover .hd-text{color:var(--dark)}.hd-entry.state-active .hd-text{color:var(--secondary);font-weight:600}body:has(.global-graph-outer.active) .hd-strip{display:none}[saved-theme=dark] .hd-strip:hover{background:#1e1e1ef2;border-color:#ffffff1a;box-shadow:2px 0 16px #0000004d}}