.mt-icon {
  font-family: var(--icon-font-family);
  text-align: center;
  line-height: 1;
  display: inline-block;
}
.mt-icon--xxs {
  font-size: var(--icon-xxs);
}
.mt-icon-img--xxs {
  width: var(--icon-xxs);
  height: var(--icon-xxs);
}
.mt-icon--xs {
  font-size: var(--icon-xs);
}
.mt-icon-img--xs {
  width: var(--icon-xs);
  height: var(--icon-xs);
}
.mt-icon--s {
  font-size: var(--icon-s);
}
.mt-icon-img--s {
  width: var(--icon-s);
  height: var(--icon-s);
}
.mt-icon--m {
  font-size: var(--icon-m);
}
.mt-icon-img--m {
  width: var(--icon-m);
  height: var(--icon-m);
}
.mt-icon--l {
  font-size: var(--icon-l);
}
.mt-icon-img--l {
  width: var(--icon-l);
  height: var(--icon-l);
}
.mt-icon--xl {
  font-size: var(--icon-xl);
}
.mt-icon-img--xl {
  width: var(--icon-xl);
  height: var(--icon-xl);
}
.mt-icon--xxl {
  font-size: var(--icon-xxl);
}
.mt-icon-img--xxl {
  width: var(--icon-xxl);
  height: var(--icon-xxl);
}
.mt-icon-play-filling:before {
  content: var(--icon-content-play-filling);
}
.mt-icon-select:before {
  content: var(--icon-content-select);
}
.mt-icon-add:before {
  content: var(--icon-content-add);
}
.mt-icon-close:before {
  content: var(--icon-content-close);
}
.mt-icon-search:before {
  content: var(--icon-content-search);
}
.mt-icon-ashbin:before {
  content: var(--icon-content-ashbin);
}
.mt-icon-semi-select:before {
  content: var(--icon-content-semi-select);
}
.mt-icon-error:before {
  content: var(--icon-content-error);
}
.mt-icon-prompt:before {
  content: var(--icon-content-prompt);
}
.mt-icon-prompt-filling:before {
  content: var(--icon-content-prompt-filling);
}
.mt-icon-success:before {
  content: var(--icon-content-success);
}
.mt-icon-clock:before {
  content: var(--icon-content-clock);
}
.mt-icon-warning:before {
  content: var(--icon-content-warning);
}
.mt-icon-arrow-left:before {
  content: var(--icon-content-arrow-left);
}
.mt-icon-arrow-right:before {
  content: var(--icon-content-arrow-right);
}
.mt-icon-arrow-up:before {
  content: var(--icon-content-arrow-up);
}
.mt-icon-arrow-down:before {
  content: var(--icon-content-arrow-down);
}
.mt-icon-arrow-double-left:before {
  content: var(--icon-content-arrow-double-left);
}
.mt-icon-arrow-double-right:before {
  content: var(--icon-content-arrow-double-right);
}
.mt-icon-triangle-arrow-up:before {
  content: var(--icon-content-triangle-arrow-up);
}
.mt-icon-triangle-arrow-down:before {
  content: var(--icon-content-triangle-arrow-down);
}
.mt-icon-triangle-arrow-left:before {
  content: var(--icon-content-triangle-arrow-left);
}
.mt-icon-triangle-arrow-right:before {
  content: var(--icon-content-triangle-arrow-right);
}
.mt-icon-heart-filling:before {
  content: var(--icon-content-heart-filling);
}
.mt-icon-minus:before {
  content: var(--icon-content-minus);
}
.mt-icon-loading:before {
  content: var(--icon-content-loading);
}
.mt-icon-favorites-filling:before {
  content: var(--icon-content-favorites-filling);
}
.mt-icon-warning-filling:before {
  content: var(--icon-content-warning-filling);
}
.mt-icon-success-filling:before {
  content: var(--icon-content-success-filling);
}
.mt-icon-delete-filling:before {
  content: var(--icon-content-delete-filling);
}
.mt-icon-asterisk:before {
  content: var(--icon-content-asterisk);
}
.mt-icon-switch:before {
  content: var(--icon-content-switch);
}
.mt-icon-upload:before {
  content: var(--icon-content-upload);
}
.mt-icon-download:before {
  content: var(--icon-content-download);
}
.mt-icon-picture:before {
  content: var(--icon-content-picture);
}
.mt-icon-ellipsis:before {
  content: var(--icon-content-ellipsis);
}
.mt-icon-calendar:before {
  content: var(--icon-content-calendar);
}
.mt-icon-list:before {
  content: var(--icon-content-list);
}
.mt-icon-chart-pie:before {
  content: var(--icon-content-chart-pie);
}
.mt-icon-chart-bar:before {
  content: var(--icon-content-chart-bar);
}
.mt-icon-detail:before {
  content: var(--icon-content-detail);
}
.mt-icon-dashboard:before {
  content: var(--icon-content-dashboard);
}
.mt-icon-help:before {
  content: var(--icon-content-help);
}
.mt-icon-unlock:before {
  content: var(--icon-content-unlock);
}
.mt-icon-lock:before {
  content: var(--icon-content-lock);
}
.mt-icon-set:before {
  content: var(--icon-content-set);
}
.mt-icon-toggle-left:before {
  content: var(--icon-content-toggle-left);
}
.mt-icon-toggle-right:before {
  content: var(--icon-content-toggle-right);
}
.mt-icon-filter:before {
  content: var(--icon-content-filter);
}
.mt-icon-eye:before {
  content: var(--icon-content-eye);
}
.mt-icon-eye-close:before {
  content: var(--icon-content-eye-close);
}
.mt-icon-copy:before {
  content: var(--icon-content-copy);
}
.mt-icon-email:before {
  content: var(--icon-content-email);
}
.mt-icon-attachment:before {
  content: var(--icon-content-attachment);
}
.mt-icon-exit:before {
  content: var(--icon-content-exit);
}
.mt-icon-edit:before {
  content: var(--icon-content-edit);
}
.mt-icon-account:before {
  content: var(--icon-content-account);
}
.mt-icon-refresh:before {
  content: var(--icon-content-refresh);
}
.mt-icon-cry:before {
  content: var(--icon-content-cry);
}
.mt-icon-smile:before {
  content: var(--icon-content-smile);
}
.mt-icon-ascending:before {
  content: var(--icon-content-ascending);
}
.mt-icon-descending:before {
  content: var(--icon-content-descending);
}
.mt-icon-sorting:before {
  content: var(--icon-content-sorting);
}
.mt-icon-form:before {
  content: var(--icon-content-form);
}
.mt-icon-add-square:before {
  content: var(--icon-content-add-square);
}
.mt-icon-home:before {
  content: var(--icon-content-home);
}
.mt-icon-camera:before {
  content: var(--icon-content-camera);
}
.mt-icon-loading {
  animation: mt-icon-loading 1.2s infinite linear;
}

@keyframes mt-icon-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}