div.resourcesearchfield .cope-core-resourcesearchfield__product {
  display: block;
  transition: background-color;
}
div.resourcesearchfield .cope-core-resourcesearchfield__product.cope-core-resourcesearchfield__product-selected {
  background-color: var(--grey-light);
  background-image: url("data:image/svg+xml,%3Csvg width='21px' height='19px' viewBox='0 0 21 19' version='1.1' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square' %3E%3Cg transform='translate(-1274.000000, -659.000000)' stroke='%23939AA7' %3E%3Cg transform='translate(290.000000, 544.000000)'%3E%3Cg transform='translate(0.000000, 97.000000)'%3E%3Cpath d='M1003.71212,18.2878788 L985.287879,36.7121212 M1003.71212,36.7121212 L985.287879,18.2878788' %3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: auto 50%;
}
div.resourcesearchfield .cope-core-resourcesearchfield__form.cope-core-resourcesearchfield-hidden {
  display: none;
}
div.resourcesearchfield .cope-core-resourcesearchfield__form-input-wrapper {
  position: relative;
  display: inline-block;
}
div.resourcesearchfield .cope-core-resourcesearchfield__form-input-wrapper input {
  width: 100%;
  height: 100%;
  padding-left: 24px;
}
div.resourcesearchfield .cope-core-resourcesearchfield__form-input-clear-button {
  position: absolute;
  top: calc(50% + 2px);
  right: 4px;
  height: 50%;
  transform: translateY(-50%);
  border: none;
  background: none;
  cursor: pointer;
}
div.resourcesearchfield .cope-core-resourcesearchfield__form-input-clear-button svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
div.resourcesearchfield .cope-core-resourcesearchfield__form-input-magnifying-glass {
  position: absolute;
  top: calc(50% + 2px);
  left: 0;
  height: 50%;
  transform: translateY(-50%);
}