@siemens/ix-icons 1.0.3 → 1.1.0-beta.0

package/dist/collection/components/icon/icon.css

@@ -0,0 +1,2519 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+.glyph {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+  font-family: "ix-icons";
+  font-size: 1.5rem;
+  font-weight: 500;
+}
+
+.glyph-lg {
+  font-size: 1.3333333333em;
+  line-height: 0.75em;
+  vertical-align: -15%;
+}
+
+.glyph-2x {
+  font-size: 2em;
+}
+
+.glyph-3x {
+  font-size: 3em;
+}
+
+.glyph-4x {
+  font-size: 4em;
+}
+
+.glyph-5x {
+  font-size: 5em;
+}
+
+.glyph-fw {
+  width: 1.2857142857em;
+  text-align: center;
+}
+
+.glyph-12 {
+  font-size: 0.75rem;
+}
+
+.glyph-16 {
+  font-size: 1rem;
+}
+
+.glyph-24 {
+  font-size: 1.5rem;
+}
+
+.glyph-32 {
+  font-size: 2rem;
+}
+
+.glyph-about-filled:before {
+  content: "\ea01";
+}
+
+.glyph-about:before {
+  content: "\ea02";
+}
+
+.glyph-add-circle-filled:before {
+  content: "\ea03";
+}
+
+.glyph-add-circle:before {
+  content: "\ea04";
+}
+
+.glyph-add-document-note:before {
+  content: "\ea05";
+}
+
+.glyph-add-eye-filled:before {
+  content: "\ea06";
+}
+
+.glyph-add-eye:before {
+  content: "\ea07";
+}
+
+.glyph-add-task-list:before {
+  content: "\ea08";
+}
+
+.glyph-add-task:before {
+  content: "\ea09";
+}
+
+.glyph-add:before {
+  content: "\ea0a";
+}
+
+.glyph-ai:before {
+  content: "\ea0b";
+}
+
+.glyph-alarm-bell-cancelled-filled:before {
+  content: "\ea0c";
+}
+
+.glyph-alarm-bell-cancelled:before {
+  content: "\ea0d";
+}
+
+.glyph-alarm-bell-filled:before {
+  content: "\ea0e";
+}
+
+.glyph-alarm-bell:before {
+  content: "\ea0f";
+}
+
+.glyph-alarm-clock-filled:before {
+  content: "\ea10";
+}
+
+.glyph-alarm-clock:before {
+  content: "\ea11";
+}
+
+.glyph-alarm-filled:before {
+  content: "\ea12";
+}
+
+.glyph-alarm:before {
+  content: "\ea13";
+}
+
+.glyph-analyze:before {
+  content: "\ea14";
+}
+
+.glyph-anomaly-found:before {
+  content: "\ea15";
+}
+
+.glyph-anomaly:before {
+  content: "\ea16";
+}
+
+.glyph-app-menu:before {
+  content: "\ea17";
+}
+
+.glyph-apps:before {
+  content: "\ea18";
+}
+
+.glyph-arrow-down-right:before {
+  content: "\ea19";
+}
+
+.glyph-arrow-down:before {
+  content: "\ea1a";
+}
+
+.glyph-arrow-left:before {
+  content: "\ea1b";
+}
+
+.glyph-arrow-right:before {
+  content: "\ea1c";
+}
+
+.glyph-arrow-up:before {
+  content: "\ea1d";
+}
+
+.glyph-attach:before {
+  content: "\ea1e";
+}
+
+.glyph-attachment-upload:before {
+  content: "\ea1f";
+}
+
+.glyph-audio-description1:before {
+  content: "\ea20";
+}
+
+.glyph-audio-description2:before {
+  content: "\ea21";
+}
+
+.glyph-audit-report:before {
+  content: "\ea22";
+}
+
+.glyph-average:before {
+  content: "\ea23";
+}
+
+.glyph-bar-code:before {
+  content: "\ea24";
+}
+
+.glyph-barchart:before {
+  content: "\ea25";
+}
+
+.glyph-battery-check:before {
+  content: "\ea26";
+}
+
+.glyph-battery-empty-question:before {
+  content: "\ea27";
+}
+
+.glyph-battery-empty:before {
+  content: "\ea28";
+}
+
+.glyph-battery-exclamation:before {
+  content: "\ea29";
+}
+
+.glyph-battery-full-check:before {
+  content: "\ea2a";
+}
+
+.glyph-battery-full:before {
+  content: "\ea2b";
+}
+
+.glyph-battery-half:before {
+  content: "\ea2c";
+}
+
+.glyph-battery-low:before {
+  content: "\ea2d";
+}
+
+.glyph-battery-quarter:before {
+  content: "\ea2e";
+}
+
+.glyph-battery-slash:before {
+  content: "\ea2f";
+}
+
+.glyph-battery-three-quarter:before {
+  content: "\ea30";
+}
+
+.glyph-battery-xmark:before {
+  content: "\ea31";
+}
+
+.glyph-bezier-curve:before {
+  content: "\ea32";
+}
+
+.glyph-binoculars-filled:before {
+  content: "\ea33";
+}
+
+.glyph-binoculars:before {
+  content: "\ea34";
+}
+
+.glyph-book:before {
+  content: "\ea35";
+}
+
+.glyph-bookmark-filled:before {
+  content: "\ea36";
+}
+
+.glyph-bookmark:before {
+  content: "\ea37";
+}
+
+.glyph-building1-filled:before {
+  content: "\ea38";
+}
+
+.glyph-building1:before {
+  content: "\ea39";
+}
+
+.glyph-building2-filled:before {
+  content: "\ea3a";
+}
+
+.glyph-building2:before {
+  content: "\ea3b";
+}
+
+.glyph-bulb-filled:before {
+  content: "\ea3c";
+}
+
+.glyph-bulb:before {
+  content: "\ea3d";
+}
+
+.glyph-calendar-filled:before {
+  content: "\ea3e";
+}
+
+.glyph-calendar-settings:before {
+  content: "\ea3f";
+}
+
+.glyph-calendar:before {
+  content: "\ea40";
+}
+
+.glyph-cancel:before {
+  content: "\ea41";
+}
+
+.glyph-cancelled:before {
+  content: "\ea42";
+}
+
+.glyph-capacity-filled:before {
+  content: "\ea43";
+}
+
+.glyph-capacity:before {
+  content: "\ea44";
+}
+
+.glyph-capture:before {
+  content: "\ea45";
+}
+
+.glyph-card-layout-filled:before {
+  content: "\ea46";
+}
+
+.glyph-card-layout:before {
+  content: "\ea47";
+}
+
+.glyph-chart-cursor:before {
+  content: "\ea48";
+}
+
+.glyph-chart-curve-linear:before {
+  content: "\ea49";
+}
+
+.glyph-chart-curve-spline:before {
+  content: "\ea4a";
+}
+
+.glyph-chart-curve-stepped:before {
+  content: "\ea4b";
+}
+
+.glyph-chart-labels-filled:before {
+  content: "\ea4c";
+}
+
+.glyph-chart-labels:before {
+  content: "\ea4d";
+}
+
+.glyph-checkbox-component-checked:before {
+  content: "\ea4e";
+}
+
+.glyph-checkbox-component-mixed:before {
+  content: "\ea4f";
+}
+
+.glyph-checkbox-component-unchecked:before {
+  content: "\ea50";
+}
+
+.glyph-checkbox-filled:before {
+  content: "\ea51";
+}
+
+.glyph-checkbox:before {
+  content: "\ea52";
+}
+
+.glyph-checkboxes-filled:before {
+  content: "\ea53";
+}
+
+.glyph-checkboxes:before {
+  content: "\ea54";
+}
+
+.glyph-chevron-down-small:before {
+  content: "\ea55";
+}
+
+.glyph-chevron-down:before {
+  content: "\ea56";
+}
+
+.glyph-chevron-left-small:before {
+  content: "\ea57";
+}
+
+.glyph-chevron-left:before {
+  content: "\ea58";
+}
+
+.glyph-chevron-right-small:before {
+  content: "\ea59";
+}
+
+.glyph-chevron-right:before {
+  content: "\ea5a";
+}
+
+.glyph-chevron-up-small:before {
+  content: "\ea5b";
+}
+
+.glyph-chevron-up:before {
+  content: "\ea5c";
+}
+
+.glyph-circle-dot-filled:before {
+  content: "\ea5d";
+}
+
+.glyph-circle-dot:before {
+  content: "\ea5e";
+}
+
+.glyph-circle-filled:before {
+  content: "\ea5f";
+}
+
+.glyph-circle-pause-filled:before {
+  content: "\ea60";
+}
+
+.glyph-circle-pause:before {
+  content: "\ea61";
+}
+
+.glyph-circle-play-filled:before {
+  content: "\ea62";
+}
+
+.glyph-circle-play:before {
+  content: "\ea63";
+}
+
+.glyph-circle-stop-filled:before {
+  content: "\ea64";
+}
+
+.glyph-circle-stop:before {
+  content: "\ea65";
+}
+
+.glyph-circle:before {
+  content: "\ea66";
+}
+
+.glyph-clear-filter-filled:before {
+  content: "\ea67";
+}
+
+.glyph-clear-filter:before {
+  content: "\ea68";
+}
+
+.glyph-clear:before {
+  content: "\ea69";
+}
+
+.glyph-clock-filled:before {
+  content: "\ea6a";
+}
+
+.glyph-clock:before {
+  content: "\ea6b";
+}
+
+.glyph-close-small:before {
+  content: "\ea6c";
+}
+
+.glyph-close:before {
+  content: "\ea6d";
+}
+
+.glyph-cloud-download-add-filled:before {
+  content: "\ea6e";
+}
+
+.glyph-cloud-download-add:before {
+  content: "\ea6f";
+}
+
+.glyph-cloud-download-filled:before {
+  content: "\ea70";
+}
+
+.glyph-cloud-download-list-filled:before {
+  content: "\ea71";
+}
+
+.glyph-cloud-download-list:before {
+  content: "\ea72";
+}
+
+.glyph-cloud-download:before {
+  content: "\ea73";
+}
+
+.glyph-cloud-filled:before {
+  content: "\ea74";
+}
+
+.glyph-cloud-new-filled:before {
+  content: "\ea75";
+}
+
+.glyph-cloud-new:before {
+  content: "\ea76";
+}
+
+.glyph-cloud-success-filled:before {
+  content: "\ea77";
+}
+
+.glyph-cloud-success:before {
+  content: "\ea78";
+}
+
+.glyph-cloud-upload-filled:before {
+  content: "\ea79";
+}
+
+.glyph-cloud-upload:before {
+  content: "\ea7a";
+}
+
+.glyph-cloud:before {
+  content: "\ea7b";
+}
+
+.glyph-code:before {
+  content: "\ea7c";
+}
+
+.glyph-cogwheel-filled:before {
+  content: "\ea7d";
+}
+
+.glyph-cogwheel:before {
+  content: "\ea7e";
+}
+
+.glyph-combine:before {
+  content: "\ea7f";
+}
+
+.glyph-compact-disc-filled:before {
+  content: "\ea80";
+}
+
+.glyph-compact-disc:before {
+  content: "\ea81";
+}
+
+.glyph-compound-block:before {
+  content: "\ea82";
+}
+
+.glyph-configuration:before {
+  content: "\ea83";
+}
+
+.glyph-configure-filled:before {
+  content: "\ea84";
+}
+
+.glyph-configure:before {
+  content: "\ea85";
+}
+
+.glyph-connected:before {
+  content: "\ea86";
+}
+
+.glyph-connector-chart-filled:before {
+  content: "\ea87";
+}
+
+.glyph-connector-chart:before {
+  content: "\ea88";
+}
+
+.glyph-connector-filled:before {
+  content: "\ea89";
+}
+
+.glyph-connector-hex-filled:before {
+  content: "\ea8a";
+}
+
+.glyph-connector-hex:before {
+  content: "\ea8b";
+}
+
+.glyph-connector-rect-filled:before {
+  content: "\ea8c";
+}
+
+.glyph-connector-rect:before {
+  content: "\ea8d";
+}
+
+.glyph-connector-rhomb-filled:before {
+  content: "\ea8e";
+}
+
+.glyph-connector-rhomb:before {
+  content: "\ea8f";
+}
+
+.glyph-connector:before {
+  content: "\ea90";
+}
+
+.glyph-contact-details-filled:before {
+  content: "\ea91";
+}
+
+.glyph-contact-details:before {
+  content: "\ea92";
+}
+
+.glyph-context-menu:before {
+  content: "\ea93";
+}
+
+.glyph-controlled-device:before {
+  content: "\ea94";
+}
+
+.glyph-controller-device:before {
+  content: "\ea95";
+}
+
+.glyph-copy:before {
+  content: "\ea96";
+}
+
+.glyph-corner-arrow-up-left:before {
+  content: "\ea97";
+}
+
+.glyph-couch-filled:before {
+  content: "\ea98";
+}
+
+.glyph-couch:before {
+  content: "\ea99";
+}
+
+.glyph-create-plant-filled:before {
+  content: "\ea9a";
+}
+
+.glyph-create-plant:before {
+  content: "\ea9b";
+}
+
+.glyph-cut:before {
+  content: "\ea9c";
+}
+
+.glyph-cycle:before {
+  content: "\ea9d";
+}
+
+.glyph-data-egress:before {
+  content: "\ea9e";
+}
+
+.glyph-data-ingress-egress:before {
+  content: "\ea9f";
+}
+
+.glyph-data-ingress:before {
+  content: "\eaa0";
+}
+
+.glyph-database-filled:before {
+  content: "\eaa1";
+}
+
+.glyph-database:before {
+  content: "\eaa2";
+}
+
+.glyph-details:before {
+  content: "\eaa3";
+}
+
+.glyph-diagram-module-library:before {
+  content: "\eaa4";
+}
+
+.glyph-diagram-module-new:before {
+  content: "\eaa5";
+}
+
+.glyph-diagram-module:before {
+  content: "\eaa6";
+}
+
+.glyph-diamond:before {
+  content: "\eaa7";
+}
+
+.glyph-disconnected:before {
+  content: "\eaa8";
+}
+
+.glyph-disk-filled:before {
+  content: "\eaa9";
+}
+
+.glyph-disk-pen:before {
+  content: "\eaaa";
+}
+
+.glyph-disk:before {
+  content: "\eaab";
+}
+
+.glyph-doc-document:before {
+  content: "\eaac";
+}
+
+.glyph-document-bulk:before {
+  content: "\eaad";
+}
+
+.glyph-document-info:before {
+  content: "\eaae";
+}
+
+.glyph-document-link:before {
+  content: "\eaaf";
+}
+
+.glyph-document-management:before {
+  content: "\eab0";
+}
+
+.glyph-document-reference:before {
+  content: "\eab1";
+}
+
+.glyph-document-settings:before {
+  content: "\eab2";
+}
+
+.glyph-document-success:before {
+  content: "\eab3";
+}
+
+.glyph-document:before {
+  content: "\eab4";
+}
+
+.glyph-double-check:before {
+  content: "\eab5";
+}
+
+.glyph-double-chevron-down:before {
+  content: "\eab6";
+}
+
+.glyph-double-chevron-left:before {
+  content: "\eab7";
+}
+
+.glyph-double-chevron-right:before {
+  content: "\eab8";
+}
+
+.glyph-double-chevron-up:before {
+  content: "\eab9";
+}
+
+.glyph-doublet-filled:before {
+  content: "\eaba";
+}
+
+.glyph-doublet:before {
+  content: "\eabb";
+}
+
+.glyph-download-add:before {
+  content: "\eabc";
+}
+
+.glyph-download-list:before {
+  content: "\eabd";
+}
+
+.glyph-download:before {
+  content: "\eabe";
+}
+
+.glyph-drop:before {
+  content: "\eabf";
+}
+
+.glyph-duplicate-document:before {
+  content: "\eac0";
+}
+
+.glyph-duplicate:before {
+  content: "\eac1";
+}
+
+.glyph-e-mail-filled:before {
+  content: "\eac2";
+}
+
+.glyph-e-mail:before {
+  content: "\eac3";
+}
+
+.glyph-earth-filled:before {
+  content: "\eac4";
+}
+
+.glyph-earth:before {
+  content: "\eac5";
+}
+
+.glyph-edit-plant:before {
+  content: "\eac6";
+}
+
+.glyph-ellipse-arc:before {
+  content: "\eac7";
+}
+
+.glyph-ellipse-filled:before {
+  content: "\eac8";
+}
+
+.glyph-ellipse:before {
+  content: "\eac9";
+}
+
+.glyph-error-filled:before {
+  content: "\eaca";
+}
+
+.glyph-error:before {
+  content: "\eacb";
+}
+
+.glyph-explore-filled:before {
+  content: "\eacc";
+}
+
+.glyph-explore:before {
+  content: "\eacd";
+}
+
+.glyph-export:before {
+  content: "\eace";
+}
+
+.glyph-eye-cancelled-filled:before {
+  content: "\eacf";
+}
+
+.glyph-eye-cancelled:before {
+  content: "\ead0";
+}
+
+.glyph-eye-filled:before {
+  content: "\ead1";
+}
+
+.glyph-eye:before {
+  content: "\ead2";
+}
+
+.glyph-filter-filled:before {
+  content: "\ead3";
+}
+
+.glyph-filter-outline:before {
+  content: "\ead4";
+}
+
+.glyph-filter:before {
+  content: "\ead5";
+}
+
+.glyph-flag-filled:before {
+  content: "\ead6";
+}
+
+.glyph-flag:before {
+  content: "\ead7";
+}
+
+.glyph-folder-down-filled:before {
+  content: "\ead8";
+}
+
+.glyph-folder-down:before {
+  content: "\ead9";
+}
+
+.glyph-folder-filled:before {
+  content: "\eada";
+}
+
+.glyph-folder-new-filled:before {
+  content: "\eadb";
+}
+
+.glyph-folder-new-outline:before {
+  content: "\eadc";
+}
+
+.glyph-folder-new:before {
+  content: "\eadd";
+}
+
+.glyph-folder-open-filled:before {
+  content: "\eade";
+}
+
+.glyph-folder-open-outline:before {
+  content: "\eadf";
+}
+
+.glyph-folder-open:before {
+  content: "\eae0";
+}
+
+.glyph-folder-outline:before {
+  content: "\eae1";
+}
+
+.glyph-folder-up-filled:before {
+  content: "\eae2";
+}
+
+.glyph-folder-up:before {
+  content: "\eae3";
+}
+
+.glyph-folder:before {
+  content: "\eae4";
+}
+
+.glyph-full-screeen-exit:before {
+  content: "\eae5";
+}
+
+.glyph-full-screeen:before {
+  content: "\eae6";
+}
+
+.glyph-function-block-library:before {
+  content: "\eae7";
+}
+
+.glyph-function-block-new:before {
+  content: "\eae8";
+}
+
+.glyph-function-block:before {
+  content: "\eae9";
+}
+
+.glyph-function-diagram-new:before {
+  content: "\eaea";
+}
+
+.glyph-function-diagram:before {
+  content: "\eaeb";
+}
+
+.glyph-gauge-filled:before {
+  content: "\eaec";
+}
+
+.glyph-gauge:before {
+  content: "\eaed";
+}
+
+.glyph-gaugechart:before {
+  content: "\eaee";
+}
+
+.glyph-global-plant-filled:before {
+  content: "\eaef";
+}
+
+.glyph-global-plant:before {
+  content: "\eaf0";
+}
+
+.glyph-globe-filled:before {
+  content: "\eaf1";
+}
+
+.glyph-globe:before {
+  content: "\eaf2";
+}
+
+.glyph-goto:before {
+  content: "\eaf3";
+}
+
+.glyph-group:before {
+  content: "\eaf4";
+}
+
+.glyph-hardware-cabinet:before {
+  content: "\eaf5";
+}
+
+.glyph-health-filled:before {
+  content: "\eaf6";
+}
+
+.glyph-health:before {
+  content: "\eaf7";
+}
+
+.glyph-heart-filled:before {
+  content: "\eaf8";
+}
+
+.glyph-heart:before {
+  content: "\eaf9";
+}
+
+.glyph-hexagon-vertical-bars-database-filled:before {
+  content: "\eafa";
+}
+
+.glyph-hexagon-vertical-bars-database:before {
+  content: "\eafb";
+}
+
+.glyph-hexagon-vertical-bars-filled:before {
+  content: "\eafc";
+}
+
+.glyph-hexagon-vertical-bars:before {
+  content: "\eafd";
+}
+
+.glyph-hierarchy:before {
+  content: "\eafe";
+}
+
+.glyph-highlight-filled:before {
+  content: "\eaff";
+}
+
+.glyph-highlight:before {
+  content: "\eb00";
+}
+
+.glyph-history-list:before {
+  content: "\eb01";
+}
+
+.glyph-history:before {
+  content: "\eb02";
+}
+
+.glyph-home-filled:before {
+  content: "\eb03";
+}
+
+.glyph-home:before {
+  content: "\eb04";
+}
+
+.glyph-hourglass:before {
+  content: "\eb05";
+}
+
+.glyph-image-filled:before {
+  content: "\eb06";
+}
+
+.glyph-image:before {
+  content: "\eb07";
+}
+
+.glyph-import:before {
+  content: "\eb08";
+}
+
+.glyph-info-feed:before {
+  content: "\eb09";
+}
+
+.glyph-info-filled:before {
+  content: "\eb0a";
+}
+
+.glyph-info:before {
+  content: "\eb0b";
+}
+
+.glyph-ingestion-report:before {
+  content: "\eb0c";
+}
+
+.glyph-ingestion:before {
+  content: "\eb0d";
+}
+
+.glyph-ink-pen:before {
+  content: "\eb0e";
+}
+
+.glyph-inquiry-filled:before {
+  content: "\eb0f";
+}
+
+.glyph-inquiry-mail:before {
+  content: "\eb10";
+}
+
+.glyph-inquiry:before {
+  content: "\eb11";
+}
+
+.glyph-item-details-filled:before {
+  content: "\eb12";
+}
+
+.glyph-item-details:before {
+  content: "\eb13";
+}
+
+.glyph-label-filled:before {
+  content: "\eb14";
+}
+
+.glyph-label:before {
+  content: "\eb15";
+}
+
+.glyph-language-filled:before {
+  content: "\eb16";
+}
+
+.glyph-language:before {
+  content: "\eb17";
+}
+
+.glyph-layers-filled:before {
+  content: "\eb18";
+}
+
+.glyph-layers:before {
+  content: "\eb19";
+}
+
+.glyph-leaf:before {
+  content: "\eb1a";
+}
+
+.glyph-legal:before {
+  content: "\eb1b";
+}
+
+.glyph-library-new:before {
+  content: "\eb1c";
+}
+
+.glyph-library:before {
+  content: "\eb1d";
+}
+
+.glyph-license:before {
+  content: "\eb1e";
+}
+
+.glyph-line-diagonal:before {
+  content: "\eb1f";
+}
+
+.glyph-link:before {
+  content: "\eb20";
+}
+
+.glyph-list:before {
+  content: "\eb21";
+}
+
+.glyph-live-schedule:before {
+  content: "\eb22";
+}
+
+.glyph-location-filled:before {
+  content: "\eb23";
+}
+
+.glyph-location-outline:before {
+  content: "\eb24";
+}
+
+.glyph-location:before {
+  content: "\eb25";
+}
+
+.glyph-lock-filled:before {
+  content: "\eb26";
+}
+
+.glyph-lock-key-filled:before {
+  content: "\eb27";
+}
+
+.glyph-lock-key:before {
+  content: "\eb28";
+}
+
+.glyph-lock:before {
+  content: "\eb29";
+}
+
+.glyph-log-in:before {
+  content: "\eb2a";
+}
+
+.glyph-log-out:before {
+  content: "\eb2b";
+}
+
+.glyph-log:before {
+  content: "\eb2c";
+}
+
+.glyph-logic-diagram:before {
+  content: "\eb2d";
+}
+
+.glyph-lower-limit:before {
+  content: "\eb2e";
+}
+
+.glyph-mail-filled:before {
+  content: "\eb2f";
+}
+
+.glyph-mail:before {
+  content: "\eb30";
+}
+
+.glyph-maintenance-documents:before {
+  content: "\eb31";
+}
+
+.glyph-maintenance-info:before {
+  content: "\eb32";
+}
+
+.glyph-maintenance-warning-filled:before {
+  content: "\eb33";
+}
+
+.glyph-maintenance-warning:before {
+  content: "\eb34";
+}
+
+.glyph-maintenance:before {
+  content: "\eb35";
+}
+
+.glyph-mandatory-done:before {
+  content: "\eb36";
+}
+
+.glyph-mandatory:before {
+  content: "\eb37";
+}
+
+.glyph-map:before {
+  content: "\eb38";
+}
+
+.glyph-maximize:before {
+  content: "\eb39";
+}
+
+.glyph-microphone-filled:before {
+  content: "\eb3a";
+}
+
+.glyph-microphone:before {
+  content: "\eb3b";
+}
+
+.glyph-minimize:before {
+  content: "\eb3c";
+}
+
+.glyph-minus:before {
+  content: "\eb3d";
+}
+
+.glyph-mix:before {
+  content: "\eb3e";
+}
+
+.glyph-monitor-filled:before {
+  content: "\eb3f";
+}
+
+.glyph-monitor-trend:before {
+  content: "\eb40";
+}
+
+.glyph-monitor:before {
+  content: "\eb41";
+}
+
+.glyph-moon-filled:before {
+  content: "\eb42";
+}
+
+.glyph-moon:before {
+  content: "\eb43";
+}
+
+.glyph-more-menu:before {
+  content: "\eb44";
+}
+
+.glyph-mouse-click-filled:before {
+  content: "\eb45";
+}
+
+.glyph-mouse-click:before {
+  content: "\eb46";
+}
+
+.glyph-mouse-select-filled:before {
+  content: "\eb47";
+}
+
+.glyph-mouse-select:before {
+  content: "\eb48";
+}
+
+.glyph-mp4-document:before {
+  content: "\eb49";
+}
+
+.glyph-namur-check-function-filled:before {
+  content: "\eb4a";
+}
+
+.glyph-namur-check-function:before {
+  content: "\eb4b";
+}
+
+.glyph-namur-failure-filled:before {
+  content: "\eb4c";
+}
+
+.glyph-namur-failure:before {
+  content: "\eb4d";
+}
+
+.glyph-namur-maintenance-required-filled:before {
+  content: "\eb4e";
+}
+
+.glyph-namur-maintenance-required:before {
+  content: "\eb4f";
+}
+
+.glyph-namur-ok-filled:before {
+  content: "\eb50";
+}
+
+.glyph-namur-ok:before {
+  content: "\eb51";
+}
+
+.glyph-namur-out-of-spec-filled:before {
+  content: "\eb52";
+}
+
+.glyph-namur-out-of-spec:before {
+  content: "\eb53";
+}
+
+.glyph-navigation-filled:before {
+  content: "\eb54";
+}
+
+.glyph-navigation-left:before {
+  content: "\eb55";
+}
+
+.glyph-navigation-right:before {
+  content: "\eb56";
+}
+
+.glyph-navigation:before {
+  content: "\eb57";
+}
+
+.glyph-new-indicator-filled:before {
+  content: "\eb58";
+}
+
+.glyph-new-indicator:before {
+  content: "\eb59";
+}
+
+.glyph-no-filter-filled:before {
+  content: "\eb5a";
+}
+
+.glyph-no-filter:before {
+  content: "\eb5b";
+}
+
+.glyph-note-filled:before {
+  content: "\eb5c";
+}
+
+.glyph-note:before {
+  content: "\eb5d";
+}
+
+.glyph-notification-filled:before {
+  content: "\eb5e";
+}
+
+.glyph-notification:before {
+  content: "\eb5f";
+}
+
+.glyph-notifications-filled:before {
+  content: "\eb60";
+}
+
+.glyph-notifications:before {
+  content: "\eb61";
+}
+
+.glyph-ontology-filled:before {
+  content: "\eb62";
+}
+
+.glyph-ontology:before {
+  content: "\eb63";
+}
+
+.glyph-open-external:before {
+  content: "\eb64";
+}
+
+.glyph-open-file-filled:before {
+  content: "\eb65";
+}
+
+.glyph-open-file:before {
+  content: "\eb66";
+}
+
+.glyph-operate-plant-filled:before {
+  content: "\eb67";
+}
+
+.glyph-operate-plant:before {
+  content: "\eb68";
+}
+
+.glyph-optimize:before {
+  content: "\eb69";
+}
+
+.glyph-p-and-i-symbols:before {
+  content: "\eb6a";
+}
+
+.glyph-p-i-diagram:before {
+  content: "\eb6b";
+}
+
+.glyph-pan:before {
+  content: "\eb6c";
+}
+
+.glyph-paste:before {
+  content: "\eb6d";
+}
+
+.glyph-pause:before {
+  content: "\eb6e";
+}
+
+.glyph-pc-tower-filled:before {
+  content: "\eb6f";
+}
+
+.glyph-pc-tower:before {
+  content: "\eb70";
+}
+
+.glyph-pdf-document:before {
+  content: "\eb71";
+}
+
+.glyph-pen-filled:before {
+  content: "\eb72";
+}
+
+.glyph-pen:before {
+  content: "\eb73";
+}
+
+.glyph-phone-filled:before {
+  content: "\eb74";
+}
+
+.glyph-phone:before {
+  content: "\eb75";
+}
+
+.glyph-photo-camera-filled:before {
+  content: "\eb76";
+}
+
+.glyph-photo-camera:before {
+  content: "\eb77";
+}
+
+.glyph-piechart-filled:before {
+  content: "\eb78";
+}
+
+.glyph-piechart:before {
+  content: "\eb79";
+}
+
+.glyph-pin-filled:before {
+  content: "\eb7a";
+}
+
+.glyph-pin:before {
+  content: "\eb7b";
+}
+
+.glyph-plant-filled:before {
+  content: "\eb7c";
+}
+
+.glyph-plant-handbook-filled:before {
+  content: "\eb7d";
+}
+
+.glyph-plant-handbook:before {
+  content: "\eb7e";
+}
+
+.glyph-plant-outline:before {
+  content: "\eb7f";
+}
+
+.glyph-plant-security:before {
+  content: "\eb80";
+}
+
+.glyph-plant-settings-filled:before {
+  content: "\eb81";
+}
+
+.glyph-plant-settings:before {
+  content: "\eb82";
+}
+
+.glyph-plant-user-filled:before {
+  content: "\eb83";
+}
+
+.glyph-plant-user:before {
+  content: "\eb84";
+}
+
+.glyph-plant:before {
+  content: "\eb85";
+}
+
+.glyph-plants-filled:before {
+  content: "\eb86";
+}
+
+.glyph-plants:before {
+  content: "\eb87";
+}
+
+.glyph-play-filled:before {
+  content: "\eb88";
+}
+
+.glyph-play:before {
+  content: "\eb89";
+}
+
+.glyph-plus-minus-times-divide:before {
+  content: "\eb8a";
+}
+
+.glyph-plus:before {
+  content: "\eb8b";
+}
+
+.glyph-point-up-filled:before {
+  content: "\eb8c";
+}
+
+.glyph-point-up:before {
+  content: "\eb8d";
+}
+
+.glyph-polar-plot:before {
+  content: "\eb8e";
+}
+
+.glyph-polygon-filled:before {
+  content: "\eb8f";
+}
+
+.glyph-polygon-line:before {
+  content: "\eb90";
+}
+
+.glyph-polygon:before {
+  content: "\eb91";
+}
+
+.glyph-ppt-document:before {
+  content: "\eb92";
+}
+
+.glyph-print-filled:before {
+  content: "\eb93";
+}
+
+.glyph-print:before {
+  content: "\eb94";
+}
+
+.glyph-prio-high:before {
+  content: "\eb95";
+}
+
+.glyph-prio-low:before {
+  content: "\eb96";
+}
+
+.glyph-prio-middle:before {
+  content: "\eb97";
+}
+
+.glyph-product-catalog:before {
+  content: "\eb98";
+}
+
+.glyph-product-management:before {
+  content: "\eb99";
+}
+
+.glyph-product:before {
+  content: "\eb9a";
+}
+
+.glyph-project-configuration:before {
+  content: "\eb9b";
+}
+
+.glyph-project-new:before {
+  content: "\eb9c";
+}
+
+.glyph-project:before {
+  content: "\eb9d";
+}
+
+.glyph-protocol:before {
+  content: "\eb9e";
+}
+
+.glyph-publish-document:before {
+  content: "\eb9f";
+}
+
+.glyph-publish:before {
+  content: "\eba0";
+}
+
+.glyph-qr-code:before {
+  content: "\eba1";
+}
+
+.glyph-quality-report:before {
+  content: "\eba2";
+}
+
+.glyph-question-filled:before {
+  content: "\eba3";
+}
+
+.glyph-question:before {
+  content: "\eba4";
+}
+
+.glyph-radarchart:before {
+  content: "\eba5";
+}
+
+.glyph-radio-waves-off:before {
+  content: "\eba6";
+}
+
+.glyph-radio-waves:before {
+  content: "\eba7";
+}
+
+.glyph-random-filled:before {
+  content: "\eba8";
+}
+
+.glyph-random:before {
+  content: "\eba9";
+}
+
+.glyph-rectangle-filled:before {
+  content: "\ebaa";
+}
+
+.glyph-rectangle:before {
+  content: "\ebab";
+}
+
+.glyph-redo:before {
+  content: "\ebac";
+}
+
+.glyph-reference:before {
+  content: "\ebad";
+}
+
+.glyph-refresh-cancelled:before {
+  content: "\ebae";
+}
+
+.glyph-refresh:before {
+  content: "\ebaf";
+}
+
+.glyph-reload:before {
+  content: "\ebb0";
+}
+
+.glyph-remove-eye-filled:before {
+  content: "\ebb1";
+}
+
+.glyph-remove-eye:before {
+  content: "\ebb2";
+}
+
+.glyph-rename:before {
+  content: "\ebb3";
+}
+
+.glyph-report-barchart:before {
+  content: "\ebb4";
+}
+
+.glyph-report-linechart:before {
+  content: "\ebb5";
+}
+
+.glyph-report-text:before {
+  content: "\ebb6";
+}
+
+.glyph-reset:before {
+  content: "\ebb7";
+}
+
+.glyph-rhomb-filled:before {
+  content: "\ebb8";
+}
+
+.glyph-rhomb:before {
+  content: "\ebb9";
+}
+
+.glyph-rocket-filled:before {
+  content: "\ebba";
+}
+
+.glyph-rocket:before {
+  content: "\ebbb";
+}
+
+.glyph-scatterplot:before {
+  content: "\ebbc";
+}
+
+.glyph-scheduler-filled:before {
+  content: "\ebbd";
+}
+
+.glyph-scheduler:before {
+  content: "\ebbe";
+}
+
+.glyph-screen-filled:before {
+  content: "\ebbf";
+}
+
+.glyph-screen:before {
+  content: "\ebc0";
+}
+
+.glyph-screenshot-filled:before {
+  content: "\ebc1";
+}
+
+.glyph-screenshot:before {
+  content: "\ebc2";
+}
+
+.glyph-search:before {
+  content: "\ebc3";
+}
+
+.glyph-share-filled:before {
+  content: "\ebc4";
+}
+
+.glyph-share:before {
+  content: "\ebc5";
+}
+
+.glyph-shopping-cart-filled:before {
+  content: "\ebc6";
+}
+
+.glyph-shopping-cart:before {
+  content: "\ebc7";
+}
+
+.glyph-shout-filled:before {
+  content: "\ebc8";
+}
+
+.glyph-shout:before {
+  content: "\ebc9";
+}
+
+.glyph-sign-language:before {
+  content: "\ebca";
+}
+
+.glyph-signal-strength-0:before {
+  content: "\ebcb";
+}
+
+.glyph-signal-strength-1:before {
+  content: "\ebcc";
+}
+
+.glyph-signal-strength-2:before {
+  content: "\ebcd";
+}
+
+.glyph-signal-strength-3:before {
+  content: "\ebce";
+}
+
+.glyph-signal-strength-4:before {
+  content: "\ebcf";
+}
+
+.glyph-signal-strength-5:before {
+  content: "\ebd0";
+}
+
+.glyph-signal-strength-6:before {
+  content: "\ebd1";
+}
+
+.glyph-signal-strength-7:before {
+  content: "\ebd2";
+}
+
+.glyph-signal-strength-8:before {
+  content: "\ebd3";
+}
+
+.glyph-simit-component:before {
+  content: "\ebd4";
+}
+
+.glyph-simit-macro-component-editor:before {
+  content: "\ebd5";
+}
+
+.glyph-simit-macro:before {
+  content: "\ebd6";
+}
+
+.glyph-single-check:before {
+  content: "\ebd7";
+}
+
+.glyph-skip-back-filled:before {
+  content: "\ebd8";
+}
+
+.glyph-skip-back:before {
+  content: "\ebd9";
+}
+
+.glyph-skip-filled:before {
+  content: "\ebda";
+}
+
+.glyph-skip:before {
+  content: "\ebdb";
+}
+
+.glyph-snowflake:before {
+  content: "\ebdc";
+}
+
+.glyph-sort-ascending:before {
+  content: "\ebdd";
+}
+
+.glyph-sort-descending:before {
+  content: "\ebde";
+}
+
+.glyph-sort:before {
+  content: "\ebdf";
+}
+
+.glyph-sound-loud-filled:before {
+  content: "\ebe0";
+}
+
+.glyph-sound-loud:before {
+  content: "\ebe1";
+}
+
+.glyph-sound-mute-filled:before {
+  content: "\ebe2";
+}
+
+.glyph-sound-mute:before {
+  content: "\ebe3";
+}
+
+.glyph-sound-off-filled:before {
+  content: "\ebe4";
+}
+
+.glyph-sound-off:before {
+  content: "\ebe5";
+}
+
+.glyph-sound-quiet-filled:before {
+  content: "\ebe6";
+}
+
+.glyph-sound-quiet:before {
+  content: "\ebe7";
+}
+
+.glyph-spatial:before {
+  content: "\ebe8";
+}
+
+.glyph-split-horizontally:before {
+  content: "\ebe9";
+}
+
+.glyph-split-vertically:before {
+  content: "\ebea";
+}
+
+.glyph-star-add-filled:before {
+  content: "\ebeb";
+}
+
+.glyph-star-add:before {
+  content: "\ebec";
+}
+
+.glyph-star-cancelled-filled:before {
+  content: "\ebed";
+}
+
+.glyph-star-cancelled:before {
+  content: "\ebee";
+}
+
+.glyph-star-filled:before {
+  content: "\ebef";
+}
+
+.glyph-star-list-filled:before {
+  content: "\ebf0";
+}
+
+.glyph-star-list:before {
+  content: "\ebf1";
+}
+
+.glyph-star:before {
+  content: "\ebf2";
+}
+
+.glyph-start-data-analysis:before {
+  content: "\ebf3";
+}
+
+.glyph-stop-filled:before {
+  content: "\ebf4";
+}
+
+.glyph-stop:before {
+  content: "\ebf5";
+}
+
+.glyph-success-filled:before {
+  content: "\ebf6";
+}
+
+.glyph-success:before {
+  content: "\ebf7";
+}
+
+.glyph-sun-filled:before {
+  content: "\ebf8";
+}
+
+.glyph-sun:before {
+  content: "\ebf9";
+}
+
+.glyph-support:before {
+  content: "\ebfa";
+}
+
+.glyph-surveillance-filled:before {
+  content: "\ebfb";
+}
+
+.glyph-surveillance:before {
+  content: "\ebfc";
+}
+
+.glyph-svg-document:before {
+  content: "\ebfd";
+}
+
+.glyph-swap-left-right:before {
+  content: "\ebfe";
+}
+
+.glyph-switch-slider:before {
+  content: "\ebff";
+}
+
+.glyph-table-columns:before {
+  content: "\ec00";
+}
+
+.glyph-table-rows:before {
+  content: "\ec01";
+}
+
+.glyph-table-settings:before {
+  content: "\ec02";
+}
+
+.glyph-table:before {
+  content: "\ec03";
+}
+
+.glyph-tag-filled:before {
+  content: "\ec04";
+}
+
+.glyph-tag-plus-filled:before {
+  content: "\ec05";
+}
+
+.glyph-tag-plus:before {
+  content: "\ec06";
+}
+
+.glyph-tag:before {
+  content: "\ec07";
+}
+
+.glyph-tasks-all:before {
+  content: "\ec08";
+}
+
+.glyph-tasks-done:before {
+  content: "\ec09";
+}
+
+.glyph-tasks-open:before {
+  content: "\ec0a";
+}
+
+.glyph-text-circle-rectangle-filled:before {
+  content: "\ec0b";
+}
+
+.glyph-text-circle-rectangle:before {
+  content: "\ec0c";
+}
+
+.glyph-text-document:before {
+  content: "\ec0d";
+}
+
+.glyph-text:before {
+  content: "\ec0e";
+}
+
+.glyph-threshold-cancelled:before {
+  content: "\ec0f";
+}
+
+.glyph-threshold-off:before {
+  content: "\ec10";
+}
+
+.glyph-threshold-on:before {
+  content: "\ec11";
+}
+
+.glyph-to-be-published:before {
+  content: "\ec12";
+}
+
+.glyph-to-search:before {
+  content: "\ec13";
+}
+
+.glyph-topic-filled:before {
+  content: "\ec14";
+}
+
+.glyph-topic:before {
+  content: "\ec15";
+}
+
+.glyph-touch-filled:before {
+  content: "\ec16";
+}
+
+.glyph-touch:before {
+  content: "\ec17";
+}
+
+.glyph-trashcan-filled:before {
+  content: "\ec18";
+}
+
+.glyph-trashcan:before {
+  content: "\ec19";
+}
+
+.glyph-tree:before {
+  content: "\ec1a";
+}
+
+.glyph-trend:before {
+  content: "\ec1b";
+}
+
+.glyph-triangle-filled:before {
+  content: "\ec1c";
+}
+
+.glyph-triangle:before {
+  content: "\ec1d";
+}
+
+.glyph-tulip-filled:before {
+  content: "\ec1e";
+}
+
+.glyph-tulip:before {
+  content: "\ec1f";
+}
+
+.glyph-txt-document:before {
+  content: "\ec20";
+}
+
+.glyph-undo:before {
+  content: "\ec21";
+}
+
+.glyph-ungroup:before {
+  content: "\ec22";
+}
+
+.glyph-unlock-filled:before {
+  content: "\ec23";
+}
+
+.glyph-unlock-plant-filled:before {
+  content: "\ec24";
+}
+
+.glyph-unlock-plant:before {
+  content: "\ec25";
+}
+
+.glyph-unlock:before {
+  content: "\ec26";
+}
+
+.glyph-upload-document-note:before {
+  content: "\ec27";
+}
+
+.glyph-upload-success:before {
+  content: "\ec28";
+}
+
+.glyph-upload:before {
+  content: "\ec29";
+}
+
+.glyph-upper-limit:before {
+  content: "\ec2a";
+}
+
+.glyph-user-check-filled:before {
+  content: "\ec2b";
+}
+
+.glyph-user-check:before {
+  content: "\ec2c";
+}
+
+.glyph-user-filled:before {
+  content: "\ec2d";
+}
+
+.glyph-user-management-filled:before {
+  content: "\ec2e";
+}
+
+.glyph-user-management:before {
+  content: "\ec2f";
+}
+
+.glyph-user-profile-filled:before {
+  content: "\ec30";
+}
+
+.glyph-user-profile:before {
+  content: "\ec31";
+}
+
+.glyph-user-settings-filled:before {
+  content: "\ec32";
+}
+
+.glyph-user-settings:before {
+  content: "\ec33";
+}
+
+.glyph-user:before {
+  content: "\ec34";
+}
+
+.glyph-validate:before {
+  content: "\ec35";
+}
+
+.glyph-vdi-folder:before {
+  content: "\ec36";
+}
+
+.glyph-version-history:before {
+  content: "\ec37";
+}
+
+.glyph-video-file-filled:before {
+  content: "\ec38";
+}
+
+.glyph-video-file:before {
+  content: "\ec39";
+}
+
+.glyph-warning-filled:before {
+  content: "\ec3a";
+}
+
+.glyph-warning-rhomb-filled:before {
+  content: "\ec3b";
+}
+
+.glyph-warning-rhomb:before {
+  content: "\ec3c";
+}
+
+.glyph-warning:before {
+  content: "\ec3d";
+}
+
+.glyph-water-bathing:before {
+  content: "\ec3e";
+}
+
+.glyph-water-fish:before {
+  content: "\ec3f";
+}
+
+.glyph-water-sunbathing:before {
+  content: "\ec40";
+}
+
+.glyph-waveform:before {
+  content: "\ec41";
+}
+
+.glyph-webcam-filled:before {
+  content: "\ec42";
+}
+
+.glyph-webcam:before {
+  content: "\ec43";
+}
+
+.glyph-wlan-off:before {
+  content: "\ec44";
+}
+
+.glyph-wlan-strength-0:before {
+  content: "\ec45";
+}
+
+.glyph-wlan-strength-1:before {
+  content: "\ec46";
+}
+
+.glyph-wlan-strength-2:before {
+  content: "\ec47";
+}
+
+.glyph-wlan-strength-3:before {
+  content: "\ec48";
+}
+
+.glyph-work-case-filled:before {
+  content: "\ec49";
+}
+
+.glyph-work-case:before {
+  content: "\ec4a";
+}
+
+.glyph-x-axis-settings:before {
+  content: "\ec4b";
+}
+
+.glyph-xls-document:before {
+  content: "\ec4c";
+}
+
+.glyph-xml-document:before {
+  content: "\ec4d";
+}
+
+.glyph-y-axis-settings:before {
+  content: "\ec4e";
+}
+
+.glyph-youtube-filled:before {
+  content: "\ec4f";
+}
+
+.glyph-youtube:before {
+  content: "\ec50";
+}
+
+.glyph-zoom-in:before {
+  content: "\ec51";
+}
+
+.glyph-zoom-out:before {
+  content: "\ec52";
+}
+
+.glyph-zoom-selection:before {
+  content: "\ec53";
+}
+
+:host {
+  display: inline-flex;
+  height: 1.5rem;
+  width: 1.5rem;
+}
+:host i {
+  color: inherit;
+  transition: color 150ms;
+}
+:host .svg-container {
+  display: block;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+:host .svg-container > svg {
+  height: 1.5rem;
+  width: 1.5rem;
+}
+:host .svg-container > svg [fill] {
+  fill: var(--theme-color-std-text);
+}
+:host .skeleton-box {
+  display: inline-block;
+  height: 1em;
+  position: relative;
+  overflow: hidden;
+  background-color: #dddbdd;
+}
+:host .skeleton-box::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transform: translateX(-100%);
+  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
+  animation: shimmer 2s infinite;
+  content: "";
+}
+@keyframes shimmer {
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+:host(.size-12) {
+  height: 0.75rem;
+  width: 0.75rem;
+}
+:host(.size-12) .svg-container > svg {
+  height: 0.75rem;
+  width: 0.75rem;
+}
+
+:host(.size-16) {
+  height: 1rem;
+  width: 1rem;
+}
+:host(.size-16) .svg-container > svg {
+  height: 1rem;
+  width: 1rem;
+}
+
+:host(.size-32) {
+  height: 2rem;
+  width: 2rem;
+}
+:host(.size-32) .svg-container > svg {
+  height: 2rem;
+  width: 2rem;
+}