:root {
  --font-fill-100: 'FILL' 1, 'wght' 100, 'GRAD' 0, 'opsz' 24;
  --font-fill-200: 'FILL' 1, 'wght' 200, 'GRAD' 0, 'opsz' 24;
  --font-fill-300: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  src: url('./icons/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2') format('woff2');
}

.mt {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.mt {
  font-variation-settings: 'FILL' 1, 'wght' 100, 'GRAD' 0, 'opsz' 24;
}

.mt.mt-bubble-chart::before {
  content: '\e9f4'
}

.mt.mt-devices::before {
  content: '\e1b1'
}

.mt.mt-cloud-sync::before {
  content: '\eb5a'
}

.mt.mt-donut-small::before {
  content: '\e918'
}

.mt.mt-rule-settings::before {
  content: '\eb8e'
}

.mt.mt-duo::before {
  content: '\e9a5'
}

.mt.mt-innovation::before {
  content: '\ea24'
}

.mt.mt-security::before {
  content: '\e8e8'
}

.mt.mt-excelent::before {
  content: '\ef76'
}

.mt.mt-check::before {
  content: '\e86c'
}

.mt.mt-trophy::before {
  content: '\efb6'
}