input[type="search"] {
  background: var(--backgroundColor);
  // color: var(--inputTextColor); // can’t use: some themes have inverted inputs
  color: var(--foregroundColor);
  border: none;
  border-bottom: 1px solid var(--thinRuleColor);
  border-radius: 0;
  -webkit-appearance: textfield;
}

input[type="search"]:focus {
  border-bottom: 1px solid var(--foregroundColor);
}

input[type="search"]::placeholder {
  color: var(--foregroundColor);
  opacity: .4;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.e2-search-box label {
  position: relative;
}

.e2-search-box .e2-search-icon {
  position: absolute;
  // color: var(--inputTextColor); // can’t use: some themes have inverted inputs
  color: var(--foregroundColor);
  left: 0;
  margin-top: 2px;
}

.e2-search-box input[type="search"] {
  line-height: 28px;
  width: 100%;
  padding-left: 20px;
}



.e2-search-box-nano label,
.e2-search-box-banded label {
  display: block;
  width: 100%;
  height: 100%;
}

.e2-search-box-nano .e2-search-icon,
.e2-search-box-banded .e2-search-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: var(--foregroundColor);
  cursor: pointer;
}

.e2-search-box-nano .e2-search-icon:hover,
.e2-search-box-banded .e2-search-icon:hover {
  color: var(--hoverColor);
}

.e2-search-box-nano input[type="search"],
.e2-search-box-banded input[type="search"] {
  width: 0;
  height: 28px;
  -webkit-appearance: none;
}

.e2-search-box-nano input[type="search"],
.e2-search-box-nano input[type="search"]:focus,
.e2-search-box-banded input[type="search"],
.e2-search-box-banded input[type="search"]:focus {
  outline: none;
}

.e2-search-box-nano input[type="search"]:focus,
.e2-search-box-banded input[type="search"]:focus {
  width: 160px;
  padding-right: 20px;
  pointer-events: auto;
}


.e2-search-box-nano input[type="search"] {
  position: absolute;
  right: 0;
}

.e2-search-box-banded input[type="search"]:focus {
  margin-right: -20px;
}

.e2-search-icon .e2-search-icon-usual,
.e2-search-icon .e2-search-icon-blank-window {
  color: inherit;
}

.e2-search-icon-blank-window {
  display: none;
}

form.e2-search-box-nano[target="_blank"] input[type="search"]:focus+.e2-search-icon .e2-search-icon-usual,
form.e2-search-box-banded[target="_blank"] input[type="search"]:focus+.e2-search-icon .e2-search-icon-usual {
  display: none;
}

form.e2-search-box-nano[target="_blank"] input[type="search"]:focus+.e2-search-icon .e2-search-icon-blank-window,
form.e2-search-box-banded[target="_blank"] input[type="search"]:focus+.e2-search-icon .e2-search-icon-blank-window {
  display: initial;
}

form.e2-search-box-nano[target="_blank"] input[type="search"]:focus,
form.e2-search-box-banded[target="_blank"] input[type="search"]:focus {
  width: 180px;
  padding-right: 40px;
}

form.e2-search-box-banded[target="_blank"] input[type="search"]:focus {
  margin-right: -40px;
}