@adobe/spectrum-css/dist/components/searchwithin/index-vars.css

The Spectrum CSS top-level backwards compatible package

.spectrum-SearchWithin {
  --spectrum-searchwithin-width: 250px;
  --spectrum-searchwithin-border-radius: 0;
}

.spectrum-SearchWithin {
  width: var(--spectrum-searchwithin-width);
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

[dir="ltr"] .spectrum-SearchWithin-picker {
  border-top-right-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="rtl"] .spectrum-SearchWithin-picker {
  border-top-left-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="ltr"] .spectrum-SearchWithin-picker {
  border-bottom-right-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="rtl"] .spectrum-SearchWithin-picker {
  border-bottom-left-radius: var(--spectrum-searchwithin-border-radius);
}

.spectrum-SearchWithin-picker {
  width: auto;
  min-width: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

[dir="ltr"] .spectrum-SearchWithin-input {
  margin-left: calc(-1 * var(--spectrum-textfield-m-border-size, var(--spectrum-alias-border-size-thin)));
}

[dir="rtl"] .spectrum-SearchWithin-input {
  margin-right: calc(-1 * var(--spectrum-textfield-m-border-size, var(--spectrum-alias-border-size-thin)));
}

[dir="ltr"] .spectrum-SearchWithin-input {
  border-top-left-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="rtl"] .spectrum-SearchWithin-input {
  border-top-right-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="ltr"] .spectrum-SearchWithin-input {
  border-bottom-left-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="rtl"] .spectrum-SearchWithin-input {
  border-bottom-right-radius: var(--spectrum-searchwithin-border-radius);
}

.spectrum-SearchWithin-input {
  -ms-flex: 1;
      flex: 1;
  box-sizing: border-box;
  min-width: inherit;
}

.spectrum-SearchWithin-input:hover,
  .spectrum-SearchWithin-input:focus {
    position: relative;
  }

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

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

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

.spectrum-SearchWithin > .spectrum-Textfield {
  -ms-flex-positive: 1;
      flex-grow: 1;
}