/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
li.custom-autocomplete-entry:has(button) {
  padding:0 !important;
}
li.custom-autocomplete-entry button {
  padding:.5rem 2rem .5rem 1rem;
  width:100%;
  text-align:left;
}
ul.autocorrect-visible {
  visibility: visible !important;
}


ul.custom-autocomplete-result-list {
    border-radius:.5rem;
    overflow:hidden;
    --tw-border-opacity:1;
    border-color:#eaecf0;
    border-color:rgba(234,236,240,var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:#fff;
    background-color:rgba(255,255,255,var(--tw-bg-opacity));
    font-family:Aeonik Fono,monospace;
    --tw-text-opacity:1;
    color:#241f21;
    color:rgba(36,31,33,var(--tw-text-opacity));
    --tw-shadow:0 12px 16px -4px rgba(16,24,40,.08);
    --tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color);
    box-shadow:0 0 transparent,0 0 transparent,0 12px 16px -4px rgba(16,24,40,.08);
    box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
  }


.font-dyslexia-friendly ul.custom-autocomplete-result-list {
    font-family:Sylexiad Sans Spaced Medium,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif
  }
  ul.custom-autocomplete-result-list li {
    display:block;
    padding:.5rem 2rem .5rem 1rem
  }
  ul.custom-autocomplete-result-list [aria-selected=true],
  ul.custom-autocomplete-result-list li:hover {
    --tw-bg-opacity:1;
    background-color:#ff0;
    background-color:rgba(255,255,0,var(--tw-bg-opacity))
  }