:root{--the-width: 700px;--search-width: 700px;--shadow-size: 2px;--main-bg: #fff;--search-bg: #fff;--overlay: #eee;--search-outline: #eee;--hint-text: #888;--suggest-hover-color-outline: #2221;--main-fg: #222;--hint-nocolor-bg: hsl(270, 10%, 84%);--main-bg: #222;--main-fg: #eee;--search-bg: #444;--overlay: #eee2;--search-outline: #eee1;--hint-text: #333;--suggest-hover-color-outline: #d76969;--suggest-selected-fg: #d76969;--suggest-hover-color-bg: #2221;--hint-color-bg: hsl(270, 80%, 84%);--topbar-bg: #121218;--topbar-width: 800px}body{margin:0;overflow:hidden;background:var(--main-bg);padding:.5em;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;font-family:ibm plex mono;color:var(--main-fg)}.main{gap:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;max-width:var(--the-width);width:100%;position:relative}.suggestions{gap:10px;max-height:600px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.25em;flex-wrap:wrap}.input{position:relative;display:inline-flex;background:var(--search-bg);width:var(--search-width);width:100%;padding:.5em;font-size:1em;border:none;outline:none;border:1px solid var(--search-outline);box-shadow:var(--overlay) var(--shadow-size) var(--shadow-size) var(--shadow-size)}.selected{background:#e001;color:var(--suggest-selected-fg)}.suggestion{font-size:.9em;user-select:none;cursor:pointer;padding:.75em 1em;transition:.15s;outline:var(--overlay) 2px solid}.suggestion:hover{background:var(--suggest-hover-color-bg);outline:3px;outline:var(--suggest-hover-color-outline) 2px solid}.hint{color:var(--hint-text)}.hint_bold{color:var(--main-fg);border-radius:.25em;background:var(--hint-color-bg);padding:.25em}.maxw{width:100%;display:flex;justify-content:center;align-items:center}.hint_bold_dark{max-width:var(--topbar-width);width:100%;background:var(--topbar-bg)}.topbar_wrap{transition:.5s cubic-bezier(1,0,0,1) top}.divider{color:var(--hint-text);padding:0 2em}:root{font-size:20px}*{box-sizing:border-box}main{margin:0}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-ext-400-normal-dec44d96.woff2) format("woff2"),url(./ibm-plex-mono-all-400-normal-3790e6d3.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-400-normal-8bc4f839.woff2) format("woff2"),url(./ibm-plex-mono-all-400-normal-3790e6d3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-vietnamese-400-normal-cfc4eb12.woff2) format("woff2"),url(./ibm-plex-mono-all-400-normal-3790e6d3.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-ext-400-normal-119309a7.woff2) format("woff2"),url(./ibm-plex-mono-all-400-normal-3790e6d3.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-14ce87c8.woff2) format("woff2"),url(./ibm-plex-mono-all-400-normal-3790e6d3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}