.ab-search-input{width:100%;display:block;position:relative}.ab-search-input__field{width:100%;max-width:500px;height:40px;outline:0;background-color:var(--ab-color-ui-100);padding:var(--ab-spacing-300);padding-left:var(--ab-spacing-700);border:2px solid var(--ab-color-ui-300);border-radius:var(--ab-border-radius-200);transition:border .2s ease}.ab-search-input__field:hover{border:2px solid var(--ab-color-ui-400);background-color:var(--ab-color-ui-200)}.ab-search-input__field:focus{border:2px solid var(--ab-color-active-600);background-color:var(--ab-color-white)}.ab-search-input__icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:var(--ab-spacing-300);color:var(--ab-color-ui-600);height:24px;width:24px}