/*
 * 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: 3.375rem;
}

html[dir="rtl"].js .form-autocomplete {
  padding-left: 3.375rem;
}

html.js .form-autocomplete {
  background-color: #fff;
  background-image: url("../../images/magnifying-glass.svg");
  background-repeat: no-repeat;
  background-position: right 18px center;  /* LTR */
}

html.js .form-autocomplete:disabled {
    background-color: #f1f4f7;
  }

html.js .form-autocomplete.ui-autocomplete-loading {
    background: url("../../images/throbber.svg") no-repeat right 1.125rem center;
  }

html.js[dir="rtl"] .form-autocomplete {
  background-color: #fff;
  background-image: url("../../images/magnifying-glass.svg");
  background-repeat: no-repeat;
  background-position: left 18px center;
}

html.js[dir="rtl"] .form-autocomplete:disabled {
    background-color: #f1f4f7;
  }

html.js[dir="rtl"] .form-autocomplete.ui-autocomplete-loading {
    background: url("../../images/throbber.svg") no-repeat left 1.125rem center;
  }

/* 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 1.125rem center / 1.125rem 1.125rem;
}

/* 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 1.125rem center / 1.125rem 1.125rem;
}
