.DjuiAutocomplete{position:relative;width:100%}.DjuiAutocomplete__input-container{position:relative;display:flex;align-items:center}.DjuiAutocomplete__input{border-radius:.5em;padding-left:calc(.25rem + .25em);background-color:rgb(var(--djui-color-background-regular-rgb));height:2em;width:100%;padding-right:2rem}.DjuiAutocomplete__input[disabled]{opacity:.6;cursor:not-allowed}.DjuiAutocomplete__clear{position:absolute;right:.5rem;padding:0;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%}.DjuiAutocomplete__clear:hover{background-color:#f5f5f5;color:#333}.DjuiAutocomplete__clear:disabled{opacity:.5;cursor:not-allowed}.DjuiAutocomplete__options{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;margin-top:.25rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.DjuiAutocomplete__option{padding:8px 12px;cursor:pointer}.DjuiAutocomplete:not(.DjuiAutocomplete--keyboard-navigation) .DjuiAutocomplete__option:hover,.DjuiAutocomplete__option--highlighted{background-color:#f5f5f5}.DjuiAutocomplete__highlight{font-weight:700}