.spectrum-Search {
  display: inline-block;
  position: relative;
}

[dir="ltr"] .spectrum-Search-clearButton {
  right: 0;
}

[dir="rtl"] .spectrum-Search-clearButton {
  left: 0;
}

.spectrum-Search-clearButton {
  position: absolute;
  top: 0;
}

.spectrum-Search-input {
  -webkit-appearance: none;
  outline-offset: -2px;
}

.spectrum-Search-input::-webkit-search-cancel-button,
  .spectrum-Search-input::-webkit-search-decoration {
    -webkit-appearance: none;
  }

.spectrum-Search--quiet .spectrum-Search-clearButton {
    transform: translateX(var(--spectrum-search-s-icon-gap, var(--spectrum-alias-item-workflow-icon-gap-s)));
  }

.spectrum-Search-icon {
  color: var(--spectrum-textfield-m-texticon-icon-color, var(--spectrum-alias-icon-color));
}

.spectrum-Search-input:hover ~ .spectrum-Search-icon {
      color: var(--spectrum-search-m-icon-color-hover, var(--spectrum-alias-icon-color-hover));
    }

.spectrum-Search-input:active ~ .spectrum-Search-icon {
      color: var(--spectrum-search-m-icon-color-down, var(--spectrum-alias-icon-color-down));
    }

.spectrum-Search-input.focus-ring ~ .spectrum-Search-icon {
      color: var(--spectrum-search-m-icon-color-key-focus, var(--spectrum-alias-icon-color-hover));
    }

.spectrum-Search-input:disabled ~ .spectrum-Search-icon {
      color: var(--spectrum-textfield-m-texticon-text-color-disabled, var(--spectrum-alias-text-color-disabled));
    }