/*
The material symbols CDN link comes with the following default settings for Material-Symbols-Sharp:
.material-symbols-sharp {
  font-variation-settings:
    "FILL" 0,
    "wght" 600,
    "GRAD" 0,
    "opsz" 48;
}
*/

.filled-icon {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 48;
}

.thin-icon-400 {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 48;
}

.thin-icon-300 {
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 48;
}

/* Default font-family */
@font-face {
  font-family: Rubik;
  src: url("/_config/style/Rubik-VariableFont_wght.ttf");
}