/* ------------------------------------------------------------------
  Main SearchWP Styles
 ------------------------------------------------------------------- */
/* stylelint-disable scss/comment-no-empty */
div.searchwp-live-search-results {
  --mpl--scrollbar--background-color: hsl(var(--mpl-color-background-100));
  position: absolute;
  z-index: 999995;
  display: none;
  height: 0;
  padding: 20px 0;
  overflow: hidden;
  clip-path: inset(0 round var(--mpl-border-radius-lg));
  background-color: hsl(var(--mpl-color-background-100));
  box-shadow: none;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
div.searchwp-live-search-results::after {
  padding: 20px 20px 0;
}
div.searchwp-live-search-results:focus:not(:focus-visible) {
  outline: none;
}
div.searchwp-live-search-results.searchwp-live-search-results-showing.searchwp-live-search-results {
  display: block;
  height: auto;
  overflow: auto;
  opacity: 1;
}
div.searchwp-live-search-results.searchwp-live-search-no-min-chars::after {
  display: block;
  padding: 2em 2em 0;
  text-align: center;
  content: "Continue typing";
}
div.searchwp-live-search-results .searchwp-live-search-no-results {
  padding: 3em 2em 0;
  text-align: center;
}
div.searchwp-live-search-results .spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
}
div.searchwp-live-search-results .spinner::before {
  -webkit-mask-image: var(--mpl--icon--spinner);
          mask-image: var(--mpl--icon--spinner);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: hsl(var(--mpl-color-title));
  animation: mpl-loading-spinner 0.7s infinite linear;
}
div.searchwp-live-search-results .spinner > div {
  display: none;
}

.mpl-searchwp-live-search-result + .mpl-searchwp-live-search-result {
  margin-top: 10px;
}

div.searchwp-live-search-result a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 20px;
  overflow: initial;
  color: hsl(var(--mpl-color-text));
  white-space: initial;
  background-color: transparent;
  transition: color var(--mpl-transition-duration) var(--mpl-transition-easing), background-color var(--mpl-transition-duration) var(--mpl-transition-easing);
}
div.searchwp-live-search-result a > img {
  flex: 0 0 auto;
  max-width: 100%;
  clip-path: inset(0 round var(--mpl-border-radius));
  transition: clip-path var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
@media (min-width: 572px) {
  div.searchwp-live-search-result a > img {
    width: 60px;
    height: 60px;
    margin-right: 20px;
  }
}
@media (max-width: 571.98px) {
  div.searchwp-live-search-result a > img {
    width: 46px;
    height: 46px;
  }
}
div.searchwp-live-search-result a:hover, div.searchwp-live-search-result a:focus {
  color: hsl(var(--mpl-color-title));
  background-color: hsl(var(--mpl-color-background-200));
}
div.searchwp-live-search-result a:hover img, div.searchwp-live-search-result a:focus img {
  clip-path: inset(2px round var(--mpl-border-radius));
}
div.searchwp-live-search-result .mpl-searchwp-live-search-result-wrapper {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  display: flex;
}
@media (min-width: 572px) {
  div.searchwp-live-search-result .mpl-searchwp-live-search-result-wrapper {
    align-items: center;
  }
}
@media (max-width: 571.98px) {
  div.searchwp-live-search-result .mpl-searchwp-live-search-result-wrapper {
    flex-direction: column;
  }
}
div.searchwp-live-search-result .mpl-searchwp-live-search-result-title {
  display: flex;
  font-size: var(--mpl--font-size--medium);
}
@media (min-width: 572px) {
  div.searchwp-live-search-result .mpl-searchwp-live-search-result-title {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    margin-right: 20px;
  }
}
@media (max-width: 781.98px) {
  div.searchwp-live-search-result .mpl-searchwp-live-search-result-title {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 8px;
  }
}
div.searchwp-live-search-result .mpl-searchwp-live-search-result-type {
  position: relative;
  z-index: 1;
  display: block;
  font-size: var(--mpl--badge--font-size);
  line-height: var(--mpl--line-height--normal);
  color: hsl(var(--mpl-color-white));
  text-transform: var(--mpl--text-transform--uppercase);
}
@media (min-width: 572px) {
  div.searchwp-live-search-result .mpl-searchwp-live-search-result-type {
    flex: 0 0 auto;
    max-width: 100%;
    padding: var(--mpl--badge--padding-v) var(--mpl--badge--padding-h);
    margin-left: auto;
  }
  div.searchwp-live-search-result .mpl-searchwp-live-search-result-type::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background-color: hsl(var(--mpl-color-border));
    border-radius: var(--mpl-border-radius);
    transform: skewX(-4deg);
  }
}
@media (max-width: 571.98px) {
  div.searchwp-live-search-result .mpl-searchwp-live-search-result-type {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 4px;
  }
}