@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url('/fonts/material-symbols-outlined.woff2') format('woff2');
  font-display: block;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/material-symbols-outlined.woff2') format('woff2');
  font-display: block;
}

/* Defensive bounding: Ensures no ligature text ever bleeds outside bounds */
.material-symbols-outlined,
.material-icons {
  font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif !important;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  text-transform: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga';
  width: 1.25em;
  height: 1.25em;
  max-width: 1.25em;
  max-height: 1.25em;
  min-width: 1.25em;
  min-height: 1.25em;
  overflow: hidden;
  flex-shrink: 0;
  box-sizing: border-box;
}

.material-symbols-outlined svg,
.material-icons svg,
svg.vt-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  flex-shrink: 0;
}
