/*
 * Material Symbols Outlined（本地化）
 *
 * 背景：原本从 https://fonts.googleapis.com/css2 加载，属于跨域远程 CSS。
 * 在 DevTools 打开（或网络较慢）时，远程 CSS 到达前的窗口期里，
 * .material-symbols-outlined 的 font-family 未生效，图标名（如 create_new_folder）
 * 会作为纯文字渲染，导致按钮被撑长（约两倍宽度），CSS 到达后才恢复。
 *
 * 本地化后，font-face 与 class 定义随 HTML 同步加载（无跨域依赖），
 * font-display: block 策略在远程未到达时即生效，字符显示为空白而非文字，
 * 消除首屏按钮变长闪烁。
 *
 * 来源：Google Fonts Material Symbols Outlined（wght 100..700, FILL 0..1）
 * 下载日期：2026-07-20
 */

/* fallback */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('./material-symbols-outlined.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;
}