#login-form,
#signup-form,
#logout-form,
#login-signup {
  /* display: none; */
}

#auth-status {
  margin-top: 3em;
  text-align: right;
  font-size: 13px;
}

/* 認証済みユーザー用のナビゲーションアイテムを隠すクラス */
.hidden {
  /* display: none; */
}

/* ページ全体を最初に非表示にする */
body {
  display: none;
}

/* 認証済みユーザーのためにコンテンツを表示 */
body.authenticated {
  display: block;
}

/* フォーム要素の基本スタイル */
input[type="email"],
input[type="password"],
input[type="text"],
button.home {
  display: block;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
}

/* ボタンのスタイル */
button#signup-btn {
  background-color: #4caf50;
  color: white;
  border: none;
  cursor: pointer;
}

button#signup-btn:hover {
  background-color: #45a049;
}

.md-source-file {
  margin-top: 2.5em !important;
  margin-bottom: 1.5em !important;
}

:root {
  --md-admonition-icon--pied-piper: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c17.7 0 32 14.3 32 32V96H472c39.8 0 72 32.2 72 72V440c0 39.8-32.2 72-72 72H168c-39.8 0-72-32.2-72-72V168c0-39.8 32.2-72 72-72H288V32c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H208zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H304zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H400zM264 256a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zm152 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM48 224H64V416H48c-26.5 0-48-21.5-48-48V272c0-26.5 21.5-48 48-48zm544 0c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H576V224h16z"/></svg>');
}
.md-typeset .admonition.pied-piper,
.md-typeset details.pied-piper {
  border-color: rgb(243, 135, 131);
}
.md-typeset .pied-piper > .admonition-title,
.md-typeset .pied-piper > summary {
  background-color: rgba(255, 135, 135, 0.192);
}
.md-typeset .pied-piper > .admonition-title::before,
.md-typeset .pied-piper > summary::before {
  background-color: rgb(228, 98, 89);
  -webkit-mask-image: var(--md-admonition-icon--pied-piper);
  mask-image: var(--md-admonition-icon--pied-piper);
}

.md-typeset .pied-piper > .admonition-title:after,
.md-typeset .pied-piper > summary:after {
  color: #ff6161;
}