/* * Locally-hosted Google Material Icons / Material Symbols. * Replaces the remote fonts.googleapis.com CSS links so the app does not * break or stall when Google Fonts is slow or unreachable. * * To refresh: see public/fonts/material/README — re-run the curl commands * to grab newer .woff2 versions from fonts.gstatic.com. */ /* * Hide the raw ligature text (e.g. "shield_person") while the icon font is * still loading. The accompanying script removes the .icons-loading class * from once document.fonts.ready resolves, revealing the icons. * If the script never runs (JS disabled), font-display: block handles it. */ html.icons-loading .material-symbols-rounded, html.icons-loading .material-icons, html.icons-loading .material-icons-outlined, html.icons-loading .material-icons-round { visibility: hidden; } @font-face { font-family: 'Material Symbols Rounded'; font-style: normal; font-weight: 100 700; font-display: block; /* ?v= below is rewritten by scripts/subset-material-icons.sh on every regen so browsers/CDNs fetch the new subset instead of cache. */ src: url('material-symbols-rounded.woff2?v=20260517-c8b4e8') format('woff2'); } .material-symbols-rounded { font-family: 'Material Symbols Rounded'; 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; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; font-display: block; src: url('material-icons.woff2') format('woff2'); } .material-icons { font-family: 'Material Icons'; 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; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } @font-face { font-family: 'Material Icons Outlined'; font-style: normal; font-weight: 400; font-display: block; src: url('material-icons-outlined.woff2') format('woff2'); } .material-icons-outlined { font-family: 'Material Icons 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; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } @font-face { font-family: 'Material Icons Round'; font-style: normal; font-weight: 400; font-display: block; src: url('material-icons-round.woff2') format('woff2'); } .material-icons-round { font-family: 'Material Icons Round'; 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; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }