@font-face {
  font-family: IconsFont;
  font-style: normal;
  src: url("../../fonts/MaterialSymbolsRounded.woff2") format("woff2");
}

.font-icon, .iconed:before {
  font: 300 24px / 1 IconsFont;
  font-size: inherit;
  font-variation-settings: "FILL" 0, "wght" 600, "opsz" 24;
  letter-spacing: normal;
  line-height: inherit;
  text-rendering: auto;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  direction: ltr;
  display: inline-block;
}

.iconed:before {
  content: attr(data-icon);
  vertical-align: middle;
  margin-right: .33em;
  font-size: 1.1em;
}

.small-size-icon {
  width: 1.1em;
  max-width: 1.1em;
  max-height: 1.1em;
}

.normal-size-icon {
  width: 1.3em;
  max-width: 1.3em;
  max-height: 1.3em;
}

.add-icon {
  background-image: url("../../img/icon/add.svg") !important;
}

.copy-icon {
  background-image: url("../../img/icon/copy.svg") !important;
}

.copy-document-icon {
  background-image: url("../../img/icon/copy-document.svg") !important;
}

.delete-icon {
  background-image: url("../../img/icon/delete.svg") !important;
}

.design-icon {
  background-image: url("../../img/icon/design.svg") !important;
}

.device-car--icon, .device-car-entertainment-system-icon {
  background-image: url("../../img/icon/device-car.svg") !important;
}

.device-console-icon {
  background-image: url("../../img/icon/device-console.svg") !important;
}

.device-desktop-icon {
  background-image: url("../../img/icon/device-desktop.svg") !important;
}

.device-mobile-icon, .device-mobile-device-icon, .device-mobile-device-phone {
  background-image: url("../../img/icon/device-mobile.svg") !important;
}

.device-tablet-icon {
  background-image: url("../../img/icon/device-tablet.svg") !important;
}

.device-tv-icon, .device-tv-device-icon {
  background-image: url("../../img/icon/device-tv.svg") !important;
}

.device-unknown-icon {
  background-image: url("../../img/icon/device-unknown.svg") !important;
}

.device-watch-icon {
  background-image: url("../../img/icon/device-watch.svg") !important;
}

.edit-icon {
  background-image: url("../../img/icon/edit.svg") !important;
}

.overview-icon {
  background-image: url("../../img/icon/overview.svg") !important;
}

.preview-icon {
  background-image: url("../../img/icon/preview.svg") !important;
}

.search-icon {
  background-image: url("../../img/icon/search.svg") !important;
}

.settings-icon {
  background-image: url("../../img/icon/settings.svg") !important;
}