.searchPage {} .searchPage .form-search { margin: 25px auto 30px; padding: 0; max-width: 500px; display: flex; flex-flow: row nowrap; justify-content: center; gap: 10px; } .searchPage .form-search .inputIconWrapper { margin: 0; flex-grow: 1; } .searchPage .form-search .input { width: 100%; } .searchPage .form-search .input:placeholder-shown { text-overflow: ellipsis; } .searchPage .form-search .button { margin: 0; padding: 10px 15px; } .searchPage .form-search .suggester { position: absolute; bottom: 1px; left: 0; right: 0; background: var(--bgr-nav); border: 1px solid #aaa; padding: 10px; text-align: left; font-size: 0.9em; color: var(--clr-text); display: flex; flex-flow: column; align-items: flex-start; gap: 5px; transform: translate(0%, 100%); z-index: 1; } @media (prefers-color-scheme: dark) { .searchPage .form-search .suggester { border: 1px solid #444; } } .searchPage .form-search .suggester a:active { color: var(--clr-link); } @media (hover: hover) { .searchPage .form-search .suggester a:hover { color: var(--clr-link); } } #resultsWrapper { margin: 30px 0 0; } .searchPage .list-mixed .lm-items .lm-item .image { width: 45px; height: 45px; box-shadow: 0 0 1px rgba(0,0,0,0.2); margin: 2px 3px 0 0; } .searchPage .list-mixed .lm-items .lm-item .icon-wrapper { width: 45px; height: 45px; flex-shrink: 0; backdrop-filter: invert(20%) sepia(100%) hue-rotate(175deg) saturate(40%) brightness(98%); -webkit-backdrop-filter: invert(20%) sepia(100%) hue-rotate(175deg) saturate(40%) brightness(98%); border-radius: 3px; display: flex; justify-content: center; align-items: center; margin: 2px 3px 0 0; } .searchPage .list-mixed .lm-items .lm-item .icon { margin: 0; flex-shrink: 0; color: var(--clr-text); } .searchPage .list-mixed .lm-items .lm-item strong { align-self: center; }