.qa-ajax-autocomplete{
    background-color: #FFF;
    padding: 25px 25px 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
    max-height: 244px;   
}
.ui-state-highlight{
    font-weight: bold;
}

.qa-ajax-autocomplete li .ui-menu-item-wrapper .kbg-icon{
        color: var(--color-main);
        font-size: 1.8rem;
        margin-right: 7px;
        margin-top: -3px;
}

.qa-ajax-autocomplete li .ui-menu-item-wrapper{
    padding: 0;
}
.qa-ajax-autocomplete article span,
.qa-ajax-autocomplete article .paragraph-small{
    transition: color .15s ease-in-out;
}
.qa-ajax-autocomplete article:hover span,
.qa-ajax-autocomplete article:hover .paragraph-small{
    color: var(--color-main);
}
.qa-ajax-autocomplete li .ui-menu-item-wrapper .paragraph-small {
    font-size: 1.4rem;
    margin-top: 8px;
    line-height: 1.6;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 15px;
}
.qa-ajax-autocomplete li.ui-menu-item:last-child .paragraph-small{
    border-bottom: none;
    padding-bottom: 0;
}

.kbg-from-widget .ui-menu-item-wrapper .kbg-icon,
.kbg-from-widget article .paragraph-small {
    display: none;
}
.qa-ajax-autocomplete.kbg-from-widget{
    padding: 20px 10px 5px 20px;  
}

@mixin scrollbars($size, $foreground-color, $background-color: mix($foreground-color, white,  50%)) {
    // For Google Chrome
    &::-webkit-scrollbar {
      width:  $size;
      height: $size;
      border-radius: 6px;
    }
  
    &::-webkit-scrollbar-thumb {
      background: $foreground-color;
      border-radius: 6px;
    }
  
    &::-webkit-scrollbar-track {
      background: #FFF;
      border-radius: 6px;
    }
  
    // For Internet Explorer
    & {
      scrollbar-face-color: $foreground-color;
      scrollbar-track-color: $background-color;
    }
  }

.qa-ajax-autocomplete {
    @include scrollbars(10px, rgba(29, 43, 54, 0.5));
}

.qa-autocomplete-loading .wp-block-search__button,
.qa-autocomplete-loading button{
    font-size: 0 !important;
}
.qa-autocomplete-loading .wp-block-search__button.has-icon svg,
.qa-autocomplete-loading button:after{
    opacity: 0;
}

.wp-block-search__button,
.widget form button{
    position: relative;
}
.qa-autocomplete-loading button{
    display: flex;
    align-items: center;
    justify-content: center;
}