@layer quartz-base{.note-browser{margin-top:2rem}.note-browser h3{margin-bottom:.5rem}.note-browser .nb-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.note-browser .nb-sort{background:var(--light);color:var(--darkgray);border:1px solid var(--lightgray);border-radius:5px;padding:.25rem .5rem;font-family:inherit;font-size:.9rem}.note-browser .nb-count{color:var(--gray);font-size:.85rem}.note-browser .nb-clear{color:var(--secondary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem}.note-browser .nb-clear:hover{text-decoration:underline}.note-browser .nb-tags{flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.note-browser .nb-tags li{margin:0}.note-browser .nb-tag{background:var(--highlight);color:var(--secondary);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.15rem .7rem;font-family:inherit;font-size:.85rem}.note-browser .nb-tag:hover{border-color:var(--secondary)}.note-browser .nb-tag.active{background:var(--secondary);color:var(--light);font-weight:600}.note-browser .nb-tag-count{opacity:.75;margin-left:.35rem;font-size:.75rem}.note-browser .nb-list{margin:0;padding:0;list-style:none}.note-browser .nb-item{border-bottom:1px solid var(--lightgray);margin:0;padding:.55rem 0}.note-browser .nb-item[hidden]{display:none}.note-browser .nb-row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.note-browser .nb-row a{font-weight:600}.note-browser .nb-row time{color:var(--gray);white-space:nowrap;font-size:.8rem}.note-browser .nb-meta{color:var(--gray);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.15rem;font-size:.75rem;display:flex}.note-browser .nb-pill{background:var(--highlight);color:var(--secondary);border-radius:999px;padding:.05rem .5rem}}