.my-store-locator-drawer {
  z-index: 100;
}

.my-store-locator-drawer__bg {
  z-index: 99;
}

.store-location-search {
  display: flex;
  align-items: center;
  background: #f4f4f4;
  border-radius: 32px;
  margin-bottom: 1rem;
  border: 2px solid transparent;
  transition: border-color 0.2s;
  position: relative;
}

.store-location-search:focus-within {
  border-color: blue;
  background: #fff;
}

.store-location-search input {
  flex: 1;
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  position: relative;
  z-index: 0;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' class='bi bi-search' viewBox='0 0 30 30'%3E%3Cpath fill='%237D7D7D' d='M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
}

.bopisimg {
  display: flex !important;
  align-items: flex-start;
  gap: 16px;
  border-bottom: .5px solid #7D7D7D;
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.bopis-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: .5px solid #D9D9D9;
}

.pickup-availability-info * {
  margin: 0;
}