/* アイコン（Material Symbols Rounded、Apache-2.0）。
   **自前で配る。** CSP が `default-src 'self'` なので CDN からは読めない。
   使う字形の一覧と作り直し方は material-symbols-LICENSE.txt */
@font-face {
  font-family: "Material Symbols";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/material-symbols-f2284b4e2fbd470b.woff2") format("woff2");
}

/* .icon は合字で字形を選ぶ（中の文字がアイコン名）。**読み上げからは外す** ——
   読ませると "settings" と読まれるので、名前はボタン側の aria-label が持つ */
.icon {
  font-family: "Material Symbols";
  font-weight: normal; font-style: normal; font-size: 20px; line-height: 1;
  letter-spacing: normal; text-transform: none; white-space: nowrap; direction: ltr;
  display: inline-block; vertical-align: middle;
  /* 字形 1 個ぶんの箱に閉じ込める。フォントが読めないと合字が効かず
     "settings" のような英単語がそのまま出るので、ボタンの外へ溢れさせない */
  width: 1em; height: 1em; overflow: hidden;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}