1  .omnisearch-modal {
  2  }
  3  
  4  .omnisearch-result {
  5    white-space: normal;
  6    display: flex;
  7    flex-direction: row;
  8    justify-content: space-between;
  9    flex-wrap: nowrap;
 10  }
 11  
 12  .omnisearch-result__title-container {
 13    display: flex;
 14    align-items: center;
 15    justify-content: space-between;
 16    column-gap: 5px;
 17    flex-wrap: wrap;
 18  }
 19  
 20  .omnisearch-result__title {
 21    white-space: pre-wrap;
 22    align-items: center;
 23    display: flex;
 24    gap: 5px;
 25  }
 26  
 27  .omnisearch-result__title > span {
 28  }
 29  
 30  .omnisearch-result__folder-path {
 31    font-size: 0.75rem;
 32    align-items: center;
 33    display: flex;
 34    gap: 5px;
 35    color: var(--text-muted);
 36  }
 37  
 38  .omnisearch-result__extension {
 39    font-size: 0.7rem;
 40    color: var(--text-muted);
 41  }
 42  
 43  .omnisearch-result__counter {
 44    font-size: 0.7rem;
 45    color: var(--text-muted);
 46  }
 47  
 48  .omnisearch-result__body {
 49    white-space: normal;
 50    font-size: small;
 51    word-wrap: normal;
 52  
 53    overflow: hidden;
 54    display: -webkit-box;
 55    -webkit-line-clamp: 3;
 56    -webkit-box-orient: vertical;
 57  
 58    color: var(--text-muted);
 59    margin-inline-start: 0.5em;
 60  }
 61  
 62  .omnisearch-result__image-container {
 63    flex-basis: 20%;
 64    text-align: end;
 65  }
 66  
 67  .omnisearch-highlight {
 68  }
 69  
 70  .omnisearch-default-highlight {
 71    text-decoration: underline;
 72    text-decoration-color: var(--text-highlight-bg);
 73    text-decoration-thickness: 3px;
 74    text-underline-offset: -1px;
 75    text-decoration-skip-ink: none;
 76  }
 77  
 78  .omnisearch-input-container {
 79    display: flex;
 80    align-items: center;
 81    flex-direction: row;
 82    gap: 5px;
 83  }
 84  
 85  @media only screen and (max-width: 600px) {
 86    .omnisearch-input-container {
 87      flex-direction: column;
 88    }
 89  
 90    .omnisearch-input-container__buttons {
 91      display: flex;
 92      flex-direction: row;
 93      width: 100%;
 94      padding: 0 1em 0 1em;
 95      gap: 1em;
 96    }
 97    .omnisearch-input-container__buttons > button {
 98      flex-grow: 1;
 99    }
100  }
101  
102  @media only screen and (min-width: 600px) {
103    .omnisearch-input-container__buttons {
104      margin-inline-end: 1em;
105    }
106  }
107  
108  .omnisearch-input-field {
109    position: relative;
110    flex-grow: 1;
111  }