.search-wrapper {
  position: relative;
}
.search-wrapper::after {
  background: transparent center/20px 20px no-repeat url(https://images.yesalps.com/static/site/YA-common-sprite_11.svg#icon-find-view);
  content: "";
  height: 20px;
  position: absolute;
  right: 10px;
  top: 15px;
  width: 20px;
}
.search-input:focus, .search-input:focus-visible, .search-input:focus-within, .search-input[data-has-results=true] {
  border: 1px solid #4e7dc7;
}
.search-results {
  border: 0 solid #4e7dc7;
  border-width: 1px 1px 0;
  margin-top: -1px;
  position: relative;
}
.search-results::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #4e7dc7;
}
.search-results.b-none::after {
  display: none;
}
.search-results-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  line-height: 20px;
}
.search-results-list-item {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.search-results-list-item-link {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 40px;
  border-bottom: 1px solid #cad8ee;
}
.search-results-list-item-link .icon {
  position: absolute !important;
  z-index: 1;
  filter: invert(44%) sepia(48%) saturate(610%) hue-rotate(178deg) brightness(97%) contrast(91%);
  left: 10px;
  width: 20px;
  height: 20px;
}
.search-results-list[data-search-results-full-width=true] .search-results-list-item {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.network-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  line-height: 20px;
}
.network-item {
  position: relative;
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.network-item-link {
  display: flex;
  align-items: center;
  padding: 10px 0;
  font-weight: 700;
  letter-spacing: -0.1px;
  border-bottom: 1px solid #cad8ee;
}
.network-item-link:visited, .network-item-link:link, .network-item-link:hover, .network-item-link:active {
  color: #000000;
}

@media (min-width: 600px) {
  .search-wrapper {
    width: 50% !important;
  }
  .search-results-list {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .search-results-list-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .network-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 990px) {
  .search-wrapper {
    width: 33.333333% !important;
  }
  .search-results-list-item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .network-item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}