.autocomplete{position:relative}.suggestions{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 5px);background:#fff;border:1px solid #dbe3ef;border-radius:8px;box-shadow:0 12px 28px #18264524;overflow:hidden}.suggestions:empty{display:none}.suggestion{display:grid;grid-template-columns:1fr auto;gap:10px;width:100%;border:0;border-bottom:1px solid #eef1f6;background:#fff;padding:10px 12px;text-align:left;cursor:pointer;font:inherit}.suggestion:last-child{border-bottom:0}.suggestion:hover{background:#f3f7ff}.suggestion strong{font-size:12px;color:#17233d}.suggestion small{display:block;margin-top:2px;font-size:11px;color:#7b879a}.suggestion code{align-self:center;border-radius:4px;background:#edf3ff;padding:4px 6px;color:#1f57d9;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700}