.autocomplete-wrapper{position:relative}.autocomplete-results{position:absolute;top:100%;margin-top:4px;background-color:var(--background-color);width:100%;max-height:300px;z-index:10;overflow:auto;padding:8px;border-radius:var(--element-border-radius-small);box-shadow:0 2px 6px var(--element-box-shadow-color);border:1px solid var(--element-box-shadow-color)}.autocomplete-results:empty{display:none}.autocomplete-results>div{display:grid;grid-template-columns:max-content 1fr;grid-gap:12px;padding:12px;border-radius:var(--element-border-radius-small)}.autocomplete-results>div>div:empty{display:none}.autocomplete-results>div:has(div:empty){grid-template-columns:1fr}.autocomplete-results>div:has(.autocomplete-title){padding:4px}.autocomplete-results>div:has(.autocomplete-separator){padding:0}.autocomplete-results>div:focus,.autocomplete-results>div:not(:has(.autocomplete-title,.autocomplete-separator)):hover{outline:0;background-color:var(--background-color-hover)}.autocomplete-selected{display:inline-grid;align-items:center;grid-template-columns:1fr max-content;grid-gap:10px;background-color:var(--secondary-color-lightest);border-radius:var(--element-border-radius);overflow:hidden;margin-bottom:4px;margin-right:12px}.autocomplete-selected:focus{background-color:var(--secondary-color);color:#fff}.autocomplete-selected>div:first-child{padding:4px 0 4px 16px}.autocomplete-selected>div:last-child{padding:4px 16px 4px 0}div:not(:first-child)>.autocomplete-title{margin-top:20px}.autocomplete-title{grid-column-start:1;grid-column-end:3;padding:0;margin:8px;font-size:14px;font-weight:600;color:var(--text-color-light);font-variant:all-small-caps}.autocomplete-separator{grid-column-start:1;grid-column-end:3;padding:0;border-top:1px solid var(--border-color);margin:4px}