/* Light / Dark 切り替えをアイコンとして表示 */

/* 標準のスイッチ表示を隠す */
.quarto-color-scheme-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  text-decoration: none;
}

/* 標準スイッチの図形を非表示 */
.quarto-color-scheme-toggle i {
  display: none;
}

/* アイコンを追加 */
.quarto-color-scheme-toggle::after {
  font-size: 1.4rem;
}

/* Light mode では月の記号（Dark に切り替える） */
body.quarto-light .quarto-color-scheme-toggle::after {
  content: "☾";
}

/* Dark mode では太陽の記号（Light に切り替える） */
body.quarto-dark .quarto-color-scheme-toggle::after {
  content: "☀";
}