@odx/icons 3.48.0 → 4.0.0-rc.2

package/uib-legacy/uib-legacy-icons.scss

@@ -1,3704 +0,0 @@
-@use "uib-legacy-utils" as utils;
-
-@font-face {
-  font-family: uib-legacy-icons;
-  src: url('uib-legacy-icons.eot');
-  src: url('uib-legacy-icons.eot?#iefix') format('embedded-opentype'),
-  url('uib-legacy-icons.woff') format('woff'),
-  url('uib-legacy-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="uib-legacy"] {
-    font-family: 'uib-legacy-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="uib-legacy"] {
-    &[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: #000000;
-    }
-    &[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: #000000;
-    }
-    &[data-icon-name="accessories"]::before {
-      content: utils.get-icon-glyph("accessories");
-    }
-    &[data-icon-name="acknowledge"]::before {
-      content: utils.get-icon-glyph("acknowledge");
-    }
-    &[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: #000000;
-    }
-    &[data-icon-name="acknowledge"]::after {
-      content: utils.get-icon-glyph("acknowledge-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="acknowledge"] span::before {
-      content: utils.get-icon-glyph("acknowledge-part2");
-      color: #000000;
-    }
-    &[data-icon-name="add"]::before {
-      content: utils.get-icon-glyph("add");
-    }
-    &[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-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-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="alarm2"]::before {
-      content: utils.get-icon-glyph("alarm2");
-    }
-    &[data-icon-name="alarm2-a1"]::before {
-      content: utils.get-icon-glyph("alarm2-a1");
-    }
-    &[data-icon-name="alarm2-a2"]::before {
-      content: utils.get-icon-glyph("alarm2-a2");
-    }
-    &[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: #F30303;
-    }
-    &[data-icon-name="alarm3-twa"]::after {
-      content: utils.get-icon-glyph("alarm3-twa-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="alarmtype"]::before {
-      content: utils.get-icon-glyph("alarmtype");
-    }
-    &[data-icon-name="alarmtype-info"]::before {
-      content: utils.get-icon-glyph("alarmtype-info");
-    }
-    &[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="align-horizontal"]::before {
-      content: utils.get-icon-glyph("align-horizontal");
-    }
-    &[data-icon-name="align-vertical"]::before {
-      content: utils.get-icon-glyph("align-vertical");
-    }
-    &[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="arrow-scroll-down"]::before {
-      content: utils.get-icon-glyph("arrow-scroll-down");
-    }
-    &[data-icon-name="arrow-scroll-left"]::before {
-      content: utils.get-icon-glyph("arrow-scroll-left");
-    }
-    &[data-icon-name="arrow-scroll-right"]::before {
-      content: utils.get-icon-glyph("arrow-scroll-right");
-    }
-    &[data-icon-name="arrow-scroll-up"]::before {
-      content: utils.get-icon-glyph("arrow-scroll-up");
-    }
-    &[data-icon-name="arrow1-down"]::before {
-      content: utils.get-icon-glyph("arrow1-down");
-    }
-    &[data-icon-name="arrow1-left"]::before {
-      content: utils.get-icon-glyph("arrow1-left");
-    }
-    &[data-icon-name="arrow1-right"]::before {
-      content: utils.get-icon-glyph("arrow1-right");
-    }
-    &[data-icon-name="arrow1-up"]::before {
-      content: utils.get-icon-glyph("arrow1-up");
-    }
-    &[data-icon-name="arrow2-down"]::before {
-      content: utils.get-icon-glyph("arrow2-down");
-    }
-    &[data-icon-name="arrow2-left"]::before {
-      content: utils.get-icon-glyph("arrow2-left");
-    }
-    &[data-icon-name="arrow2-right"]::before {
-      content: utils.get-icon-glyph("arrow2-right");
-    }
-    &[data-icon-name="arrow2-up"]::before {
-      content: utils.get-icon-glyph("arrow2-up");
-    }
-    &[data-icon-name="arrow3-down"]::before {
-      content: utils.get-icon-glyph("arrow3-down");
-    }
-    &[data-icon-name="arrow3-left"]::before {
-      content: utils.get-icon-glyph("arrow3-left");
-    }
-    &[data-icon-name="arrow3-right"]::before {
-      content: utils.get-icon-glyph("arrow3-right");
-    }
-    &[data-icon-name="arrow3-up"]::before {
-      content: utils.get-icon-glyph("arrow3-up");
-    }
-    &[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="attachment"]::before {
-      content: utils.get-icon-glyph("attachment");
-    }
-    &[data-icon-name="attachment-disabled"]::before {
-      content: utils.get-icon-glyph("attachment-disabled");
-    }
-    &[data-icon-name="barcode-scan"]::before {
-      content: utils.get-icon-glyph("barcode-scan");
-    }
-    &[data-icon-name="battery-1"]::before {
-      content: utils.get-icon-glyph("battery-1");
-    }
-    &[data-icon-name="battery-100-percent"]::before {
-      content: utils.get-icon-glyph("battery-100-percent");
-    }
-    &[data-icon-name="battery-2"]::before {
-      content: utils.get-icon-glyph("battery-2");
-    }
-    &[data-icon-name="battery-25-percent"]::before {
-      content: utils.get-icon-glyph("battery-25-percent");
-    }
-    &[data-icon-name="battery-3"]::before {
-      content: utils.get-icon-glyph("battery-3");
-    }
-    &[data-icon-name="battery-4"]::before {
-      content: utils.get-icon-glyph("battery-4");
-    }
-    &[data-icon-name="battery-5"]::before {
-      content: utils.get-icon-glyph("battery-5");
-    }
-    &[data-icon-name="battery-50-percent"]::before {
-      content: utils.get-icon-glyph("battery-50-percent");
-    }
-    &[data-icon-name="battery-75-percent"]::before {
-      content: utils.get-icon-glyph("battery-75-percent");
-    }
-    &[data-icon-name="battery-alarm"]::before {
-      content: utils.get-icon-glyph("battery-alarm");
-      color: #F30303;
-    }
-    &[data-icon-name="battery-alarm"]::after {
-      content: utils.get-icon-glyph("battery-alarm-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="battery-alarm"] span::before {
-      content: utils.get-icon-glyph("battery-alarm-part2");
-    }
-    &[data-icon-name="battery-charging"]::before {
-      content: utils.get-icon-glyph("battery-charging");
-    }
-    &[data-icon-name="battery-error"]::before {
-      content: utils.get-icon-glyph("battery-error");
-    }
-    &[data-icon-name="battery-error"]::after {
-      content: utils.get-icon-glyph("battery-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="battery-error"] span::before {
-      content: utils.get-icon-glyph("battery-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="battery-low"]::before {
-      content: utils.get-icon-glyph("battery-low");
-    }
-    &[data-icon-name="battery-uncalibrated"]::before {
-      content: utils.get-icon-glyph("battery-uncalibrated");
-    }
-    &[data-icon-name="battery-warning"]::before {
-      content: utils.get-icon-glyph("battery-warning");
-    }
-    &[data-icon-name="battery-warning"]::after {
-      content: utils.get-icon-glyph("battery-warning-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="battery-warning"] span::before {
-      content: utils.get-icon-glyph("battery-warning-part2");
-      color: #000000;
-    }
-    &[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="bluetooth"]::before {
-      content: utils.get-icon-glyph("bluetooth");
-    }
-    &[data-icon-name="bluetooth-disabled"]::before {
-      content: utils.get-icon-glyph("bluetooth-disabled");
-    }
-    &[data-icon-name="bluetooth-pairing"]::before {
-      content: utils.get-icon-glyph("bluetooth-pairing");
-    }
-    &[data-icon-name="bodyguard"]::before {
-      content: utils.get-icon-glyph("bodyguard");
-    }
-    &[data-icon-name="bookmark"]::before {
-      content: utils.get-icon-glyph("bookmark");
-    }
-    &[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="brightness-1"]::before {
-      content: utils.get-icon-glyph("brightness-1");
-    }
-    &[data-icon-name="brightness-2"]::before {
-      content: utils.get-icon-glyph("brightness-2");
-    }
-    &[data-icon-name="brightness-3"]::before {
-      content: utils.get-icon-glyph("brightness-3");
-    }
-    &[data-icon-name="brightness-4"]::before {
-      content: utils.get-icon-glyph("brightness-4");
-    }
-    &[data-icon-name="brightness-5"]::before {
-      content: utils.get-icon-glyph("brightness-5");
-    }
-    &[data-icon-name="brightness-auto"]::before {
-      content: utils.get-icon-glyph("brightness-auto");
-    }
-    &[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");
-    }
-    &[data-icon-name="building-warning"]::after {
-      content: utils.get-icon-glyph("building-warning-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="building-warning"] span::before {
-      content: utils.get-icon-glyph("building-warning-part2");
-      color: #000000;
-    }
-    &[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="calendar"]::before {
-      content: utils.get-icon-glyph("calendar");
-    }
-    &[data-icon-name="calendar-bumptest"]::before {
-      content: utils.get-icon-glyph("calendar-bumptest");
-    }
-    &[data-icon-name="calendar-bumptest-error"]::before {
-      content: utils.get-icon-glyph("calendar-bumptest-error");
-    }
-    &[data-icon-name="calendar-bumptest-warning"]::before {
-      content: utils.get-icon-glyph("calendar-bumptest-warning");
-    }
-    &[data-icon-name="calendar-calibration"]::before {
-      content: utils.get-icon-glyph("calendar-calibration");
-    }
-    &[data-icon-name="calendar-calibration-error"]::before {
-      content: utils.get-icon-glyph("calendar-calibration-error");
-    }
-    &[data-icon-name="calendar-calibration-warning"]::before {
-      content: utils.get-icon-glyph("calendar-calibration-warning");
-    }
-    &[data-icon-name="calendar-flag"]::before {
-      content: utils.get-icon-glyph("calendar-flag");
-      color: #FFE300;
-    }
-    &[data-icon-name="calendar-flag"]::after {
-      content: utils.get-icon-glyph("calendar-flag-part1");
-    }
-    &[data-icon-name="calendar-interval"]::before {
-      content: utils.get-icon-glyph("calendar-interval");
-    }
-    &[data-icon-name="calendar-list"]::before {
-      content: utils.get-icon-glyph("calendar-list");
-    }
-    &[data-icon-name="calendar-time"]::before {
-      content: utils.get-icon-glyph("calendar-time");
-    }
-    &[data-icon-name="calendar-user"]::before {
-      content: utils.get-icon-glyph("calendar-user");
-    }
-    &[data-icon-name="calendar-user-error"]::before {
-      content: utils.get-icon-glyph("calendar-user-error");
-    }
-    &[data-icon-name="calendar-user-warning"]::before {
-      content: utils.get-icon-glyph("calendar-user-warning");
-    }
-    &[data-icon-name="calendar-warning"]::before {
-      content: utils.get-icon-glyph("calendar-warning");
-      color: #FFE300;
-    }
-    &[data-icon-name="calendar-warning"]::after {
-      content: utils.get-icon-glyph("calendar-warning-part1");
-      color: #000000;
-    }
-    &[data-icon-name="calendar-warning"] span::before {
-      content: utils.get-icon-glyph("calendar-warning-part2");
-    }
-    &[data-icon-name="calendar-week-view"]::before {
-      content: utils.get-icon-glyph("calendar-week-view");
-    }
-    &[data-icon-name="calender-day-view"]::before {
-      content: utils.get-icon-glyph("calender-day-view");
-    }
-    &[data-icon-name="calender-event"]::before {
-      content: utils.get-icon-glyph("calender-event");
-    }
-    &[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: #000000;
-    }
-    &[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");
-      color: #F30303;
-    }
-    &[data-icon-name="calibration-error"] span::before {
-      content: utils.get-icon-glyph("calibration-error-part2");
-      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: #000000;
-    }
-    &[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="certicifate-upload"]::before {
-      content: utils.get-icon-glyph("certicifate-upload");
-    }
-    &[data-icon-name="certificate"]::before {
-      content: utils.get-icon-glyph("certificate");
-    }
-    &[data-icon-name="certificate-error"]::before {
-      content: utils.get-icon-glyph("certificate-error");
-      color: #F30303;
-    }
-    &[data-icon-name="certificate-error"]::after {
-      content: utils.get-icon-glyph("certificate-error-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="certificate-error"] span::before {
-      content: utils.get-icon-glyph("certificate-error-part2");
-    }
-    &[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: #000000;
-    }
-    &[data-icon-name="certificate-warning"]::before {
-      content: utils.get-icon-glyph("certificate-warning");
-      color: #FFE300;
-    }
-    &[data-icon-name="certificate-warning"]::after {
-      content: utils.get-icon-glyph("certificate-warning-part1");
-      color: #000000;
-    }
-    &[data-icon-name="certificate-warning"] span::before {
-      content: utils.get-icon-glyph("certificate-warning-part2");
-    }
-    &[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");
-      color: #0074FF;
-    }
-    &[data-icon-name="checkbox-active"]::after {
-      content: utils.get-icon-glyph("checkbox-active-part1");
-      color: #FFF;
-    }
-    &[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-eject"]::after {
-      content: utils.get-icon-glyph("chip-eject-part1");
-      color: #0074FF;
-    }
-    &[data-icon-name="chip-eject"] span::before {
-      content: utils.get-icon-glyph("chip-eject-part2");
-      color: #FFF;
-    }
-    &[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="clockwise-90-degree"]::before {
-      content: utils.get-icon-glyph("clockwise-90-degree");
-    }
-    &[data-icon-name="close"]::before {
-      content: utils.get-icon-glyph("close");
-    }
-    &[data-icon-name="close-all"]::before {
-      content: utils.get-icon-glyph("close-all");
-      color: #F30303;
-    }
-    &[data-icon-name="close-all"]::after {
-      content: utils.get-icon-glyph("close-all-part1");
-    }
-    &[data-icon-name="clothing"]::before {
-      content: utils.get-icon-glyph("clothing");
-    }
-    &[data-icon-name="cloud"]::before {
-      content: utils.get-icon-glyph("cloud");
-    }
-    &[data-icon-name="cloud-disabled"]::before {
-      content: utils.get-icon-glyph("cloud-disabled");
-    }
-    &[data-icon-name="cloud-upload"]::before {
-      content: utils.get-icon-glyph("cloud-upload");
-    }
-    &[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="comment"]::before {
-      content: utils.get-icon-glyph("comment");
-    }
-    &[data-icon-name="comment-add"]::before {
-      content: utils.get-icon-glyph("comment-add");
-    }
-    &[data-icon-name="comment-disabled"]::before {
-      content: utils.get-icon-glyph("comment-disabled");
-    }
-    &[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="compare"]::before {
-      content: utils.get-icon-glyph("compare");
-    }
-    &[data-icon-name="comparison"]::before {
-      content: utils.get-icon-glyph("comparison");
-    }
-    &[data-icon-name="complete"]::before {
-      content: utils.get-icon-glyph("complete");
-    }
-    &[data-icon-name="complete"]::after {
-      content: utils.get-icon-glyph("complete-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="complete"] span::before {
-      content: utils.get-icon-glyph("complete-part2");
-      color: #000000;
-    }
-    &[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="configuration"]::before {
-      content: utils.get-icon-glyph("configuration");
-    }
-    &[data-icon-name="configuration-edit"]::before {
-      content: utils.get-icon-glyph("configuration-edit");
-    }
-    &[data-icon-name="configuration-enter"]::before {
-      content: utils.get-icon-glyph("configuration-enter");
-    }
-    &[data-icon-name="configuration-leave"]::before {
-      content: utils.get-icon-glyph("configuration-leave");
-    }
-    &[data-icon-name="configuration-update"]::before {
-      content: utils.get-icon-glyph("configuration-update");
-    }
-    &[data-icon-name="configuration-view"]::before {
-      content: utils.get-icon-glyph("configuration-view");
-    }
-    &[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="context-menu"]::before {
-      content: utils.get-icon-glyph("context-menu");
-    }
-    &[data-icon-name="controlbox"]::before {
-      content: utils.get-icon-glyph("controlbox");
-    }
-    &[data-icon-name="copy"]::before {
-      content: utils.get-icon-glyph("copy");
-    }
-    &[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="cut"]::before {
-      content: utils.get-icon-glyph("cut");
-    }
-    &[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");
-    }
-    &[data-icon-name="cylinder-error"]::after {
-      content: utils.get-icon-glyph("cylinder-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="cylinder-error"] span::before {
-      content: utils.get-icon-glyph("cylinder-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="cylinder-o2-alarm"]::before {
-      content: utils.get-icon-glyph("cylinder-o2-alarm");
-    }
-    &[data-icon-name="cylinder-o2-alarm"]::after {
-      content: utils.get-icon-glyph("cylinder-o2-alarm-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="cylinder-o2-alarm"] span::before {
-      content: utils.get-icon-glyph("cylinder-o2-alarm-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="cylinder-opened"]::before {
-      content: utils.get-icon-glyph("cylinder-opened");
-    }
-    &[data-icon-name="d"]::before {
-      content: utils.get-icon-glyph("d");
-    }
-    &[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="dashboard-close"]::before {
-      content: utils.get-icon-glyph("dashboard-close");
-    }
-    &[data-icon-name="dashboard-open"]::before {
-      content: utils.get-icon-glyph("dashboard-open");
-    }
-    &[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");
-    }
-    &[data-icon-name="data-transfer-completed"]::after {
-      content: utils.get-icon-glyph("data-transfer-completed-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="data-transfer-completed"] span::before {
-      content: utils.get-icon-glyph("data-transfer-completed-part2");
-      color: #000000;
-    }
-    &[data-icon-name="data-transfer-failed"]::before {
-      content: utils.get-icon-glyph("data-transfer-failed");
-    }
-    &[data-icon-name="data-transfer-failed"]::after {
-      content: utils.get-icon-glyph("data-transfer-failed-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="data-transfer-failed"] span::before {
-      content: utils.get-icon-glyph("data-transfer-failed-part2");
-      color: #FFF;
-    }
-    &[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="delete"]::before {
-      content: utils.get-icon-glyph("delete");
-    }
-    &[data-icon-name="deletion-successful"]::before {
-      content: utils.get-icon-glyph("deletion-successful");
-    }
-    &[data-icon-name="deletion-successful"]::after {
-      content: utils.get-icon-glyph("deletion-successful-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="deletion-successful"] span::before {
-      content: utils.get-icon-glyph("deletion-successful-part2");
-      color: #000000;
-    }
-    &[data-icon-name="detail-slot"]::before {
-      content: utils.get-icon-glyph("detail-slot");
-    }
-    &[data-icon-name="device"]::before {
-      content: utils.get-icon-glyph("device");
-    }
-    &[data-icon-name="device-ang"]::before {
-      content: utils.get-icon-glyph("device-ang");
-    }
-    &[data-icon-name="device-connection"]::before {
-      content: utils.get-icon-glyph("device-connection");
-    }
-    &[data-icon-name="device-ct"]::before {
-      content: utils.get-icon-glyph("device-ct");
-    }
-    &[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-mrt"]::before {
-      content: utils.get-icon-glyph("device-mrt");
-    }
-    &[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: #000000;
-    }
-    &[data-icon-name="device-sono"]::before {
-      content: utils.get-icon-glyph("device-sono");
-    }
-    &[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="document"]::before {
-      content: utils.get-icon-glyph("document");
-    }
-    &[data-icon-name="document-check"]::before {
-      content: utils.get-icon-glyph("document-check");
-    }
-    &[data-icon-name="document-flag"]::before {
-      content: utils.get-icon-glyph("document-flag");
-      color: #F30303;
-    }
-    &[data-icon-name="document-flag"]::after {
-      content: utils.get-icon-glyph("document-flag-part1");
-    }
-    &[data-icon-name="document-settings"]::before {
-      content: utils.get-icon-glyph("document-settings");
-    }
-    &[data-icon-name="download"]::before {
-      content: utils.get-icon-glyph("download");
-    }
-    &[data-icon-name="drugcheck"]::before {
-      content: utils.get-icon-glyph("drugcheck");
-    }
-    &[data-icon-name="duplicate"]::before {
-      content: utils.get-icon-glyph("duplicate");
-    }
-    &[data-icon-name="edit"]::before {
-      content: utils.get-icon-glyph("edit");
-    }
-    &[data-icon-name="emergency-stop"]::before {
-      content: utils.get-icon-glyph("emergency-stop");
-    }
-    &[data-icon-name="equipment-change"]::before {
-      content: utils.get-icon-glyph("equipment-change");
-    }
-    &[data-icon-name="equipment-fire"]::before {
-      content: utils.get-icon-glyph("equipment-fire");
-    }
-    &[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");
-      color: #FFF;
-    }
-    &[data-icon-name="error-extra-information"] span::before {
-      content: utils.get-icon-glyph("error-extra-information-part2");
-    }
-    &[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: #000000;
-    }
-    &[data-icon-name="error"]::before {
-      content: utils.get-icon-glyph("error");
-      color: #F30303;
-    }
-    &[data-icon-name="error"]::after {
-      content: utils.get-icon-glyph("error-part1");
-      color: #FFF;
-    }
-    &[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");
-    }
-    &[data-icon-name="evacuation-confirmed"]::after {
-      content: utils.get-icon-glyph("evacuation-confirmed-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="evacuation-confirmed"] span::before {
-      content: utils.get-icon-glyph("evacuation-confirmed-part2");
-      color: #000000;
-    }
-    &[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");
-    }
-    &[data-icon-name="evacuation-success"]::after {
-      content: utils.get-icon-glyph("evacuation-success-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="evacuation-success"] span::before {
-      content: utils.get-icon-glyph("evacuation-success-part2");
-      color: #000000;
-    }
-    &[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: #000000;
-    }
-    &[data-icon-name="evacuation-warning"]::after {
-      content: utils.get-icon-glyph("evacuation-warning-part1");
-      color: #FFE300;
-    }
-    &[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="exit"]::before {
-      content: utils.get-icon-glyph("exit");
-    }
-    &[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");
-      color: #FFE300;
-    }
-    &[data-icon-name="explosive-a1"]::after {
-      content: utils.get-icon-glyph("explosive-a1-part1");
-    }
-    &[data-icon-name="explosive-a1"] span::before {
-      content: utils.get-icon-glyph("explosive-a1-part2");
-      color: #000000;
-    }
-    &[data-icon-name="explosive-a2"]::before {
-      content: utils.get-icon-glyph("explosive-a2");
-      color: #FFE300;
-    }
-    &[data-icon-name="explosive-a2"]::after {
-      content: utils.get-icon-glyph("explosive-a2-part1");
-    }
-    &[data-icon-name="explosive-a2"] span::before {
-      content: utils.get-icon-glyph("explosive-a2-part2");
-      color: #000000;
-    }
-    &[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: #000000;
-    }
-    &[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");
-    }
-    &[data-icon-name="explosive-twa"]::after {
-      content: utils.get-icon-glyph("explosive-twa-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="explosive-twa"] span::before {
-      content: utils.get-icon-glyph("explosive-twa-part2");
-      color: #000000;
-    }
-    &[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: #000000;
-    }
-    &[data-icon-name="export"]::before {
-      content: utils.get-icon-glyph("export");
-    }
-    &[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="favorite"]::before {
-      content: utils.get-icon-glyph("favorite");
-    }
-    &[data-icon-name="favorite-default"]::before {
-      content: utils.get-icon-glyph("favorite-default");
-    }
-    &[data-icon-name="fax"]::before {
-      content: utils.get-icon-glyph("fax");
-    }
-    &[data-icon-name="feedback-negative"]::before {
-      content: utils.get-icon-glyph("feedback-negative");
-    }
-    &[data-icon-name="feedback-positive-extra-information"]::before {
-      content: utils.get-icon-glyph("feedback-positive-extra-information");
-      color: #00DD31;
-    }
-    &[data-icon-name="feedback-positive-extra-information"]::after {
-      content: utils.get-icon-glyph("feedback-positive-extra-information-part1");
-      color: #000000;
-    }
-    &[data-icon-name="feedback-positive-extra-information"] span::before {
-      content: utils.get-icon-glyph("feedback-positive-extra-information-part2");
-    }
-    &[data-icon-name="feedback-positive-tamper-yellow"]::before {
-      content: utils.get-icon-glyph("feedback-positive-tamper-yellow");
-      color: #00DD31;
-    }
-    &[data-icon-name="feedback-positive-tamper-yellow"]::after {
-      content: utils.get-icon-glyph("feedback-positive-tamper-yellow-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="feedback-positive-tamper-yellow"] span::before {
-      content: utils.get-icon-glyph("feedback-positive-tamper-yellow-part2");
-      color: #000000;
-    }
-    &[data-icon-name="feedback-positive-tamper"]::before {
-      content: utils.get-icon-glyph("feedback-positive-tamper");
-      color: #00DD31;
-    }
-    &[data-icon-name="feedback-positive-tamper"]::after {
-      content: utils.get-icon-glyph("feedback-positive-tamper-part1");
-      color: #000000;
-    }
-    &[data-icon-name="feedback-positive-tamper"] span::before {
-      content: utils.get-icon-glyph("feedback-positive-tamper-part2");
-    }
-    &[data-icon-name="feedback-positive"]::before {
-      content: utils.get-icon-glyph("feedback-positive");
-      color: #00DD31;
-    }
-    &[data-icon-name="feedback-positive"]::after {
-      content: utils.get-icon-glyph("feedback-positive-part1");
-      color: #000000;
-    }
-    &[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: #FFF;
-    }
-    &[data-icon-name="feedback-warning-outline"]::before {
-      content: utils.get-icon-glyph("feedback-warning-outline");
-      color: #FFF;
-    }
-    &[data-icon-name="feedback-warning-outline"]::after {
-      content: utils.get-icon-glyph("feedback-warning-outline-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="feedback-warning-outline"] span::before {
-      content: utils.get-icon-glyph("feedback-warning-outline-part2");
-      color: #000000;
-    }
-    &[data-icon-name="feedback-warning-tamper-red"]::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper-red");
-      color: #FFE300;
-    }
-    &[data-icon-name="feedback-warning-tamper-red"]::after {
-      content: utils.get-icon-glyph("feedback-warning-tamper-red-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="feedback-warning-tamper-red"] span::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper-red-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="feedback-warning-tamper-red"] span::after {
-      content: utils.get-icon-glyph("feedback-warning-tamper-red-part3");
-      color: #000000;
-    }
-    &[data-icon-name="feedback-warning-tamper-yellow"]::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper-yellow");
-      color: #9EB0C2;
-    }
-    &[data-icon-name="feedback-warning-tamper-yellow"]::after {
-      content: utils.get-icon-glyph("feedback-warning-tamper-yellow-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="feedback-warning-tamper-yellow"] span::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper-yellow-part2");
-      color: #FFE300;
-    }
-    &[data-icon-name="feedback-warning-tamper-yellow"] span::after {
-      content: utils.get-icon-glyph("feedback-warning-tamper-yellow-part3");
-      color: #000000;
-    }
-    &[data-icon-name="feedback-warning-tamper"]::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper");
-      color: #9EB0C2;
-    }
-    &[data-icon-name="feedback-warning-tamper"]::after {
-      content: utils.get-icon-glyph("feedback-warning-tamper-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="feedback-warning-tamper"] span::before {
-      content: utils.get-icon-glyph("feedback-warning-tamper-part2");
-    }
-    &[data-icon-name="feedback-warning"]::before {
-      content: utils.get-icon-glyph("feedback-warning");
-      color: #FFE300;
-    }
-    &[data-icon-name="feedback-warning"]::after {
-      content: utils.get-icon-glyph("feedback-warning-part1");
-      color: #000000;
-    }
-    &[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");
-      color: #FFE300;
-    }
-    &[data-icon-name="fg-hub-no-connection"]::after {
-      content: utils.get-icon-glyph("fg-hub-no-connection-part1");
-      color: #002766;
-    }
-    &[data-icon-name="fg-hub-no-connection"] span::before {
-      content: utils.get-icon-glyph("fg-hub-no-connection-part2");
-    }
-    &[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="file-excel"]::before {
-      content: utils.get-icon-glyph("file-excel");
-    }
-    &[data-icon-name="file-html"]::before {
-      content: utils.get-icon-glyph("file-html");
-    }
-    &[data-icon-name="file-pdf"]::before {
-      content: utils.get-icon-glyph("file-pdf");
-    }
-    &[data-icon-name="file-ppt"]::before {
-      content: utils.get-icon-glyph("file-ppt");
-    }
-    &[data-icon-name="file-word"]::before {
-      content: utils.get-icon-glyph("file-word");
-    }
-    &[data-icon-name="file-zip"]::before {
-      content: utils.get-icon-glyph("file-zip");
-    }
-    &[data-icon-name="filter"]::before {
-      content: utils.get-icon-glyph("filter");
-    }
-    &[data-icon-name="filter-close"]::before {
-      content: utils.get-icon-glyph("filter-close");
-    }
-    &[data-icon-name="filter-settings"]::before {
-      content: utils.get-icon-glyph("filter-settings");
-    }
-    &[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: #000000;
-    }
-    &[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");
-      color: #FFE300;
-    }
-    &[data-icon-name="flammable-a1"]::after {
-      content: utils.get-icon-glyph("flammable-a1-part1");
-    }
-    &[data-icon-name="flammable-a1"] span::before {
-      content: utils.get-icon-glyph("flammable-a1-part2");
-      color: #000000;
-    }
-    &[data-icon-name="flammable-a2"]::before {
-      content: utils.get-icon-glyph("flammable-a2");
-      color: #FFE300;
-    }
-    &[data-icon-name="flammable-a2"]::after {
-      content: utils.get-icon-glyph("flammable-a2-part1");
-    }
-    &[data-icon-name="flammable-a2"] span::before {
-      content: utils.get-icon-glyph("flammable-a2-part2");
-      color: #000000;
-    }
-    &[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");
-    }
-    &[data-icon-name="flammable-stel"] span::before {
-      content: utils.get-icon-glyph("flammable-stel-part2");
-      color: #000000;
-    }
-    &[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: #000000;
-    }
-    &[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: #000000;
-    }
-    &[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="folder"]::before {
-      content: utils.get-icon-glyph("folder");
-    }
-    &[data-icon-name="folder-open"]::before {
-      content: utils.get-icon-glyph("folder-open");
-    }
-    &[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="fullscreen"]::before {
-      content: utils.get-icon-glyph("fullscreen");
-    }
-    &[data-icon-name="fullscreen-exit"]::before {
-      content: utils.get-icon-glyph("fullscreen-exit");
-    }
-    &[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");
-      color: #FFE300;
-    }
-    &[data-icon-name="gasbottle-warning"]::after {
-      content: utils.get-icon-glyph("gasbottle-warning-part1");
-    }
-    &[data-icon-name="gasbottle-warning"] span::before {
-      content: utils.get-icon-glyph("gasbottle-warning-part2");
-      color: #000000;
-    }
-    &[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="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: #000000;
-    }
-    &[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");
-      color: #F30303;
-    }
-    &[data-icon-name="hardware-missing"]::after {
-      content: utils.get-icon-glyph("hardware-missing-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="hardware-missing"] span::before {
-      content: utils.get-icon-glyph("hardware-missing-part2");
-    }
-    &[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="help"]::before {
-      content: utils.get-icon-glyph("help");
-    }
-    &[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="ifu"]::before {
-      content: utils.get-icon-glyph("ifu");
-    }
-    &[data-icon-name="imaging-ang"]::before {
-      content: utils.get-icon-glyph("imaging-ang");
-    }
-    &[data-icon-name="imaging-ct"]::before {
-      content: utils.get-icon-glyph("imaging-ct");
-    }
-    &[data-icon-name="imaging-mrt"]::before {
-      content: utils.get-icon-glyph("imaging-mrt");
-    }
-    &[data-icon-name="imd"]::before {
-      content: utils.get-icon-glyph("imd");
-    }
-    &[data-icon-name="import"]::before {
-      content: utils.get-icon-glyph("import");
-    }
-    &[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="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");
-    }
-    &[data-icon-name="instrument-pump-error"]::after {
-      content: utils.get-icon-glyph("instrument-pump-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="instrument-pump-error"] span::before {
-      content: utils.get-icon-glyph("instrument-pump-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="instrument-xdock-error"]::before {
-      content: utils.get-icon-glyph("instrument-xdock-error");
-    }
-    &[data-icon-name="instrument-xdock-error"]::after {
-      content: utils.get-icon-glyph("instrument-xdock-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="instrument-xdock-error"] span::before {
-      content: utils.get-icon-glyph("instrument-xdock-error-part2");
-      color: #FFF;
-    }
-    &[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");
-    }
-    &[data-icon-name="job-approve"]::after {
-      content: utils.get-icon-glyph("job-approve-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="job-approve"] span::before {
-      content: utils.get-icon-glyph("job-approve-part2");
-      color: #000000;
-    }
-    &[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="language"]::before {
-      content: utils.get-icon-glyph("language");
-    }
-    &[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="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: #00DD31;
-    }
-    &[data-icon-name="leaktest-ok"] span::before {
-      content: utils.get-icon-glyph("leaktest-ok-part2");
-      color: #000000;
-    }
-    &[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: #F30303;
-    }
-    &[data-icon-name="leaktest-timeout"] span::before {
-      content: utils.get-icon-glyph("leaktest-timeout-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="leaktest-warning"]::before {
-      content: utils.get-icon-glyph("leaktest-warning");
-    }
-    &[data-icon-name="leaktest-warning"]::after {
-      content: utils.get-icon-glyph("leaktest-warning-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="leaktest-warning"] span::before {
-      content: utils.get-icon-glyph("leaktest-warning-part2");
-      color: #000000;
-    }
-    &[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");
-    }
-    &[data-icon-name="lightbulb-warning"]::after {
-      content: utils.get-icon-glyph("lightbulb-warning-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="lightbulb-warning"] span::before {
-      content: utils.get-icon-glyph("lightbulb-warning-part2");
-      color: #000000;
-    }
-    &[data-icon-name="line-graph"]::before {
-      content: utils.get-icon-glyph("line-graph");
-    }
-    &[data-icon-name="link-external"]::before {
-      content: utils.get-icon-glyph("link-external");
-    }
-    &[data-icon-name="link-internal"]::before {
-      content: utils.get-icon-glyph("link-internal");
-    }
-    &[data-icon-name="location"]::before {
-      content: utils.get-icon-glyph("location");
-    }
-    &[data-icon-name="location-disabled"]::before {
-      content: utils.get-icon-glyph("location-disabled");
-    }
-    &[data-icon-name="location-scan"]::before {
-      content: utils.get-icon-glyph("location-scan");
-    }
-    &[data-icon-name="location-scan-failed"]::before {
-      content: utils.get-icon-glyph("location-scan-failed");
-    }
-    &[data-icon-name="location-scan-failed"]::after {
-      content: utils.get-icon-glyph("location-scan-failed-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="location-scan-failed"] span::before {
-      content: utils.get-icon-glyph("location-scan-failed-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="location-scan-success"]::before {
-      content: utils.get-icon-glyph("location-scan-success");
-    }
-    &[data-icon-name="location-scan-success"]::after {
-      content: utils.get-icon-glyph("location-scan-success-part1");
-      color: #000000;
-    }
-    &[data-icon-name="location-scan-success"] span::before {
-      content: utils.get-icon-glyph("location-scan-success-part2");
-      color: #00DD31;
-    }
-    &[data-icon-name="lock"]::before {
-      content: utils.get-icon-glyph("lock");
-    }
-    &[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="login"]::after {
-      content: utils.get-icon-glyph("login-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="login"] span::before {
-      content: utils.get-icon-glyph("login-part2");
-      color: #000000;
-    }
-    &[data-icon-name="logout"]::before {
-      content: utils.get-icon-glyph("logout");
-    }
-    &[data-icon-name="logout"]::after {
-      content: utils.get-icon-glyph("logout-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="logout"] span::before {
-      content: utils.get-icon-glyph("logout-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="long-distance-gate-way"]::before {
-      content: utils.get-icon-glyph("long-distance-gate-way");
-    }
-    &[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="manual-input"]::before {
-      content: utils.get-icon-glyph("manual-input");
-    }
-    &[data-icon-name="map"]::before {
-      content: utils.get-icon-glyph("map");
-    }
-    &[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="media-fastforward"]::before {
-      content: utils.get-icon-glyph("media-fastforward");
-    }
-    &[data-icon-name="media-pause"]::before {
-      content: utils.get-icon-glyph("media-pause");
-    }
-    &[data-icon-name="media-play"]::before {
-      content: utils.get-icon-glyph("media-play");
-    }
-    &[data-icon-name="media-rewind"]::before {
-      content: utils.get-icon-glyph("media-rewind");
-    }
-    &[data-icon-name="media-skip-back"]::before {
-      content: utils.get-icon-glyph("media-skip-back");
-    }
-    &[data-icon-name="media-skip-forward"]::before {
-      content: utils.get-icon-glyph("media-skip-forward");
-    }
-    &[data-icon-name="media-stop"]::before {
-      content: utils.get-icon-glyph("media-stop");
-    }
-    &[data-icon-name="medical"]::before {
-      content: utils.get-icon-glyph("medical");
-    }
-    &[data-icon-name="menu"]::before {
-      content: utils.get-icon-glyph("menu");
-    }
-    &[data-icon-name="menu-favorites"]::before {
-      content: utils.get-icon-glyph("menu-favorites");
-    }
-    &[data-icon-name="menu-functions"]::before {
-      content: utils.get-icon-glyph("menu-functions");
-    }
-    &[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="miniwarn"]::before {
-      content: utils.get-icon-glyph("miniwarn");
-    }
-    &[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: #000000;
-    }
-    &[data-icon-name="mobile-device-error"]::before {
-      content: utils.get-icon-glyph("mobile-device-error");
-      color: #F30303;
-    }
-    &[data-icon-name="mobile-device-error"]::after {
-      content: utils.get-icon-glyph("mobile-device-error-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="mobile-device-error"] span::before {
-      content: utils.get-icon-glyph("mobile-device-error-part2");
-    }
-    &[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");
-      color: #F30303;
-    }
-    &[data-icon-name="motion-sensing-disabled"]::after {
-      content: utils.get-icon-glyph("motion-sensing-disabled-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="motion-sensing-disabled"] span::before {
-      content: utils.get-icon-glyph("motion-sensing-disabled-part2");
-    }
-    &[data-icon-name="motion-sensing-enabled"]::before {
-      content: utils.get-icon-glyph("motion-sensing-enabled");
-      color: #00DD31;
-    }
-    &[data-icon-name="motion-sensing-enabled"]::after {
-      content: utils.get-icon-glyph("motion-sensing-enabled-part1");
-      color: #000000;
-    }
-    &[data-icon-name="motion-sensing-enabled"] span::before {
-      content: utils.get-icon-glyph("motion-sensing-enabled-part2");
-    }
-    &[data-icon-name="move"]::before {
-      content: utils.get-icon-glyph("move");
-    }
-    &[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="multiwarn-2"]::before {
-      content: utils.get-icon-glyph("multiwarn-2");
-    }
-    &[data-icon-name="navigation-logfile-management"]::before {
-      content: utils.get-icon-glyph("navigation-logfile-management");
-    }
-    &[data-icon-name="navigation-logfile-management"]::after {
-      content: utils.get-icon-glyph("navigation-logfile-management-part1");
-    }
-    &[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="newsletter"]::before {
-      content: utils.get-icon-glyph("newsletter");
-    }
-    &[data-icon-name="next"]::before {
-      content: utils.get-icon-glyph("next");
-    }
-    &[data-icon-name="night-mode"]::before {
-      content: utils.get-icon-glyph("night-mode");
-    }
-    &[data-icon-name="no"]::before {
-      content: utils.get-icon-glyph("no");
-    }
-    &[data-icon-name="notification"]::before {
-      content: utils.get-icon-glyph("notification");
-    }
-    &[data-icon-name="notification-disabled"]::before {
-      content: utils.get-icon-glyph("notification-disabled");
-    }
-    &[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="ok"]::before {
-      content: utils.get-icon-glyph("ok");
-    }
-    &[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");
-      color: #00DD31;
-    }
-    &[data-icon-name="ok-to-all"]::after {
-      content: utils.get-icon-glyph("ok-to-all-part1");
-    }
-    &[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: #000000;
-    }
-    &[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="p5000"]::before {
-      content: utils.get-icon-glyph("p5000");
-    }
-    &[data-icon-name="p8000"]::before {
-      content: utils.get-icon-glyph("p8000");
-    }
-    &[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="pac-ex-2"]::before {
-      content: utils.get-icon-glyph("pac-ex-2");
-    }
-    &[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="pairing"]::before {
-      content: utils.get-icon-glyph("pairing");
-    }
-    &[data-icon-name="partner-care"]::before {
-      content: utils.get-icon-glyph("partner-care");
-    }
-    &[data-icon-name="password"]::before {
-      content: utils.get-icon-glyph("password");
-    }
-    &[data-icon-name="password-change"]::before {
-      content: utils.get-icon-glyph("password-change");
-    }
-    &[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: #000000;
-    }
-    &[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="person-confirm"]::before {
-      content: utils.get-icon-glyph("person-confirm");
-      color: #00DD31;
-    }
-    &[data-icon-name="person-confirm"]::after {
-      content: utils.get-icon-glyph("person-confirm-part1");
-      color: #000000;
-    }
-    &[data-icon-name="person-confirm"] span::before {
-      content: utils.get-icon-glyph("person-confirm-part2");
-    }
-    &[data-icon-name="person-crawling"]::before {
-      content: utils.get-icon-glyph("person-crawling");
-    }
-    &[data-icon-name="person-query"]::before {
-      content: utils.get-icon-glyph("person-query");
-    }
-    &[data-icon-name="person-standing"]::before {
-      content: utils.get-icon-glyph("person-standing");
-    }
-    &[data-icon-name="person-walking"]::before {
-      content: utils.get-icon-glyph("person-walking");
-    }
-    &[data-icon-name="phone"]::before {
-      content: utils.get-icon-glyph("phone");
-    }
-    &[data-icon-name="photo"]::before {
-      content: utils.get-icon-glyph("photo");
-    }
-    &[data-icon-name="picture"]::before {
-      content: utils.get-icon-glyph("picture");
-    }
-    &[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="pir-7000"]::before {
-      content: utils.get-icon-glyph("pir-7000");
-    }
-    &[data-icon-name="plus"]::before {
-      content: utils.get-icon-glyph("plus");
-    }
-    &[data-icon-name="pneumatic"]::before {
-      content: utils.get-icon-glyph("pneumatic");
-    }
-    &[data-icon-name="polytron-7000"]::before {
-      content: utils.get-icon-glyph("polytron-7000");
-    }
-    &[data-icon-name="position"]::before {
-      content: utils.get-icon-glyph("position");
-    }
-    &[data-icon-name="position-disabled"]::before {
-      content: utils.get-icon-glyph("position-disabled");
-    }
-    &[data-icon-name="position-searching"]::before {
-      content: utils.get-icon-glyph("position-searching");
-    }
-    &[data-icon-name="power-guard"]::before {
-      content: utils.get-icon-glyph("power-guard");
-    }
-    &[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");
-      color: #FFE300;
-    }
-    &[data-icon-name="power-supply-restricted"]::after {
-      content: utils.get-icon-glyph("power-supply-restricted-part1");
-    }
-    &[data-icon-name="power-supply-restricted"] span::before {
-      content: utils.get-icon-glyph("power-supply-restricted-part2");
-      color: #000000;
-    }
-    &[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="prepressure-high"]::before {
-      content: utils.get-icon-glyph("prepressure-high");
-    }
-    &[data-icon-name="prepressure-high"]::after {
-      content: utils.get-icon-glyph("prepressure-high-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="prepressure-low"]::before {
-      content: utils.get-icon-glyph("prepressure-low");
-      color: #F30303;
-    }
-    &[data-icon-name="prepressure-low"]::after {
-      content: utils.get-icon-glyph("prepressure-low-part1");
-    }
-    &[data-icon-name="prepressure-ok"]::before {
-      content: utils.get-icon-glyph("prepressure-ok");
-      color: #00DD31;
-    }
-    &[data-icon-name="prepressure-ok"]::after {
-      content: utils.get-icon-glyph("prepressure-ok-part1");
-    }
-    &[data-icon-name="prepressure-ok"] span::before {
-      content: utils.get-icon-glyph("prepressure-ok-part2");
-      color: #000000;
-    }
-    &[data-icon-name="prepressure-pending"]::before {
-      content: utils.get-icon-glyph("prepressure-pending");
-    }
-    &[data-icon-name="pressure-relief"]::before {
-      content: utils.get-icon-glyph("pressure-relief");
-    }
-    &[data-icon-name="previous"]::before {
-      content: utils.get-icon-glyph("previous");
-    }
-    &[data-icon-name="print"]::before {
-      content: utils.get-icon-glyph("print");
-    }
-    &[data-icon-name="print-configuration"]::before {
-      content: utils.get-icon-glyph("print-configuration");
-    }
-    &[data-icon-name="print-error"]::before {
-      content: utils.get-icon-glyph("print-error");
-    }
-    &[data-icon-name="print-error"]::after {
-      content: utils.get-icon-glyph("print-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="print-error"] span::before {
-      content: utils.get-icon-glyph("print-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="print-finished"]::before {
-      content: utils.get-icon-glyph("print-finished");
-    }
-    &[data-icon-name="print-preview"]::before {
-      content: utils.get-icon-glyph("print-preview");
-    }
-    &[data-icon-name="print-selection"]::before {
-      content: utils.get-icon-glyph("print-selection");
-    }
-    &[data-icon-name="print-warning"]::before {
-      content: utils.get-icon-glyph("print-warning");
-      color: #FFE300;
-    }
-    &[data-icon-name="print-warning"]::after {
-      content: utils.get-icon-glyph("print-warning-part1");
-      color: #000000;
-    }
-    &[data-icon-name="print-warning"] span::before {
-      content: utils.get-icon-glyph("print-warning-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="progress"]::before {
-      content: utils.get-icon-glyph("progress");
-    }
-    &[data-icon-name="progress-circle"]::before {
-      content: utils.get-icon-glyph("progress-circle");
-    }
-    &[data-icon-name="progress-circle"]::after {
-      content: utils.get-icon-glyph("progress-circle-part1");
-      color: #0074FF;
-    }
-    &[data-icon-name="pulsar"]::before {
-      content: utils.get-icon-glyph("pulsar");
-    }
-    &[data-icon-name="pump"]::before {
-      content: utils.get-icon-glyph("pump");
-    }
-    &[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-low"]::before {
-      content: utils.get-icon-glyph("pump-low");
-    }
-    &[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="radiation-protection-device"]::before {
-      content: utils.get-icon-glyph("radiation-protection-device");
-    }
-    &[data-icon-name="radio-button-active"]::before {
-      content: utils.get-icon-glyph("radio-button-active");
-      color: #FFF;
-    }
-    &[data-icon-name="radio-button-active"]::after {
-      content: utils.get-icon-glyph("radio-button-active-part1");
-      color: #0074FF;
-    }
-    &[data-icon-name="radio-button-default"]::before {
-      content: utils.get-icon-glyph("radio-button-default");
-    }
-    &[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="recording"]::before {
-      content: utils.get-icon-glyph("recording");
-    }
-    &[data-icon-name="recycling"]::before {
-      content: utils.get-icon-glyph("recycling");
-    }
-    &[data-icon-name="redo"]::before {
-      content: utils.get-icon-glyph("redo");
-    }
-    &[data-icon-name="regard-1000"]::before {
-      content: utils.get-icon-glyph("regard-1000");
-    }
-    &[data-icon-name="regard-3000"]::before {
-      content: utils.get-icon-glyph("regard-3000");
-    }
-    &[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="reload"]::before {
-      content: utils.get-icon-glyph("reload");
-    }
-    &[data-icon-name="reload-required"]::before {
-      content: utils.get-icon-glyph("reload-required");
-    }
-    &[data-icon-name="relocate"]::before {
-      content: utils.get-icon-glyph("relocate");
-    }
-    &[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="resend"]::before {
-      content: utils.get-icon-glyph("resend");
-    }
-    &[data-icon-name="reset"]::before {
-      content: utils.get-icon-glyph("reset");
-    }
-    &[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="rise-time-error"]::before {
-      content: utils.get-icon-glyph("rise-time-error");
-    }
-    &[data-icon-name="rise-time-error"]::after {
-      content: utils.get-icon-glyph("rise-time-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="rise-time-error"] span::before {
-      content: utils.get-icon-glyph("rise-time-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="roofing"]::before {
-      content: utils.get-icon-glyph("roofing");
-    }
-    &[data-icon-name="rope"]::before {
-      content: utils.get-icon-glyph("rope");
-    }
-    &[data-icon-name="saddle-roof"]::before {
-      content: utils.get-icon-glyph("saddle-roof");
-    }
-    &[data-icon-name="save"]::before {
-      content: utils.get-icon-glyph("save");
-    }
-    &[data-icon-name="save-as"]::before {
-      content: utils.get-icon-glyph("save-as");
-    }
-    &[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="sbom"]::before {
-      content: utils.get-icon-glyph("sbom");
-    }
-    &[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="scsr"]::before {
-      content: utils.get-icon-glyph("scsr");
-    }
-    &[data-icon-name="search"]::before {
-      content: utils.get-icon-glyph("search");
-    }
-    &[data-icon-name="search-activate"]::before {
-      content: utils.get-icon-glyph("search-activate");
-    }
-    &[data-icon-name="search-close"]::before {
-      content: utils.get-icon-glyph("search-close");
-    }
-    &[data-icon-name="search-next"]::before {
-      content: utils.get-icon-glyph("search-next");
-    }
-    &[data-icon-name="search-previous"]::before {
-      content: utils.get-icon-glyph("search-previous");
-    }
-    &[data-icon-name="search-save"]::before {
-      content: utils.get-icon-glyph("search-save");
-    }
-    &[data-icon-name="search-service"]::before {
-      content: utils.get-icon-glyph("search-service");
-    }
-    &[data-icon-name="searching"]::before {
-      content: utils.get-icon-glyph("searching");
-    }
-    &[data-icon-name="searching-1"]::before {
-      content: utils.get-icon-glyph("searching-1");
-    }
-    &[data-icon-name="searching-2"]::before {
-      content: utils.get-icon-glyph("searching-2");
-    }
-    &[data-icon-name="searching-3"]::before {
-      content: utils.get-icon-glyph("searching-3");
-    }
-    &[data-icon-name="send"]::before {
-      content: utils.get-icon-glyph("send");
-    }
-    &[data-icon-name="send-error"]::before {
-      content: utils.get-icon-glyph("send-error");
-    }
-    &[data-icon-name="send-error"]::after {
-      content: utils.get-icon-glyph("send-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="send-error"] span::before {
-      content: utils.get-icon-glyph("send-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="send-success"]::before {
-      content: utils.get-icon-glyph("send-success");
-    }
-    &[data-icon-name="send-success"]::after {
-      content: utils.get-icon-glyph("send-success-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="send-success"] span::before {
-      content: utils.get-icon-glyph("send-success-part2");
-      color: #000000;
-    }
-    &[data-icon-name="sending"]::before {
-      content: utils.get-icon-glyph("sending");
-    }
-    &[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");
-    }
-    &[data-icon-name="sensor-error"]::after {
-      content: utils.get-icon-glyph("sensor-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="sensor-error"] span::before {
-      content: utils.get-icon-glyph("sensor-error-part2");
-      color: #FFF;
-    }
-    &[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");
-    }
-    &[data-icon-name="sensor-warning"] span::before {
-      content: utils.get-icon-glyph("sensor-warning-part2");
-      color: #000000;
-    }
-    &[data-icon-name="sensors"]::before {
-      content: utils.get-icon-glyph("sensors");
-    }
-    &[data-icon-name="sent"]::before {
-      content: utils.get-icon-glyph("sent");
-    }
-    &[data-icon-name="service"]::before {
-      content: utils.get-icon-glyph("service");
-    }
-    &[data-icon-name="settings"]::before {
-      content: utils.get-icon-glyph("settings");
-    }
-    &[data-icon-name="settings-add"]::before {
-      content: utils.get-icon-glyph("settings-add");
-    }
-    &[data-icon-name="settings-edit"]::before {
-      content: utils.get-icon-glyph("settings-edit");
-    }
-    &[data-icon-name="settings-enter"]::before {
-      content: utils.get-icon-glyph("settings-enter");
-    }
-    &[data-icon-name="settings-leave"]::before {
-      content: utils.get-icon-glyph("settings-leave");
-    }
-    &[data-icon-name="settings-remove"]::before {
-      content: utils.get-icon-glyph("settings-remove");
-    }
-    &[data-icon-name="settings-reset"]::before {
-      content: utils.get-icon-glyph("settings-reset");
-    }
-    &[data-icon-name="settings-reset"]::after {
-      content: utils.get-icon-glyph("settings-reset-part1");
-    }
-    &[data-icon-name="settings-reset"] span::before {
-      content: utils.get-icon-glyph("settings-reset-part2");
-      color: #F30303;
-    }
-    &[data-icon-name="settings-reset"] span::after {
-      content: utils.get-icon-glyph("settings-reset-part3");
-      color: #FFF;
-    }
-    &[data-icon-name="share"]::before {
-      content: utils.get-icon-glyph("share");
-    }
-    &[data-icon-name="shoppingcart"]::before {
-      content: utils.get-icon-glyph("shoppingcart");
-    }
-    &[data-icon-name="shutdown"]::before {
-      content: utils.get-icon-glyph("shutdown");
-    }
-    &[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="snapshot"]::before {
-      content: utils.get-icon-glyph("snapshot");
-    }
-    &[data-icon-name="sort-ascending"]::before {
-      content: utils.get-icon-glyph("sort-ascending");
-    }
-    &[data-icon-name="sort-descending"]::before {
-      content: utils.get-icon-glyph("sort-descending");
-    }
-    &[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="spare-parts"]::before {
-      content: utils.get-icon-glyph("spare-parts");
-    }
-    &[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="standby"]::before {
-      content: utils.get-icon-glyph("standby");
-    }
-    &[data-icon-name="start-flush"]::before {
-      content: utils.get-icon-glyph("start-flush");
-    }
-    &[data-icon-name="storage-box"]::before {
-      content: utils.get-icon-glyph("storage-box");
-    }
-    &[data-icon-name="substance"]::before {
-      content: utils.get-icon-glyph("substance");
-    }
-    &[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: #000000;
-    }
-    &[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");
-      color: #FFE300;
-    }
-    &[data-icon-name="suffocation-a2"]::after {
-      content: utils.get-icon-glyph("suffocation-a2-part1");
-      color: #000000;
-    }
-    &[data-icon-name="suffocation-a2"] span::before {
-      content: utils.get-icon-glyph("suffocation-a2-part2");
-    }
-    &[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: #000000;
-    }
-    &[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");
-    }
-    &[data-icon-name="suffocation-twa"] span::before {
-      content: utils.get-icon-glyph("suffocation-twa-part2");
-      color: #000000;
-    }
-    &[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: #000000;
-    }
-    &[data-icon-name="synchronize"]::before {
-      content: utils.get-icon-glyph("synchronize");
-    }
-    &[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");
-    }
-    &[data-icon-name="system-storage-warning"]::after {
-      content: utils.get-icon-glyph("system-storage-warning-part1");
-      color: #000000;
-    }
-    &[data-icon-name="system-storage-warning"] span::before {
-      content: utils.get-icon-glyph("system-storage-warning-part2");
-      color: #FFE300;
-    }
-    &[data-icon-name="table"]::before {
-      content: utils.get-icon-glyph("table");
-    }
-    &[data-icon-name="tablet"]::before {
-      content: utils.get-icon-glyph("tablet");
-    }
-    &[data-icon-name="tag"]::before {
-      content: utils.get-icon-glyph("tag");
-    }
-    &[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: #00DD31;
-    }
-    &[data-icon-name="telemetry-active"] span::before {
-      content: utils.get-icon-glyph("telemetry-active-part2");
-      color: #000000;
-    }
-    &[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: #000000;
-    }
-    &[data-icon-name="temperature-error"]::before {
-      content: utils.get-icon-glyph("temperature-error");
-    }
-    &[data-icon-name="temperature-error"]::after {
-      content: utils.get-icon-glyph("temperature-error-part1");
-      color: #F30303;
-    }
-    &[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: #000000;
-    }
-    &[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-eq"]::before {
-      content: utils.get-icon-glyph("test-eq");
-    }
-    &[data-icon-name="test-eq-connection"]::before {
-      content: utils.get-icon-glyph("test-eq-connection");
-    }
-    &[data-icon-name="test-error"]::before {
-      content: utils.get-icon-glyph("test-error");
-    }
-    &[data-icon-name="test-error"]::after {
-      content: utils.get-icon-glyph("test-error-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="test-error"] span::before {
-      content: utils.get-icon-glyph("test-error-part2");
-      color: #FFF;
-    }
-    &[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");
-    }
-    &[data-icon-name="thermal-alarm"]::after {
-      content: utils.get-icon-glyph("thermal-alarm-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="thermal-alarm"] span::before {
-      content: utils.get-icon-glyph("thermal-alarm-part2");
-      color: #000000;
-    }
-    &[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: #00DD31;
-    }
-    &[data-icon-name="tic-connection-success"] span::before {
-      content: utils.get-icon-glyph("tic-connection-success-part2");
-      color: #000000;
-    }
-    &[data-icon-name="tic-failed"]::before {
-      content: utils.get-icon-glyph("tic-failed");
-    }
-    &[data-icon-name="tic-failed"]::after {
-      content: utils.get-icon-glyph("tic-failed-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="tic-failed"] span::before {
-      content: utils.get-icon-glyph("tic-failed-part2");
-      color: #FFF;
-    }
-    &[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: #F30303;
-    }
-    &[data-icon-name="tic-pairing-failed"] span::before {
-      content: utils.get-icon-glyph("tic-pairing-failed-part2");
-      color: #FFF;
-    }
-    &[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: #00DD31;
-    }
-    &[data-icon-name="tic-successful"] span::before {
-      content: utils.get-icon-glyph("tic-successful-part2");
-      color: #000000;
-    }
-    &[data-icon-name="tile-menu"]::before {
-      content: utils.get-icon-glyph("tile-menu");
-    }
-    &[data-icon-name="time"]::before {
-      content: utils.get-icon-glyph("time");
-    }
-    &[data-icon-name="time-compress"]::before {
-      content: utils.get-icon-glyph("time-compress");
-    }
-    &[data-icon-name="time-of-whistle"]::before {
-      content: utils.get-icon-glyph("time-of-whistle");
-    }
-    &[data-icon-name="time-stretch"]::before {
-      content: utils.get-icon-glyph("time-stretch");
-    }
-    &[data-icon-name="time-to-retreat"]::before {
-      content: utils.get-icon-glyph("time-to-retreat");
-    }
-    &[data-icon-name="time-to-retreat"]::after {
-      content: utils.get-icon-glyph("time-to-retreat-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="time-to-retreat"] span::before {
-      content: utils.get-icon-glyph("time-to-retreat-part2");
-      color: #002766;
-    }
-    &[data-icon-name="time-to-whistle"]::before {
-      content: utils.get-icon-glyph("time-to-whistle");
-    }
-    &[data-icon-name="time-to-whistle"]::after {
-      content: utils.get-icon-glyph("time-to-whistle-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="time-to-whistle"] span::before {
-      content: utils.get-icon-glyph("time-to-whistle-part2");
-      color: #002766;
-    }
-    &[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="toggle-button-active"]::before {
-      content: utils.get-icon-glyph("toggle-button-active");
-      color: #0074FF;
-    }
-    &[data-icon-name="toggle-button-default"]::before {
-      content: utils.get-icon-glyph("toggle-button-default");
-    }
-    &[data-icon-name="top-level"]::before {
-      content: utils.get-icon-glyph("top-level");
-    }
-    &[data-icon-name="topology"]::before {
-      content: utils.get-icon-glyph("topology");
-    }
-    &[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");
-      color: #FFE300;
-    }
-    &[data-icon-name="toxic-a1"]::after {
-      content: utils.get-icon-glyph("toxic-a1-part1");
-    }
-    &[data-icon-name="toxic-a1"] span::before {
-      content: utils.get-icon-glyph("toxic-a1-part2");
-      color: #000000;
-    }
-    &[data-icon-name="toxic-a2"]::before {
-      content: utils.get-icon-glyph("toxic-a2");
-      color: #FFE300;
-    }
-    &[data-icon-name="toxic-a2"]::after {
-      content: utils.get-icon-glyph("toxic-a2-part1");
-    }
-    &[data-icon-name="toxic-a2"] span::before {
-      content: utils.get-icon-glyph("toxic-a2-part2");
-      color: #000000;
-    }
-    &[data-icon-name="toxic-stel"]::before {
-      content: utils.get-icon-glyph("toxic-stel");
-    }
-    &[data-icon-name="toxic-stel"]::after {
-      content: utils.get-icon-glyph("toxic-stel-part1");
-      color: #FFE300;
-    }
-    &[data-icon-name="toxic-stel"] span::before {
-      content: utils.get-icon-glyph("toxic-stel-part2");
-      color: #000000;
-    }
-    &[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");
-    }
-    &[data-icon-name="toxic-twa"] span::before {
-      content: utils.get-icon-glyph("toxic-twa-part2");
-      color: #000000;
-    }
-    &[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: #000000;
-    }
-    &[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="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="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-error"] span::before {
-      content: utils.get-icon-glyph("underrange-error-part2");
-      color: #FFF;
-    }
-    &[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: #000000;
-    }
-    &[data-icon-name="undo"]::before {
-      content: utils.get-icon-glyph("undo");
-    }
-    &[data-icon-name="unlock"]::before {
-      content: utils.get-icon-glyph("unlock");
-    }
-    &[data-icon-name="upload"]::before {
-      content: utils.get-icon-glyph("upload");
-    }
-    &[data-icon-name="user"]::before {
-      content: utils.get-icon-glyph("user");
-    }
-    &[data-icon-name="user-administration"]::before {
-      content: utils.get-icon-glyph("user-administration");
-    }
-    &[data-icon-name="user-administrator"]::before {
-      content: utils.get-icon-glyph("user-administrator");
-    }
-    &[data-icon-name="user-edit"]::before {
-      content: utils.get-icon-glyph("user-edit");
-    }
-    &[data-icon-name="user-engineer"]::before {
-      content: utils.get-icon-glyph("user-engineer");
-    }
-    &[data-icon-name="user-group"]::before {
-      content: utils.get-icon-glyph("user-group");
-    }
-    &[data-icon-name="user-group-administration"]::before {
-      content: utils.get-icon-glyph("user-group-administration");
-    }
-    &[data-icon-name="user-id"]::before {
-      content: utils.get-icon-glyph("user-id");
-    }
-    &[data-icon-name="user-id-edit"]::before {
-      content: utils.get-icon-glyph("user-id-edit");
-    }
-    &[data-icon-name="user-id-error"]::before {
-      content: utils.get-icon-glyph("user-id-error");
-      color: #F30303;
-    }
-    &[data-icon-name="user-id-error"]::after {
-      content: utils.get-icon-glyph("user-id-error-part1");
-    }
-    &[data-icon-name="user-id-error"] span::before {
-      content: utils.get-icon-glyph("user-id-error-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="user-id-invalid"]::before {
-      content: utils.get-icon-glyph("user-id-invalid");
-    }
-    &[data-icon-name="user-id-query"]::before {
-      content: utils.get-icon-glyph("user-id-query");
-    }
-    &[data-icon-name="user-id-reading"]::before {
-      content: utils.get-icon-glyph("user-id-reading");
-    }
-    &[data-icon-name="user-id-ready"]::before {
-      content: utils.get-icon-glyph("user-id-ready");
-    }
-    &[data-icon-name="user-id-ready"]::after {
-      content: utils.get-icon-glyph("user-id-ready-part1");
-      color: #00DD31;
-    }
-    &[data-icon-name="user-id-ready"] span::before {
-      content: utils.get-icon-glyph("user-id-ready-part2");
-      color: #000000;
-    }
-    &[data-icon-name="user-level-1"]::before {
-      content: utils.get-icon-glyph("user-level-1");
-    }
-    &[data-icon-name="user-level-2"]::before {
-      content: utils.get-icon-glyph("user-level-2");
-    }
-    &[data-icon-name="user-level-3"]::before {
-      content: utils.get-icon-glyph("user-level-3");
-    }
-    &[data-icon-name="user-level-4"]::before {
-      content: utils.get-icon-glyph("user-level-4");
-    }
-    &[data-icon-name="user-level-5"]::before {
-      content: utils.get-icon-glyph("user-level-5");
-    }
-    &[data-icon-name="user-logout"]::before {
-      content: utils.get-icon-glyph("user-logout");
-    }
-    &[data-icon-name="user-logout"]::after {
-      content: utils.get-icon-glyph("user-logout-part1");
-      color: #F30303;
-    }
-    &[data-icon-name="user-logout"] span::before {
-      content: utils.get-icon-glyph("user-logout-part2");
-      color: #FFF;
-    }
-    &[data-icon-name="user-maintainer"]::before {
-      content: utils.get-icon-glyph("user-maintainer");
-    }
-    &[data-icon-name="user-operator"]::before {
-      content: utils.get-icon-glyph("user-operator");
-    }
-    &[data-icon-name="user-trainer"]::before {
-      content: utils.get-icon-glyph("user-trainer");
-    }
-    &[data-icon-name="user-training"]::before {
-      content: utils.get-icon-glyph("user-training");
-    }
-    &[data-icon-name="user-worker"]::before {
-      content: utils.get-icon-glyph("user-worker");
-    }
-    &[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="various-graphs"]::before {
-      content: utils.get-icon-glyph("various-graphs");
-    }
-    &[data-icon-name="vent-close"]::before {
-      content: utils.get-icon-glyph("vent-close");
-    }
-    &[data-icon-name="vent-close"]::after {
-      content: utils.get-icon-glyph("vent-close-part1");
-      color: #0074FF;
-    }
-    &[data-icon-name="vent-open"]::before {
-      content: utils.get-icon-glyph("vent-open");
-    }
-    &[data-icon-name="vent-open"]::after {
-      content: utils.get-icon-glyph("vent-open-part1");
-      color: #0074FF;
-    }
-    &[data-icon-name="view"]::before {
-      content: utils.get-icon-glyph("view");
-    }
-    &[data-icon-name="visual-inspection"]::before {
-      content: utils.get-icon-glyph("visual-inspection");
-    }
-    &[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="warning"]::before {
-      content: utils.get-icon-glyph("warning");
-      color: #FFE300;
-    }
-    &[data-icon-name="warning"]::after {
-      content: utils.get-icon-glyph("warning-part1");
-      color: #000000;
-    }
-    &[data-icon-name="washing-machine"]::before {
-      content: utils.get-icon-glyph("washing-machine");
-    }
-    &[data-icon-name="water"]::before {
-      content: utils.get-icon-glyph("water");
-    }
-    &[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="xam-8000"]::before {
-      content: utils.get-icon-glyph("xam-8000");
-    }
-    &[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="yes"]::before {
-      content: utils.get-icon-glyph("yes");
-    }
-    &[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");
-    }
-    &[data-icon-name="zoom-in"]::before {
-      content: utils.get-icon-glyph("zoom-in");
-    }
-    &[data-icon-name="zoom-original"]::before {
-      content: utils.get-icon-glyph("zoom-original");
-    }
-    &[data-icon-name="zoom-out"]::before {
-      content: utils.get-icon-glyph("zoom-out");
-    }
-    &[data-icon-name="zoom-window"]::before {
-      content: utils.get-icon-glyph("zoom-window");
-    }
-}