/**
 * Material Symbols Outlined — self-hosted subset.
 *
 * Replaces the render-blocking https://fonts.googleapis.com stylesheet in header.php.
 * The upstream variable font is ~4 MB; this build is pinned to the axis values the site
 * uses (wght 400, FILL 0, GRAD 0, opsz 24) and subsetted to the ~50 icons the templates
 * actually render, which brings it to ~6 KB.
 *
 * Regenerating after adding a new icon: see tools/build-icon-font.py.
 */

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    font-display: block; /* icons are glyph names — never show the fallback text */
    src: url('../fonts/material-symbols-subset.woff2') format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    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;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
