.search-header { padding: 7px; .search-input { font-size: 16pt; } } .search-label { display: flex; .search-icon { margin-right: 10px; } &.page { .search-icon { color: var(--noded-background-note); } } &.node { .search-icon { color: var(--noded-background-node); } } &.db { .search-icon { color: var(--noded-background-db); } } &.code { .search-icon { color: var(--noded-background-code); } } &.files { .search-icon { color: var(--noded-background-files); } } &.markdown { .search-icon { color: var(--noded-background-markdown); } } } .search-assoc { padding: 5px 10px; border-radius: 4px; display: flex; .assoc-icon { margin-right: 10px; } &.page { background: var(--noded-background-note); color: var(--noded-color-note); &:hover { cursor: pointer; background: var(--noded-background-note-hover); } } }