/* ==========================================================================
 * Input - Mixins
 * ========================================================================== */

@define-mixin mds-m-input--search {
  background-image: svg-load(
    '../../momentum-icons/dist/svg/search.svg',
    fill: $color-ui--5
  );
  background-origin: content-box;
  background-position: calc(
      (var(--mds-v-control__icon-size) + var(--mds-v-control__icon-gap)) * -1
    )
    center;
  background-size: var(--mds-v-control__icon-size);
  padding-left: calc(
    var(--mds-v-control__padding--horizontal) + var(--mds-v-control__icon-gap) +
      var(--mds-v-control__icon-size)
  );

  &.mds-has-error:not(:focus),
  &.mds-has-error:not(:focus-visible) {
    background-image: svg-load(
      '../../momentum-icons/dist/svg/search.svg',
      fill: $status-color-danger--default
    );
  }
}