/*
 * 1. Fix for Safari to ensure that it renders like a normal text input
 *    and doesn't add extra spacing around text
*/
// stylelint-disable property-no-vendor-prefix, selector-no-vendor-prefix

.euiFieldSearch {
  @include euiFormControlStyle;
  @include euiFormControlWithIcon($isIconOptional: false);
  @include euiFormControlIsLoading;

  -webkit-appearance: textfield; /* 1 */

  &::-webkit-search-decoration,
  &::-webkit-search-cancel-button {
    -webkit-appearance: none;  /* 1, 2 */
  }
}

.euiFieldSearch--compressed {
  @include euiFormControlWithIcon($isIconOptional: false, $side: 'left', $compressed: true);
}