/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

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

:root { /* 18 18 */
}

html[dir="ltr"].js .form-autocomplete {
  padding-right: 54px
}

html[dir="rtl"].js .form-autocomplete {
  padding-left: 54px
}

html.js .form-autocomplete {
  background:
    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,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e") no-repeat right 18px top 16px,
    linear-gradient(to right, #7e96a7 6px, transparent 6px, transparent 100%) #f7f9fa
}

html.js .form-autocomplete:hover {
    background:
      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,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e") no-repeat right 18px top 16px,
      linear-gradient(to right, #53b0eb 6px, transparent 6px, transparent 100%),
      linear-gradient(to left, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
  }

html.js .form-autocomplete:focus {
    background:
      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,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e") no-repeat right 18px top 16px,
      linear-gradient(to right, #53b0eb 6px, transparent 6px, transparent 100%),
      linear-gradient(to left, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
  }

html.js .form-autocomplete.ui-autocomplete-loading {
    background:
      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,-50%25)%7d50%25%7btransform:rotate(430deg) translate(-50%25,-50%25);stroke-dashoffset:20%7d100%25%7btransform:rotate(720deg) translate(-50%25,-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") no-repeat right 18px top 16px,
      linear-gradient(to right, #7e96a7 6px, transparent 6px, transparent 100%) #f7f9fa
  }

html.js .form-autocomplete.ui-autocomplete-loading:hover {
      background:
        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,-50%25)%7d50%25%7btransform:rotate(430deg) translate(-50%25,-50%25);stroke-dashoffset:20%7d100%25%7btransform:rotate(720deg) translate(-50%25,-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") no-repeat right 18px top 16px,
        linear-gradient(to right, #53b0eb 6px, transparent 6px, transparent 100%),
        linear-gradient(to left, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
    }

html.js .form-autocomplete.ui-autocomplete-loading:focus {
      background:
        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,-50%25)%7d50%25%7btransform:rotate(430deg) translate(-50%25,-50%25);stroke-dashoffset:20%7d100%25%7btransform:rotate(720deg) translate(-50%25,-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") no-repeat right 18px top 16px,
        linear-gradient(to right, #53b0eb 6px, transparent 6px, transparent 100%),
        linear-gradient(to left, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
    }

html.js[dir="rtl"] .form-autocomplete {
  background:
    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,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e") no-repeat left 18px top 16px,
    linear-gradient(to left, #7e96a7 6px, transparent 6px, transparent 100%) #f7f9fa
}

html.js[dir="rtl"] .form-autocomplete:hover {
    background:
      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,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e") no-repeat left 18px top 16px,
      linear-gradient(to left, #53b0eb 6px, transparent 6px, transparent 100%),
      linear-gradient(to right, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
  }

html.js[dir="rtl"] .form-autocomplete:focus {
    background:
      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,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e") no-repeat left 18px top 16px,
      linear-gradient(to left, #53b0eb 6px, transparent 6px, transparent 100%),
      linear-gradient(to right, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
  }

html.js[dir="rtl"] .form-autocomplete.ui-autocomplete-loading {
    background:
      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,-50%25)%7d50%25%7btransform:rotate(430deg) translate(-50%25,-50%25);stroke-dashoffset:20%7d100%25%7btransform:rotate(720deg) translate(-50%25,-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") no-repeat left 18px top 16px,
      linear-gradient(to left, #7e96a7 6px, transparent 6px, transparent 100%) #f7f9fa
  }

html.js[dir="rtl"] .form-autocomplete.ui-autocomplete-loading:hover {
      background:
        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,-50%25)%7d50%25%7btransform:rotate(430deg) translate(-50%25,-50%25);stroke-dashoffset:20%7d100%25%7btransform:rotate(720deg) translate(-50%25,-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") no-repeat left 18px top 16px,
        linear-gradient(to left, #53b0eb 6px, transparent 6px, transparent 100%),
        linear-gradient(to right, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
    }

html.js[dir="rtl"] .form-autocomplete.ui-autocomplete-loading:focus {
      background:
        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,-50%25)%7d50%25%7btransform:rotate(430deg) translate(-50%25,-50%25);stroke-dashoffset:20%7d100%25%7btransform:rotate(720deg) translate(-50%25,-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") no-repeat left 18px top 16px,
        linear-gradient(to left, #53b0eb 6px, transparent 6px, transparent 100%),
        linear-gradient(to right, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
    }

/* IE11 does not animate inline SVG. */

/* rtl:begin:ignore */

/* stylelint-disable-next-line selector-type-no-unknown */

_:-ms-fullscreen,
html[dir=ltr].js .form-autocomplete.ui-autocomplete-loading {
  background:
    url("../../images/throbber.gif") no-repeat right 18px top 16px / 1.125rem 1.125rem,
    linear-gradient(to right, #7e96a7 6px, transparent 6px, transparent 100%) #f7f9fa;
}

/* stylelint-disable-next-line selector-type-no-unknown */

_:-ms-fullscreen,
html[dir=ltr].js .form-autocomplete.ui-autocomplete-loading:hover {
  background:
    url("../../images/throbber.gif") no-repeat right 18px top 16px / 1.125rem 1.125rem,
    linear-gradient(to right, #53b0eb 6px, transparent 6px, transparent 100%),
    linear-gradient(to left, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
}

/* stylelint-disable-next-line selector-type-no-unknown */

_:-ms-fullscreen,
html[dir=ltr].js .form-autocomplete.ui-autocomplete-loading:focus {
  background:
    url("../../images/throbber.gif") no-repeat right 18px top 16px / 1.125rem 1.125rem,
    linear-gradient(to right, #53b0eb 6px, transparent 6px, transparent 100%),
    linear-gradient(to left, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
}

/* stylelint-disable-next-line selector-type-no-unknown */

_:-ms-fullscreen,
html[dir=rtl].js .form-autocomplete.ui-autocomplete-loading {
  background:
    url("../../images/throbber.gif") no-repeat left 18px top 16px / 1.125rem 1.125rem,
    linear-gradient(to left, #7e96a7 6px, transparent 6px, transparent 100%) #f7f9fa;
}

/* stylelint-disable-next-line selector-type-no-unknown */

_:-ms-fullscreen,
html[dir=rtl].js .form-autocomplete.ui-autocomplete-loading:hover {
  background:
    url("../../images/throbber.gif") no-repeat left 18px top 16px / 1.125rem 1.125rem,
    linear-gradient(to left, #53b0eb 6px, transparent 6px, transparent 100%),
    linear-gradient(to right, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
}

/* stylelint-disable-next-line selector-type-no-unknown */

_:-ms-fullscreen,
html[dir=rtl].js .form-autocomplete.ui-autocomplete-loading:focus {
  background:
    url("../../images/throbber.gif") no-repeat left 18px top 16px / 1.125rem 1.125rem,
    linear-gradient(to left, #53b0eb 6px, transparent 6px, transparent 100%),
    linear-gradient(to right, #53b0eb 2px, transparent 2px, transparent 100%) #f7f9fa;
}

/* rtl:end:ignore */
