/* このファイルは local/scripts/build-icons.mjs が生成する。手で書き換えない。
   図形を変えるときは assets/icons/*.svg を直し、生成し直す。
   アイコンは Lucide (ISC)。出所と全文は assets/icons/LICENSE にある。 */

/* アイコンを置く擬似要素。寸法は em なので、置いた文脈の文字サイズに合う。
   色を持たせず、文字色をマスクで抜く。地の色や本文色を変えても取り残されない。

   文字より少し大きく取る。Lucide の線幅は 24px の器で 2px なので、文字と同寸まで
   縮めるとメタ行（11.5px）では線が1pxを割り、等倍の画面で滲む。 */
.ofx-icon::before {
  content: "";
  display: inline-block;
  inline-size: 1.15em;
  block-size: 1.15em;
  margin-inline-end: 0.3em;
  vertical-align: -0.2em;
  background-color: currentColor;
  -webkit-mask: var(--ofx-icon) center / contain no-repeat;
  mask: var(--ofx-icon) center / contain no-repeat;
}

/* 図形を指すクラスが無いまま .ofx-icon だけ付くと、四角が出て事故に見える。
   変数が空のときは何も描かない。 */
.ofx-icon:not([class*="ofx-icon--"])::before {
  content: none;
}

.ofx-icon--calendar {
  --ofx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.ofx-icon--refresh-cw {
  --ofx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E");
}

.ofx-icon--user {
  --ofx-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}