How can I change the font of the dropdown menus when using type="time"?

I'd like to be able to change the font of the element below:

However, I can't for the life of me access this element in the Chrome dev tools. Whenever I interact with any element on the page, or in the tools, this input closes. I can't find which elements or classes I need to manipulate to change the font styling.

angular-material-timepicker/projects/mat-timepicker/src/lib/timepicker-dialog/timepicker-dialog.component.html

Line 13 in e3da33c

    
           <span class="time fixed-font-size" [ngClass]="{'select': this.viewType === 'hours' && 'active' }"

Hey, I'm sorry, but applying styling to .time or .time-frame isn't working. Are you able to give some guidance?

::ng-deep {
  .time {
    color: red !important;
  }
  .time-frame {
    color: red !important;
  }
}