: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 {
  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 {
  width: 6px;
}

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

.ais-Scrollbar::-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);
}

.ais-Button:focus-visible {
  outline: 2px solid rgba(var(--ais-primary-color-rgb), var(--ais-primary-color-alpha));
  outline-offset: 2px;
}

@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-Button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--ais-spacing) * 0.25);
  margin: 0;
  background-color: transparent;
  border-radius: var(--ais-border-radius-sm);
  font-family: inherit;
  font-size: var(--ais-font-size);
  line-height: 1em;
  transition: background-color var(--ais-transition-duration) var(--ais-transition-timing-function), color var(--ais-transition-duration) var(--ais-transition-timing-function);
}
.ais-Button svg {
  stroke-width: var(--ais-icon-stroke-width);
  width: var(--ais-icon-size);
  height: auto;
}
.ais-Button:disabled {
  cursor: not-allowed;
}

.ais-Button--sm {
  padding: calc(var(--ais-spacing) * 0.25) calc(var(--ais-spacing) * 0.5);
}

.ais-Button--md {
  padding: calc(var(--ais-spacing) * 0.5) calc(var(--ais-spacing) * 1);
}

.ais-Button--icon-only.ais-Button--sm {
  padding: calc(var(--ais-spacing) * 0.25);
}

.ais-Button--icon-only.ais-Button--md {
  padding: calc(var(--ais-spacing) * 0.5);
}

.ais-Button--primary {
  background-color: rgba(var(--ais-primary-color-rgb), var(--ais-primary-color-alpha));
  color: rgba(var(--ais-button-text-color-rgb), var(--ais-button-text-color-alpha));
  border: 1px solid transparent;
}
.ais-Button--primary:disabled {
  background-color: rgba(var(--ais-primary-color-rgb), calc(var(--ais-primary-color-alpha) * 0.5));
}
@media (hover: hover) {
  .ais-Button--primary:hover:not(:disabled) {
    background-color: color-mix(in srgb, rgb(var(--ais-primary-color-rgb)), rgb(var(--ais-background-color-rgb)) 20%);
  }
}
.ais-Button--primary:active:not(:disabled) {
  background-color: rgba(var(--ais-primary-color-rgb), var(--ais-primary-color-alpha));
}

.ais-Button--ghost {
  color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
}
.ais-Button--ghost:disabled {
  color: rgba(var(--ais-muted-color-rgb), 0.5);
}
@media (hover: hover) {
  .ais-Button--ghost:hover:not(:disabled) {
    background-color: rgba(var(--ais-muted-color-rgb), 0.1);
  }
}
.ais-Button--ghost:active:not(:disabled) {
  background-color: rgba(var(--ais-muted-color-rgb), 0.2);
}

.ais-Button--outline {
  color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
  background-color: rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha));
  border: 1px solid color-mix(in srgb, rgb(var(--ais-muted-color-rgb)) 30%, rgb(var(--ais-background-color-rgb)));
}
.ais-Button--outline:disabled {
  color: rgba(var(--ais-text-color-rgb), 0.4);
}
@media (hover: hover) {
  .ais-Button--outline:hover:not(:disabled) {
    background-color: color-mix(in srgb, rgb(var(--ais-muted-color-rgb)) 10%, rgb(var(--ais-background-color-rgb)));
  }
}
.ais-Button--outline:active:not(:disabled) {
  background-color: color-mix(in srgb, rgb(var(--ais-muted-color-rgb)) 20%, rgb(var(--ais-background-color-rgb)));
}