.cpb-use-tailwind-gift-match {
  /* 最初の画面の背景色 /Entrance background color */
  --entrance-bg: oklch(1 0 0);

  /* チャット画面の背景色 /Chat background color */
  --chat-bg: #fdf9f3;

  /* 結果画面の背景色 /Result background color */
  --result-bg: oklch(1 0 0);
}

/* ダークモードの設定 /Dark mode settings */
.cpb-use-tailwind-gift-match.dark {
  /* 最初の画面の背景色 /Entrance background color */
  --entrance-bg: oklch(0.145 0 0);

  /* チャット画面の背景色 /Chat background color */
  --chat-bg: oklch(0.145 0 0);

  /* 結果画面の背景色 /Result background color */
  --result-bg: oklch(0.145 0 0);
}

/* ギフトマッチの設定 /Gift match settings */
.cpb-use-tailwind-gift-match {
  /* ヘッダーの高さ /Header height */
  --cpb-gift-match-header-height: 131px;

  /* フッターの高さ /Footer height */
  --cpb-gift-match-footer-height: 47px;

  /* チャット画面の最大幅 /Chat max width */
  --cpb-gift-match-chat-max-width: 900px;

  /* 結果画面の最大幅 /Result max width */
  --cpb-gift-match-result-max-width: 1440px;

  /* メッセージの最大幅 /Message max width */
  --cpb-gift-match-message-max-width: 416px;
}

/* ヘッダーのロゴ /Header logo */
.cpb-gift-match__header-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cpb-gift-match__header-logo img {
  width: auto;
  height: auto;
}