/* Opaque category controls, with consistent color in the sidebar and overview. */
.collection,.collection:hover,.collection.chosen{background:var(--solid);color:var(--solid-ink);border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff26,0 5px 16px #0003;isolation:isolate}.collection:after{border-color:#ffffff10;z-index:-1}.collection:hover{filter:brightness(1.06);box-shadow:inset 0 1px #ffffff40,0 9px 22px #0005}.collection.chosen{outline:2px solid #ffffffb0;outline-offset:3px;box-shadow:0 0 0 5px var(--edge),0 7px 18px #0004}.collection strong,.collection-count,.collection-count>span,.collection-arrow{color:var(--solid-ink)}.collection strong{font-weight:600}.collection-count{opacity:.88}.collection-count>span{opacity:.8}.collection-arrow{opacity:.8}.collection-symbol{background:#ffffff24;color:var(--solid-ink);border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff24}.collection-top{margin-bottom:15px}#categories .nav,#categories .nav:hover,#categories .nav.active{background:var(--solid);color:var(--solid-ink);border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff20,0 3px 9px #0002;font-weight:500;padding-top:12px;padding-bottom:12px;margin-bottom:9px}#categories .nav:hover{filter:brightness(1.08)}#categories .nav.active{outline:2px solid #ffffffa0;outline-offset:2px;box-shadow:0 0 0 4px var(--edge)}#categories .nav:first-letter{color:inherit}.category-delete{background:#ffffff29;color:#ffffffde;border-color:#ffffff29;top:11px;border-radius:6px;backdrop-filter:blur(4px)}.category-delete:hover{background:#14121b55;border-color:#fff8;color:white}@media(max-width:700px){#categories .nav{padding-right:36px}#categories .nav.active{outline-offset:-3px}.category-row{position:relative}.category-delete{position:absolute;right:5px;top:8px;margin:0}.collection.chosen{outline-offset:2px}}