@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url('../font/MaterialSymbolsOutlined.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  src: url('../font/MaterialSymbolsRounded.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Symbols Sharp';
  font-style: normal;
  font-weight: 100 700;
  src: url('../font/MaterialSymbolsSharp.woff2') format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  transition: all 0.2s ease;
  cursor: pointer;

  font-style: normal !important;
  font-weight: normal !important;
  transition: font-variation-settings 0.15s ease;

}

.material-symbols-outlined:hover {
  /* font-variation-settings: 'FILL' 1; */
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.9);

}