<style>
:host {
-webkit-mask: center / contain no-repeat;
background-color: var(--indicator-color);
display: block;
height: 100%;
overflow: hidden;
width: 16px;
}
:host([alert-state_='media-recording']),
:host([alert-state_='audio-recording']),
:host([alert-state_='video-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(--color-web-ui-tab-strip-indicator-pip);
}
:host([alert-state_='vr-presenting']) {
-webkit-mask-image: url(alert_indicators/vr_headset.svg);
}
</style>