.mat-autocomplete-panel {
  background-color: var(--s1-N-0-color);

  .mat-option {
    color: var(--s1-N-90-color);
  }

  &:not([class*='mat-elevation-z']) {
    box-shadow: var(--s1-shadow-6);
  }

  .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: var(--s1-N-0-color);
  }

  .mat-option:hover:not(.mat-option-disabled),
  .mat-option:focus:not(.mat-option-disabled) {
    background: var(--s1-P-2-color);
  }
}