.ab-autocomplete{display:flex;flex-wrap:wrap;box-sizing:border-box;max-width:100%;width:100%;outline:0;font-family:var(--ab-font-primary);color:var(--ab-color-black);background-color:var(--ab-color-white);border:2px solid var(--ab-color-ui-300);border-radius:var(--ab-border-radius-200);padding-top:var(--ab-spacing-100);padding-left:var(--ab-spacing-100);position:relative}.ab-autocomplete--focused{border-color:var(--ab-color-active-600);background-color:var(--ab-color-white)}.ab-autocomplete input{cursor:pointer}.ab-autocomplete[searchable] input{cursor:text}.ab-autocomplete--selected:not([multiple]) input::-webkit-input-placeholder{color:var(--ab-color-ui-800);opacity:1}.ab-autocomplete--selected:not([multiple]) input::-moz-placeholder{color:var(--ab-color-ui-800);opacity:1}.ab-autocomplete--selected:not([multiple]) input:-ms-input-placeholder{color:var(--ab-color-ui-800);opacity:1}.ab-autocomplete--selected:not([multiple]) input::-ms-input-placeholder{color:var(--ab-color-ui-800);opacity:1}.ab-autocomplete--selected:not([multiple]) input::placeholder{color:var(--ab-color-ui-800);opacity:1}.ab-autocomplete:hover:not([multiple]):not(.ab-autocomplete--focused){border-color:var(--ab-color-ui-400);background-color:var(--ab-color-ui-200)}.ab-autocomplete__field{background:transparent;min-width:100px;flex-grow:1;font-size:16px;padding:var(--ab-spacing-200);border:0;outline:0;margin-bottom:var(--ab-spacing-100)}.ab-autocomplete__arrow-button{position:absolute;padding:0;cursor:pointer;width:34px;height:34px;top:var(--ab-spacing-100);right:var(--ab-spacing-100);border-radius:var(--ab-border-radius-200);border:0;background:var(--ab-color-ui-400);outline:0}.ab-autocomplete__arrow-button:hover{background:var(--ab-color-ui-500)}.ab-autocomplete__arrow-button:focus{box-shadow:0 0 0 2px var(--ab-color-active-600)}.ab-autocomplete__clear-button{position:absolute;padding:0;cursor:pointer;width:34px;height:34px;color:var(--ab-color-ui-600);top:var(--ab-spacing-100);right:calc(34px + var(--ab-spacing-200));border-radius:var(--ab-border-radius-200);border:0;background:transparent;outline:0}.ab-autocomplete__clear-button:hover{background:transparent;color:var(--ab-color-ui-800)}.ab-autocomplete__no-results{width:auto;border:0;display:flex;align-items:center;justify-content:center;background:var(--ab-color-white);text-align:center;color:var(--ab-color-ui-600);padding:var(--ab-spacing-200) var(--ab-spacing-300)}.ab-autocomplete__option-list{position:absolute;left:0;top:110%;width:100%;z-index:600;border:1px solid var(--ab-color-ui-300);margin:0;padding:0;list-style:none;box-shadow:var(--ab-depth-200);border-radius:var(--ab-border-radius-200);background:var(--ab-color-white);max-height:300px;overflow-y:scroll}