body{margin:0;padding:0;font-family:Roboto,sans-serif}.highlight{background-color:var(--highlight-color)}.main-content{margin-left:var(--sidebar-width);padding:0 40px 40px 40px}ul{list-style:none;margin:0;padding:0}.back-to-top{position:fixed;right:20px;background-color:var(--bg-color);color:black;border:4px solid var(--border-color);line-height:40px;padding:0 20px;border-radius:20px;text-decoration:none;transition:all var(--transition-length) ease-in;&:hover{border-color:var(--border-color-hover)}bottom:-80px;&.show{bottom:20px}}.entries-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;.entry{box-sizing:border-box;padding:10px;flex-basis:250px;flex-grow:1;flex-shrink:1;border:2px solid var(--border-color);border-radius:4px;transition:all var(--transition-length) ease-in;&:hover{border-color:var(--border-color-hover);h3{border-bottom:1px solid var(--border-color-hover)}.chebi-link{background-color:var(--border-color-hover);width:50px;height:50px}}position:relative;.chebi-link{transition:all var(--transition-length) ease-in;position:absolute;top:-1px;right:-1px;border-radius:4px;clip-path:polygon(100% 0,100% 100%,0% 0);text-align:right;padding-right:4px;padding-top:4px;background-color:var(--border-color);width:30px;height:30px}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;z-index:-1}h3{margin-top:0;border-bottom:1px solid var(--border-color)}.chebi-link{font-size:12px;float:right;text-decoration:none}.definition{font-size:12px}}}.load-more{width:100%;a{display:block;padding:10px;text-align:center;text-decoration:none;border:2px solid var(--border-color);border-radius:4px;color:black;transition:border-color var(--transition-length) ease-in;&:hover{border-color:var(--border-color-hover)}&.loading{opacity:.4;background:url(/static/images/loader.svg) no-repeat left 10px center;pointer-events:none}}}:root{--sidebar-width:22%;--bg-color:#e2eff9;--border-color:#193f90;--border-color-hover:#3b6fb6;--transition-length:100ms;--highlight-color:#18974c22}.sidebar{top:0;bottom:0;left:0;position:fixed;width:var(--sidebar-width);background-color:var(--bg-color);text-align:center;nav ul{list-style:none;padding-left:20px;padding-right:20px;li{margin:0;padding:0;&.current-path{a{background-color:var(--border-color);color:white}a:hover{background-color:var(--border-color-hover)}}}li a{box-sizing:border-box;display:block;width:100%;margin:10px 0;padding:10px 0;border:2px solid var(--border-color);border-radius:4px;text-decoration:none;color:black;transition:all var(--transition-length) ease-in;&:hover{border-color:var(--border-color-hover)}}}}.search{position:sticky;top:0;padding:20px;margin-left:-40px;margin-right:-40px;margin-bottom:20px;background-color:var(--bg-color);z-index:2}.search form{width:100%;display:flex;gap:10px;input[name=query]{width:100%;text-indent:10px}input[type=submit]{padding:10px;color:var(--bg-color);background-color:var(--border-color);border:0;border-radius:4px;cursor:pointer;transition:all var(--transition-length) ease-in;&:hover{background-color:var(--border-color-hover)}}}