.component-autocomplete-wrapper{position:relative}.component-autocomplete-tags{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--element-border-radius-small);display:flex;flex-wrap:wrap;gap:6px;padding:4px}.component-autocomplete-tags:focus-within{border-color:transparent;outline:2px solid #b0b1e7;outline-offset:1px;animation:input-focus .25s}.component-autocomplete-tags input{border:0!important;outline:0!important}.component-autocomplete-results{position:absolute;top:100%;margin-top:4px;background-color:var(--background-color);color:var(--text-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)}.component-autocomplete-results:empty{display:none}.component-autocomplete-results>div{display:grid;grid-template-columns:max-content 1fr;grid-gap:12px;padding:12px;border-radius:var(--element-border-radius-small);cursor:pointer}.component-autocomplete-results>div>div:empty{display:none}.component-autocomplete-results>div:has(div:empty){grid-template-columns:1fr}.component-autocomplete-results>div:has(.component-autocomplete-title){padding:4px}.component-autocomplete-results>div:has(.component-autocomplete-separator){padding:0}.component-autocomplete-results>div:focus,.component-autocomplete-results>div:not(:has(.component-autocomplete-title,.component-autocomplete-separator)):hover{outline:0;background-color:var(--background-color-hover)}.component-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}.component-autocomplete-tags .component-autocomplete-selected{margin:4px 0!important}.component-autocomplete-selected:focus{background-color:var(--secondary-color);color:#fff}.component-autocomplete-selected>div:first-child{padding:4px 0 4px 16px}.component-autocomplete-selected>div:last-child{padding:4px 16px 4px 0}div:not(:first-child)>.component-autocomplete-title{margin-top:20px}.component-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)}.component-autocomplete-separator{grid-column-start:1;grid-column-end:3;padding:0;border-top:1px solid var(--border-color);margin:4px}