/**
 * @file
 * Visual styles for autocomplete input field.
 */

.form-autocomplete {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18.8' viewBox='0 0 18 18.8'%3e%3cpath fill='%237e96a7' d='M17.8%2c17.4l-3.6-3.6c1.4-1.5%2c2.2-3.4%2c2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0%2c3.7%2c0%2c8.2s3.7%2c8.2%2c8.2%2c8.2c1.8%2c0%2c3.4-0.6%2c4.7-1.5l3.7%2c3.7c0.3%2c0.3%2c0.8%2c0.3%2c1.2%2c0C18.1%2c18.3%2c18.1%2c17.7%2c17.8%2c17.4z M8.2%2c14.7c-3.6%2c0-6.5-2.9-6.5-6.5s2.9-6.5%2c6.5-6.5s6.5%2c2.9%2c6.5%2c6.5S11.8%2c14.7%2c8.2%2c14.7z'/%3e%3c/svg%3e");
  background-position: right var(--size-4) center;
  background-repeat: no-repeat;
}

.form-autocomplete.ui-autocomplete-loading {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 10 10'%3e%3cstyle type='text/css'%3e%40keyframes s%7b0%25%7btransform:rotate(0deg) translate(-50%25%2c-50%25)%7d50%25%7btransform:rotate(430deg) translate(-50%25%2c-50%25)%3bstroke-dashoffset:20%7d100%25%7btransform:rotate(720deg) translate(-50%25%2c-50%25)%7d%7dellipse%7banimation:s 1s linear infinite%7d%3c/style%3e%3cg transform='translate(5 5)'%3e%3cellipse fill='none' ry='4' rx='4' cy='5' cx='5' stroke='%237e96a7' stroke-width='1' stroke-dashoffset='6.125' stroke-dasharray='25' transform='translate(-5 -5)'/%3e%3c/g%3e%3c/svg%3e");
  background-position: right var(--size-4) center;
  background-repeat: no-repeat;
}