.semantic-search__container { background: var(--primary-very-low); margin: 1rem 0 1rem 0; .semantic-search__results { display: flex; flex-direction: column; align-items: baseline; .semantic-search { &__searching { display: flex; align-items: center; &.in-progress { .semantic-search__searching-text { color: var(--primary-medium); } } } &__searching-text { display: inline-block; margin-left: 3px; } &__indicator-wave { flex: 0 0 auto; display: inline-flex; color: var(--primary-medium); } &__indicator-dot { display: inline-block; animation: ai-summary__indicator-wave 1.8s linear infinite; &:nth-child(2) { animation-delay: -1.6s; } &:nth-child(3) { animation-delay: -1.4s; } } } .semantic-search__entries { margin-top: 10px; } .semantic-search__searching { margin-left: 5px; } } } .search-results { .fps-result { padding: 0.5rem; .ai-result__icon { display: none; } } .ai-result { border-radius: var(--d-border-radius); .ai-result__icon { display: inline; margin-right: 0.5rem; margin-left: auto; font-size: var(--font-up-2); color: var(--tertiary); } } } // Hides other buttons and only shows loader // while AI quick search is in progress .search-input { .ai-quick-search-spinner ~ a.clear-search, .ai-quick-search-spinner ~ a.show-advanced-search { display: none; } }