.backdrop {
  /* position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 25, 25, 0.5);
  overflow: hidden; */
}


.toolbar-fixed.toolbar-tray-open {

}


@media only screen and (max-width: 900px) {
  .region-search {
    margin-top: -65px;
    margin-bottom: 65px;
  }
}

.region-search .layout--alice-header-desktop__inner {
  min-height: 65px;
}

.yxt-SearchBar {
  position: relative;
}

#search-overlay {
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
}

@media only screen and (min-width: 901px) {
  #search-overlay {
    top: 0;
  }

  .region-search .layout--alice-header-desktop  {
    position: fixed;
    z-index: 102;
    top: 0;
  }

  .region-search .layout__region--content {
    position: fixed;
    top: 100px;
    z-index: 101;
    background-color: white;
  }

  .toolbar-fixed.toolbar-tray-open .region-search .layout__region--content {
    top: 179px;
  }

  .toolbar-fixed .region-search .layout__region--content {
    top: 139px;
  }

  .toolbar-fixed.toolbar-tray-open .region-search .layout--alice-header-desktop {
    top: 80px;
  }

  .toolbar-fixed .region-search .layout--alice-header-desktop {
    top: 40px;
  }

  .breadcrumb {
    margin-top: 100px;
  }
}

#component-search-close {
  position: absolute;
  z-index: 1;
  transform: translateY(-50%);
}

@media only screen and (max-width: 900px) {
  #component-search-close {
    right: 20px;
  }
}

#component-popular-topic {
  padding-top: 80px;
}

@media only screen and (min-width: 901px) {
  #component-popular-topic {
    padding-top: 0;
  }
}

.yxt-SearchBar .js-yext-submit {
  display: none;
}

.yxt-SearchBar-container {
  border: none;
  border-radius: 0;
  box-shadow: none !important;
  background-color: transparent;
}

.yxt-SearchBar-container:hover {
  box-shadow: none !important;
}

.yxt-SearchBar .yxt-SearchBar-form {
  border: 2px solid #f8f8f8;
  border-radius: 10px;
  padding: 16px;
  padding-left: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='6' stroke='%23191919' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.536 20.5214C20.1204 20.937 19.4466 20.937 19.0309 20.5214L14.8389 16.3293L16.344 14.8242L20.536 19.0163C20.9517 19.4319 20.9517 20.1058 20.536 20.5214Z' fill='%23191919'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: 16px;
  background-position-y: 50%;
  margin-left: 20px;
  margin-right: 20px;
  background-color: #fff;
  margin-top: 20px;
}

@media only screen and (min-width: 901px) {
  .yxt-SearchBar .yxt-SearchBar-form {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1100px) {
  .yxt-SearchBar .yxt-SearchBar-form {
    max-width: 620px;
  }
}

@media only screen and (min-width: 1250px) {
  .yxt-SearchBar .yxt-SearchBar-form {
    max-width: 670px;
  }
}

.yxt-SearchBar .yxt-SearchBar-input {
  padding: 0;
  padding-left: 20px;
}

.yxt-SearchBar .yxt-SearchBar-clear {
  padding: 0;
}

.yxt-SearchBar .yxt-AutoComplete {
  margin-top: 18px;
  padding: 30px 0;
  background-color: #fff;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media only screen and (min-width: 901px) {
  .yxt-SearchBar .yxt-AutoComplete {
    padding: 50px 0;
  }
}

.yxt-SearchBar .yxt-AutoComplete::before {
  height: 0;
}

.yxt-SearchBar .yxt-Answers-component {
  box-shadow: 0 0 0 0 #fff, 100px 0 0 0 #fff, -100px 0 0 0 #fff,
    600px 0 0 0 #fff, -600px 0 0 0 #fff, 800px 0 0 0 #fff, -900px 0 0 0 #fff,
    1200px 0 0 0 #fff, -1200px 0 0 0 #fff, 1500px 0 0 0 #fff, -1500px 0 0 0 #fff,
    1800px 0 0 0 #fff, -1800px 0 0 0 #fff, 2200px 0 0 0 #fff, -2200px 0 0 0 #fff;
  background-color: #fff;
}

.yxt-SearchBar .yxt-AutoComplete-results::before {
  content: "Related Searches";
  color: #191919;
  font-weight: 700;
  font-family: "Regular-Regular";
  font-style: normal;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0em;
  padding-left: 16px;
}

.yxt-SearchBar .yxt-AutoComplete-results li {
  margin-top: 20px;
  font-family: "Regular-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0em;
  color: #191919;
}

@media only screen and (min-width: 901px) {
  .yxt-SearchBar .yxt-AutoComplete-results li {
    font-size: 24px;
    line-height: 28px;
  }
}