[class^=ais-] {
  box-sizing: border-box;
}

a[class^=ais-] {
  text-decoration: none;
}

.ais-Breadcrumb-list,
.ais-Carousel-list,
.ais-CurrentRefinements-list,
.ais-HierarchicalMenu-list,
.ais-Hits-list,
.ais-FrequentlyBoughtTogether-list,
.ais-LookingSimilar-list,
.ais-RelatedProducts-list,
.ais-TrendingFacets-list,
.ais-TrendingItems-list,
.ais-Results-list,
.ais-InfiniteHits-list,
.ais-InfiniteResults-list,
.ais-Menu-list,
.ais-NumericMenu-list,
.ais-Pagination-list,
.ais-RatingMenu-list,
.ais-RefinementList-list,
.ais-ToggleRefinement-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ais-Carousel-navigation,
.ais-ClearRefinements-button,
.ais-CurrentRefinements-delete,
.ais-CurrentRefinements-reset,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadPrevious,
.ais-InfiniteHits-loadMore,
.ais-InfiniteResults-loadMore,
.ais-Menu-showMore,
.ais-RangeInput-submit,
.ais-RefinementList-showMore,
.ais-AiModeButton,
.ais-RelevantSort-button,
.ais-SearchBox-submit,
.ais-SearchBox-reset,
.ais-VoiceSearch-button {
  padding: 0;
  overflow: visible;
  font: inherit;
  line-height: normal;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ais-Carousel-navigation::-moz-focus-inner,
.ais-ClearRefinements-button::-moz-focus-inner,
.ais-CurrentRefinements-delete::-moz-focus-inner,
.ais-CurrentRefinements-reset::-moz-focus-inner,
.ais-GeoSearch-redo::-moz-focus-inner,
.ais-GeoSearch-reset::-moz-focus-inner,
.ais-HierarchicalMenu-showMore::-moz-focus-inner,
.ais-InfiniteHits-loadPrevious::-moz-focus-inner,
.ais-InfiniteHits-loadMore::-moz-focus-inner,
.ais-InfiniteResults-loadMore::-moz-focus-inner,
.ais-Menu-showMore::-moz-focus-inner,
.ais-RangeInput-submit::-moz-focus-inner,
.ais-RefinementList-showMore::-moz-focus-inner,
.ais-AiModeButton::-moz-focus-inner,
.ais-RelevantSort-button::-moz-focus-inner,
.ais-SearchBox-submit::-moz-focus-inner,
.ais-SearchBox-reset::-moz-focus-inner,
.ais-VoiceSearch-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.ais-Carousel-navigation[disabled],
.ais-ClearRefinements-button[disabled],
.ais-CurrentRefinements-delete[disabled],
.ais-CurrentRefinements-reset[disabled],
.ais-GeoSearch-redo[disabled],
.ais-GeoSearch-reset[disabled],
.ais-HierarchicalMenu-showMore[disabled],
.ais-InfiniteHits-loadPrevious[disabled],
.ais-InfiniteHits-loadMore[disabled],
.ais-InfiniteResults-loadMore[disabled],
.ais-Menu-showMore[disabled],
.ais-RangeInput-submit[disabled],
.ais-RefinementList-showMore[disabled],
.ais-AiModeButton[disabled],
.ais-RelevantSort-button[disabled],
.ais-SearchBox-submit[disabled],
.ais-SearchBox-reset[disabled],
.ais-VoiceSearch-button[disabled] {
  cursor: default;
}

.ais-InfiniteHits-loadPrevious,
.ais-InfiniteHits-loadMore,
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
  overflow-anchor: none;
}

.ais-Breadcrumb-list,
.ais-Breadcrumb-item,
.ais-Pagination-list,
.ais-RangeInput-form,
.ais-RatingMenu-link,
.ais-PoweredBy {
  display: flex;
  align-items: center;
}

.ais-GeoSearch,
.ais-GeoSearch-map {
  height: 100%;
}

.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
  margin-left: 1em;
}

.ais-PoweredBy-logo {
  display: block;
  height: 1.2em;
  width: auto;
}

.ais-PoweredBy-text {
  margin-right: 0.3rem;
}

.ais-RatingMenu-starIcon {
  display: block;
  width: 20px;
  height: 20px;
}

.ais-RefinementList-checkbox,
.ais-ToggleRefinement-checkbox {
  margin: 0;
}

.ais-SearchBox-input::-ms-clear, .ais-SearchBox-input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.ais-SearchBox-input::-webkit-search-decoration, .ais-SearchBox-input::-webkit-search-cancel-button, .ais-SearchBox-input::-webkit-search-results-button, .ais-SearchBox-input::-webkit-search-results-decoration {
  display: none;
}

.ais-RangeSlider .rheostat {
  overflow: visible;
  margin-top: 40px;
  margin-bottom: 40px;
}
.ais-RangeSlider .rheostat-background {
  height: 6px;
  top: 0px;
  width: 100%;
}
.ais-RangeSlider .rheostat-handle {
  margin-left: -12px;
  top: -7px;
}
.ais-RangeSlider .rheostat-background {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #aaa;
}
.ais-RangeSlider .rheostat-progress {
  position: absolute;
  top: 1px;
  height: 4px;
  background-color: #333;
}

.rheostat-handle {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 50%;
  cursor: grab;
}

.rheostat-marker {
  margin-left: -1px;
  position: absolute;
  width: 1px;
  height: 5px;
  background-color: #aaa;
}

.rheostat-marker--large {
  height: 9px;
}

.rheostat-value {
  margin-left: 50%;
  padding-top: 15px;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
}

.rheostat-tooltip {
  margin-left: 50%;
  position: absolute;
  top: -22px;
  text-align: center;
  transform: translateX(-50%);
}

.ais-Carousel {
  position: relative;
}

.ais-Carousel-list {
  grid-auto-columns: 42%;
  display: grid;
  grid-auto-flow: column;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
}

@media (min-width: 999px) {
  .ais-Carousel-list {
    grid-auto-columns: 20%;
  }
}
.ais-Carousel-navigation {
  position: absolute;
  top: 35%;
  z-index: 1;
}

.ais-Carousel-navigation--previous {
  left: 0;
  transform: translateX(-25%);
}

.ais-Carousel-navigation--next {
  right: 0;
  transform: translateX(25%);
}

.ais-Carousel-item {
  scroll-snap-align: start;
}

:root {
  /* Text colors */
  --ais-text-color-rgb: 38, 38, 38;
  --ais-text-color-alpha: 1;
  --ais-primary-color-rgb: 30, 89, 255;
  --ais-primary-color-alpha: 1;
  --ais-muted-color-rgb: 82, 82, 82;
  --ais-muted-color-alpha: 1;
  --ais-button-text-color-rgb: 255, 255, 255;
  --ais-button-text-color-alpha: 1;
  /* Border color */
  --ais-border-color-rgb: 150, 150, 150;
  --ais-border-color-alpha: 1;
  /* Background color */
  --ais-background-color-rgb: 255, 255, 255;
  --ais-background-color-alpha: 1;
  /* Overlay color */
  --ais-overlay-color-rgb: 115, 114, 129;
  --ais-overlay-color-alpha: 0.4;
  /* Shadow color */
  --ais-shadow-color-rgb: 23, 23, 23;
  /* Size and spacing */
  --ais-base-unit: 16;
  --ais-spacing-factor: 1;
  --ais-spacing: calc(var(--ais-base-unit) * var(--ais-spacing-factor) * 1px);
  /* Shadows */
  --ais-shadow-xs: 0px 1px 2px 0px rgba(var(--ais-shadow-color-rgb), 0.15);
  --ais-shadow-sm: 0px 0px 0px 1px rgba(var(--ais-shadow-color-rgb), 0.05),
    0px 1px 3px 0px rgba(var(--ais-shadow-color-rgb), 0.25);
  --ais-shadow-md: 0px 0px 0px 1px rgba(var(--ais-shadow-color-rgb), 0.05),
    0px 4px 8px -2px rgba(var(--ais-shadow-color-rgb), 0.25);
  --ais-shadow-lg: 0 0 0 1px rgba(var(--ais-shadow-color-rgb), 0.05),
    0 6px 16px -4px rgba(var(--ais-shadow-color-rgb), 0.15);
  /* Border radius */
  --ais-border-radius-sm: 4px;
  --ais-border-radius-md: 8px;
  --ais-border-radius-lg: 16px;
  --ais-border-radius-full: 9999px;
  /* Typography */
  --ais-font-size: calc(var(--ais-base-unit) * 1px);
  --ais-font-weight-medium: 500;
  --ais-font-weight-semibold: 600;
  --ais-font-weight-bold: 700;
  /* Icons */
  --ais-icon-size: 20px;
  --ais-icon-stroke-width: 1.6;
  --ais-chevron-icon: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23262626%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
  --ais-selected-chevron-icon: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231f6ff2%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
  --ais-check-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2016%2012%22%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.6%22%20d%3D%22M1%205.917%205.724%2010.5%2015%201.5%22%2F%3E%3C%2Fsvg%3E");
  /* Transitions */
  --ais-transition-duration: 0.3s;
  --ais-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  /* Z-index layers */
  --ais-z-index-chat: 9998;
  --ais-z-index-autocomplete: 10000;
  /* Chat component */
  --ais-chat-width: 22.5rem;
  --ais-chat-height: 70%;
  --ais-chat-maximized-width: 70%;
  --ais-chat-maximized-height: 100%;
  --ais-chat-margin: 1.5rem;
  /* Carousel component */
  --ais-carousel-item-width: calc(var(--ais-spacing) * 10);
  /* Hit grid */
  --ais-hit-min-width: 200px;
  /* Autocomplete component */
  --ais-autocomplete-search-input-height: 44px;
  --ais-autocomplete-panel-max-height: 650px;
  --ais-autocomplete-detached-media-query: (max-width: 680px);
  --ais-autocomplete-detached-modal-media-query: (min-width: 680px);
  --ais-autocomplete-detached-modal-max-width: 680px;
  --ais-autocomplete-detached-modal-max-height: 500px;
  /* Touch screens */
}
@media (hover: none) and (pointer: coarse) {
  :root {
    --ais-spacing-factor: 1.2;
  }
}

/* Dark Mode */
:root[data-theme=dark],
.dark {
  /* Text colors */
  --ais-text-color-rgb: 255, 255, 255;
  --ais-primary-color-rgb: 110, 160, 255;
  --ais-muted-color-rgb: 190, 190, 190;
  --ais-button-text-color-rgb: 255, 255, 255;
  /* Border color */
  --ais-border-color-rgb: 100, 100, 100;
  /* Background color */
  --ais-background-color-rgb: 38, 38, 38;
  /* Shadow color */
  --ais-shadow-color-rgb: 0, 0, 0;
  /* Icons */
  --ais-chevron-icon: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ebebeb%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
  --ais-selected-chevron-icon: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235B96F5%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
}

.ais-Scrollbar, .ais-AutocompletePanelLayout {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, rgb(var(--ais-muted-color-rgb)) 40%, rgb(var(--ais-background-color-rgb))) transparent;
}

.ais-Scrollbar::-webkit-scrollbar, .ais-AutocompletePanelLayout::-webkit-scrollbar {
  width: 6px;
}

.ais-Scrollbar::-webkit-scrollbar-track, .ais-AutocompletePanelLayout::-webkit-scrollbar-track {
  background-color: transparent;
}

.ais-Scrollbar::-webkit-scrollbar-thumb, .ais-AutocompletePanelLayout::-webkit-scrollbar-thumb {
  background-color: color-mix(in srgb, rgb(var(--ais-muted-color-rgb)) 40%, rgb(var(--ais-background-color-rgb)));
  border-radius: var(--ais-border-radius-sm);
}

@media (prefers-reduced-motion: reduce) {
  [class^=ais-],
  [class^=ais-] *,
  [class^=ais-]::before,
  [class^=ais-]::after,
  [class^=ais-] *::before,
  [class^=ais-] *::after {
    transition: none !important;
    animation: none !important;
  }
}
@keyframes ais-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ais-AutocompleteDetachedFormContainer, .ais-AutocompleteDetachedContainer, .ais-AutocompletePanel, .ais-Autocomplete,
.ais-DetachedFormContainer {
  color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
  font-family: inherit;
  font-size: var(--ais-font-size);
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
}

.ais-AutocompleteForm {
  align-items: center;
  background-color: rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha));
  border: 1px solid rgba(var(--ais-border-color-rgb), 0.8);
  border-radius: var(--ais-border-radius-sm);
  display: flex;
  line-height: 1em;
  margin: 0;
  position: relative;
  width: 100%;
  transition: border-color var(--ais-transition-duration) var(--ais-transition-timing-function), box-shadow var(--ais-transition-duration) var(--ais-transition-timing-function), outline-color var(--ais-transition-duration) var(--ais-transition-timing-function);
}
.ais-AutocompleteForm:focus-within {
  border-color: rgba(var(--ais-primary-color-rgb), 1);
  box-shadow: rgba(var(--ais-primary-color-rgb), 0.2) 0 0 0 2px, inset rgba(var(--ais-primary-color-rgb), 0.2) 0 0 0 2px;
  outline: currentColor none medium;
}
.ais-AutocompleteInputWrapperPrefix {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--ais-autocomplete-search-input-height);
  order: 1;
}
.ais-AutocompleteLabel,
.ais-AutocompleteLoadingIndicator {
  cursor: initial;
  flex-shrink: 0;
  height: 100%;
  padding: 0;
  text-align: left;
}
.ais-AutocompleteLabel svg,
.ais-AutocompleteLoadingIndicator svg {
  color: rgba(var(--ais-primary-color-rgb), 1);
  height: auto;
  max-height: var(--ais-icon-size);
  stroke-width: var(--ais-icon-stroke-width);
  width: var(--ais-icon-size);
}

.ais-AutocompleteSubmitButton,
.ais-AutocompleteBackButton,
.ais-AutocompleteLoadingIndicator {
  height: 100%;
  padding-left: calc(var(--ais-spacing) * 0.75 - 1px);
  padding-right: calc(var(--ais-spacing) * 0.75 - 1px);
  width: calc(var(--ais-spacing) * 1.5 + var(--ais-icon-size) - 2px);
}
@media (hover: none) and (pointer: coarse) {
  .ais-AutocompleteSubmitButton,
  .ais-AutocompleteBackButton,
  .ais-AutocompleteLoadingIndicator {
    padding-left: calc(var(--ais-spacing) * 0.625);
    padding-right: calc(var(--ais-spacing) * 0.625);
    width: calc(var(--ais-icon-size) + var(--ais-spacing) * 1.25);
  }
}

.ais-AutocompleteSubmitButton,
.ais-AutocompleteBackButton {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  color: rgba(var(--ais-primary-color-rgb), 1);
  cursor: pointer;
  margin: 0;
}
.ais-AutocompleteSubmitButton svg,
.ais-AutocompleteBackButton svg {
  height: auto;
  max-height: var(--ais-icon-size);
  stroke-width: var(--ais-icon-stroke-width);
  width: var(--ais-icon-size);
}

.ais-AutocompleteLoadingIndicator {
  align-items: center;
  display: flex;
  justify-content: center;
}
.ais-AutocompleteLoadingIndicator[hidden] {
  display: none;
}

.ais-AutocompleteInputWrapper {
  order: 3;
  position: relative;
  width: 100%;
}
.ais-AutocompleteInput {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
  font: inherit;
  height: var(--ais-autocomplete-search-input-height);
  padding: 0;
  width: 100%;
}
.ais-AutocompleteInput::-moz-placeholder {
  color: rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha));
  opacity: 1;
}
.ais-AutocompleteInput::placeholder {
  color: rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha));
  opacity: 1;
}
.ais-AutocompleteInput:focus {
  border-color: none;
  box-shadow: none;
  outline: none;
}
.ais-AutocompleteInput::-webkit-search-decoration, .ais-AutocompleteInput::-webkit-search-cancel-button, .ais-AutocompleteInput::-webkit-search-results-button, .ais-AutocompleteInput::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}

.ais-AutocompleteInputWrapperSuffix {
  align-items: center;
  display: flex;
  height: var(--ais-autocomplete-search-input-height);
  order: 4;
}
.ais-AutocompleteClearButton {
  align-items: center;
  background: none;
  border: 0;
  color: rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha));
  cursor: pointer;
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0 calc(var(--ais-spacing) * 0.8333333333 - 0.5px);
  transition: color var(--ais-transition-duration) var(--ais-transition-timing-function);
}
@media (hover: none) and (pointer: coarse) {
  .ais-AutocompleteClearButton {
    padding: 0 calc(var(--ais-spacing) * 0.6666666667 - 0.5px);
  }
}
@media (hover: hover) {
  .ais-AutocompleteClearButton:hover {
    color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
  }
}
.ais-AutocompleteClearButton:focus {
  color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
}
.ais-AutocompleteClearButton[hidden] {
  display: none;
}
.ais-AutocompleteClearButton svg {
  stroke-width: var(--ais-icon-stroke-width);
  width: var(--ais-icon-size);
}

.ais-AutocompleteInputWrapperSuffix .ais-AiModeButton {
  margin-right: calc(var(--ais-spacing) * 0.25);
}

.ais-AutocompletePanel {
  background-color: rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha));
  border-radius: var(--ais-border-radius-sm);
  box-shadow: var(--ais-shadow-lg);
  border: 1px solid rgba(var(--ais-border-color-rgb), 0.2);
  margin: 8px 0 0;
  position: absolute;
  width: 100%;
  z-index: var(--ais-z-index-autocomplete);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform-origin: top center;
  transform: scale(0.95) translateY(calc(var(--ais-spacing) * -1));
  transition: opacity var(--ais-transition-duration) var(--ais-transition-timing-function), transform var(--ais-transition-duration) var(--ais-transition-timing-function);
}
.ais-AutocompletePanel--open {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.ais-AutocompletePanel button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}
.ais-AutocompletePanelLayout {
  height: 100%;
  margin: 0;
  max-height: var(--ais-autocomplete-panel-max-height);
  overflow-y: auto;
  padding: calc(var(--ais-spacing) / 2);
  position: relative;
  text-align: left;
}

.ais-AutocompleteIndex {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.ais-AutocompleteIndex:empty {
  display: none;
}
.ais-AutocompleteIndexNoResults {
  font-size: 1em;
  margin: 0;
  padding: var(--ais-spacing);
}

.ais-AutocompleteIndexList {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.ais-AutocompleteIndexHeader {
  margin: calc(var(--ais-spacing) / 2) 0.5em calc(var(--ais-spacing) / 2) 0;
  padding: 0;
  position: relative;
}
.ais-AutocompleteIndexHeader:empty {
  display: none;
}

.ais-AutocompleteIndexHeaderTitle {
  background: rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha));
  color: rgba(var(--ais-primary-color-rgb), 1);
  display: inline-block;
  font-size: 0.8em;
  font-weight: var(--ais-font-weight-semibold);
  margin: 0;
  padding: 0 calc(var(--ais-spacing) / 2) 0 0;
  position: relative;
  z-index: 2;
}

.ais-AutocompleteIndexHeaderLine {
  border-bottom: solid 1px rgba(var(--ais-primary-color-rgb), 1);
  display: block;
  height: 2px;
  left: 0;
  margin: 0;
  opacity: 0.3;
  padding: 0;
  position: absolute;
  right: 0;
  top: calc(var(--ais-spacing) / 2);
  z-index: 1;
}

.ais-AutocompleteIndexItem {
  align-items: center;
  border-radius: var(--ais-border-radius-sm);
  cursor: pointer;
  display: grid;
  min-height: calc(var(--ais-spacing) * 2.5);
  padding: calc(var(--ais-spacing) / 2 / 2);
  transition: background-color var(--ais-transition-duration) var(--ais-transition-timing-function);
}
@media (hover: hover) {
  .ais-AutocompleteIndexItem:hover {
    background-color: rgba(var(--ais-primary-color-rgb), 0.1);
  }
}
.ais-AutocompleteIndexItem[aria-selected=true] {
  background-color: rgba(var(--ais-primary-color-rgb), 0.1);
}
.ais-AutocompleteItemWrapper {
  align-items: center;
  color: inherit;
  display: grid;
  gap: calc(var(--ais-spacing) / 2 / 2);
  grid-auto-flow: column;
  justify-content: space-between;
  width: 100%;
}

.ais-AutocompleteItemContent {
  align-items: center;
  cursor: pointer;
  display: grid;
  gap: calc(var(--ais-spacing) / 2);
  grid-auto-flow: column;
  line-height: 1.25em;
  overflow: hidden;
}
.ais-AutocompleteItemContent:empty {
  display: none;
}
.ais-AutocompleteItemContent mark {
  background: none;
  color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
  font-style: normal;
  font-weight: var(--ais-font-weight-bold);
}

.ais-AutocompleteItemIcon {
  align-items: center;
  border-radius: var(--ais-border-radius-sm);
  color: rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha));
  display: flex;
  flex-shrink: 0;
  font-size: 0.7em;
  height: calc(var(--ais-icon-size) + var(--ais-spacing) / 2);
  justify-content: center;
  overflow: hidden;
  stroke-width: var(--ais-icon-stroke-width);
  text-align: center;
  width: calc(var(--ais-icon-size) + var(--ais-spacing) / 2);
}
.ais-AutocompleteItemIcon svg {
  height: var(--ais-icon-size);
  width: var(--ais-icon-size);
}

.ais-AutocompleteItemActions {
  display: grid;
  grid-auto-flow: column;
  height: 100%;
  justify-self: end;
}

.ais-AutocompleteItemActionButton {
  align-items: center;
  background: none;
  border: 0;
  color: rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha));
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  padding: 0;
  transition: color var(--ais-transition-duration) var(--ais-transition-timing-function);
}
.ais-AutocompleteItemActionButton:hover svg, .ais-AutocompleteItemActionButton:focus svg {
  color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
}
@media (hover: none) and (pointer: coarse) {
  .ais-AutocompleteItemActionButton:hover svg, .ais-AutocompleteItemActionButton:focus svg {
    color: inherit;
  }
}
.ais-AutocompleteItemActionButton svg {
  color: rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha));
  margin: 0;
  margin: calc(var(--ais-spacing) / 3);
  stroke-width: var(--ais-icon-stroke-width);
  width: var(--ais-icon-size);
}

.ais-AutocompletePromptSuggestionItemIcon {
  color: rgba(var(--ais-primary-color-rgb), 1);
}

.ais-AutocompletePromptSuggestionItemIcon svg {
  width: var(--ais-icon-size);
  height: var(--ais-icon-size);
}

body.ais-Autocomplete--detached {
  height: 100vh;
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.ais-AutocompleteDetachedOverlay {
  background-color: rgba(var(--ais-overlay-color-rgb), var(--ais-overlay-color-alpha));
  height: 100vh;
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: calc(var(--ais-z-index-autocomplete) - 1);
}

.ais-AutocompleteDetachedContainer {
  background: rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha));
  bottom: 0;
  box-shadow: var(--ais-shadow-lg);
  display: flex;
  flex-direction: column;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--ais-z-index-autocomplete);
  height: 100vh;
}
.ais-AutocompleteDetachedContainer .ais-AutocompletePanel {
  background-color: rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha));
  border-radius: 0;
  box-shadow: none;
  border: 0;
  flex-grow: 1;
  margin: 0;
  padding: 0;
  position: relative;
  opacity: 1;
  pointer-events: auto;
  transform: none;
}
.ais-AutocompleteDetachedContainer .ais-AutocompletePanelLayout {
  bottom: 0;
  box-shadow: none;
  left: 0;
  margin: 0;
  max-height: none;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.ais-AutocompleteDetachedContainer--modal {
  border-radius: var(--ais-border-radius-md);
  bottom: inherit;
  height: auto;
  margin: 0 auto;
  max-width: var(--ais-autocomplete-detached-modal-max-width);
  position: absolute;
  top: 3%;
}
.ais-AutocompleteDetachedContainer--modal .ais-AutocompletePanelLayout {
  max-height: var(--ais-autocomplete-detached-modal-max-height);
  padding-bottom: calc(var(--ais-spacing) / 2);
  position: static;
}
.ais-AutocompleteDetachedContainer--modal .ais-AutocompletePanelLayout:empty {
  display: none;
}

.ais-AutocompleteDetachedFormContainer {
  border-bottom: solid 1px rgba(var(--ais-border-color-rgb), 0.3);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: calc(var(--ais-spacing) / 2);
}
.ais-AutocompleteDetachedFormContainer .ais-AutocompleteForm {
  flex: 1;
}

.ais-AutocompleteDetachedSearchButton {
  align-items: center;
  background-color: rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha));
  border: 1px solid rgba(var(--ais-border-color-rgb), 0.8);
  border-radius: var(--ais-border-radius-sm);
  color: rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha));
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: var(--ais-font-size);
  height: var(--ais-autocomplete-search-input-height);
  margin: 0;
  position: relative;
  text-align: left;
  width: 100%;
  transition: border-color var(--ais-transition-duration) var(--ais-transition-timing-function), box-shadow var(--ais-transition-duration) var(--ais-transition-timing-function);
}

.ais-AutocompleteDetachedSearchButtonIcon {
  align-items: center;
  color: rgba(var(--ais-primary-color-rgb), 1);
  cursor: initial;
  display: flex;
  flex-shrink: 0;
  height: 100%;
  justify-content: center;
  padding-left: calc(var(--ais-spacing) * 0.75);
  padding-right: calc(var(--ais-spacing) / 2);
}
.ais-AutocompleteDetachedSearchButtonIcon svg {
  height: var(--ais-icon-size);
  width: var(--ais-icon-size);
  stroke-width: var(--ais-icon-stroke-width);
}

.ais-AutocompleteDetachedSearchButtonQuery {
  color: rgba(var(--ais-text-color-rgb), 1);
  line-height: 1.25em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ais-AutocompleteDetachedSearchButtonPlaceholder[hidden] {
  display: none;
}

.ais-AutocompleteDetachedSearchButtonClear {
  align-items: center;
  background: none;
  border: 0;
  color: rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha));
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 100%;
  justify-content: center;
  margin: 0;
  margin-left: auto;
  padding: 0 calc(var(--ais-spacing) * 0.5);
  transition: color var(--ais-transition-duration) var(--ais-transition-timing-function);
}
@media (hover: hover) {
  .ais-AutocompleteDetachedSearchButtonClear:hover {
    color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
  }
}
.ais-AutocompleteDetachedSearchButtonClear:focus {
  color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
  outline: none;
}
.ais-AutocompleteDetachedSearchButtonClear svg {
  height: var(--ais-icon-size);
  stroke-width: var(--ais-icon-stroke-width);
  width: var(--ais-icon-size);
}