| <style> |
| :host { |
| -webkit-mask: center / contain no-repeat; |
| background-color: currentColor; |
| display: block; |
| height: 100%; |
| overflow: hidden; |
| width: 16px; |
| } |
| |
| :host([alert-state_='media-recording']), |
| :host([alert-state_='desktop-capturing']) { |
| -webkit-mask-image: url(alert_indicators/tab_media_recording.svg); |
| background-color: var(--tabstrip-indicator-recording-color); |
| } |
| |
| :host([alert-state_='tab-capturing']) { |
| -webkit-mask-image: |
| url(alert_indicators/tab_media_capturing_with_arrow.svg); |
| background-color: var(--tabstrip-indicator-capturing-color); |
| } |
| |
| :host([alert-state_='audio-playing']) { |
| -webkit-mask-image: url(alert_indicators/tab_audio_rounded.svg); |
| } |
| |
| :host([alert-state_='audio-muting']) { |
| -webkit-mask-image: url(alert_indicators/tab_audio_muting_rounded.svg); |
| } |
| |
| :host([alert-state_='bluetooth-connected']) { |
| -webkit-mask-image: url(alert_indicators/tab_bluetooth_connected.svg); |
| } |
| |
| :host([alert-state_='usb-connected']) { |
| -webkit-mask-image: url(alert_indicators/tab_usb_connected.svg); |
| -webkit-mask-size: 20px; |
| } |
| |
| :host([alert-state_='hid-connected']) { |
| -webkit-mask-image: url(alert_indicators/tab_hid_connected.svg); |
| } |
| |
| :host([alert-state_='serial-connected']) { |
| -webkit-mask-image: url(alert_indicators/serial_port.svg); |
| } |
| |
| :host([alert-state_='pip-playing']) { |
| -webkit-mask-image: url(alert_indicators/picture_in_picture_alt.svg); |
| background-color: var(--tabstrip-indicator-pip-color); |
| } |
| |
| :host([alert-state_='vr-presenting']) { |
| -webkit-mask-image: url(alert_indicators/vr_headset.svg); |
| } |
| </style> |