lw-searchahead {
  --search-icon-bg-color: transparent;
  --search-icon-hover-bg-color: transparent;
  --input-font-color: #889198;
  --input-bg-color: transparent;
  --input-border: none;
  --clear-button-bg-color: transparent;
  --input-focus-border-color: transparent;
  --search-icon-hover-bg-color: transparent;
  --search-icon-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11z' fill='rgba(136, 145, 152, 1)' fill-rule='nonzero'/%3E%3C/svg%3E");
  --menu-border-radius: 20px;
  --item-font-size: 18px;
  --item-padding: 12px;
}

lw-facets {
  --facet-border-bottom: none;
  --facet-title-bg-color: transparent;
  --facet-border-width: 0;
  --facet-title-color: #889198;
  --facet-title-font-size: 16px;
  --facet-item-color: #0D1834;
  --facet-item-font-size: 16px;
  --facet-item-line-height: 22px;
  --facet-item-count-bg-color: transparent;
  --facet-item-count-font-size: 16px;
  --facet-item-hover-count-bg-color: transparent;
  --facet-item-selected-count-bg-color: transparent;
}

lw-breadcrumbs {
  --breadcrumb-border-radius: 20px;
  --item-border-radius: 20px;
  --category-border-radius: 20px;
  --item-padding: 10px 12px;
  --clear-all-padding: 0;
  --clear-all-font-size: 13px;
  --category-display: none;
  padding: 10px 16px 22px;
}

lw-results {
  --results-title-display: none;
  --results-border: none;
  --results-pagination-title-top: 10px;
  --results-pagination-title-color: #000;
  --results-pagination-title-font-size: 16px;
  --results-sort-label-font-size: 16px;
  --results-sort-select-bg-color: #F8FCFF;
  --results-sort-select-border: none;
  --result-item-icon-bg-color: transparent;
  --result-item-icon-min-height: 120px;
  --result-item-icon-height: 120px;
  --result-item-icon-min-width: 236px;
  --result-item-icon-width: 236px;
  --result-item-padding: 8px;
  --results-pagination-select-border: solid 1px #ebeced;
  --boosted-results-tag-bg-color: #77c5d5;
  --boosted-results-border: 2px solid #77c5d5;
  --boosted-results-tag-height: 28px;
  --boosted-results-tag-line-height: 32px;
  --boosted-results-padding: 10px;
  --boosted-results-tag-color: #fff;
}

/**
  * Nested selectors which will be controls via CSS vars in the upcoming version of Embeds.
  */

lw-searchahead .typeahead-wrapper:empty {
  visibility: hidden;
}

lw-searchahead mo-search-bar.show-popper.active .typeahead-wrapper {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

lw-searchahead mo-search-bar.show-popper.active .typeahead-wrapper .result-list {
  margin: 20px;
}

lw-results mo-search-result .config-image {
  object-fit: cover;
  
}

lw-results .results-wrapper .mo-select-menu-list {
  font-size: 12px;
}

lw-results .results-wrapper .results .boosted-results mo-search-result {
  margin: 0;
  border: none;
}

lw-results .boosted-results:after {
  display: flex;
  justify-content: center;
}

lw-results .results-wrapper .sort-select .selection {
  --labelColor: #0D1834;
  border-radius: 3px;
  font-size: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L5 5L10 0H0Z' fill='rgba(136, 145, 152, 0.9999)' /%3E%3C/svg%3E%0A");
}

lw-results mo-pagination .pagination-controls {
  justify-content: space-between;
}

lw-results mo-pagination .pagination-controls .page-specific-controls {
  flex: 1;
  justify-content: flex-end;
}

lw-results mo-pagination .pagination-controls .selection {
  height: 24px;
  line-height: 24px;
  margin-left: 4px;
  padding: 0 24px 0 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L5 5L10 0H0Z' fill='rgba(0, 0, 0, 0.9999)' /%3E%3C/svg%3E%0A");
  background-position: right 7px top 10px;
  background-size: 7px 6px;
}

lw-facets mo-facet mo-facet-item .item-title {
  width: calc(100% - 35px);
}

lw-facets mo-facet mo-load-more-list-wrapper mo-button button {
  justify-content: space-around;
  color: #59BAF7;
  font-size: 13px;
}

lw-results mo-pagination .pagination-controls .pagination-button {
  font-size: 12px;
}

lw-results mo-pagination .pagination-controls .pagination-button:disabled {
  background-color: transparent;
}

lw-results mo-pagination .pagination-controls .select-container-right {
  white-space: nowrap;
  height: 24px;
  font-size: 12px;
  padding-left: calc(50% - 164px);
}

lw-results mo-pagination .pagination-controls .select-container-right .jump-to-input {
  width: 56px;
  height: 100%;
  margin-right: 0;
}

lw-searchahead mo-search-bar.active:not(.disabled),
lw-searchahead mo-search-bar:not(.disabled) {
  box-shadow: inset -2px -2px 4px rgba(255, 255, 255, 0.5), inset 2px 2px 4px rgba(170, 170, 204, 0.25), inset 2px 2px 5px rgba(170, 170, 204, 0.3), inset -5px -5px 10px #FBFBFB;
  border-radius: 20px;
}

lw-results mo-pagination .pagination-controls button.pagination-button:focus,
lw-results mo-pagination .pagination-controls button.pagination-button:active {
  border: none;
  background-color: transparent;
}

lw-facets mo-load-more mo-button button:focus,
lw-facets mo-load-more mo-button button:active {
  border: none;
  background-color: transparent;
  color: #59BAF7;
}

lw-results mo-pagination .pagination-controls .pagination-button:hover {
  border: none;
}

/**
  * Overwrites the global styles from skin-xxx.css
  */

lw-searchahead mo-search-bar input[type=text].search-bar-input:focus {
  background-color: transparent;
}

lw-searchahead mo-search-bar input.search-bar-input {
  border: none;
}


/**
  * Regular elements overwrites
  */

  .jkwsearchresults .fl-heading {
  display: flex;
  justify-content: center;
}

  .jkwsearchresults .main-container {
  display: grid;
  grid-template-columns: 23% 75%;
  grid-gap: 15px;
}

  .jkwsearchresults .header-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.searchahead-hint {
  font-size: 13px;
  color: #889198;
  margin-top: 4px;
}

/**
  * Responsive style for small screen.
  */
@media (max-width: 800px) {
  .lw-embeds {
    width: calc(100% - 20px);
    min-width: 330px;
  }

  lw-searchahead {
    --item-font-size: 12px;
  }

  lw-facets {
    display: none !important;
  }

  lw-breadcrumbs {
    --item-padding: 6px 8px;
    --item-font-size: 12px;
    --clear-all-font-size: 12px;
    padding: 4px 16px 16px;
  }

  lw-results {
    --results-pagination-title-font-size: 12px;
    --results-pagination-title-top: 26px;
    --results-sort-label-font-size: 12px;
    --results-sort-top: -10px;
    --results-sort-right: calc(- 100%);
    --result-item-icon-min-width: 45%;
    --results-pagination-show-results-select-display: none;
    --results-pagination-jump-to-select-display: none;
    --results-pagination-page-number-display: none;
  }

  .jkwsearchresults .main-container {
    grid-template-columns: 100%;
  }

  .searchahead-hint {
    font-size: 8px;
    margin-top: 0;
  }

  lw-results .results-wrapper .sort-select .selection {
    font-size: 12px;
  }

  lw-results mo-pagination .pagination-controls .page-specific-controls {
    justify-content: space-evenly;
  }

  .jkwsearchresults .fl-heading-text {
    font-size: 24px;
    line-height: 1;
  }

  .jkwsearchresults .fl-page-header-wrap,
  .jkwsearchresults .fl-row-content-wrap {
    padding: 0;
  }
}