/* Material Symbols Outlined — Local Variable Font
   License: Apache-2.0 (bundle a NOTICE in your plugin root or /assets/fonts/material-symbols/) */

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

/* Base class (ligatures) */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: 400;
  font-style: normal;
  font-size: 24px;      /* default optical size */
  line-height: 1;
  display: inline-block;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Variable font axes (defaults) */
  font-variation-settings:
    'FILL' 0,   /* 0 outline, 1 filled */
    'wght' 400, /* 100–700 */
    'GRAD' 0,   /* -50–200 */
    'opsz' 24;  /* optical size in px, match font-size for crispness */
}

/* Handy utility classes */
.mso-fill-1 { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.mso-wght-500 { font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
.mso-wght-600 { font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24; }
.mso-grad-100 { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 100, 'opsz' 24; }

/* Size helpers (sets both size and opsz for sharp rendering) */
.mso-20 { font-size: 20px; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20; }
.mso-24 { font-size: 24px; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.mso-32 { font-size: 32px; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 32; }
.mso-40 { font-size: 40px; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 40; }