.asf-search-panel {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
}
.asf-search-panel .asf-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 64em) {
  .asf-search-panel .asf-wrapper {
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
}
.asf-search-panel .asf-wrapper__container {
  position: relative;
}
@media (max-width: 63.9375em) {
  .asf-search-panel .asf-wrapper__container {
    margin-left: 0;
    margin-right: 0;
  }
}
.asf-search-panel .asf-overlay {
  position: absolute;
}
.asf-search-panel__wrapper {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
  width: 100%;
}
.asf-search-panel__top {
  z-index: 20;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.asf-suggestion__details .asf-price {
  width: fit-content;
}
.asf-search-panel__bottom {
  align-self: center;
  overflow-y: auto;
  width: 100%;
  z-index: 20;
}
@media (min-width: 64em) {
  .asf-search-panel__bottom {
    width: 39.3rem;
    --tw-shadow: 0 0 20px #00000014;
    --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 75em) {
  .asf-search-panel__bottom {
    width: 46.25rem;
  }
}
.asf-search-panel__bottom .asf-loader__overlay {
  display: none;
}
.asf-search-panel__bottom .asf-wrapper__container {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
@media (min-width: 48em) {
  .asf-search-panel__bottom .asf-wrapper__container {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 64em) {
  .asf-search-panel__bottom .asf-wrapper__container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 47.9375em) {
  .asf-search-panel__bottom {
    max-height: calc(var(--search-max-height, 100%) - var(--search-top-panel-height, 0));
  }
}
.asf-suggestion {
  cursor: pointer;
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 64em) {
  .asf-suggestion {
    background-color: initial;
  }
}
.asf-search-panel__form {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 3.375rem;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  position: relative;
  width: 100%;
}
@media (min-width: 64em) {
  .asf-search-panel__form {
    max-height: 4.375rem;
  }
}
@media (min-width: 48em) {
  .asf-search-panel__form {
    margin-left: auto;
    margin-right: auto;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 64em) {
  .asf-search-panel__form {
    margin-bottom: 0;
    margin-top: 0;
    padding: 1rem 0;
    width: 39.3rem;
  }
}
@media (min-width: 75em) {
  .asf-search-panel__form {
    width: 46.25rem;
  }
}
@media (max-width: 63.9375em) {
  .asf-search-panel__form {
    max-height: 5.625rem;
  }
  .asf-search-panel__form:before {
    height: 1px;
    left: -1rem;
    position: absolute;
    right: -1rem;
    top: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
    --tw-content: '';
    content: var(--tw-content);
  }
}
.asf-search-panel__form-close {
  font-weight: 500;
}
@media (max-width: 63.9375em) {
  .asf-search-panel__form-close {
    right: 0;
    top: 0.75rem;
  }
}
.asf-search-panel__form-close {
  position: absolute;
}
@media (min-width: 64em) {
  .asf-search-panel__form-close {
    margin-top: -0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    right: 0;
    top: 50%;
  }
}
@media (min-width: 75em) {
  .asf-search-panel__form-close {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.asf-suggestion__section {
  align-items: flex-start;
  cursor: default;
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}
@media (min-width: 64em) {
  .asf-suggestion__section {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    width: 39.3rem;
  }
}
@media (min-width: 75em) {
  .asf-suggestion__section {
    width: 46.25rem;
  }
}
.asf-suggestion__title {
  font-weight: 700;
  margin-bottom: 1.25rem;
}
.asf-suggestion__title .asf-heading__title {
  font-size: 1rem;
  line-height: 1.5rem;
}
.asf-suggestion__section:first-child .asf-suggestion__title {
  margin-top: 0.5rem;
}
@media (min-width: 48em) {
  .asf-suggestion__section:first-child .asf-suggestion__title {
    margin-top: 1rem;
  }
}
.asf-suggestion__details-title {
  display: block;
  padding-right: 0.5rem;
}
.asf-suggestion__details-title:hover {
  text-decoration-line: underline;
}
.asf-suggestion__item {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.asf-suggestion__link {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  margin-bottom: 0.875rem;
}
@media (max-width: 47.9375em) {
  .asf-suggestion__link {
    width: 100%;
  }
}
@media (min-width: 48em) {
  .asf-suggestion__link {
    width: 33.333333%;
  }
}
.asf-suggestion__link.is-focused {
  outline-color: #000;
  outline-style: solid;
  outline-width: 3px;
}
.asf-suggestion__link--category .asf-suggestion__details {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.asf-suggestion__link--category,
.asf-suggestion__link--content {
  display: flex;
  width: 100%;
}
.asf-suggestion__link--category:hover,
.asf-suggestion__link--content:hover {
  text-decoration-line: underline;
}
:is(.asf-suggestion__link--content, .asf-suggestion__link--category) .asf-icon {
  margin-left: auto;
}
.asf-suggestion__item--category {
  padding-bottom: 0.75rem;
}
@media (min-width: 48em) {
  .asf-suggestion__item--category {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 64em) {
  .asf-suggestion__item--category {
    padding-bottom: 0.5rem;
  }
}
.asf-suggestion__item--category,
.asf-suggestion__item--content {
  width: 100%;
}
.asf-suggestion__link--product:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.asf-suggestion__link--product .asf-suggestion__details-title {
  margin-bottom: 0.375rem;
}
.asf-suggestion__item--product {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.25rem;
  width: 100%;
}
.asf-suggestion__product {
  display: flex;
}
.asf-suggestion__picture-wrapper {
  margin-right: 1.25rem;
}
.asf-suggestion__picture {
  width: 3.5rem;
}
.asf-suggestion__alert {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  white-space: nowrap;
}
.asf-suggestion__view-all {
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 48em) {
  .asf-suggestion__view-all {
    max-width: 18.125rem;
  }
}
@media (min-width: 64em) {
  .asf-suggestion__view-all {
    margin-bottom: 1.75rem;
  }
}
.asf-suggestion__view-all.is-focused {
  outline-color: #000;
  outline-style: solid;
  outline-width: 3px;
}
.asf-suggestion__item--query {
  padding-bottom: 0.75rem;
  padding-top: 0.25rem;
  width: 100%;
}
.asf-suggestion__item--query .asf-suggestion__query {
  align-items: center;
  display: flex;
  padding-bottom: 0.5rem;
}
:is(.asf-suggestion__item--query .asf-suggestion__query) .asf-icon {
  margin-left: auto;
}
.asf-suggestion__item--query .asf-suggestion__query-label:hover {
  text-decoration-line: underline;
}
.asf-suggestion__item--query .asf-suggestion__query-label mark {
  background-color: initial;
  font-weight: 700;
}
.asf-suggestion__item--query .asf-suggestion__query-phrase {
  margin-right: 0.25rem;
}
.asf-search-panel__active {
  position: static !important;
}