@odx/icons 3.48.0 → 4.0.0-rc.2

package/safety/safety-icons.scss

@@ -1,2644 +0,0 @@
-@use "safety-utils" as utils;
-
-@font-face {
-  font-family: safety-icons;
-  src: url('safety-icons.eot');
-  src: url('safety-icons.eot?#iefix') format('embedded-opentype'),
-  url('safety-icons.woff') format('woff'),
-  url('safety-icons.ttf') format('truetype');
-  font-style: normal;
-  font-weight: 400;
-}
-
-.odx-icon {
-  display: inline-block;
-  position: relative;
-  height: 1em;
-  width: 1em;
-  transform: translate(0, 0);
-  text-rendering: auto;
-  vertical-align: middle;
-  font-size: inherit;
-  font-weight: 400;
-  line-height: 1;
-  font-style: normal;
-  font-variant: normal;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-
-  &[data-icon-set="safety"] {
-    font-family: 'safety-icons';
-  }
-}
-
-.odx-icon span::before {
-  z-index: 1;
-}
-
-.odx-icon span::after {
-  z-index: 2;
-}
-
-.odx-icon::before,
-.odx-icon::after,
-.odx-icon span::before,
-.odx-icon span::after {
-  display: block;
-  position: absolute;
-  white-space: normal;
-  text-indent: 0;
-  speak: none;
-  top: 0;
-  left: 0;
-}
-
-
-.odx-icon[data-icon-rotate] {
-  transform: rotate(var(--odx-icon-rotation));
-}
-
-.odx-icon[data-icon-rotate="90deg"] {
-  --odx-icon-rotation: 90deg;
-}
-
-.odx-icon[data-icon-rotate="180deg"] {
-  --odx-icon-rotation: 180deg;
-}
-
-.odx-icon[data-icon-rotate="270deg"] {
-  --odx-icon-rotation: 270deg;
-}
-
-.odx-icon[data-icon-flip="horizontal"] {
-  transform: scaleX(-1);
-}
-
-.odx-icon[data-icon-flip="vertical"] {
-  transform: scaleY(-1);
-}
-
-.odx-icon[data-icon-flip="both"] {
-  transform: scale(-1);
-}
-
-[data-icon-set="safety"] {
-    &[data-icon-name="absorber"]::before {
-      content: utils.get-icon-glyph("absorber");
-    }
-    &[data-icon-name="absorber-absent"]::before {
-      content: utils.get-icon-glyph("absorber-absent");
-    }
-    &[data-icon-name="absorber-absent"]::after {
-      content: utils.get-icon-glyph("absorber-absent-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="absorber-absent"] span::before {
-      content: utils.get-icon-glyph("absorber-absent-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="absorber-add"]::before {
-      content: utils.get-icon-glyph("absorber-add");
-    }
-    &[data-icon-name="absorber-ok"]::before {
-      content: utils.get-icon-glyph("absorber-ok");
-    }
-    &[data-icon-name="absorber-ok"]::after {
-      content: utils.get-icon-glyph("absorber-ok-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="absorber-ok"] span::before {
-      content: utils.get-icon-glyph("absorber-ok-part2");
-      color: #002766;
-    }
-    &[data-icon-name="absorber-query"]::before {
-      content: utils.get-icon-glyph("absorber-query");
-    }
-    &[data-icon-name="absorber-warning"]::before {
-      content: utils.get-icon-glyph("absorber-warning");
-    }
-    &[data-icon-name="absorber-warning"]::after {
-      content: utils.get-icon-glyph("absorber-warning-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="absorber-warning"] span::before {
-      content: utils.get-icon-glyph("absorber-warning-part2");
-      color: #002766;
-    }
-    &[data-icon-name="accessories"]::before {
-      content: utils.get-icon-glyph("accessories");
-    }
-    &[data-icon-name="acknowledge-all"]::before {
-      content: utils.get-icon-glyph("acknowledge-all");
-    }
-    &[data-icon-name="acknowledge-all"]::after {
-      content: utils.get-icon-glyph("acknowledge-all-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="acknowledge-all"] span::before {
-      content: utils.get-icon-glyph("acknowledge-all-part2");
-      color: #002766;
-    }
-    &[data-icon-name="acknowledge"]::before {
-      content: utils.get-icon-glyph("acknowledge");
-    }
-    &[data-icon-name="acknowledge"]::after {
-      content: utils.get-icon-glyph("acknowledge-part1");
-    }
-    &[data-icon-name="acknowledge"] span::before {
-      content: utils.get-icon-glyph("acknowledge-part2");
-      color: #00DD31;
-    }
-    &[data-icon-name="acknowledge"] span::after {
-      content: utils.get-icon-glyph("acknowledge-part3");
-      color: #002766;
-    }
-    &[data-icon-name="address"]::before {
-      content: utils.get-icon-glyph("address");
-    }
-    &[data-icon-name="adjust"]::before {
-      content: utils.get-icon-glyph("adjust");
-    }
-    &[data-icon-name="agriculture"]::before {
-      content: utils.get-icon-glyph("agriculture");
-    }
-    &[data-icon-name="alarm"]::before {
-      content: utils.get-icon-glyph("alarm");
-    }
-    &[data-icon-name="alarm-co2-off"]::before {
-      content: utils.get-icon-glyph("alarm-co2-off");
-    }
-    &[data-icon-name="alarm-stel"]::before {
-      content: utils.get-icon-glyph("alarm-stel");
-    }
-    &[data-icon-name="alarm-twa"]::before {
-      content: utils.get-icon-glyph("alarm-twa");
-    }
-    &[data-icon-name="alarm1-a1"]::before {
-      content: utils.get-icon-glyph("alarm1-a1");
-    }
-    &[data-icon-name="alarm1-a2"]::before {
-      content: utils.get-icon-glyph("alarm1-a2");
-    }
-    &[data-icon-name="alarm1-a3"]::before {
-      content: utils.get-icon-glyph("alarm1-a3");
-    }
-    &[data-icon-name="alarm1-a4"]::before {
-      content: utils.get-icon-glyph("alarm1-a4");
-    }
-    &[data-icon-name="alarm1-a5"]::before {
-      content: utils.get-icon-glyph("alarm1-a5");
-    }
-    &[data-icon-name="alarm1-a6"]::before {
-      content: utils.get-icon-glyph("alarm1-a6");
-    }
-    &[data-icon-name="alarm1-a7"]::before {
-      content: utils.get-icon-glyph("alarm1-a7");
-    }
-    &[data-icon-name="alarm1-a8"]::before {
-      content: utils.get-icon-glyph("alarm1-a8");
-    }
-    &[data-icon-name="alarm1-average"]::before {
-      content: utils.get-icon-glyph("alarm1-average");
-    }
-    &[data-icon-name="alarm1-average-a1"]::before {
-      content: utils.get-icon-glyph("alarm1-average-a1");
-    }
-    &[data-icon-name="alarm1-average-a2"]::before {
-      content: utils.get-icon-glyph("alarm1-average-a2");
-    }
-    &[data-icon-name="alarm1-average-a3"]::before {
-      content: utils.get-icon-glyph("alarm1-average-a3");
-    }
-    &[data-icon-name="alarm1-average-a4"]::before {
-      content: utils.get-icon-glyph("alarm1-average-a4");
-    }
-    &[data-icon-name="alarm3-a1"]::before {
-      content: utils.get-icon-glyph("alarm3-a1");
-      color: #FFF;
-    }
-    &[data-icon-name="alarm3-a1"]::after {
-      content: utils.get-icon-glyph("alarm3-a1-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="alarm3-a2"]::before {
-      content: utils.get-icon-glyph("alarm3-a2");
-      color: #FFF;
-    }
-    &[data-icon-name="alarm3-a2"]::after {
-      content: utils.get-icon-glyph("alarm3-a2-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="alarm3-panic"]::before {
-      content: utils.get-icon-glyph("alarm3-panic");
-      color: #FFF;
-    }
-    &[data-icon-name="alarm3-panic"]::after {
-      content: utils.get-icon-glyph("alarm3-panic-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="alarm3-protection"]::before {
-      content: utils.get-icon-glyph("alarm3-protection");
-      color: #FFF;
-    }
-    &[data-icon-name="alarm3-protection"]::after {
-      content: utils.get-icon-glyph("alarm3-protection-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="alarm3-sos"]::before {
-      content: utils.get-icon-glyph("alarm3-sos");
-      color: #FFF;
-    }
-    &[data-icon-name="alarm3-sos"]::after {
-      content: utils.get-icon-glyph("alarm3-sos-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="alarm3-stel"]::before {
-      content: utils.get-icon-glyph("alarm3-stel");
-      color: #FFF;
-    }
-    &[data-icon-name="alarm3-stel"]::after {
-      content: utils.get-icon-glyph("alarm3-stel-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="alarm3-twa"]::before {
-      content: utils.get-icon-glyph("alarm3-twa");
-      color: #FFF;
-    }
-    &[data-icon-name="alarm3-twa"]::after {
-      content: utils.get-icon-glyph("alarm3-twa-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="alcotest-3820"]::before {
-      content: utils.get-icon-glyph("alcotest-3820");
-    }
-    &[data-icon-name="alcotest-5820"]::before {
-      content: utils.get-icon-glyph("alcotest-5820");
-    }
-    &[data-icon-name="alcotest-6820"]::before {
-      content: utils.get-icon-glyph("alcotest-6820");
-    }
-    &[data-icon-name="alcotest-7000-funnel"]::before {
-      content: utils.get-icon-glyph("alcotest-7000-funnel");
-    }
-    &[data-icon-name="alcotest-7000-tube"]::before {
-      content: utils.get-icon-glyph("alcotest-7000-tube");
-    }
-    &[data-icon-name="alcotest-7510"]::before {
-      content: utils.get-icon-glyph("alcotest-7510");
-    }
-    &[data-icon-name="allowlist"]::before {
-      content: utils.get-icon-glyph("allowlist");
-    }
-    &[data-icon-name="allowlist-upload"]::before {
-      content: utils.get-icon-glyph("allowlist-upload");
-    }
-    &[data-icon-name="analysis"]::before {
-      content: utils.get-icon-glyph("analysis");
-    }
-    &[data-icon-name="anglegrinder"]::before {
-      content: utils.get-icon-glyph("anglegrinder");
-    }
-    &[data-icon-name="application-feedback"]::before {
-      content: utils.get-icon-glyph("application-feedback");
-    }
-    &[data-icon-name="articles-incoming"]::before {
-      content: utils.get-icon-glyph("articles-incoming");
-    }
-    &[data-icon-name="articles-issue"]::before {
-      content: utils.get-icon-glyph("articles-issue");
-    }
-    &[data-icon-name="articles-outgoing"]::before {
-      content: utils.get-icon-glyph("articles-outgoing");
-    }
-    &[data-icon-name="articles-return"]::before {
-      content: utils.get-icon-glyph("articles-return");
-    }
-    &[data-icon-name="assemble"]::before {
-      content: utils.get-icon-glyph("assemble");
-    }
-    &[data-icon-name="barcode-scan"]::before {
-      content: utils.get-icon-glyph("barcode-scan");
-    }
-    &[data-icon-name="blocking-alarm"]::before {
-      content: utils.get-icon-glyph("blocking-alarm");
-    }
-    &[data-icon-name="blow"]::before {
-      content: utils.get-icon-glyph("blow");
-    }
-    &[data-icon-name="bodyguard"]::before {
-      content: utils.get-icon-glyph("bodyguard");
-    }
-    &[data-icon-name="boot"]::before {
-      content: utils.get-icon-glyph("boot");
-    }
-    &[data-icon-name="bottle-price"]::before {
-      content: utils.get-icon-glyph("bottle-price");
-    }
-    &[data-icon-name="breathing-apparatus"]::before {
-      content: utils.get-icon-glyph("breathing-apparatus");
-    }
-    &[data-icon-name="building"]::before {
-      content: utils.get-icon-glyph("building");
-    }
-    &[data-icon-name="building-basement"]::before {
-      content: utils.get-icon-glyph("building-basement");
-    }
-    &[data-icon-name="building-floors"]::before {
-      content: utils.get-icon-glyph("building-floors");
-    }
-    &[data-icon-name="building-units"]::before {
-      content: utils.get-icon-glyph("building-units");
-    }
-    &[data-icon-name="building-warning"]::before {
-      content: utils.get-icon-glyph("building-warning");
-      color: #FFE300;
-    }
-    &[data-icon-name="building-warning"]::after {
-      content: utils.get-icon-glyph("building-warning-part1");
-      color: #002766;
-    }
-    &[data-icon-name="building-warning"] span::before {
-      content: utils.get-icon-glyph("building-warning-part2");
-    }
-    &[data-icon-name="building-year"]::before {
-      content: utils.get-icon-glyph("building-year");
-    }
-    &[data-icon-name="bumptest"]::before {
-      content: utils.get-icon-glyph("bumptest");
-    }
-    &[data-icon-name="calculator"]::before {
-      content: utils.get-icon-glyph("calculator");
-    }
-    &[data-icon-name="calibration"]::before {
-      content: utils.get-icon-glyph("calibration");
-    }
-    &[data-icon-name="calibration-comp"]::before {
-      content: utils.get-icon-glyph("calibration-comp");
-    }
-    &[data-icon-name="calibration-comp-error"]::before {
-      content: utils.get-icon-glyph("calibration-comp-error");
-    }
-    &[data-icon-name="calibration-comp-error"]::after {
-      content: utils.get-icon-glyph("calibration-comp-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="calibration-comp-error"] span::before {
-      content: utils.get-icon-glyph("calibration-comp-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="calibration-comp-warning"]::before {
-      content: utils.get-icon-glyph("calibration-comp-warning");
-    }
-    &[data-icon-name="calibration-comp-warning"]::after {
-      content: utils.get-icon-glyph("calibration-comp-warning-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="calibration-comp-warning"] span::before {
-      content: utils.get-icon-glyph("calibration-comp-warning-part2");
-      color: #002766;
-    }
-    &[data-icon-name="calibration-comp-warning"] span::after {
-      content: utils.get-icon-glyph("calibration-comp-warning-part3");
-    }
-    &[data-icon-name="calibration-error"]::before {
-      content: utils.get-icon-glyph("calibration-error");
-    }
-    &[data-icon-name="calibration-error"]::after {
-      content: utils.get-icon-glyph("calibration-error-part1");
-    }
-    &[data-icon-name="calibration-error"] span::before {
-      content: utils.get-icon-glyph("calibration-error-part2");
-      color: #F30303;
-    }
-    &[data-icon-name="calibration-error"] span::after {
-      content: utils.get-icon-glyph("calibration-error-part3");
-      color: #FFF;
-    }
-    &[data-icon-name="calibration-warning"]::before {
-      content: utils.get-icon-glyph("calibration-warning");
-    }
-    &[data-icon-name="calibration-warning"]::after {
-      content: utils.get-icon-glyph("calibration-warning-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="calibration-warning"] span::before {
-      content: utils.get-icon-glyph("calibration-warning-part2");
-      color: #002766;
-    }
-    &[data-icon-name="car"]::before {
-      content: utils.get-icon-glyph("car");
-    }
-    &[data-icon-name="car-accident"]::before {
-      content: utils.get-icon-glyph("car-accident");
-    }
-    &[data-icon-name="car-swap"]::before {
-      content: utils.get-icon-glyph("car-swap");
-    }
-    &[data-icon-name="casting"]::before {
-      content: utils.get-icon-glyph("casting");
-    }
-    &[data-icon-name="catalog"]::before {
-      content: utils.get-icon-glyph("catalog");
-    }
-    &[data-icon-name="certificate"]::before {
-      content: utils.get-icon-glyph("certificate");
-    }
-    &[data-icon-name="certificate-error"]::before {
-      content: utils.get-icon-glyph("certificate-error");
-    }
-    &[data-icon-name="certificate-error"]::after {
-      content: utils.get-icon-glyph("certificate-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="certificate-error"] span::before {
-      content: utils.get-icon-glyph("certificate-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="certificate-upload"]::before {
-      content: utils.get-icon-glyph("certificate-upload");
-    }
-    &[data-icon-name="certificate-valid"]::before {
-      content: utils.get-icon-glyph("certificate-valid");
-    }
-    &[data-icon-name="certificate-valid"]::after {
-      content: utils.get-icon-glyph("certificate-valid-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="certificate-valid"] span::before {
-      content: utils.get-icon-glyph("certificate-valid-part2");
-      color: #002766;
-    }
-    &[data-icon-name="certificate-warning"]::before {
-      content: utils.get-icon-glyph("certificate-warning");
-    }
-    &[data-icon-name="certificate-warning"]::after {
-      content: utils.get-icon-glyph("certificate-warning-part1");
-    }
-    &[data-icon-name="certificate-warning"] span::before {
-      content: utils.get-icon-glyph("certificate-warning-part2");
-      color: #FFE300;
-    }
-    &[data-icon-name="certificate-warning"] span::after {
-      content: utils.get-icon-glyph("certificate-warning-part3");
-      color: #002766;
-    }
-    &[data-icon-name="changelog"]::before {
-      content: utils.get-icon-glyph("changelog");
-    }
-    &[data-icon-name="charging"]::before {
-      content: utils.get-icon-glyph("charging");
-    }
-    &[data-icon-name="charging-disabled"]::before {
-      content: utils.get-icon-glyph("charging-disabled");
-    }
-    &[data-icon-name="checkbox"]::before {
-      content: utils.get-icon-glyph("checkbox");
-    }
-    &[data-icon-name="checkbox-active"]::before {
-      content: utils.get-icon-glyph("checkbox-active");
-    }
-    &[data-icon-name="checkbox-default"]::before {
-      content: utils.get-icon-glyph("checkbox-default");
-    }
-    &[data-icon-name="chemicals"]::before {
-      content: utils.get-icon-glyph("chemicals");
-    }
-    &[data-icon-name="chip-eject"]::before {
-      content: utils.get-icon-glyph("chip-eject");
-    }
-    &[data-icon-name="chip-insert"]::before {
-      content: utils.get-icon-glyph("chip-insert");
-    }
-    &[data-icon-name="circle"]::before {
-      content: utils.get-icon-glyph("circle");
-    }
-    &[data-icon-name="cleaning"]::before {
-      content: utils.get-icon-glyph("cleaning");
-    }
-    &[data-icon-name="clearance"]::before {
-      content: utils.get-icon-glyph("clearance");
-      color: #00DD31;
-    }
-    &[data-icon-name="clearance"]::after {
-      content: utils.get-icon-glyph("clearance-part1");
-      color: #002766;
-    }
-    &[data-icon-name="clearance"] span::before {
-      content: utils.get-icon-glyph("clearance-part2");
-    }
-    &[data-icon-name="clockwise-90-degree"]::before {
-      content: utils.get-icon-glyph("clockwise-90-degree");
-    }
-    &[data-icon-name="close-all"]::before {
-      content: utils.get-icon-glyph("close-all");
-    }
-    &[data-icon-name="close-all"]::after {
-      content: utils.get-icon-glyph("close-all-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="close-all"] span::before {
-      content: utils.get-icon-glyph("close-all-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="clothing"]::before {
-      content: utils.get-icon-glyph("clothing");
-    }
-    &[data-icon-name="cold"]::before {
-      content: utils.get-icon-glyph("cold");
-    }
-    &[data-icon-name="collection"]::before {
-      content: utils.get-icon-glyph("collection");
-    }
-    &[data-icon-name="collection-add"]::before {
-      content: utils.get-icon-glyph("collection-add");
-    }
-    &[data-icon-name="collection-remove"]::before {
-      content: utils.get-icon-glyph("collection-remove");
-    }
-    &[data-icon-name="collection-service"]::before {
-      content: utils.get-icon-glyph("collection-service");
-    }
-    &[data-icon-name="collective-edit"]::before {
-      content: utils.get-icon-glyph("collective-edit");
-    }
-    &[data-icon-name="column-double"]::before {
-      content: utils.get-icon-glyph("column-double");
-    }
-    &[data-icon-name="column-multi"]::before {
-      content: utils.get-icon-glyph("column-multi");
-    }
-    &[data-icon-name="column-single"]::before {
-      content: utils.get-icon-glyph("column-single");
-    }
-    &[data-icon-name="communication"]::before {
-      content: utils.get-icon-glyph("communication");
-    }
-    &[data-icon-name="communication-disabled"]::before {
-      content: utils.get-icon-glyph("communication-disabled");
-    }
-    &[data-icon-name="communication-tool"]::before {
-      content: utils.get-icon-glyph("communication-tool");
-    }
-    &[data-icon-name="complete"]::before {
-      content: utils.get-icon-glyph("complete");
-    }
-    &[data-icon-name="complete"]::after {
-      content: utils.get-icon-glyph("complete-part1");
-    }
-    &[data-icon-name="complete"] span::before {
-      content: utils.get-icon-glyph("complete-part2");
-      color: #00DD31;
-    }
-    &[data-icon-name="complete"] span::after {
-      content: utils.get-icon-glyph("complete-part3");
-      color: #002766;
-    }
-    &[data-icon-name="complex-system"]::before {
-      content: utils.get-icon-glyph("complex-system");
-    }
-    &[data-icon-name="composition-edit"]::before {
-      content: utils.get-icon-glyph("composition-edit");
-    }
-    &[data-icon-name="concentration"]::before {
-      content: utils.get-icon-glyph("concentration");
-    }
-    &[data-icon-name="conhub"]::before {
-      content: utils.get-icon-glyph("conhub");
-    }
-    &[data-icon-name="construction-method"]::before {
-      content: utils.get-icon-glyph("construction-method");
-    }
-    &[data-icon-name="controlbox"]::before {
-      content: utils.get-icon-glyph("controlbox");
-    }
-    &[data-icon-name="cost"]::before {
-      content: utils.get-icon-glyph("cost");
-    }
-    &[data-icon-name="counter"]::before {
-      content: utils.get-icon-glyph("counter");
-    }
-    &[data-icon-name="counterclockwise-90-degree"]::before {
-      content: utils.get-icon-glyph("counterclockwise-90-degree");
-    }
-    &[data-icon-name="cps"]::before {
-      content: utils.get-icon-glyph("cps");
-    }
-    &[data-icon-name="cylinder"]::before {
-      content: utils.get-icon-glyph("cylinder");
-    }
-    &[data-icon-name="cylinder-change"]::before {
-      content: utils.get-icon-glyph("cylinder-change");
-    }
-    &[data-icon-name="cylinder-charge"]::before {
-      content: utils.get-icon-glyph("cylinder-charge");
-    }
-    &[data-icon-name="cylinder-closed"]::before {
-      content: utils.get-icon-glyph("cylinder-closed");
-    }
-    &[data-icon-name="cylinder-error"]::before {
-      content: utils.get-icon-glyph("cylinder-error");
-      color: #F30303;
-    }
-    &[data-icon-name="cylinder-error"]::after {
-      content: utils.get-icon-glyph("cylinder-error-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="cylinder-error"] span::before {
-      content: utils.get-icon-glyph("cylinder-error-part2");
-    }
-    &[data-icon-name="cylinder-o2-alarm"]::before {
-      content: utils.get-icon-glyph("cylinder-o2-alarm");
-      color: #F30303;
-    }
-    &[data-icon-name="cylinder-o2-alarm"]::after {
-      content: utils.get-icon-glyph("cylinder-o2-alarm-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="cylinder-o2-alarm"] span::before {
-      content: utils.get-icon-glyph("cylinder-o2-alarm-part2");
-    }
-    &[data-icon-name="cylinder-opened"]::before {
-      content: utils.get-icon-glyph("cylinder-opened");
-    }
-    &[data-icon-name="damage"]::before {
-      content: utils.get-icon-glyph("damage");
-    }
-    &[data-icon-name="dangerous-goods"]::before {
-      content: utils.get-icon-glyph("dangerous-goods");
-    }
-    &[data-icon-name="data-send"]::before {
-      content: utils.get-icon-glyph("data-send");
-    }
-    &[data-icon-name="data-set"]::before {
-      content: utils.get-icon-glyph("data-set");
-    }
-    &[data-icon-name="data-snapshot"]::before {
-      content: utils.get-icon-glyph("data-snapshot");
-    }
-    &[data-icon-name="data-transfer-completed"]::before {
-      content: utils.get-icon-glyph("data-transfer-completed");
-      color: #00DD31;
-    }
-    &[data-icon-name="data-transfer-completed"]::after {
-      content: utils.get-icon-glyph("data-transfer-completed-part1");
-      color: #002766;
-    }
-    &[data-icon-name="data-transfer-completed"] span::before {
-      content: utils.get-icon-glyph("data-transfer-completed-part2");
-    }
-    &[data-icon-name="data-transfer-failed"]::before {
-      content: utils.get-icon-glyph("data-transfer-failed");
-      color: #F30303;
-    }
-    &[data-icon-name="data-transfer-failed"]::after {
-      content: utils.get-icon-glyph("data-transfer-failed-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="data-transfer-failed"] span::before {
-      content: utils.get-icon-glyph("data-transfer-failed-part2");
-    }
-    &[data-icon-name="database"]::before {
-      content: utils.get-icon-glyph("database");
-    }
-    &[data-icon-name="database-edit"]::before {
-      content: utils.get-icon-glyph("database-edit");
-    }
-    &[data-icon-name="datahub"]::before {
-      content: utils.get-icon-glyph("datahub");
-    }
-    &[data-icon-name="day-mode"]::before {
-      content: utils.get-icon-glyph("day-mode");
-    }
-    &[data-icon-name="deadman"]::before {
-      content: utils.get-icon-glyph("deadman");
-    }
-    &[data-icon-name="device"]::before {
-      content: utils.get-icon-glyph("device");
-    }
-    &[data-icon-name="device-inspection"]::before {
-      content: utils.get-icon-glyph("device-inspection");
-    }
-    &[data-icon-name="device-module"]::before {
-      content: utils.get-icon-glyph("device-module");
-    }
-    &[data-icon-name="device-ok"]::before {
-      content: utils.get-icon-glyph("device-ok");
-    }
-    &[data-icon-name="device-ok"]::after {
-      content: utils.get-icon-glyph("device-ok-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="device-ok"] span::before {
-      content: utils.get-icon-glyph("device-ok-part2");
-      color: #002766;
-    }
-    &[data-icon-name="devices"]::before {
-      content: utils.get-icon-glyph("devices");
-    }
-    &[data-icon-name="devices-management"]::before {
-      content: utils.get-icon-glyph("devices-management");
-    }
-    &[data-icon-name="disabled"]::before {
-      content: utils.get-icon-glyph("disabled");
-    }
-    &[data-icon-name="disassemble"]::before {
-      content: utils.get-icon-glyph("disassemble");
-    }
-    &[data-icon-name="display-1"]::before {
-      content: utils.get-icon-glyph("display-1");
-    }
-    &[data-icon-name="display-2"]::before {
-      content: utils.get-icon-glyph("display-2");
-    }
-    &[data-icon-name="display-3"]::before {
-      content: utils.get-icon-glyph("display-3");
-    }
-    &[data-icon-name="display-4"]::before {
-      content: utils.get-icon-glyph("display-4");
-    }
-    &[data-icon-name="display-5"]::before {
-      content: utils.get-icon-glyph("display-5");
-    }
-    &[data-icon-name="docking-station"]::before {
-      content: utils.get-icon-glyph("docking-station");
-    }
-    &[data-icon-name="docking-station-3"]::before {
-      content: utils.get-icon-glyph("docking-station-3");
-    }
-    &[data-icon-name="docking-station-4"]::before {
-      content: utils.get-icon-glyph("docking-station-4");
-    }
-    &[data-icon-name="docking-station-8"]::before {
-      content: utils.get-icon-glyph("docking-station-8");
-    }
-    &[data-icon-name="drugcheck"]::before {
-      content: utils.get-icon-glyph("drugcheck");
-    }
-    &[data-icon-name="erase"]::before {
-      content: utils.get-icon-glyph("erase");
-    }
-    &[data-icon-name="error-extra-information"]::before {
-      content: utils.get-icon-glyph("error-extra-information");
-      color: #9EB0C2;
-    }
-    &[data-icon-name="error-extra-information"]::after {
-      content: utils.get-icon-glyph("error-extra-information-part1");
-    }
-    &[data-icon-name="error-extra-information"] span::before {
-      content: utils.get-icon-glyph("error-extra-information-part2");
-      color: #002766;
-    }
-    &[data-icon-name="error-yellow-outline"]::before {
-      content: utils.get-icon-glyph("error-yellow-outline");
-      color: #FFF;
-    }
-    &[data-icon-name="error-yellow-outline"]::after {
-      content: utils.get-icon-glyph("error-yellow-outline-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="error-yellow-outline"] span::before {
-      content: utils.get-icon-glyph("error-yellow-outline-part2");
-      color: #002766;
-    }
-    &[data-icon-name="error"]::before {
-      content: utils.get-icon-glyph("error");
-      color: #FFF;
-    }
-    &[data-icon-name="error"]::after {
-      content: utils.get-icon-glyph("error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="escapehood"]::before {
-      content: utils.get-icon-glyph("escapehood");
-    }
-    &[data-icon-name="ethernet"]::before {
-      content: utils.get-icon-glyph("ethernet");
-    }
-    &[data-icon-name="evacuation"]::before {
-      content: utils.get-icon-glyph("evacuation");
-    }
-    &[data-icon-name="evacuation-confirmed"]::before {
-      content: utils.get-icon-glyph("evacuation-confirmed");
-      color: #00DD31;
-    }
-    &[data-icon-name="evacuation-confirmed"]::after {
-      content: utils.get-icon-glyph("evacuation-confirmed-part1");
-      color: #002766;
-    }
-    &[data-icon-name="evacuation-confirmed"] span::before {
-      content: utils.get-icon-glyph("evacuation-confirmed-part2");
-    }
-    &[data-icon-name="evacuation-pending"]::before {
-      content: utils.get-icon-glyph("evacuation-pending");
-    }
-    &[data-icon-name="evacuation-success"]::before {
-      content: utils.get-icon-glyph("evacuation-success");
-      color: #00DD31;
-    }
-    &[data-icon-name="evacuation-success"]::after {
-      content: utils.get-icon-glyph("evacuation-success-part1");
-      color: #002766;
-    }
-    &[data-icon-name="evacuation-success"] span::before {
-      content: utils.get-icon-glyph("evacuation-success-part2");
-    }
-    &[data-icon-name="evacuation-timer"]::before {
-      content: utils.get-icon-glyph("evacuation-timer");
-    }
-    &[data-icon-name="evacuation-warning"]::before {
-      content: utils.get-icon-glyph("evacuation-warning");
-      color: #FFE300;
-    }
-    &[data-icon-name="evacuation-warning"]::after {
-      content: utils.get-icon-glyph("evacuation-warning-part1");
-      color: #002766;
-    }
-    &[data-icon-name="evacuation-warning"] span::before {
-      content: utils.get-icon-glyph("evacuation-warning-part2");
-    }
-    &[data-icon-name="exclamation"]::before {
-      content: utils.get-icon-glyph("exclamation");
-    }
-    &[data-icon-name="expired-freshair"]::before {
-      content: utils.get-icon-glyph("expired-freshair");
-    }
-    &[data-icon-name="expired"]::before {
-      content: utils.get-icon-glyph("expired");
-      color: #F30303;
-    }
-    &[data-icon-name="expired"]::after {
-      content: utils.get-icon-glyph("expired-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="expired"] span::before {
-      content: utils.get-icon-glyph("expired-part2");
-    }
-    &[data-icon-name="expirydate"]::before {
-      content: utils.get-icon-glyph("expirydate");
-    }
-    &[data-icon-name="explosive-a1"]::before {
-      content: utils.get-icon-glyph("explosive-a1");
-    }
-    &[data-icon-name="explosive-a1"]::after {
-      content: utils.get-icon-glyph("explosive-a1-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="explosive-a1"] span::before {
-      content: utils.get-icon-glyph("explosive-a1-part2");
-      color: #002766;
-    }
-    &[data-icon-name="explosive-a2"]::before {
-      content: utils.get-icon-glyph("explosive-a2");
-    }
-    &[data-icon-name="explosive-a2"]::after {
-      content: utils.get-icon-glyph("explosive-a2-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="explosive-a2"] span::before {
-      content: utils.get-icon-glyph("explosive-a2-part2");
-      color: #002766;
-    }
-    &[data-icon-name="explosive-stel"]::before {
-      content: utils.get-icon-glyph("explosive-stel");
-      color: #FFE300;
-    }
-    &[data-icon-name="explosive-stel"]::after {
-      content: utils.get-icon-glyph("explosive-stel-part1");
-      color: #002766;
-    }
-    &[data-icon-name="explosive-stel"] span::before {
-      content: utils.get-icon-glyph("explosive-stel-part2");
-    }
-    &[data-icon-name="explosive-twa"]::before {
-      content: utils.get-icon-glyph("explosive-twa");
-      color: #FFE300;
-    }
-    &[data-icon-name="explosive-twa"]::after {
-      content: utils.get-icon-glyph("explosive-twa-part1");
-      color: #002766;
-    }
-    &[data-icon-name="explosive-twa"] span::before {
-      content: utils.get-icon-glyph("explosive-twa-part2");
-    }
-    &[data-icon-name="explosive"]::before {
-      content: utils.get-icon-glyph("explosive");
-      color: #FFE300;
-    }
-    &[data-icon-name="explosive"]::after {
-      content: utils.get-icon-glyph("explosive-part1");
-      color: #002766;
-    }
-    &[data-icon-name="export-to-excel"]::before {
-      content: utils.get-icon-glyph("export-to-excel");
-    }
-    &[data-icon-name="extended-care"]::before {
-      content: utils.get-icon-glyph("extended-care");
-    }
-    &[data-icon-name="extinguisher"]::before {
-      content: utils.get-icon-glyph("extinguisher");
-    }
-    &[data-icon-name="faucet"]::before {
-      content: utils.get-icon-glyph("faucet");
-    }
-    &[data-icon-name="fault-finding"]::before {
-      content: utils.get-icon-glyph("fault-finding");
-    }
-    &[data-icon-name="feedback-positive-extra-information"]::before {
-      content: utils.get-icon-glyph("feedback-positive-extra-information");
-    }
-    &[data-icon-name="feedback-positive-extra-information"]::after {
-      content: utils.get-icon-glyph("feedback-positive-extra-information-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="feedback-positive-extra-information"] span::before {
-      content: utils.get-icon-glyph("feedback-positive-extra-information-part2");
-      color: #002766;
-    }
-    &[data-icon-name="feedback-positive-tamper"]::before {
-      content: utils.get-icon-glyph("feedback-positive-tamper");
-    }
-    &[data-icon-name="feedback-positive-tamper-yellow"]::before {
-      content: utils.get-icon-glyph("feedback-positive-tamper-yellow");
-      color: #FFE300;
-    }
-    &[data-icon-name="feedback-positive-tamper-yellow"]::after {
-      content: utils.get-icon-glyph("feedback-positive-tamper-yellow-part1");
-      color: #002766;
-    }
-    &[data-icon-name="feedback-positive-tamper-yellow"] span::before {
-      content: utils.get-icon-glyph("feedback-positive-tamper-yellow-part2");
-      color: #00DD31;
-    }
-    &[data-icon-name="feedback-positive-tamper"]::after {
-      content: utils.get-icon-glyph("feedback-positive-tamper-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="feedback-positive-tamper"] span::before {
-      content: utils.get-icon-glyph("feedback-positive-tamper-part2");
-      color: #002766;
-    }
-    &[data-icon-name="feedback-warning-extra-information"]::before {
-      content: utils.get-icon-glyph("feedback-warning-extra-information");
-      color: #9EB0C2;
-    }
-    &[data-icon-name="feedback-warning-extra-information"]::after {
-      content: utils.get-icon-glyph("feedback-warning-extra-information-part1");
-    }
-    &[data-icon-name="feedback-warning-extra-information"] span::before {
-      content: utils.get-icon-glyph("feedback-warning-extra-information-part2");
-      color: #002766;
-    }
-    &[data-icon-name="feedback-warning-tamper"]::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper");
-    }
-    &[data-icon-name="feedback-warning-tamper-red"]::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper-red");
-      color: #F30303;
-    }
-    &[data-icon-name="feedback-warning-tamper-red"]::after {
-      content: utils.get-icon-glyph("feedback-warning-tamper-red-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="feedback-warning-tamper-red"] span::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper-red-part2");
-      color: #FFE300;
-    }
-    &[data-icon-name="feedback-warning-tamper-red"] span::after {
-      content: utils.get-icon-glyph("feedback-warning-tamper-red-part3");
-      color: #002766;
-    }
-    &[data-icon-name="feedback-warning-tamper-yellow"]::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper-yellow");
-      color: #FFE300;
-    }
-    &[data-icon-name="feedback-warning-tamper-yellow"]::after {
-      content: utils.get-icon-glyph("feedback-warning-tamper-yellow-part1");
-      color: #002766;
-    }
-    &[data-icon-name="feedback-warning-tamper-yellow"] span::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper-yellow-part2");
-      color: #9EB0C2;
-    }
-    &[data-icon-name="feedback-warning-tamper"]::after {
-      content: utils.get-icon-glyph("feedback-warning-tamper-part1");
-      color: #9EB0C2;
-    }
-    &[data-icon-name="feedback-warning-tamper"] span::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper-part2");
-      color: #002766;
-    }
-    &[data-icon-name="fg-hub"]::before {
-      content: utils.get-icon-glyph("fg-hub");
-    }
-    &[data-icon-name="fg-hub-battery-low"]::before {
-      content: utils.get-icon-glyph("fg-hub-battery-low");
-      color: #F30303;
-    }
-    &[data-icon-name="fg-hub-battery-low"]::after {
-      content: utils.get-icon-glyph("fg-hub-battery-low-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="fg-hub-battery-low"] span::before {
-      content: utils.get-icon-glyph("fg-hub-battery-low-part2");
-    }
-    &[data-icon-name="fg-hub-disabled"]::before {
-      content: utils.get-icon-glyph("fg-hub-disabled");
-    }
-    &[data-icon-name="fg-hub-no-connection"]::before {
-      content: utils.get-icon-glyph("fg-hub-no-connection");
-    }
-    &[data-icon-name="fg-hub-no-connection"]::after {
-      content: utils.get-icon-glyph("fg-hub-no-connection-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="fg-hub-no-connection"] span::before {
-      content: utils.get-icon-glyph("fg-hub-no-connection-part2");
-      color: #002766;
-    }
-    &[data-icon-name="fg-hub-pending"]::before {
-      content: utils.get-icon-glyph("fg-hub-pending");
-    }
-    &[data-icon-name="fg-repeater"]::before {
-      content: utils.get-icon-glyph("fg-repeater");
-    }
-    &[data-icon-name="fg-repeater-2"]::before {
-      content: utils.get-icon-glyph("fg-repeater-2");
-    }
-    &[data-icon-name="fg-repeater-battery-low"]::before {
-      content: utils.get-icon-glyph("fg-repeater-battery-low");
-      color: #F30303;
-    }
-    &[data-icon-name="fg-repeater-battery-low"]::after {
-      content: utils.get-icon-glyph("fg-repeater-battery-low-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="fg-repeater-battery-low"] span::before {
-      content: utils.get-icon-glyph("fg-repeater-battery-low-part2");
-    }
-    &[data-icon-name="fire"]::before {
-      content: utils.get-icon-glyph("fire");
-    }
-    &[data-icon-name="firefighter-arrived"]::before {
-      content: utils.get-icon-glyph("firefighter-arrived");
-      color: #00DD31;
-    }
-    &[data-icon-name="firefighter-arrived"]::after {
-      content: utils.get-icon-glyph("firefighter-arrived-part1");
-      color: #002766;
-    }
-    &[data-icon-name="firefighter-arrived"] span::before {
-      content: utils.get-icon-glyph("firefighter-arrived-part2");
-    }
-    &[data-icon-name="firefighter-en-route"]::before {
-      content: utils.get-icon-glyph("firefighter-en-route");
-    }
-    &[data-icon-name="firefighter-retreat"]::before {
-      content: utils.get-icon-glyph("firefighter-retreat");
-    }
-    &[data-icon-name="firefighter-standby"]::before {
-      content: utils.get-icon-glyph("firefighter-standby");
-    }
-    &[data-icon-name="flame-5000"]::before {
-      content: utils.get-icon-glyph("flame-5000");
-    }
-    &[data-icon-name="flammable-a1"]::before {
-      content: utils.get-icon-glyph("flammable-a1");
-    }
-    &[data-icon-name="flammable-a1"]::after {
-      content: utils.get-icon-glyph("flammable-a1-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="flammable-a1"] span::before {
-      content: utils.get-icon-glyph("flammable-a1-part2");
-      color: #002766;
-    }
-    &[data-icon-name="flammable-a2"]::before {
-      content: utils.get-icon-glyph("flammable-a2");
-    }
-    &[data-icon-name="flammable-a2"]::after {
-      content: utils.get-icon-glyph("flammable-a2-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="flammable-a2"] span::before {
-      content: utils.get-icon-glyph("flammable-a2-part2");
-      color: #002766;
-    }
-    &[data-icon-name="flammable-stel"]::before {
-      content: utils.get-icon-glyph("flammable-stel");
-      color: #FFE300;
-    }
-    &[data-icon-name="flammable-stel"]::after {
-      content: utils.get-icon-glyph("flammable-stel-part1");
-      color: #002766;
-    }
-    &[data-icon-name="flammable-stel"] span::before {
-      content: utils.get-icon-glyph("flammable-stel-part2");
-    }
-    &[data-icon-name="flammable-twa"]::before {
-      content: utils.get-icon-glyph("flammable-twa");
-      color: #FFE300;
-    }
-    &[data-icon-name="flammable-twa"]::after {
-      content: utils.get-icon-glyph("flammable-twa-part1");
-      color: #002766;
-    }
-    &[data-icon-name="flammable-twa"] span::before {
-      content: utils.get-icon-glyph("flammable-twa-part2");
-    }
-    &[data-icon-name="flammable"]::before {
-      content: utils.get-icon-glyph("flammable");
-      color: #FFE300;
-    }
-    &[data-icon-name="flammable"]::after {
-      content: utils.get-icon-glyph("flammable-part1");
-      color: #002766;
-    }
-    &[data-icon-name="floorplan"]::before {
-      content: utils.get-icon-glyph("floorplan");
-    }
-    &[data-icon-name="floorplan-hallway"]::before {
-      content: utils.get-icon-glyph("floorplan-hallway");
-    }
-    &[data-icon-name="floorplan-room"]::before {
-      content: utils.get-icon-glyph("floorplan-room");
-    }
-    &[data-icon-name="focus-element"]::before {
-      content: utils.get-icon-glyph("focus-element");
-    }
-    &[data-icon-name="fraction-00-10"]::before {
-      content: utils.get-icon-glyph("fraction-00-10");
-    }
-    &[data-icon-name="fraction-01-10"]::before {
-      content: utils.get-icon-glyph("fraction-01-10");
-    }
-    &[data-icon-name="fraction-02-10"]::before {
-      content: utils.get-icon-glyph("fraction-02-10");
-    }
-    &[data-icon-name="fraction-03-10"]::before {
-      content: utils.get-icon-glyph("fraction-03-10");
-    }
-    &[data-icon-name="fraction-04-10"]::before {
-      content: utils.get-icon-glyph("fraction-04-10");
-    }
-    &[data-icon-name="fraction-05-10"]::before {
-      content: utils.get-icon-glyph("fraction-05-10");
-    }
-    &[data-icon-name="fraction-06-10"]::before {
-      content: utils.get-icon-glyph("fraction-06-10");
-    }
-    &[data-icon-name="fraction-07-10"]::before {
-      content: utils.get-icon-glyph("fraction-07-10");
-    }
-    &[data-icon-name="fraction-08-10"]::before {
-      content: utils.get-icon-glyph("fraction-08-10");
-    }
-    &[data-icon-name="fraction-09-10"]::before {
-      content: utils.get-icon-glyph("fraction-09-10");
-    }
-    &[data-icon-name="fraction-10-10"]::before {
-      content: utils.get-icon-glyph("fraction-10-10");
-    }
-    &[data-icon-name="freshair"]::before {
-      content: utils.get-icon-glyph("freshair");
-    }
-    &[data-icon-name="freshair-calibration"]::before {
-      content: utils.get-icon-glyph("freshair-calibration");
-    }
-    &[data-icon-name="full-circle"]::before {
-      content: utils.get-icon-glyph("full-circle");
-    }
-    &[data-icon-name="gas-consumption"]::before {
-      content: utils.get-icon-glyph("gas-consumption");
-    }
-    &[data-icon-name="gas-efficiency"]::before {
-      content: utils.get-icon-glyph("gas-efficiency");
-    }
-    &[data-icon-name="gas-patient"]::before {
-      content: utils.get-icon-glyph("gas-patient");
-    }
-    &[data-icon-name="gasbottle-100-percent"]::before {
-      content: utils.get-icon-glyph("gasbottle-100-percent");
-    }
-    &[data-icon-name="gasbottle-25-percent"]::before {
-      content: utils.get-icon-glyph("gasbottle-25-percent");
-    }
-    &[data-icon-name="gasbottle-50-percent"]::before {
-      content: utils.get-icon-glyph("gasbottle-50-percent");
-    }
-    &[data-icon-name="gasbottle-75-percent"]::before {
-      content: utils.get-icon-glyph("gasbottle-75-percent");
-    }
-    &[data-icon-name="gasbottle-information"]::before {
-      content: utils.get-icon-glyph("gasbottle-information");
-    }
-    &[data-icon-name="gasbottle-low"]::before {
-      content: utils.get-icon-glyph("gasbottle-low");
-    }
-    &[data-icon-name="gasbottle-warning"]::before {
-      content: utils.get-icon-glyph("gasbottle-warning");
-    }
-    &[data-icon-name="gasbottle-warning"]::after {
-      content: utils.get-icon-glyph("gasbottle-warning-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="gasbottle-warning"] span::before {
-      content: utils.get-icon-glyph("gasbottle-warning-part2");
-      color: #002766;
-    }
-    &[data-icon-name="glove"]::before {
-      content: utils.get-icon-glyph("glove");
-    }
-    &[data-icon-name="go-to-assets"]::before {
-      content: utils.get-icon-glyph("go-to-assets");
-    }
-    &[data-icon-name="goggles"]::before {
-      content: utils.get-icon-glyph("goggles");
-    }
-    &[data-icon-name="graph-settings"]::before {
-      content: utils.get-icon-glyph("graph-settings");
-    }
-    &[data-icon-name="graph-view"]::before {
-      content: utils.get-icon-glyph("graph-view");
-    }
-    &[data-icon-name="group"]::before {
-      content: utils.get-icon-glyph("group");
-    }
-    &[data-icon-name="halfmask"]::before {
-      content: utils.get-icon-glyph("halfmask");
-    }
-    &[data-icon-name="hardware"]::before {
-      content: utils.get-icon-glyph("hardware");
-    }
-    &[data-icon-name="hardware-available"]::before {
-      content: utils.get-icon-glyph("hardware-available");
-      color: #00DD31;
-    }
-    &[data-icon-name="hardware-available"]::after {
-      content: utils.get-icon-glyph("hardware-available-part1");
-      color: #002766;
-    }
-    &[data-icon-name="hardware-available"] span::before {
-      content: utils.get-icon-glyph("hardware-available-part2");
-    }
-    &[data-icon-name="hardware-info"]::before {
-      content: utils.get-icon-glyph("hardware-info");
-    }
-    &[data-icon-name="hardware-missing"]::before {
-      content: utils.get-icon-glyph("hardware-missing");
-    }
-    &[data-icon-name="hardware-missing"]::after {
-      content: utils.get-icon-glyph("hardware-missing-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="hardware-missing"] span::before {
-      content: utils.get-icon-glyph("hardware-missing-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="hardware-update"]::before {
-      content: utils.get-icon-glyph("hardware-update");
-    }
-    &[data-icon-name="harness"]::before {
-      content: utils.get-icon-glyph("harness");
-    }
-    &[data-icon-name="helmet"]::before {
-      content: utils.get-icon-glyph("helmet");
-    }
-    &[data-icon-name="helmet-fire"]::before {
-      content: utils.get-icon-glyph("helmet-fire");
-    }
-    &[data-icon-name="hierarchy"]::before {
-      content: utils.get-icon-glyph("hierarchy");
-    }
-    &[data-icon-name="history"]::before {
-      content: utils.get-icon-glyph("history");
-    }
-    &[data-icon-name="hook"]::before {
-      content: utils.get-icon-glyph("hook");
-    }
-    &[data-icon-name="hose"]::before {
-      content: utils.get-icon-glyph("hose");
-    }
-    &[data-icon-name="hot"]::before {
-      content: utils.get-icon-glyph("hot");
-    }
-    &[data-icon-name="hydrant"]::before {
-      content: utils.get-icon-glyph("hydrant");
-    }
-    &[data-icon-name="hydraulic"]::before {
-      content: utils.get-icon-glyph("hydraulic");
-    }
-    &[data-icon-name="hysteresis"]::before {
-      content: utils.get-icon-glyph("hysteresis");
-    }
-    &[data-icon-name="identify"]::before {
-      content: utils.get-icon-glyph("identify");
-    }
-    &[data-icon-name="imd"]::before {
-      content: utils.get-icon-glyph("imd");
-    }
-    &[data-icon-name="import-substance"]::before {
-      content: utils.get-icon-glyph("import-substance");
-    }
-    &[data-icon-name="in-process"]::before {
-      content: utils.get-icon-glyph("in-process");
-    }
-    &[data-icon-name="index-card"]::before {
-      content: utils.get-icon-glyph("index-card");
-    }
-    &[data-icon-name="inerting"]::before {
-      content: utils.get-icon-glyph("inerting");
-    }
-    &[data-icon-name="inflate-breathing-bag"]::before {
-      content: utils.get-icon-glyph("inflate-breathing-bag");
-    }
-    &[data-icon-name="information"]::before {
-      content: utils.get-icon-glyph("information");
-    }
-    &[data-icon-name="information-maintenance"]::before {
-      content: utils.get-icon-glyph("information-maintenance");
-    }
-    &[data-icon-name="inhibit"]::before {
-      content: utils.get-icon-glyph("inhibit");
-    }
-    &[data-icon-name="insert"]::before {
-      content: utils.get-icon-glyph("insert");
-    }
-    &[data-icon-name="inspectiontour"]::before {
-      content: utils.get-icon-glyph("inspectiontour");
-    }
-    &[data-icon-name="instrument-error"]::before {
-      content: utils.get-icon-glyph("instrument-error");
-    }
-    &[data-icon-name="instrument-error"]::after {
-      content: utils.get-icon-glyph("instrument-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="instrument-error"] span::before {
-      content: utils.get-icon-glyph("instrument-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="instrument-pump-error"]::before {
-      content: utils.get-icon-glyph("instrument-pump-error");
-      color: #F30303;
-    }
-    &[data-icon-name="instrument-pump-error"]::after {
-      content: utils.get-icon-glyph("instrument-pump-error-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="instrument-pump-error"] span::before {
-      content: utils.get-icon-glyph("instrument-pump-error-part2");
-    }
-    &[data-icon-name="instrument-xdock-error"]::before {
-      content: utils.get-icon-glyph("instrument-xdock-error");
-      color: #F30303;
-    }
-    &[data-icon-name="instrument-xdock-error"]::after {
-      content: utils.get-icon-glyph("instrument-xdock-error-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="instrument-xdock-error"] span::before {
-      content: utils.get-icon-glyph("instrument-xdock-error-part2");
-    }
-    &[data-icon-name="interface-in-4-20"]::before {
-      content: utils.get-icon-glyph("interface-in-4-20");
-    }
-    &[data-icon-name="interface-in-bridge"]::before {
-      content: utils.get-icon-glyph("interface-in-bridge");
-    }
-    &[data-icon-name="interface-in-digital"]::before {
-      content: utils.get-icon-glyph("interface-in-digital");
-    }
-    &[data-icon-name="interface-in-ex"]::before {
-      content: utils.get-icon-glyph("interface-in-ex");
-    }
-    &[data-icon-name="interface-in-foundation-fieldbus"]::before {
-      content: utils.get-icon-glyph("interface-in-foundation-fieldbus");
-    }
-    &[data-icon-name="interface-in-hart"]::before {
-      content: utils.get-icon-glyph("interface-in-hart");
-    }
-    &[data-icon-name="interface-in-hart-multidrop"]::before {
-      content: utils.get-icon-glyph("interface-in-hart-multidrop");
-    }
-    &[data-icon-name="interface-in-modbus"]::before {
-      content: utils.get-icon-glyph("interface-in-modbus");
-    }
-    &[data-icon-name="interface-in-profibus"]::before {
-      content: utils.get-icon-glyph("interface-in-profibus");
-    }
-    &[data-icon-name="interface-input"]::before {
-      content: utils.get-icon-glyph("interface-input");
-    }
-    &[data-icon-name="interface-out-4-20"]::before {
-      content: utils.get-icon-glyph("interface-out-4-20");
-    }
-    &[data-icon-name="interface-out-digital"]::before {
-      content: utils.get-icon-glyph("interface-out-digital");
-    }
-    &[data-icon-name="interface-out-foundation-fieldbus"]::before {
-      content: utils.get-icon-glyph("interface-out-foundation-fieldbus");
-    }
-    &[data-icon-name="interface-out-modbus"]::before {
-      content: utils.get-icon-glyph("interface-out-modbus");
-    }
-    &[data-icon-name="interface-out-profibus"]::before {
-      content: utils.get-icon-glyph("interface-out-profibus");
-    }
-    &[data-icon-name="interface-out-relay"]::before {
-      content: utils.get-icon-glyph("interface-out-relay");
-    }
-    &[data-icon-name="interface-output"]::before {
-      content: utils.get-icon-glyph("interface-output");
-    }
-    &[data-icon-name="interface-slotcover"]::before {
-      content: utils.get-icon-glyph("interface-slotcover");
-    }
-    &[data-icon-name="interface-unknown"]::before {
-      content: utils.get-icon-glyph("interface-unknown");
-    }
-    &[data-icon-name="interlock"]::before {
-      content: utils.get-icon-glyph("interlock");
-    }
-    &[data-icon-name="interlock-calibration"]::before {
-      content: utils.get-icon-glyph("interlock-calibration");
-    }
-    &[data-icon-name="interlock-installation"]::before {
-      content: utils.get-icon-glyph("interlock-installation");
-    }
-    &[data-icon-name="interlock-removal"]::before {
-      content: utils.get-icon-glyph("interlock-removal");
-    }
-    &[data-icon-name="interlock-reset"]::before {
-      content: utils.get-icon-glyph("interlock-reset");
-    }
-    &[data-icon-name="interlock-swap"]::before {
-      content: utils.get-icon-glyph("interlock-swap");
-    }
-    &[data-icon-name="ir"]::before {
-      content: utils.get-icon-glyph("ir");
-    }
-    &[data-icon-name="job-approve"]::before {
-      content: utils.get-icon-glyph("job-approve");
-      color: #00DD31;
-    }
-    &[data-icon-name="job-approve"]::after {
-      content: utils.get-icon-glyph("job-approve-part1");
-      color: #002766;
-    }
-    &[data-icon-name="job-approve"] span::before {
-      content: utils.get-icon-glyph("job-approve-part2");
-    }
-    &[data-icon-name="job-history"]::before {
-      content: utils.get-icon-glyph("job-history");
-    }
-    &[data-icon-name="job-list"]::before {
-      content: utils.get-icon-glyph("job-list");
-    }
-    &[data-icon-name="job-new"]::before {
-      content: utils.get-icon-glyph("job-new");
-    }
-    &[data-icon-name="job-pool"]::before {
-      content: utils.get-icon-glyph("job-pool");
-    }
-    &[data-icon-name="job-proceed"]::before {
-      content: utils.get-icon-glyph("job-proceed");
-    }
-    &[data-icon-name="job-user"]::before {
-      content: utils.get-icon-glyph("job-user");
-    }
-    &[data-icon-name="keyboard"]::before {
-      content: utils.get-icon-glyph("keyboard");
-    }
-    &[data-icon-name="keyboard-capslock"]::before {
-      content: utils.get-icon-glyph("keyboard-capslock");
-    }
-    &[data-icon-name="keyboard-delete"]::before {
-      content: utils.get-icon-glyph("keyboard-delete");
-    }
-    &[data-icon-name="keyboard-hide"]::before {
-      content: utils.get-icon-glyph("keyboard-hide");
-    }
-    &[data-icon-name="keyboard-shift"]::before {
-      content: utils.get-icon-glyph("keyboard-shift");
-    }
-    &[data-icon-name="laptop"]::before {
-      content: utils.get-icon-glyph("laptop");
-    }
-    &[data-icon-name="laundry-dryer"]::before {
-      content: utils.get-icon-glyph("laundry-dryer");
-    }
-    &[data-icon-name="ldba"]::before {
-      content: utils.get-icon-glyph("ldba");
-    }
-    &[data-icon-name="leakage-location"]::before {
-      content: utils.get-icon-glyph("leakage-location");
-    }
-    &[data-icon-name="leaktest-hp"]::before {
-      content: utils.get-icon-glyph("leaktest-hp");
-    }
-    &[data-icon-name="leaktest-hp-query"]::before {
-      content: utils.get-icon-glyph("leaktest-hp-query");
-    }
-    &[data-icon-name="leaktest-lp"]::before {
-      content: utils.get-icon-glyph("leaktest-lp");
-    }
-    &[data-icon-name="leaktest-lp-query"]::before {
-      content: utils.get-icon-glyph("leaktest-lp-query");
-    }
-    &[data-icon-name="leaktest-ok"]::before {
-      content: utils.get-icon-glyph("leaktest-ok");
-    }
-    &[data-icon-name="leaktest-ok"]::after {
-      content: utils.get-icon-glyph("leaktest-ok-part1");
-      color: #00DC31;
-    }
-    &[data-icon-name="leaktest-ok"] span::before {
-      content: utils.get-icon-glyph("leaktest-ok-part2");
-      color: #002766;
-    }
-    &[data-icon-name="leaktest-query"]::before {
-      content: utils.get-icon-glyph("leaktest-query");
-    }
-    &[data-icon-name="leaktest-run"]::before {
-      content: utils.get-icon-glyph("leaktest-run");
-    }
-    &[data-icon-name="leaktest-timeout"]::before {
-      content: utils.get-icon-glyph("leaktest-timeout");
-    }
-    &[data-icon-name="leaktest-timeout"]::after {
-      content: utils.get-icon-glyph("leaktest-timeout-part1");
-      color: #F20303;
-    }
-    &[data-icon-name="leaktest-warning"]::before {
-      content: utils.get-icon-glyph("leaktest-warning");
-      color: #FFE200;
-    }
-    &[data-icon-name="leaktest-warning"]::after {
-      content: utils.get-icon-glyph("leaktest-warning-part1");
-      color: #002766;
-    }
-    &[data-icon-name="leaktest-warning"] span::before {
-      content: utils.get-icon-glyph("leaktest-warning-part2");
-    }
-    &[data-icon-name="licenses"]::before {
-      content: utils.get-icon-glyph("licenses");
-    }
-    &[data-icon-name="lifesignal"]::before {
-      content: utils.get-icon-glyph("lifesignal");
-    }
-    &[data-icon-name="lifesignal-disabled"]::before {
-      content: utils.get-icon-glyph("lifesignal-disabled");
-    }
-    &[data-icon-name="lightbulb"]::before {
-      content: utils.get-icon-glyph("lightbulb");
-    }
-    &[data-icon-name="lightbulb-warning"]::before {
-      content: utils.get-icon-glyph("lightbulb-warning");
-      color: #FFE300;
-    }
-    &[data-icon-name="lightbulb-warning"]::after {
-      content: utils.get-icon-glyph("lightbulb-warning-part1");
-      color: #002766;
-    }
-    &[data-icon-name="lightbulb-warning"] span::before {
-      content: utils.get-icon-glyph("lightbulb-warning-part2");
-    }
-    &[data-icon-name="line-graph"]::before {
-      content: utils.get-icon-glyph("line-graph");
-    }
-    &[data-icon-name="log-edit"]::before {
-      content: utils.get-icon-glyph("log-edit");
-    }
-    &[data-icon-name="log-service"]::before {
-      content: utils.get-icon-glyph("log-service");
-    }
-    &[data-icon-name="log-view"]::before {
-      content: utils.get-icon-glyph("log-view");
-    }
-    &[data-icon-name="login"]::before {
-      content: utils.get-icon-glyph("login");
-    }
-    &[data-icon-name="logout"]::before {
-      content: utils.get-icon-glyph("logout");
-    }
-    &[data-icon-name="lost-report"]::before {
-      content: utils.get-icon-glyph("lost-report");
-    }
-    &[data-icon-name="low-dosage-rate"]::before {
-      content: utils.get-icon-glyph("low-dosage-rate");
-    }
-    &[data-icon-name="map-gps-point"]::before {
-      content: utils.get-icon-glyph("map-gps-point");
-    }
-    &[data-icon-name="map-management"]::before {
-      content: utils.get-icon-glyph("map-management");
-      color: #FFF;
-    }
-    &[data-icon-name="map-management"]::after {
-      content: utils.get-icon-glyph("map-management-part1");
-    }
-    &[data-icon-name="masonry"]::before {
-      content: utils.get-icon-glyph("masonry");
-    }
-    &[data-icon-name="maximize"]::before {
-      content: utils.get-icon-glyph("maximize");
-    }
-    &[data-icon-name="measuring"]::before {
-      content: utils.get-icon-glyph("measuring");
-    }
-    &[data-icon-name="measuring-1"]::before {
-      content: utils.get-icon-glyph("measuring-1");
-    }
-    &[data-icon-name="measuring-2"]::before {
-      content: utils.get-icon-glyph("measuring-2");
-    }
-    &[data-icon-name="measuring-3"]::before {
-      content: utils.get-icon-glyph("measuring-3");
-    }
-    &[data-icon-name="measuring-point"]::before {
-      content: utils.get-icon-glyph("measuring-point");
-    }
-    &[data-icon-name="medical"]::before {
-      content: utils.get-icon-glyph("medical");
-    }
-    &[data-icon-name="microphone"]::before {
-      content: utils.get-icon-glyph("microphone");
-    }
-    &[data-icon-name="mimic"]::before {
-      content: utils.get-icon-glyph("mimic");
-    }
-    &[data-icon-name="minimize"]::before {
-      content: utils.get-icon-glyph("minimize");
-    }
-    &[data-icon-name="minus"]::before {
-      content: utils.get-icon-glyph("minus");
-    }
-    &[data-icon-name="mobile-device"]::before {
-      content: utils.get-icon-glyph("mobile-device");
-    }
-    &[data-icon-name="mobile-device-connected"]::before {
-      content: utils.get-icon-glyph("mobile-device-connected");
-    }
-    &[data-icon-name="mobile-device-connected"]::after {
-      content: utils.get-icon-glyph("mobile-device-connected-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="mobile-device-connected"] span::before {
-      content: utils.get-icon-glyph("mobile-device-connected-part2");
-      color: #002766;
-    }
-    &[data-icon-name="mobile-device-error"]::before {
-      content: utils.get-icon-glyph("mobile-device-error");
-    }
-    &[data-icon-name="mobile-device-error"]::after {
-      content: utils.get-icon-glyph("mobile-device-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="mobile-device-error"] span::before {
-      content: utils.get-icon-glyph("mobile-device-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="module"]::before {
-      content: utils.get-icon-glyph("module");
-    }
-    &[data-icon-name="monitoring"]::before {
-      content: utils.get-icon-glyph("monitoring");
-    }
-    &[data-icon-name="monitoring-1"]::before {
-      content: utils.get-icon-glyph("monitoring-1");
-    }
-    &[data-icon-name="monitoring-2"]::before {
-      content: utils.get-icon-glyph("monitoring-2");
-    }
-    &[data-icon-name="monitoring-3"]::before {
-      content: utils.get-icon-glyph("monitoring-3");
-    }
-    &[data-icon-name="motion-sensing"]::before {
-      content: utils.get-icon-glyph("motion-sensing");
-    }
-    &[data-icon-name="motion-sensing-disabled"]::before {
-      content: utils.get-icon-glyph("motion-sensing-disabled");
-    }
-    &[data-icon-name="motion-sensing-disabled"]::after {
-      content: utils.get-icon-glyph("motion-sensing-disabled-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="motion-sensing-disabled"] span::before {
-      content: utils.get-icon-glyph("motion-sensing-disabled-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="motion-sensing-enabled"]::before {
-      content: utils.get-icon-glyph("motion-sensing-enabled");
-    }
-    &[data-icon-name="motion-sensing-enabled"]::after {
-      content: utils.get-icon-glyph("motion-sensing-enabled-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="motion-sensing-enabled"] span::before {
-      content: utils.get-icon-glyph("motion-sensing-enabled-part2");
-      color: #002766;
-    }
-    &[data-icon-name="move-screen"]::before {
-      content: utils.get-icon-glyph("move-screen");
-    }
-    &[data-icon-name="multigas"]::before {
-      content: utils.get-icon-glyph("multigas");
-    }
-    &[data-icon-name="multigas-cse"]::before {
-      content: utils.get-icon-glyph("multigas-cse");
-    }
-    &[data-icon-name="multitenant"]::before {
-      content: utils.get-icon-glyph("multitenant");
-    }
-    &[data-icon-name="navigation-logfile-management"]::before {
-      content: utils.get-icon-glyph("navigation-logfile-management");
-    }
-    &[data-icon-name="network"]::before {
-      content: utils.get-icon-glyph("network");
-    }
-    &[data-icon-name="network-upload"]::before {
-      content: utils.get-icon-glyph("network-upload");
-    }
-    &[data-icon-name="no"]::before {
-      content: utils.get-icon-glyph("no");
-    }
-    &[data-icon-name="number-1"]::before {
-      content: utils.get-icon-glyph("number-1");
-    }
-    &[data-icon-name="number-100"]::before {
-      content: utils.get-icon-glyph("number-100");
-    }
-    &[data-icon-name="observation"]::before {
-      content: utils.get-icon-glyph("observation");
-    }
-    &[data-icon-name="observation-fire"]::before {
-      content: utils.get-icon-glyph("observation-fire");
-    }
-    &[data-icon-name="offline-mode"]::before {
-      content: utils.get-icon-glyph("offline-mode");
-    }
-    &[data-icon-name="offline-mode"]::after {
-      content: utils.get-icon-glyph("offline-mode-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="offline-mode"] span::before {
-      content: utils.get-icon-glyph("offline-mode-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="ok-repeat"]::before {
-      content: utils.get-icon-glyph("ok-repeat");
-    }
-    &[data-icon-name="ok-to-all"]::before {
-      content: utils.get-icon-glyph("ok-to-all");
-    }
-    &[data-icon-name="ok-to-all"]::after {
-      content: utils.get-icon-glyph("ok-to-all-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="ok-to-all"] span::before {
-      content: utils.get-icon-glyph("ok-to-all-part2");
-      color: #002766;
-    }
-    &[data-icon-name="online-manuals"]::before {
-      content: utils.get-icon-glyph("online-manuals");
-    }
-    &[data-icon-name="online-mode"]::before {
-      content: utils.get-icon-glyph("online-mode");
-      color: #00DD31;
-    }
-    &[data-icon-name="online-mode"]::after {
-      content: utils.get-icon-glyph("online-mode-part1");
-      color: #002766;
-    }
-    &[data-icon-name="online-mode"] span::before {
-      content: utils.get-icon-glyph("online-mode-part2");
-    }
-    &[data-icon-name="open"]::before {
-      content: utils.get-icon-glyph("open");
-    }
-    &[data-icon-name="operation"]::before {
-      content: utils.get-icon-glyph("operation");
-    }
-    &[data-icon-name="operation-hot"]::before {
-      content: utils.get-icon-glyph("operation-hot");
-    }
-    &[data-icon-name="overrange"]::before {
-      content: utils.get-icon-glyph("overrange");
-    }
-    &[data-icon-name="overwrite-replace"]::before {
-      content: utils.get-icon-glyph("overwrite-replace");
-    }
-    &[data-icon-name="pac-1000-7000"]::before {
-      content: utils.get-icon-glyph("pac-1000-7000");
-    }
-    &[data-icon-name="pac-3"]::before {
-      content: utils.get-icon-glyph("pac-3");
-    }
-    &[data-icon-name="package"]::before {
-      content: utils.get-icon-glyph("package");
-    }
-    &[data-icon-name="painting"]::before {
-      content: utils.get-icon-glyph("painting");
-    }
-    &[data-icon-name="partner-care"]::before {
-      content: utils.get-icon-glyph("partner-care");
-    }
-    &[data-icon-name="pc"]::before {
-      content: utils.get-icon-glyph("pc");
-    }
-    &[data-icon-name="pc-connection"]::before {
-      content: utils.get-icon-glyph("pc-connection");
-    }
-    &[data-icon-name="pc-link-connected"]::before {
-      content: utils.get-icon-glyph("pc-link-connected");
-      color: #00DD31;
-    }
-    &[data-icon-name="pc-link-connected"]::after {
-      content: utils.get-icon-glyph("pc-link-connected-part1");
-      color: #002766;
-    }
-    &[data-icon-name="pc-link-connected"] span::before {
-      content: utils.get-icon-glyph("pc-link-connected-part2");
-    }
-    &[data-icon-name="pc-link-error"]::before {
-      content: utils.get-icon-glyph("pc-link-error");
-      color: #F30303;
-    }
-    &[data-icon-name="pc-link-error"]::after {
-      content: utils.get-icon-glyph("pc-link-error-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="pc-link-error"] span::before {
-      content: utils.get-icon-glyph("pc-link-error-part2");
-    }
-    &[data-icon-name="pc-link-preparing"]::before {
-      content: utils.get-icon-glyph("pc-link-preparing");
-    }
-    &[data-icon-name="pc-link-query"]::before {
-      content: utils.get-icon-glyph("pc-link-query");
-    }
-    &[data-icon-name="pdf"]::before {
-      content: utils.get-icon-glyph("pdf");
-    }
-    &[data-icon-name="pie-chart"]::before {
-      content: utils.get-icon-glyph("pie-chart");
-    }
-    &[data-icon-name="pincode"]::before {
-      content: utils.get-icon-glyph("pincode");
-    }
-    &[data-icon-name="plus"]::before {
-      content: utils.get-icon-glyph("plus");
-    }
-    &[data-icon-name="pneumatic"]::before {
-      content: utils.get-icon-glyph("pneumatic");
-      color: #00DD31;
-    }
-    &[data-icon-name="pneumatic"]::after {
-      content: utils.get-icon-glyph("pneumatic-part1");
-    }
-    &[data-icon-name="polytron-7000"]::before {
-      content: utils.get-icon-glyph("polytron-7000");
-    }
-    &[data-icon-name="power-supply"]::before {
-      content: utils.get-icon-glyph("power-supply");
-    }
-    &[data-icon-name="power-supply-restricted"]::before {
-      content: utils.get-icon-glyph("power-supply-restricted");
-    }
-    &[data-icon-name="power-supply-restricted"]::after {
-      content: utils.get-icon-glyph("power-supply-restricted-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="power-supply-restricted"] span::before {
-      content: utils.get-icon-glyph("power-supply-restricted-part2");
-      color: #002766;
-    }
-    &[data-icon-name="powerplant"]::before {
-      content: utils.get-icon-glyph("powerplant");
-    }
-    &[data-icon-name="practice"]::before {
-      content: utils.get-icon-glyph("practice");
-    }
-    &[data-icon-name="practice-hot"]::before {
-      content: utils.get-icon-glyph("practice-hot");
-    }
-    &[data-icon-name="pressure-relief"]::before {
-      content: utils.get-icon-glyph("pressure-relief");
-      color: #00DD31;
-    }
-    &[data-icon-name="pressure-relief"]::after {
-      content: utils.get-icon-glyph("pressure-relief-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="pressure-relief"] span::before {
-      content: utils.get-icon-glyph("pressure-relief-part2");
-    }
-    &[data-icon-name="process"]::before {
-      content: utils.get-icon-glyph("process");
-    }
-    &[data-icon-name="product-finder"]::before {
-      content: utils.get-icon-glyph("product-finder");
-    }
-    &[data-icon-name="production"]::before {
-      content: utils.get-icon-glyph("production");
-    }
-    &[data-icon-name="profile-management"]::before {
-      content: utils.get-icon-glyph("profile-management");
-    }
-    &[data-icon-name="progress"]::before {
-      content: utils.get-icon-glyph("progress");
-    }
-    &[data-icon-name="progress-circle"]::before {
-      content: utils.get-icon-glyph("progress-circle");
-    }
-    &[data-icon-name="pump-100-percent"]::before {
-      content: utils.get-icon-glyph("pump-100-percent");
-    }
-    &[data-icon-name="pump-25-percent"]::before {
-      content: utils.get-icon-glyph("pump-25-percent");
-    }
-    &[data-icon-name="pump-50-percent"]::before {
-      content: utils.get-icon-glyph("pump-50-percent");
-    }
-    &[data-icon-name="pump-75-percent"]::before {
-      content: utils.get-icon-glyph("pump-75-percent");
-    }
-    &[data-icon-name="pump-adapter-magnetic"]::before {
-      content: utils.get-icon-glyph("pump-adapter-magnetic");
-    }
-    &[data-icon-name="pump-adapter-magnetic"]::after {
-      content: utils.get-icon-glyph("pump-adapter-magnetic-part1");
-    }
-    &[data-icon-name="pump-low"]::before {
-      content: utils.get-icon-glyph("pump-low");
-    }
-    &[data-icon-name="quickview"]::before {
-      content: utils.get-icon-glyph("quickview");
-    }
-    &[data-icon-name="rack"]::before {
-      content: utils.get-icon-glyph("rack");
-    }
-    &[data-icon-name="rack-mobile"]::before {
-      content: utils.get-icon-glyph("rack-mobile");
-    }
-    &[data-icon-name="radiocircuit"]::before {
-      content: utils.get-icon-glyph("radiocircuit");
-    }
-    &[data-icon-name="rebuild"]::before {
-      content: utils.get-icon-glyph("rebuild");
-    }
-    &[data-icon-name="recycling"]::before {
-      content: utils.get-icon-glyph("recycling");
-    }
-    &[data-icon-name="regard-iiot"]::before {
-      content: utils.get-icon-glyph("regard-iiot");
-    }
-    &[data-icon-name="relay-switch-closed"]::before {
-      content: utils.get-icon-glyph("relay-switch-closed");
-    }
-    &[data-icon-name="relay-switch-open"]::before {
-      content: utils.get-icon-glyph("relay-switch-open");
-    }
-    &[data-icon-name="remote"]::before {
-      content: utils.get-icon-glyph("remote");
-    }
-    &[data-icon-name="remote-transmission"]::before {
-      content: utils.get-icon-glyph("remote-transmission");
-    }
-    &[data-icon-name="remove"]::before {
-      content: utils.get-icon-glyph("remove");
-    }
-    &[data-icon-name="reorganisation"]::before {
-      content: utils.get-icon-glyph("reorganisation");
-    }
-    &[data-icon-name="resources"]::before {
-      content: utils.get-icon-glyph("resources");
-    }
-    &[data-icon-name="rfid"]::before {
-      content: utils.get-icon-glyph("rfid");
-    }
-    &[data-icon-name="roofing"]::before {
-      content: utils.get-icon-glyph("roofing");
-    }
-    &[data-icon-name="saddle-roof"]::before {
-      content: utils.get-icon-glyph("saddle-roof");
-    }
-    &[data-icon-name="saver"]::before {
-      content: utils.get-icon-glyph("saver");
-    }
-    &[data-icon-name="saw"]::before {
-      content: utils.get-icon-glyph("saw");
-    }
-    &[data-icon-name="scba"]::before {
-      content: utils.get-icon-glyph("scba");
-    }
-    &[data-icon-name="scroll-grip"]::before {
-      content: utils.get-icon-glyph("scroll-grip");
-    }
-    &[data-icon-name="scroll-page-down"]::before {
-      content: utils.get-icon-glyph("scroll-page-down");
-    }
-    &[data-icon-name="scroll-page-up"]::before {
-      content: utils.get-icon-glyph("scroll-page-up");
-    }
-    &[data-icon-name="sensor-100-percent"]::before {
-      content: utils.get-icon-glyph("sensor-100-percent");
-    }
-    &[data-icon-name="sensor-25-percent"]::before {
-      content: utils.get-icon-glyph("sensor-25-percent");
-    }
-    &[data-icon-name="sensor-50-percent"]::before {
-      content: utils.get-icon-glyph("sensor-50-percent");
-    }
-    &[data-icon-name="sensor-75-percent"]::before {
-      content: utils.get-icon-glyph("sensor-75-percent");
-    }
-    &[data-icon-name="sensor-catex"]::before {
-      content: utils.get-icon-glyph("sensor-catex");
-    }
-    &[data-icon-name="sensor-disabled"]::before {
-      content: utils.get-icon-glyph("sensor-disabled");
-    }
-    &[data-icon-name="sensor-ec"]::before {
-      content: utils.get-icon-glyph("sensor-ec");
-    }
-    &[data-icon-name="sensor-error"]::before {
-      content: utils.get-icon-glyph("sensor-error");
-      color: #F30303;
-    }
-    &[data-icon-name="sensor-error"]::after {
-      content: utils.get-icon-glyph("sensor-error-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="sensor-error"] span::before {
-      content: utils.get-icon-glyph("sensor-error-part2");
-    }
-    &[data-icon-name="sensor-information"]::before {
-      content: utils.get-icon-glyph("sensor-information");
-    }
-    &[data-icon-name="sensor-ir"]::before {
-      content: utils.get-icon-glyph("sensor-ir");
-    }
-    &[data-icon-name="sensor-low"]::before {
-      content: utils.get-icon-glyph("sensor-low");
-    }
-    &[data-icon-name="sensor-overheat"]::before {
-      content: utils.get-icon-glyph("sensor-overheat");
-    }
-    &[data-icon-name="sensor-pid"]::before {
-      content: utils.get-icon-glyph("sensor-pid");
-    }
-    &[data-icon-name="sensor-warning"]::before {
-      content: utils.get-icon-glyph("sensor-warning");
-      color: #FFE300;
-    }
-    &[data-icon-name="sensor-warning"]::after {
-      content: utils.get-icon-glyph("sensor-warning-part1");
-      color: #002766;
-    }
-    &[data-icon-name="sensor-warning"] span::before {
-      content: utils.get-icon-glyph("sensor-warning-part2");
-    }
-    &[data-icon-name="sensors"]::before {
-      content: utils.get-icon-glyph("sensors");
-    }
-    &[data-icon-name="signal"]::before {
-      content: utils.get-icon-glyph("signal");
-    }
-    &[data-icon-name="signal-0-percent"]::before {
-      content: utils.get-icon-glyph("signal-0-percent");
-    }
-    &[data-icon-name="signal-100-percent"]::before {
-      content: utils.get-icon-glyph("signal-100-percent");
-    }
-    &[data-icon-name="signal-25-percent"]::before {
-      content: utils.get-icon-glyph("signal-25-percent");
-    }
-    &[data-icon-name="signal-50-percent"]::before {
-      content: utils.get-icon-glyph("signal-50-percent");
-    }
-    &[data-icon-name="signal-75-percent"]::before {
-      content: utils.get-icon-glyph("signal-75-percent");
-    }
-    &[data-icon-name="simulation"]::before {
-      content: utils.get-icon-glyph("simulation");
-    }
-    &[data-icon-name="sketch"]::before {
-      content: utils.get-icon-glyph("sketch");
-    }
-    &[data-icon-name="sos"]::before {
-      content: utils.get-icon-glyph("sos");
-    }
-    &[data-icon-name="sos-no-telemetry"]::before {
-      content: utils.get-icon-glyph("sos-no-telemetry");
-    }
-    &[data-icon-name="speed"]::before {
-      content: utils.get-icon-glyph("speed");
-    }
-    &[data-icon-name="sprinkler"]::before {
-      content: utils.get-icon-glyph("sprinkler");
-    }
-    &[data-icon-name="storage-box"]::before {
-      content: utils.get-icon-glyph("storage-box");
-    }
-    &[data-icon-name="substance-management"]::before {
-      content: utils.get-icon-glyph("substance-management");
-    }
-    &[data-icon-name="substance"]::before {
-      content: utils.get-icon-glyph("substance");
-      color: #FFF;
-    }
-    &[data-icon-name="substance"]::after {
-      content: utils.get-icon-glyph("substance-part1");
-    }
-    &[data-icon-name="substances"]::before {
-      content: utils.get-icon-glyph("substances");
-    }
-    &[data-icon-name="suffocation-a1"]::before {
-      content: utils.get-icon-glyph("suffocation-a1");
-      color: #FFE300;
-    }
-    &[data-icon-name="suffocation-a1"]::after {
-      content: utils.get-icon-glyph("suffocation-a1-part1");
-      color: #002766;
-    }
-    &[data-icon-name="suffocation-a1"] span::before {
-      content: utils.get-icon-glyph("suffocation-a1-part2");
-    }
-    &[data-icon-name="suffocation-a2"]::before {
-      content: utils.get-icon-glyph("suffocation-a2");
-    }
-    &[data-icon-name="suffocation-a2"]::after {
-      content: utils.get-icon-glyph("suffocation-a2-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="suffocation-a2"] span::before {
-      content: utils.get-icon-glyph("suffocation-a2-part2");
-      color: #002766;
-    }
-    &[data-icon-name="suffocation-stel"]::before {
-      content: utils.get-icon-glyph("suffocation-stel");
-      color: #FFE300;
-    }
-    &[data-icon-name="suffocation-stel"]::after {
-      content: utils.get-icon-glyph("suffocation-stel-part1");
-      color: #002766;
-    }
-    &[data-icon-name="suffocation-stel"] span::before {
-      content: utils.get-icon-glyph("suffocation-stel-part2");
-    }
-    &[data-icon-name="suffocation-twa"]::before {
-      content: utils.get-icon-glyph("suffocation-twa");
-      color: #FFE300;
-    }
-    &[data-icon-name="suffocation-twa"]::after {
-      content: utils.get-icon-glyph("suffocation-twa-part1");
-      color: #002766;
-    }
-    &[data-icon-name="suffocation-twa"] span::before {
-      content: utils.get-icon-glyph("suffocation-twa-part2");
-    }
-    &[data-icon-name="suffocation"]::before {
-      content: utils.get-icon-glyph("suffocation");
-      color: #FFE300;
-    }
-    &[data-icon-name="suffocation"]::after {
-      content: utils.get-icon-glyph("suffocation-part1");
-      color: #002766;
-    }
-    &[data-icon-name="system"]::before {
-      content: utils.get-icon-glyph("system");
-    }
-    &[data-icon-name="system-storage-error"]::before {
-      content: utils.get-icon-glyph("system-storage-error");
-    }
-    &[data-icon-name="system-storage-error"]::after {
-      content: utils.get-icon-glyph("system-storage-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="system-storage-error"] span::before {
-      content: utils.get-icon-glyph("system-storage-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="system-storage-warning"]::before {
-      content: utils.get-icon-glyph("system-storage-warning");
-      color: #FFE300;
-    }
-    &[data-icon-name="system-storage-warning"]::after {
-      content: utils.get-icon-glyph("system-storage-warning-part1");
-      color: #002766;
-    }
-    &[data-icon-name="system-storage-warning"] span::before {
-      content: utils.get-icon-glyph("system-storage-warning-part2");
-    }
-    &[data-icon-name="table"]::before {
-      content: utils.get-icon-glyph("table");
-    }
-    &[data-icon-name="telemetry"]::before {
-      content: utils.get-icon-glyph("telemetry");
-    }
-    &[data-icon-name="telemetry-active"]::before {
-      content: utils.get-icon-glyph("telemetry-active");
-    }
-    &[data-icon-name="telemetry-active"]::after {
-      content: utils.get-icon-glyph("telemetry-active-part1");
-      color: #00DC31;
-    }
-    &[data-icon-name="telemetry-active"] span::before {
-      content: utils.get-icon-glyph("telemetry-active-part2");
-      color: #002766;
-    }
-    &[data-icon-name="telemetry-disabled"]::before {
-      content: utils.get-icon-glyph("telemetry-disabled");
-    }
-    &[data-icon-name="telemetry-error"]::before {
-      content: utils.get-icon-glyph("telemetry-error");
-    }
-    &[data-icon-name="telemetry-error"]::after {
-      content: utils.get-icon-glyph("telemetry-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="telemetry-error"] span::before {
-      content: utils.get-icon-glyph("telemetry-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="telemetry-search"]::before {
-      content: utils.get-icon-glyph("telemetry-search");
-    }
-    &[data-icon-name="telemetry-warning"]::before {
-      content: utils.get-icon-glyph("telemetry-warning");
-    }
-    &[data-icon-name="telemetry-warning"]::after {
-      content: utils.get-icon-glyph("telemetry-warning-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="telemetry-warning"] span::before {
-      content: utils.get-icon-glyph("telemetry-warning-part2");
-      color: #002766;
-    }
-    &[data-icon-name="temperature-error"]::before {
-      content: utils.get-icon-glyph("temperature-error");
-      color: #F30303;
-    }
-    &[data-icon-name="temperature-error"]::after {
-      content: utils.get-icon-glyph("temperature-error-part1");
-    }
-    &[data-icon-name="temperature-error"] span::before {
-      content: utils.get-icon-glyph("temperature-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="temperature-high"]::before {
-      content: utils.get-icon-glyph("temperature-high");
-    }
-    &[data-icon-name="temperature-low"]::before {
-      content: utils.get-icon-glyph("temperature-low");
-    }
-    &[data-icon-name="temperature-warning"]::before {
-      content: utils.get-icon-glyph("temperature-warning");
-    }
-    &[data-icon-name="temperature-warning"]::after {
-      content: utils.get-icon-glyph("temperature-warning-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="temperature-warning"] span::before {
-      content: utils.get-icon-glyph("temperature-warning-part2");
-      color: #002766;
-    }
-    &[data-icon-name="test"]::before {
-      content: utils.get-icon-glyph("test");
-    }
-    &[data-icon-name="test-edit"]::before {
-      content: utils.get-icon-glyph("test-edit");
-    }
-    &[data-icon-name="test-error"]::before {
-      content: utils.get-icon-glyph("test-error");
-      color: #F30303;
-    }
-    &[data-icon-name="test-error"]::after {
-      content: utils.get-icon-glyph("test-error-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="test-error"] span::before {
-      content: utils.get-icon-glyph("test-error-part2");
-    }
-    &[data-icon-name="test-note"]::before {
-      content: utils.get-icon-glyph("test-note");
-    }
-    &[data-icon-name="test-results"]::before {
-      content: utils.get-icon-glyph("test-results");
-    }
-    &[data-icon-name="testing"]::before {
-      content: utils.get-icon-glyph("testing");
-    }
-    &[data-icon-name="theme-switch"]::before {
-      content: utils.get-icon-glyph("theme-switch");
-    }
-    &[data-icon-name="thermal-alarm"]::before {
-      content: utils.get-icon-glyph("thermal-alarm");
-      color: #FFE300;
-    }
-    &[data-icon-name="thermal-alarm"]::after {
-      content: utils.get-icon-glyph("thermal-alarm-part1");
-      color: #002B61;
-    }
-    &[data-icon-name="thermal-alarm"] span::before {
-      content: utils.get-icon-glyph("thermal-alarm-part2");
-    }
-    &[data-icon-name="tic"]::before {
-      content: utils.get-icon-glyph("tic");
-    }
-    &[data-icon-name="tic-connection-rejected"]::before {
-      content: utils.get-icon-glyph("tic-connection-rejected");
-    }
-    &[data-icon-name="tic-connection-rejected"]::after {
-      content: utils.get-icon-glyph("tic-connection-rejected-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="tic-connection-rejected"] span::before {
-      content: utils.get-icon-glyph("tic-connection-rejected-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="tic-connection-success"]::before {
-      content: utils.get-icon-glyph("tic-connection-success");
-    }
-    &[data-icon-name="tic-connection-success"]::after {
-      content: utils.get-icon-glyph("tic-connection-success-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="tic-failed"]::before {
-      content: utils.get-icon-glyph("tic-failed");
-      color: #00DD31;
-    }
-    &[data-icon-name="tic-failed"]::after {
-      content: utils.get-icon-glyph("tic-failed-part1");
-      color: #002766;
-    }
-    &[data-icon-name="tic-failed"] span::before {
-      content: utils.get-icon-glyph("tic-failed-part2");
-    }
-    &[data-icon-name="tic-pairing-failed"]::before {
-      content: utils.get-icon-glyph("tic-pairing-failed");
-    }
-    &[data-icon-name="tic-pairing-failed"]::after {
-      content: utils.get-icon-glyph("tic-pairing-failed-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="tic-pairing-failed"] span::before {
-      content: utils.get-icon-glyph("tic-pairing-failed-part2");
-      color: #002766;
-    }
-    &[data-icon-name="tic-successful"]::before {
-      content: utils.get-icon-glyph("tic-successful");
-    }
-    &[data-icon-name="tic-successful"]::after {
-      content: utils.get-icon-glyph("tic-successful-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="time-compress"]::before {
-      content: utils.get-icon-glyph("time-compress");
-    }
-    &[data-icon-name="time-stretch"]::before {
-      content: utils.get-icon-glyph("time-stretch");
-    }
-    &[data-icon-name="time-window"]::before {
-      content: utils.get-icon-glyph("time-window");
-    }
-    &[data-icon-name="timeline-view"]::before {
-      content: utils.get-icon-glyph("timeline-view");
-    }
-    &[data-icon-name="timer"]::before {
-      content: utils.get-icon-glyph("timer");
-    }
-    &[data-icon-name="timer-elapsed"]::before {
-      content: utils.get-icon-glyph("timer-elapsed");
-    }
-    &[data-icon-name="timer-start"]::before {
-      content: utils.get-icon-glyph("timer-start");
-    }
-    &[data-icon-name="total-care"]::before {
-      content: utils.get-icon-glyph("total-care");
-    }
-    &[data-icon-name="toxic-a1"]::before {
-      content: utils.get-icon-glyph("toxic-a1");
-    }
-    &[data-icon-name="toxic-a1"]::after {
-      content: utils.get-icon-glyph("toxic-a1-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="toxic-a1"] span::before {
-      content: utils.get-icon-glyph("toxic-a1-part2");
-      color: #002B61;
-    }
-    &[data-icon-name="toxic-a2"]::before {
-      content: utils.get-icon-glyph("toxic-a2");
-    }
-    &[data-icon-name="toxic-a2"]::after {
-      content: utils.get-icon-glyph("toxic-a2-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="toxic-a2"] span::before {
-      content: utils.get-icon-glyph("toxic-a2-part2");
-      color: #002B61;
-    }
-    &[data-icon-name="toxic-stel"]::before {
-      content: utils.get-icon-glyph("toxic-stel");
-      color: #FFE300;
-    }
-    &[data-icon-name="toxic-stel"]::after {
-      content: utils.get-icon-glyph("toxic-stel-part1");
-      color: #002B61;
-    }
-    &[data-icon-name="toxic-stel"] span::before {
-      content: utils.get-icon-glyph("toxic-stel-part2");
-    }
-    &[data-icon-name="toxic-twa"]::before {
-      content: utils.get-icon-glyph("toxic-twa");
-      color: #FFE300;
-    }
-    &[data-icon-name="toxic-twa"]::after {
-      content: utils.get-icon-glyph("toxic-twa-part1");
-      color: #002B61;
-    }
-    &[data-icon-name="toxic-twa"] span::before {
-      content: utils.get-icon-glyph("toxic-twa-part2");
-    }
-    &[data-icon-name="toxic"]::before {
-      content: utils.get-icon-glyph("toxic");
-      color: #FFE300;
-    }
-    &[data-icon-name="toxic"]::after {
-      content: utils.get-icon-glyph("toxic-part1");
-      color: #002B61;
-    }
-    &[data-icon-name="trailer"]::before {
-      content: utils.get-icon-glyph("trailer");
-    }
-    &[data-icon-name="truck"]::before {
-      content: utils.get-icon-glyph("truck");
-    }
-    &[data-icon-name="truck-ladder"]::before {
-      content: utils.get-icon-glyph("truck-ladder");
-    }
-    &[data-icon-name="tube"]::before {
-      content: utils.get-icon-glyph("tube");
-    }
-    &[data-icon-name="tube-off"]::before {
-      content: utils.get-icon-glyph("tube-off");
-    }
-    &[data-icon-name="tube-on"]::before {
-      content: utils.get-icon-glyph("tube-on");
-    }
-    &[data-icon-name="ucf-6000-9000"]::before {
-      content: utils.get-icon-glyph("ucf-6000-9000");
-    }
-    &[data-icon-name="ucf-firevista"]::before {
-      content: utils.get-icon-glyph("ucf-firevista");
-    }
-    &[data-icon-name="underrange"]::before {
-      content: utils.get-icon-glyph("underrange");
-    }
-    &[data-icon-name="underrange-error"]::before {
-      content: utils.get-icon-glyph("underrange-error");
-    }
-    &[data-icon-name="underrange-error"]::after {
-      content: utils.get-icon-glyph("underrange-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="underrange-warning"]::before {
-      content: utils.get-icon-glyph("underrange-warning");
-    }
-    &[data-icon-name="underrange-warning"]::after {
-      content: utils.get-icon-glyph("underrange-warning-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="underrange-warning"] span::before {
-      content: utils.get-icon-glyph("underrange-warning-part2");
-      color: #002766;
-    }
-    &[data-icon-name="unplanned-measuring"]::before {
-      content: utils.get-icon-glyph("unplanned-measuring");
-    }
-    &[data-icon-name="vario-guard-control-center"]::before {
-      content: utils.get-icon-glyph("vario-guard-control-center");
-    }
-    &[data-icon-name="vario-guard-sensor"]::before {
-      content: utils.get-icon-glyph("vario-guard-sensor");
-    }
-    &[data-icon-name="volume-1"]::before {
-      content: utils.get-icon-glyph("volume-1");
-    }
-    &[data-icon-name="volume-2"]::before {
-      content: utils.get-icon-glyph("volume-2");
-    }
-    &[data-icon-name="volume-max"]::before {
-      content: utils.get-icon-glyph("volume-max");
-    }
-    &[data-icon-name="volume-min"]::before {
-      content: utils.get-icon-glyph("volume-min");
-    }
-    &[data-icon-name="volume-mute"]::before {
-      content: utils.get-icon-glyph("volume-mute");
-    }
-    &[data-icon-name="volume-query"]::before {
-      content: utils.get-icon-glyph("volume-query");
-    }
-    &[data-icon-name="volume-reduction"]::before {
-      content: utils.get-icon-glyph("volume-reduction");
-    }
-    &[data-icon-name="warm-up-time"]::before {
-      content: utils.get-icon-glyph("warm-up-time");
-    }
-    &[data-icon-name="washing-machine"]::before {
-      content: utils.get-icon-glyph("washing-machine");
-    }
-    &[data-icon-name="wifi-100-percent"]::before {
-      content: utils.get-icon-glyph("wifi-100-percent");
-    }
-    &[data-icon-name="wifi-25-percent"]::before {
-      content: utils.get-icon-glyph("wifi-25-percent");
-    }
-    &[data-icon-name="wifi-50-percent"]::before {
-      content: utils.get-icon-glyph("wifi-50-percent");
-    }
-    &[data-icon-name="wifi-75-percent"]::before {
-      content: utils.get-icon-glyph("wifi-75-percent");
-    }
-    &[data-icon-name="wifi-disabled"]::before {
-      content: utils.get-icon-glyph("wifi-disabled");
-    }
-    &[data-icon-name="wifi-disabled-circle"]::before {
-      content: utils.get-icon-glyph("wifi-disabled-circle");
-    }
-    &[data-icon-name="wizard"]::before {
-      content: utils.get-icon-glyph("wizard");
-    }
-    &[data-icon-name="workshop"]::before {
-      content: utils.get-icon-glyph("workshop");
-    }
-    &[data-icon-name="xact-5000"]::before {
-      content: utils.get-icon-glyph("xact-5000");
-    }
-    &[data-icon-name="xact-7000"]::before {
-      content: utils.get-icon-glyph("xact-7000");
-    }
-    &[data-icon-name="xam-2000"]::before {
-      content: utils.get-icon-glyph("xam-2000");
-    }
-    &[data-icon-name="xam-2500"]::before {
-      content: utils.get-icon-glyph("xam-2500");
-    }
-    &[data-icon-name="xam-3000"]::before {
-      content: utils.get-icon-glyph("xam-3000");
-    }
-    &[data-icon-name="xam-5000"]::before {
-      content: utils.get-icon-glyph("xam-5000");
-    }
-    &[data-icon-name="xam-7000"]::before {
-      content: utils.get-icon-glyph("xam-7000");
-    }
-    &[data-icon-name="xdock"]::before {
-      content: utils.get-icon-glyph("xdock");
-    }
-    &[data-icon-name="xpid-9000"]::before {
-      content: utils.get-icon-glyph("xpid-9000");
-    }
-    &[data-icon-name="xplore"]::before {
-      content: utils.get-icon-glyph("xplore");
-    }
-    &[data-icon-name="xplore-1300"]::before {
-      content: utils.get-icon-glyph("xplore-1300");
-    }
-    &[data-icon-name="xplore-1700"]::before {
-      content: utils.get-icon-glyph("xplore-1700");
-    }
-    &[data-icon-name="xplore-1900"]::before {
-      content: utils.get-icon-glyph("xplore-1900");
-    }
-    &[data-icon-name="xplore-3500"]::before {
-      content: utils.get-icon-glyph("xplore-3500");
-    }
-    &[data-icon-name="xplore-5500"]::before {
-      content: utils.get-icon-glyph("xplore-5500");
-    }
-    &[data-icon-name="xplore-6300"]::before {
-      content: utils.get-icon-glyph("xplore-6300");
-    }
-    &[data-icon-name="xplore-8000"]::before {
-      content: utils.get-icon-glyph("xplore-8000");
-    }
-    &[data-icon-name="xplore-8000-headpiece"]::before {
-      content: utils.get-icon-glyph("xplore-8000-headpiece");
-    }
-    &[data-icon-name="xplore-8000-system"]::before {
-      content: utils.get-icon-glyph("xplore-8000-system");
-    }
-    &[data-icon-name="xzone-5000"]::before {
-      content: utils.get-icon-glyph("xzone-5000");
-    }
-    &[data-icon-name="zoom-document-size"]::before {
-      content: utils.get-icon-glyph("zoom-document-size");
-    }
-    &[data-icon-name="zoom-document-width"]::before {
-      content: utils.get-icon-glyph("zoom-document-width");
-    }
-}