@charset "UTF-8";
/*!
Copyright 2014-2021 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
/*!
Copyright 2021 The Outfit Project Authors (https://github.com/Outfitio/Outfit-Fonts)

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
/*!
YakuHanJP
OFL-1.1 AND MIT
-----------------
SIL Open Font License version 1.1
Copyright Qrac
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------
MIT License
Copyright Qrac
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
/* prettier-ignore */
.page-faq-detail .faq-detail {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail {
    font-size: 0.875rem;
  }
}
.page-faq-detail .faq-detail .parent-of-text-tiny {
  margin-top: 0.5rem;
  line-height: 1;
}
.page-faq-detail .faq-detail .p-figure {
  margin: 0;
  display: inline;
}
.page-faq-detail .faq-detail p {
  margin: 1rem 0 0;
}
.page-faq-detail .faq-detail h1 {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 3.125rem;
  color: rgb(var(--on-paper));
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid rgb(var(--border));
  word-break: break-word;
  overflow-wrap: break-word;
  margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail h1 {
    font-size: 1.5rem;
    padding-bottom: 1.3125rem;
    line-height: 2.5rem;
    margin: 2rem 0 0;
  }
}
.page-faq-detail .faq-detail a {
  color: rgb(var(--accent));
  text-decoration: underline;
  transition: opacity 0.3s;
}
.page-faq-detail .faq-detail a:hover {
  opacity: 0.7;
}
.page-faq-detail .faq-detail h2 {
  align-items: center;
  background-color: rgb(var(--secondary-variant));
  border-radius: 0.5rem;
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.19rem;
  padding: 1.29rem 1rem 1.29rem 3rem;
  position: relative;
  margin: 2rem 0 0;
}
.page-faq-detail .faq-detail h2::before {
  background-color: rgb(var(--border));
  border-radius: 0.5rem;
  content: "";
  height: calc(100% - 3rem);
  left: 1rem;
  position: absolute;
  width: 0.5rem;
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail h2 {
    font-size: 1.125rem;
    line-height: 1.62rem;
    margin: 2rem 0 0;
  }
}
.page-faq-detail .faq-detail h3 {
  align-items: center;
  background-color: rgb(var(--secondary-variant));
  border-radius: 0.5rem;
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 0;
  min-height: 3.375rem;
  overflow-wrap: break-word;
  padding: 0.5rem 2rem;
  position: relative;
  word-break: break-word;
  margin: 2.5rem 0 0;
}
.page-faq-detail .faq-detail h3::before {
  background-color: rgb(var(--border));
  border-radius: 50%;
  content: "";
  height: 0.75rem;
  left: 0.625rem;
  position: absolute;
  top: 1.3125rem;
  width: 0.75rem;
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail h3 {
    font-size: 1rem;
    margin: 2rem 0 0;
  }
}
.page-faq-detail .faq-detail h4 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.813rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgb(var(--border));
  word-break: break-word;
  overflow-wrap: break-word;
  margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail h4 {
    padding-bottom: 0.5rem;
    margin: 1.5rem 0 0;
    font-size: 0.875rem;
  }
}
.page-faq-detail .faq-detail iframe {
  display: flex;
  margin: 1.5rem auto;
  max-width: 100%;
  height: auto;
}
.page-faq-detail .faq-detail figure {
  padding-top: 0.0625rem;
}
.page-faq-detail .faq-detail figure.image, .page-faq-detail .faq-detail figure.wysiwyg-image {
  margin-bottom: 0;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail figure.image, .page-faq-detail .faq-detail figure.wysiwyg-image {
    margin-top: 1rem;
  }
}
.page-faq-detail .faq-detail figure.image img, .page-faq-detail .faq-detail figure.wysiwyg-image img {
  max-width: 40rem;
  height: auto;
  border-radius: 0.5rem;
  margin: 0 auto 0;
  display: flex;
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail figure.image img, .page-faq-detail .faq-detail figure.wysiwyg-image img {
    max-width: 100%;
  }
}
.page-faq-detail .faq-detail figure.innner_icon {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.page-faq-detail .faq-detail figure.innner_icon img {
  margin: 0px 0.45rem -0.8rem;
}
.page-faq-detail .faq-detail img.image-inline {
  display: inline-block;
  width: 1.25rem;
  height: auto;
  margin: 0 0.45rem -0.8rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .page-faq-detail .faq-detail img.image-inline {
    width: 1.1rem;
    margin: 0 0.45rem -0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail img.image-inline {
    width: 1.1rem;
    margin: 0 0.45rem -0.4rem;
  }
}
.page-faq-detail .faq-detail ul,
.page-faq-detail .faq-detail ol {
  padding-top: 1rem;
  padding-left: 1.3rem;
  margin: 0;
}
.page-faq-detail .faq-detail ul li {
  list-style-type: disc;
}
.page-faq-detail .faq-detail blockquote {
  border: 0.0625rem solid rgb(var(--border));
  border-radius: 0.5rem;
  margin: 1.5rem 0 0;
  overflow: hidden;
  padding: 2rem 2.5rem 2.5rem;
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail blockquote {
    margin: 1rem 0 0;
    padding: 1.25rem;
  }
}
.page-faq-detail .faq-detail blockquote p {
  margin-top: 1rem;
  padding: 0;
}
.page-faq-detail .faq-detail blockquote h1,
.page-faq-detail .faq-detail blockquote h2,
.page-faq-detail .faq-detail blockquote h3,
.page-faq-detail .faq-detail blockquote h4,
.page-faq-detail .faq-detail blockquote h5,
.page-faq-detail .faq-detail blockquote h6 {
  margin: 0 0 1rem;
  font-size: 1.125rem;
  line-height: 1.438rem;
  border: none;
  font-weight: 600;
  padding: 0;
  background-color: transparent;
  min-height: unset;
}
.page-faq-detail .faq-detail blockquote h1::after, .page-faq-detail .faq-detail blockquote h1::before,
.page-faq-detail .faq-detail blockquote h2::after,
.page-faq-detail .faq-detail blockquote h2::before,
.page-faq-detail .faq-detail blockquote h3::after,
.page-faq-detail .faq-detail blockquote h3::before,
.page-faq-detail .faq-detail blockquote h4::after,
.page-faq-detail .faq-detail blockquote h4::before,
.page-faq-detail .faq-detail blockquote h5::after,
.page-faq-detail .faq-detail blockquote h5::before,
.page-faq-detail .faq-detail blockquote h6::after,
.page-faq-detail .faq-detail blockquote h6::before {
  content: unset;
}
.page-faq-detail .faq-detail pre {
  border-radius: 0.5rem;
  margin: 1.5rem 0 0;
  overflow: hidden;
  padding: 2.5rem;
  background-color: rgb(var(--secondary-variant));
}
.page-faq-detail .faq-detail pre code {
  font-size: 1rem;
  width: 100%;
  color: rgb(var(--on-secondary));
  word-break: break-word;
  white-space: normal;
  font-family: initial;
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail pre code {
    font-size: 0.875rem;
  }
  .page-faq-detail .faq-detail pre {
    margin: 1rem 0 0;
    padding: 1.25rem;
  }
}
.page-faq-detail .faq-detail pre p {
  padding: 0;
}
.page-faq-detail .faq-detail pre h1,
.page-faq-detail .faq-detail pre h2,
.page-faq-detail .faq-detail pre h3,
.page-faq-detail .faq-detail pre h4,
.page-faq-detail .faq-detail pre h5,
.page-faq-detail .faq-detail pre h6 {
  margin: 0 0 1rem;
  font-size: 1.125rem;
  line-height: 1.438rem;
  border: none;
  font-weight: 600;
  padding: 0;
  background-color: rgb(var(--secondary-variant));
  min-height: unset;
}
.page-faq-detail .faq-detail pre h1::after, .page-faq-detail .faq-detail pre h1::before,
.page-faq-detail .faq-detail pre h2::after,
.page-faq-detail .faq-detail pre h2::before,
.page-faq-detail .faq-detail pre h3::after,
.page-faq-detail .faq-detail pre h3::before,
.page-faq-detail .faq-detail pre h4::after,
.page-faq-detail .faq-detail pre h4::before,
.page-faq-detail .faq-detail pre h5::after,
.page-faq-detail .faq-detail pre h5::before,
.page-faq-detail .faq-detail pre h6::after,
.page-faq-detail .faq-detail pre h6::before {
  content: unset;
}
.page-faq-detail .faq-detail table {
  width: 100%;
  margin-top: 1.5rem;
  table-layout: fixed;
}
.page-faq-detail .faq-detail table thead td {
  font-weight: 700;
}
.page-faq-detail .faq-detail table td {
  border: 0.0625rem solid rgb(var(--border));
  font-size: 1rem;
  padding: 0.5rem 0.75rem;
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail table td {
    padding: 0.5rem;
    font-size: 0.75rem;
  }
}
.page-faq-detail .faq-detail .text-tiny {
  color: rgb(var(--on-secondary-sub));
  font-size: 0.75rem;
  list-style: none;
  line-height: 1.5;
}
.page-faq-detail .faq-detail .text-tiny:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail .text-tiny {
    font-size: 0.625rem;
  }
}
.page-faq-detail .faq-detail .faq-detail__inner {
  max-width: calc(100% - 240px);
  margin: 0 auto;
  padding: 4rem 0;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .page-faq-detail .faq-detail .faq-detail__inner {
    max-width: calc(100% - 5rem);
  }
}
@media screen and (max-width: 767px) {
  .page-faq-detail .faq-detail .faq-detail__inner {
    max-width: calc(100% - 2rem);
    padding: 2.5rem 0;
  }
}
.page-faq-detail .faq-detail .faq-detail__inner .tag-container {
  margin-bottom: 1.5rem;
}
.page-faq-detail .faq-detail .faq-detail__inner .tag-container .faq-tag {
  font-size: 0.875rem;
  line-height: 1.4rem;
  font-weight: 700;
  display: inline-block;
  margin-right: 0.5rem;
  border: solid 1px #d9d9d9;
  border-radius: 0.25rem;
  padding: 0.25rem 1rem;
  color: #888888;
  margin-bottom: 0.5rem;
}

.terms-frame {
  --list-marker-size: 1.375rem;
  color: rgb(var(--on-secondary));
  line-height: 1.6;
  font-size: 0.75rem;
}
.terms-frame section {
  border-bottom: 1px solid rgb(var(--border));
  padding: 2.5rem 0;
}
.terms-frame section:first-child {
  padding-top: 0;
}
.terms-frame section:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.terms-frame h2,
.terms-frame h4 {
  font-weight: bold;
}
.terms-frame h3,
.terms-frame h5 {
  font-weight: 500;
}
.terms-frame h2 {
  font-size: 0.875rem;
}
.terms-frame h3 {
  margin-top: 1rem;
  font-size: 0.875rem;
}
.terms-frame h4 {
  margin-top: 0.75rem;
  font-size: 0.75rem;
}
.terms-frame h5 {
  margin-top: 0.75rem;
  font-size: 0.75rem;
}
.terms-frame p:not(:first-child) {
  margin-top: 0.5rem;
}
.terms-frame p:not(:last-child) {
  margin-bottom: 0.5rem;
}
.terms-frame strong,
.terms-frame th {
  font-weight: bold;
}
.terms-frame a,
.terms-frame .ot-sdk-show-settings {
  color: rgb(var(--accent));
  overflow-wrap: break-word;
  text-decoration-line: underline;
  transition: opacity 0.2s;
}
.terms-frame a :not(:lang(en)),
.terms-frame .ot-sdk-show-settings :not(:lang(en)) {
  word-break: break-all;
}
.terms-frame a:hover,
.terms-frame .ot-sdk-show-settings:hover {
  opacity: 0.7;
}
.terms-frame ul > li {
  position: relative;
  padding-left: var(--list-marker-size);
}
.terms-frame ul > li:before {
  content: "・";
  text-align: center;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: var(--list-marker-size);
  height: var(--list-marker-size);
}
.terms-frame ul.list-circle > li {
  list-style: circle;
  padding-left: 0;
  margin-left: var(--list-marker-size);
}
.terms-frame ul.list-circle > li:before {
  content: "";
}
.terms-frame ul.list-dash > li:before {
  content: "-";
}
.terms-frame ol {
  list-style-position: inside;
}
.terms-frame ol[type="1"] > li::before, .terms-frame ol:not([type]) > li::before {
  content: counter(list-item) ".";
}
.terms-frame ol[type="1"].paren > li::before, .terms-frame ol:not([type]).paren > li::before {
  content: "(" counter(list-item) ") ";
}
.terms-frame ol[type=i] > li::before {
  content: "(" counter(list-item, lower-roman) ")";
}
.terms-frame ol[type=a] > li::before {
  content: "(" counter(list-item, lower-alpha) ")";
}
html:lang(en) .terms-frame ol[type=i] > li::before, html:lang(ko) .terms-frame ol[type=i] > li::before {
  content: counter(list-item, lower-roman) ".";
}
.terms-frame ol.cjk-ideographic > li::before {
  content: counter(list-item, cjk-ideographic) ".";
}
.terms-frame ol > li {
  position: relative;
  padding-left: var(--list-marker-size);
}
.terms-frame ol > li:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--list-marker-size);
  height: var(--list-marker-size);
}
.terms-frame ol > li ol > li {
  margin-top: 0rem;
}
.terms-frame ol > li ol > li:before {
  content: "(" counter(list-item) ")";
}
.terms-frame table {
  border-collapse: collapse;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  margin: 1.5rem 0.25rem 0;
}
.terms-frame table thead th {
  background-color: rgb(var(--paper-variant));
}
.terms-frame tr :last-child {
  width: 50%;
}
.terms-frame th,
.terms-frame td {
  text-align: start;
  border: 1px solid rgb(var(--border));
  padding: 0.5rem;
}
.terms-frame dl {
  margin: 1rem 0;
}
.terms-frame dl dt {
  margin-top: 0.5rem;
}
.terms-frame dl.list-dash > dt,
.terms-frame dl.list-dash > dd {
  position: relative;
  padding-left: var(--list-marker-size);
}
.terms-frame dl.list-dash > dt:before {
  content: "-";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--list-marker-size);
  height: var(--list-marker-size);
}
.terms-frame dl.list dt {
  position: relative;
}
.terms-frame dl.list dt:before {
  content: "・";
  text-align: center;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: var(--list-marker-size);
  height: var(--list-marker-size);
}
.terms-frame dl.list dt,
.terms-frame dl.list dd {
  padding-left: var(--list-marker-size);
}
.terms-frame .double-underline {
  -webkit-text-decoration: underline double;
          text-decoration: underline double;
  font-weight: normal;
}

/*==============================================================
 * 各種定数の設定
 *
 * 値を上書きしたい場合は
 *   @use '$lib/lib-svelte/styles/_inc/_core/_constants.scss' with (
 *     $sp_breakpoint: xxx,
 *     $breakpoint_adjustment: xxx,
 *     $max_width: xxxx,
 *     $base_width_pc: xxxx,
 *     $base_width_sp: xxx,
 *     $base_height_pc: xxx,
 *     $base_height_sp: xxxx
 *   );
 * のような形で一番最初に呼び出して下さい
 *============================================================== */
/*================================================================
 * コンテンツのベースとなる幅
 * 設定変更は vite.config.ts の freqConfig.constants から行ってください
 *================================================================ */
/*==============================================================
 * ブレイクポイント
 *   拡大率が 100% 以外の場合などに、画面サイズが小数点になり得るため、
 *   メディアクエリの max-width で使用されるものは、必ず 0.02px で切り替えてください。
 *   見やすくするために *.98px ではなく -0.02px で表現しています。
 *
 *   var: 可変 で主に vw で表示されます。
 *   fix: 固定 で主に px で表示されます。
 *============================================================== */
/*==============================================================
 * easing
 *============================================================== */
/*==========================================
 *  cubic-bezierの呼び出し
 *  使用方法:
 *		transition: opacity 1s ease('easeOutExpo');
 *		transition-timing-function: ease('easeOutExpo');
 *
 *	easingチートシート https://easings.net/ja
*========================================== */
/*==========================================
 * メディアクエリ
 *========================================== */
/* ==================================================
 * メディアクエリを全て含む
 * 引数は SP（可変）, PC（可変）, PC（固定） が使用されます。
 * それぞれの引数は単一の値かリストを取り、一層まではvwに変換します。変換の判断基準は _check_calc_vw() 関数に依存します。
 * 使用例:
	@include media_all((
		height: (250, 300),
		font-size: (60, 40, 30),
		margin-top: (null, 120),
		padding-top: (180),
		margin-left: (null, null, 10),
		margin: (10 20, 20 40),
		width: (90%, 1000px), // 単位を与えると変換対象から外れます
		display: (null, flex),
		background-color: (#ffb6c1, #add8e6, #90ee90),
		border: (5 solid #000000, 9 solid #000000), // リストを与えると数値のみvwへ変換されます
		// 特別な注意が必要なケース
		opacity: (0.9, 1), // 数値はvwに変換されるので、文字列にしてunquoteするか、interpolation を利用する
		border: (1px solid #000000, null), // PCにあえてNULLを表記する特殊なケース1
		margin: (10 20, null), // PCにあえてNULLを表記する特殊なケース2
	));
 *
 *   PCにおける、可変と固定が同じ値の場合、固定の値を省略することができます。
 *     例: height: (100, 200, 200) -> height: (100, 200)
 *
 *   SCSSの仕様により、配列の取得方法が多様なため、一部のCSS表現は下記のようにしてください。
 *     例: border: (1px solid #000000) -> border: (1px solid #000000, null)
 * ================================================== */
/*==========================================
 * media_all の「PC（固定）」がないバージョンです。
 *   レスポンシブのみで構成されたページに使用します。
 */
/*====================================================================================
 * マウスによるhoverが可能なデバイスにだけ、hoverスタイルを効かせる
 * hoverのみでは効かない例外端末があるので、fineも併用する
 *==================================================================================== */
/*====================================================================================
 * shadow ジェネレーター
 *==================================================================================== */
.p-maintenance-page a {
  color: inherit;
  text-decoration: none;
  outline: none;
}
.p-maintenance-page img {
  backface-visibility: hidden;
}
.p-maintenance-page .site-wrapper {
  display: grid;
  align-items: center;
  font-family: sans-serif;
  margin: auto;
  min-height: 100vh;
  min-height: 100dvh;
}
@media (max-width: 767.98px) {
  .p-maintenance-page .site-wrapper {
    font-size: 3.7333333333vw;
  }
}
@media (min-width: 768px) and (max-width: 2199.98px) {
  .p-maintenance-page .site-wrapper {
    width: 45.7142857143vw;
    font-size: 1.4285714286vw;
  }
}
@media (min-width: 2200px) {
  .p-maintenance-page .site-wrapper {
    width: 1005.7142857143px;
    font-size: 31.4285714286px;
  }
}
.p-maintenance-page section {
  display: grid;
  align-items: center;
  justify-content: center;
  line-height: 1.55;
}
@media (max-width: 767.98px) {
  .p-maintenance-page section {
    padding: 0 5.7142857143vw;
  }
}
.p-maintenance-page h1 {
  display: flex;
  align-items: center;
  margin: 0;
  margin-right: auto;
  width: 100%;
  font-weight: bold;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .p-maintenance-page h1 {
    gap: 1.3333333333vw;
    font-size: 4.8vw;
    margin-left: -0.1333333333vw;
  }
}
@media (min-width: 768px) and (max-width: 2199.98px) {
  .p-maintenance-page h1 {
    gap: 0.7142857143vw;
    font-size: 3vw;
    margin-left: -0.0714285714vw;
  }
}
@media (min-width: 2200px) {
  .p-maintenance-page h1 {
    gap: 15.7142857143px;
    font-size: 66px;
    margin-left: -1.5714285714px;
  }
}
.p-maintenance-page h1 img, .p-maintenance-page h1 svg {
  display: block;
  width: auto;
  max-width: 100%;
  flex-shrink: 0;
  overflow: visible;
}
@media (max-width: 767.98px) {
  .p-maintenance-page h1 img, .p-maintenance-page h1 svg {
    height: 7.8666666667vw;
  }
}
@media (min-width: 768px) and (max-width: 2199.98px) {
  .p-maintenance-page h1 img, .p-maintenance-page h1 svg {
    height: 4.5vw;
  }
}
@media (min-width: 2200px) {
  .p-maintenance-page h1 img, .p-maintenance-page h1 svg {
    height: 99px;
  }
}
.p-maintenance-page .text-box p {
  margin: 0;
}
.p-maintenance-page .txt-bold {
  font-weight: 700;
}
.p-maintenance-page .text-box {
  line-height: 150%;
}
@media (max-width: 767.98px) {
  .p-maintenance-page .text-box {
    margin-top: 13.7142857143vw;
  }
}
@media (min-width: 768px) and (max-width: 2199.98px) {
  .p-maintenance-page .text-box {
    margin-top: 3.4285714286vw;
  }
}
@media (min-width: 2200px) {
  .p-maintenance-page .text-box {
    margin-top: 75.4285714286px;
  }
}
@media (max-width: 767.98px) {
  .p-maintenance-page .text-box__lead .txt-announce-top {
    margin-bottom: 8.5333333333vw;
  }
}
@media (min-width: 768px) and (max-width: 2199.98px) {
  .p-maintenance-page .text-box__lead .txt-announce-top {
    margin-bottom: 2.1428571429vw;
  }
}
@media (min-width: 2200px) {
  .p-maintenance-page .text-box__lead .txt-announce-top {
    margin-bottom: 47.1428571429px;
  }
}
@media (max-width: 767.98px) {
  .p-maintenance-page .text-box__lead .txt-announce-bottom {
    margin-top: 8.5333333333vw;
  }
}
@media (min-width: 768px) and (max-width: 2199.98px) {
  .p-maintenance-page .text-box__lead .txt-announce-bottom {
    margin-top: 2.1428571429vw;
  }
}
@media (min-width: 2200px) {
  .p-maintenance-page .text-box__lead .txt-announce-bottom {
    margin-top: 47.1428571429px;
  }
}
.p-maintenance-page .copylight {
  position: absolute;
  margin: 0;
}
@media (max-width: 767.98px) {
  .p-maintenance-page .copylight {
    font-size: 2.1333333333vw;
    left: 5.7142857143vw;
    bottom: 5.3333333333vw;
  }
}
@media (min-width: 768px) and (max-width: 2199.98px) {
  .p-maintenance-page .copylight {
    font-size: 0.8571428571vw;
    left: 1.5714285714vw;
    bottom: 1.1428571429vw;
  }
}
@media (min-width: 2200px) {
  .p-maintenance-page .copylight {
    font-size: 18.8571428571px;
    left: 34.5714285714px;
    bottom: 25.1428571429px;
  }
}
@media (max-width: 767.98px) {
  .p-maintenance-page .is-PC {
    display: none;
  }
}
@media (min-width: 768px) {
  .p-maintenance-page .is-SP {
    display: none;
  }
}

.terms-root {
  --list-marker-size: 1.8rem;
  color: rgb(var(--on-paper));
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans', ui-sans-serif, sans-serif;
}

:lang(ja) .terms-root{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: "Noto Sans SC Subset", "YakuHanJPs", "Noto Sans JP", sans-serif;
}

:lang(zh-Hans) .terms-root{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans SC', ui-sans-serif, sans-serif;
}

:lang(zh-Hant) .terms-root{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans TC', ui-sans-serif, sans-serif;
}

:lang(ko) .terms-root{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans KR', ui-sans-serif, sans-serif;
}

.terms-root{
  --font-size: 0.875rem;
}

@media (min-width: 768px){
  .terms-root{
    --font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .terms-root {
    --list-marker-size: 2rem;
    font-size: 1rem;
  }
}
.terms-root section {
  margin-top: -2.5rem;
  padding-top: 2.5rem;
}
.terms-root section:first-child h2 {
  padding-top: 0;
}
.terms-root h2{
  border-bottom-width: 2px;
  border-bottom-color: rgb(var(--border));
  padding-bottom: 0.5rem;
  padding-top: 2rem;
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 700);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .terms-root h2{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .terms-root h2{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .terms-root h2{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .terms-root h2{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.terms-root h2{
  --font-size: 1.375rem;
}
@media (min-width: 768px){
  .terms-root h2{
    --font-size: 1.5rem;
    padding-top: 2.5rem;
  }
}
.terms-root h3{
  padding-top: 1.5rem;
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 700);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .terms-root h3{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .terms-root h3{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .terms-root h3{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .terms-root h3{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.terms-root h3{
  --font-size: 1.125rem;
}
@media (min-width: 768px){
  .terms-root h3{
    --font-size: 1.25rem;
    padding-top: 2rem;
  }
}
.terms-root h4{
  padding-top: 1rem;
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 700);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .terms-root h4{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .terms-root h4{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .terms-root h4{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .terms-root h4{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.terms-root h4{
  --font-size: 0.875rem;
}
@media (min-width: 768px){
  .terms-root h4{
    --font-size: 1rem;
    padding-top: 1.5rem;
  }
}
.terms-root h5{
  padding-top: 1rem;
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .terms-root h5{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: "Noto Sans SC Subset", "YakuHanJPs", "Noto Sans JP", sans-serif;
}
:lang(zh-Hans) .terms-root h5{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .terms-root h5{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .terms-root h5{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.terms-root h5{
  --font-size: 0.875rem;
}
@media (min-width: 768px){
  .terms-root h5{
    --font-size: 1rem;
    padding-top: 1.5rem;
  }
}
.terms-root p,
.terms-root ul,
.terms-root ol{
  margin-top: 1rem;
}
.terms-root p:first-child,
.terms-root ul:first-child,
.terms-root ol:first-child{
  margin-top: 0px;
}
@media (min-width: 768px){
  .terms-root p,
.terms-root ul,
.terms-root ol{
    margin-top: 0.75rem;
  }
}
.terms-root strong,
.terms-root th {
  font-weight: bold;
}
.terms-root hr{
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  background-color: rgb(var(--border));
}
@media (min-width: 768px){
  .terms-root hr{
    margin-top: 2.5rem;
    margin-bottom: 2rem;
  }
}
.terms-root a,
.terms-root .ot-sdk-show-settings {
  color: rgb(var(--accent));
  overflow-wrap: break-word;
  text-decoration-line: underline;
  transition: opacity 0.2s;
}
.terms-root a :not(:lang(en)),
.terms-root .ot-sdk-show-settings :not(:lang(en)) {
  word-break: break-all;
}
.terms-root a:hover,
.terms-root .ot-sdk-show-settings:hover {
  opacity: 0.7;
}
.terms-root ul > li {
  margin-top: 0.25rem;
  position: relative;
  padding-left: var(--list-marker-size);
}
@media screen and (min-width: 768px) {
  .terms-root ul > li {
    margin-top: 0.375rem;
  }
}
.terms-root ul > li:before {
  content: "・";
  text-align: center;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: var(--list-marker-size);
  height: var(--list-marker-size);
}
.terms-root ul.list-circle > li {
  list-style: circle;
  padding-left: 0;
  margin-left: var(--list-marker-size);
}
.terms-root ul.list-circle > li:before {
  content: "";
}
.terms-root ul.list-dash > li:before {
  content: "-";
}
.terms-root ol {
  list-style-position: inside;
}
.terms-root ol[type="1"] > li::before, .terms-root ol:not([type]) > li::before {
  content: counter(list-item) ".";
  text-align: center;
}
.terms-root ol[type="1"].paren > li::before, .terms-root ol:not([type]).paren > li::before {
  content: "(" counter(list-item) ") ";
}
.terms-root ol[type=i] > li::before {
  content: "(" counter(list-item, lower-roman) ")";
}
html:lang(en) .terms-root ol[type=i] > li::before, html:lang(ko) .terms-root ol[type=i] > li::before {
  content: counter(list-item, lower-roman) ".";
}
.terms-root ol[type=a] > li::before {
  content: "(" counter(list-item, lower-alpha) ")";
}
.terms-root ol.cjk-ideographic > li::before {
  content: counter(list-item, cjk-ideographic) ".";
}
.terms-root ol > li {
  position: relative;
  padding-left: var(--list-marker-size);
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .terms-root ol > li {
    margin-top: 0.375rem;
  }
}
.terms-root ol > li:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--list-marker-size);
  height: var(--list-marker-size);
}
.terms-root ol > li ol > li {
  margin-top: 0rem;
}
.terms-root ol > li ol > li:before {
  content: "(" counter(list-item) ")";
}
.terms-root li > p {
  padding-top: 0;
}
.terms-root table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .terms-root table {
    margin-top: 1.5rem;
  }
}
.terms-root table thead th {
  background-color: rgb(var(--paper-variant));
}
.terms-root th,
.terms-root td {
  text-align: start;
  border: 1px solid rgb(var(--border));
  padding: 0.5rem;
}
.terms-root dl {
  margin: 1rem 0;
}
.terms-root dl dt{
  margin-top: 0.5rem;
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .terms-root dl dt{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: "Noto Sans SC Subset", "YakuHanJPs", "Noto Sans JP", sans-serif;
}
:lang(zh-Hans) .terms-root dl dt{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .terms-root dl dt{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .terms-root dl dt{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.terms-root dl dt{
  --font-size: 0.875rem;
}
@media (min-width: 768px){
  .terms-root dl dt{
    --font-size: 1rem;
  }
}
.terms-root dl.list-dash > dt,
.terms-root dl.list-dash > dd {
  position: relative;
  padding-left: var(--list-marker-size);
}
.terms-root dl.list-dash > dt:before {
  content: "-";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--list-marker-size);
  height: var(--list-marker-size);
}
.terms-root dl.list dt {
  position: relative;
}
.terms-root dl.list dt:before {
  content: "・";
  text-align: center;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: var(--list-marker-size);
  height: var(--list-marker-size);
}
.terms-root dl.list dt,
.terms-root dl.list dd {
  padding-left: var(--list-marker-size);
}
.terms-root em {
  pointer-events: none;
}
.terms-root .double-underline {
  -webkit-text-decoration: underline double;
          text-decoration: underline double;
  font-weight: normal;
}

.terms-root.terms-root-override section {
  margin-top: 2rem;
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .terms-root.terms-root-override section {
    margin-top: 2.5rem;
  }
}
.terms-root.terms-root-override section h2 {
  padding-top: 0;
}

.DialogContent[data-state=open] {
  animation: dialog-content-scale-in var(--dialog-animation-duration, 200ms) cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.DialogContent[data-state=closed] {
  animation: dialog-content-scale-out var(--dialog-animation-duration, 200ms) cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes dialog-content-scale-in {
  from {
    opacity: var(--dialog-opacity-from, 0);
    transform: var(--dialog-transform-from, scale(0.95));
  }
  to {
    opacity: var(--dialog-opacity-to, 1);
    transform: var(--dialog-transform-to, scale(1));
  }
}
@keyframes dialog-content-scale-out {
  from {
    opacity: var(--dialog-opacity-to, 1);
    transform: var(--dialog-transform-to, scale(1));
  }
  to {
    opacity: var(--dialog-opacity-from, 0);
    transform: var(--dialog-transform-from, scale(0.95));
  }
}
.header-dropdown-content[data-state=open] {
  animation: header-menu-open 186ms cubic-bezier(0.33, 1, 0.68, 1) backwards;
}

.header-dropdown-content[data-state=closed] {
  animation: header-menu-close 186ms cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@keyframes header-menu-open {
  from {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0 0 0% 0);
  }
}
@keyframes header-menu-close {
  from {
    opacity: 1;
    clip-path: inset(0 0 0% 0);
  }
  to {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .header-dropdown-content[data-state=open],
  .header-dropdown-content[data-state=closed] {
    animation-duration: 1ms;
  }
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(147 197 253 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(147 197 253 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
:root {
    --color-blue-100: 210 218 247;
    --color-blue-200: 165 181 238;
    --color-blue-25: 244 246 253;
    --color-blue-300: 121 143 230;
    --color-blue-400: 76 106 221;
    --color-blue-50: 233 236 251;
    --color-blue-500: 31 69 213;
    --color-blue-600: 39 64 156;
    --color-blue-700: 40 54 106;
    --color-blue-75: 221 227 249;
    --color-blue-800: 34 40 63;
    --color-blue-900: 15 19 34;
    --color-green-100: 206 239 223;
    --color-green-200: 157 223 191;
    --color-green-25: 243 251 247;
    --color-green-300: 107 208 159;
    --color-green-400: 58 192 127;
    --color-green-50: 230 247 239;
    --color-green-500: 9 176 95;
    --color-green-600: 21 127 76;
    --color-green-700: 25 86 56;
    --color-green-75: 218 243 231;
    --color-green-800: 24 50 37;
    --color-green-900: 15 22 19;
    --color-neutral-100: 229 229 229;
    --color-neutral-150: 217 217 217;
    --color-neutral-200: 204 204 204;
    --color-neutral-25: 249 249 249;
    --color-neutral-250: 191 191 191;
    --color-neutral-300: 178 178 178;
    --color-neutral-400: 153 153 153;
    --color-neutral-50: 242 242 242;
    --color-neutral-500: 128 128 128;
    --color-neutral-550: 115 115 115;
    --color-neutral-600: 102 102 102;
    --color-neutral-650: 89 89 89;
    --color-neutral-700: 77 77 77;
    --color-neutral-725: 70 70 70;
    --color-neutral-75: 236 236 236;
    --color-neutral-750: 64 64 64;
    --color-neutral-775: 57 57 57;
    --color-neutral-800: 51 51 51;
    --color-neutral-825: 45 45 45;
    --color-neutral-850: 38 38 38;
    --color-neutral-875: 32 32 32;
    --color-neutral-900: 23 23 23;
    --color-neutral-925: 19 19 19;
    --color-neutral-950: 13 13 13;
    --color-neutral-black: 0 0 0;
    --color-neutral-white: 255 255 255;
    --color-orange-100: 252 229 207;
    --color-orange-200: 250 203 158;
    --color-orange-25: 255 249 243;
    --color-orange-300: 247 176 110;
    --color-orange-400: 245 150 61;
    --color-orange-50: 254 242 230;
    --color-orange-500: 242 123 13;
    --color-orange-600: 175 100 29;
    --color-orange-700: 118 75 35;
    --color-orange-75: 253 235 219;
    --color-orange-800: 69 50 33;
    --color-orange-900: 30 25 21;
    --color-service-priconne-400: 255 139 184;
    --color-service-priconne-500: 245 82 145;
    --color-red-100: 246 211 211;
    --color-red-200: 236 168 168;
    --color-red-25: 253 244 244;
    --color-red-300: 227 124 124;
    --color-red-400: 217 81 81;
    --color-red-50: 250 233 233;
    --color-red-500: 208 37 37;
    --color-red-600: 153 43 43;
    --color-red-700: 104 43 43;
    --color-red-75: 248 222 222;
    --color-red-800: 63 35 35;
    --color-red-900: 28 21 21;
    --color-service-shadowverse-400: 74 160 229;
    --color-service-shadowverse-600: 49 85 134;
    --color-service-umamusume-400: 81 225 69;
    --color-service-umamusume-500: 53 167 44;
    --color-yellow-100: 253 239 204;
    --color-yellow-200: 250 223 153;
    --color-yellow-25: 255 251 243;
    --color-yellow-300: 248 207 102;
    --color-yellow-400: 245 191 51;
    --color-yellow-50: 254 247 230;
    --color-yellow-500: 243 175 0;
    --color-yellow-600: 175 131 19;
    --color-yellow-700: 117 92 29;
    --color-yellow-75: 253 243 217;
    --color-yellow-800: 68 57 29;
    --color-yellow-900: 29 26 19;
    --radius: 0.5rem;
  }
:root,
  .light {
    --primary: var(--color-neutral-black, 0 0 0);
    --primary-alpha: 1;
    --primary-container: var(--color-neutral-600, 102 102 102);
    --primary-container-alpha: 1;
    --primary-variant: var(--color-neutral-900, 23 23 23);
    --primary-variant-alpha: 1;
    --primary-variant-sub: var(--color-neutral-800, 51 51 51);
    --primary-variant-sub-alpha: 1;
    --on-primary: var(--color-neutral-white, 255 255 255);
    --on-primary-alpha: 1;
    --on-primary-off: var(--color-neutral-500, 128 128 128);
    --on-primary-off-alpha: 1;
    --on-primary-sub: var(--color-neutral-300, 178 178 178);
    --on-primary-sub-alpha: 1;
    --secondary: var(--color-neutral-white, 255 255 255);
    --secondary-alpha: 1;
    --secondary-container: var(--color-neutral-100, 229 229 229);
    --secondary-container-alpha: 1;
    --secondary-container-variant: var(--color-neutral-200, 204 204 204);
    --secondary-container-variant-alpha: 1;
    --secondary-glass: 0 0 0;
    --secondary-glass-alpha: 0.0509803922;
    --secondary-variant: var(--color-neutral-50, 242 242 242);
    --secondary-variant-alpha: 1;
    --secondary-variant-sub: var(--color-neutral-25, 249 249 249);
    --secondary-variant-sub-alpha: 1;
    --on-secondary: var(--color-neutral-black, 0 0 0);
    --on-secondary-alpha: 1;
    --on-secondary-off-placeholder: var(--color-neutral-300, 178 178 178);
    --on-secondary-off-placeholder-alpha: 1;
    --on-secondary-sub: var(--color-neutral-600, 102 102 102);
    --on-secondary-sub-alpha: 1;
    --accent: var(--color-blue-500, 31 69 213);
    --accent-alpha: 1;
    --accent-container: var(--color-blue-75, 221 227 249);
    --accent-container-alpha: 1;
    --on-accent: var(--color-blue-25, 244 246 253);
    --on-accent-alpha: 1;
    --on-accent-container: var(--color-neutral-black, 0 0 0);
    --on-accent-container-alpha: 1;
    --apple-x: 0 0 0;
    --apple-x-inverted: 255 255 255;
    --border: var(--color-neutral-150, 217 217 217);
    --border-alpha: 1;
    --border-soft: var(--color-neutral-75, 236 236 236);
    --border-soft-alpha: 1;
    --border-strong: var(--color-neutral-400, 153 153 153);
    --border-strong-alpha: 1;
    --buy: var(--color-orange-500, 242 123 13);
    --buy-alpha: 1;
    --buy-container: var(--color-orange-75, 253 235 219);
    --buy-container-alpha: 1;
    --on-buy: var(--color-orange-25, 255 249 243);
    --on-buy-alpha: 1;
    --on-buy-container: var(--color-neutral-black, 0 0 0);
    --on-buy-container-alpha: 1;
    --card: var(--secondary, 255 255 255);
    --card-alpha: 1;
    --card-variant: var(--secondary-variant, 242 242 242);
    --card-variant-alpha: 1;
    --card-variant-sub: var(--secondary-variant-sub, 249 249 249);
    --card-variant-sub-alpha: 1;
    --on-card: var(--color-neutral-black, 0 0 0);
    --on-card-alpha: 1;
    --on-card-sub: var(--color-neutral-600, 102 102 102);
    --on-card-sub-alpha: 1;
    --disable: var(--color-neutral-150, 217 217 217);
    --disable-alpha: 1;
    --epicgames: 51 51 51;
    --facebook: 8 102 255;
    --line: 76 199 100;
    --negative: var(--color-red-500, 208 37 37);
    --negative-alpha: 1;
    --negative-container: var(--color-red-75, 248 222 222);
    --negative-container-alpha: 1;
    --on-negative: var(--color-red-25, 253 244 244);
    --on-negative-alpha: 1;
    --on-negative-container: var(--color-neutral-black, 0 0 0);
    --on-negative-container-alpha: 1;
    --overlay: 0 0 0;
    --overlay-alpha: 0.5019607843;
    --overlay-soft: 0 0 0;
    --overlay-soft-alpha: 0.2;
    --paper: var(--secondary, 255 255 255);
    --paper-alpha: 1;
    --paper-variant: var(--secondary-variant, 242 242 242);
    --paper-variant-alpha: 1;
    --paper-variant-sub: var(--secondary-variant-sub, 249 249 249);
    --paper-variant-sub-alpha: 1;
    --on-paper: var(--color-neutral-black, 0 0 0);
    --on-paper-alpha: 1;
    --on-paper-sub: var(--color-neutral-600, 102 102 102);
    --on-paper-sub-alpha: 1;
    --popover: var(--color-neutral-white, 255 255 255);
    --popover-alpha: 1;
    --popover-variant: var(--color-neutral-50, 242 242 242);
    --popover-variant-alpha: 1;
    --popover-variant-sub: var(--color-neutral-100, 229 229 229);
    --popover-variant-sub-alpha: 1;
    --on-popover: var(--color-neutral-black, 0 0 0);
    --on-popover-alpha: 1;
    --on-popover-sub: var(--color-neutral-600, 102 102 102);
    --on-popover-sub-alpha: 1;
    --positive: var(--color-green-500, 9 176 95);
    --positive-alpha: 1;
    --positive-container: var(--color-green-75, 218 243 231);
    --positive-container-alpha: 1;
    --on-positive: var(--color-green-25, 243 251 247);
    --on-positive-alpha: 1;
    --on-positive-container: var(--color-neutral-black, 0 0 0);
    --on-positive-container-alpha: 1;
    --warning: var(--color-yellow-500, 243 175 0);
    --warning-alpha: 1;
    --warning-container: var(--color-yellow-75, 253 243 217);
    --warning-container-alpha: 1;
    --on-warning: var(--color-yellow-25, 255 251 243);
    --on-warning-alpha: 1;
    --on-warning-container: var(--color-neutral-black, 0 0 0);
    --on-warning-container-alpha: 1;
  }
.dark {
    --primary: var(--color-neutral-75, 236 236 236);
    --primary-alpha: 1;
    --primary-container: var(--color-neutral-300, 178 178 178);
    --primary-container-alpha: 1;
    --primary-variant: var(--color-neutral-150, 217 217 217);
    --primary-variant-alpha: 1;
    --primary-variant-sub: var(--color-neutral-250, 191 191 191);
    --primary-variant-sub-alpha: 1;
    --on-primary: var(--color-neutral-900, 23 23 23);
    --on-primary-alpha: 1;
    --on-primary-off: var(--color-neutral-300, 178 178 178);
    --on-primary-off-alpha: 1;
    --on-primary-sub: var(--color-neutral-600, 102 102 102);
    --on-primary-sub-alpha: 1;
    --secondary: var(--color-neutral-900, 23 23 23);
    --secondary-alpha: 1;
    --secondary-container: var(--color-neutral-725, 70 70 70);
    --secondary-container-alpha: 1;
    --secondary-container-variant: var(--color-neutral-700, 77 77 77);
    --secondary-container-variant-alpha: 1;
    --secondary-glass: 236 236 236;
    --secondary-glass-alpha: 0.1019607843;
    --secondary-variant: var(--color-neutral-875, 32 32 32);
    --secondary-variant-alpha: 1;
    --secondary-variant-sub: var(--color-neutral-850, 38 38 38);
    --secondary-variant-sub-alpha: 1;
    --on-secondary: var(--color-neutral-50, 242 242 242);
    --on-secondary-alpha: 1;
    --on-secondary-off-placeholder: var(--color-neutral-500, 128 128 128);
    --on-secondary-off-placeholder-alpha: 1;
    --on-secondary-sub: var(--color-neutral-300, 178 178 178);
    --on-secondary-sub-alpha: 1;
    --accent: var(--color-blue-300, 121 143 230);
    --accent-alpha: 1;
    --accent-container: var(--color-blue-800, 34 40 63);
    --accent-container-alpha: 1;
    --on-accent: var(--color-blue-700, 40 54 106);
    --on-accent-alpha: 1;
    --on-accent-container: var(--color-neutral-50, 242 242 242);
    --on-accent-container-alpha: 1;
    --apple-x: 255 255 255;
    --apple-x-inverted: 0 0 0;
    --border: var(--color-neutral-750, 64 64 64);
    --border-alpha: 1;
    --border-soft: var(--color-neutral-825, 45 45 45);
    --border-soft-alpha: 1;
    --border-strong: var(--color-neutral-600, 102 102 102);
    --border-strong-alpha: 1;
    --buy: var(--color-orange-400, 245 150 61);
    --buy-alpha: 1;
    --buy-container: var(--color-orange-800, 69 50 33);
    --buy-container-alpha: 1;
    --on-buy: var(--color-orange-25, 255 249 243);
    --on-buy-alpha: 1;
    --on-buy-container: var(--color-neutral-50, 242 242 242);
    --on-buy-container-alpha: 1;
    --card: var(--color-neutral-850, 38 38 38);
    --card-alpha: 1;
    --card-variant: var(--color-neutral-800, 51 51 51);
    --card-variant-alpha: 1;
    --card-variant-sub: var(--color-neutral-825, 45 45 45);
    --card-variant-sub-alpha: 1;
    --on-card: var(--color-neutral-50, 242 242 242);
    --on-card-alpha: 1;
    --on-card-sub: var(--color-neutral-300, 178 178 178);
    --on-card-sub-alpha: 1;
    --disable: var(--color-neutral-700, 77 77 77);
    --disable-alpha: 1;
    --epicgames: 255 255 255;
    --facebook: 8 102 255;
    --line: 76 199 100;
    --negative: var(--color-red-300, 227 124 124);
    --negative-alpha: 1;
    --negative-container: var(--color-red-800, 63 35 35);
    --negative-container-alpha: 1;
    --on-negative: var(--color-red-800, 63 35 35);
    --on-negative-alpha: 1;
    --on-negative-container: var(--color-neutral-50, 242 242 242);
    --on-negative-container-alpha: 1;
    --overlay: 0 0 0;
    --overlay-alpha: 0.8509803922;
    --overlay-soft: 0 0 0;
    --overlay-soft-alpha: 0.4;
    --paper: var(--color-neutral-850, 38 38 38);
    --paper-alpha: 1;
    --paper-variant: var(--color-neutral-800, 51 51 51);
    --paper-variant-alpha: 1;
    --paper-variant-sub: var(--color-neutral-825, 45 45 45);
    --paper-variant-sub-alpha: 1;
    --on-paper: var(--color-neutral-50, 242 242 242);
    --on-paper-alpha: 1;
    --on-paper-sub: var(--color-neutral-300, 178 178 178);
    --on-paper-sub-alpha: 1;
    --popover: var(--color-neutral-800, 51 51 51);
    --popover-alpha: 1;
    --popover-variant: var(--color-neutral-750, 64 64 64);
    --popover-variant-alpha: 1;
    --popover-variant-sub: var(--color-neutral-700, 77 77 77);
    --popover-variant-sub-alpha: 1;
    --on-popover: var(--color-neutral-50, 242 242 242);
    --on-popover-alpha: 1;
    --on-popover-sub: var(--color-neutral-300, 178 178 178);
    --on-popover-sub-alpha: 1;
    --positive: var(--color-green-300, 107 208 159);
    --positive-alpha: 1;
    --positive-container: var(--color-green-800, 24 50 37);
    --positive-container-alpha: 1;
    --on-positive: var(--color-green-700, 25 86 56);
    --on-positive-alpha: 1;
    --on-positive-container: var(--color-neutral-50, 242 242 242);
    --on-positive-container-alpha: 1;
    --warning: var(--color-yellow-300, 248 207 102);
    --warning-alpha: 1;
    --warning-container: var(--color-yellow-800, 68 57 29);
    --warning-container-alpha: 1;
    --on-warning: var(--color-yellow-700, 117 92 29);
    --on-warning-alpha: 1;
    --on-warning-container: var(--color-neutral-50, 242 242 242);
    --on-warning-container-alpha: 1;
  }
*{
  --tw-border-opacity: 1;
  border-color: rgb(var(--border) / var(--tw-border-opacity, 1));
}
html {
    font-family: "Noto Sans", sans-serif;
    font-size: clamp(1rem, 1.0666666667vw + 0.0666666667rem, 1.4rem);
  }
body{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-variant-sub) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--on-secondary) / var(--tw-text-opacity, 1));
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans', ui-sans-serif, sans-serif;
}
:lang(ja) body{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: "Noto Sans SC Subset", "YakuHanJPs", "Noto Sans JP", sans-serif;
}
:lang(zh-Hans) body{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) body{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) body{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
body{
  --font-size: 0.875rem;
}
@media (min-width: 768px){
  body{
    --font-size: 1rem;
  }
}
main{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}
.largest-container{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  --tw-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.10);
  --tw-shadow-colored: 0 0 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 2200px){
  .largest-container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 2200px){
    .largest-container{
      max-width: 2200px;
    }
  }
}
.bg-primary,
  .bg-primary-container,
  .bg-primary-variant,
  .bg-primary-variant-sub{
  --tw-text-opacity: 1;
  color: rgb(var(--on-primary) / var(--tw-text-opacity, 1));
}
.bg-secondary,
  .bg-secondary-container,
  .bg-secondary-container-variant,
  .bg-secondary-variant,
  .bg-secondary-variant-sub{
  --tw-text-opacity: 1;
  color: rgb(var(--on-secondary) / var(--tw-text-opacity, 1));
}
.bg-popover,
  .bg-popover-variant,
  .bg-popover-variant-sub{
  --tw-text-opacity: 1;
  color: rgb(var(--on-popover) / var(--tw-text-opacity, 1));
}
.bg-card{
  --tw-text-opacity: 1;
  color: rgb(var(--on-card) / var(--tw-text-opacity, 1));
}
.bg-paper{
  --tw-text-opacity: 1;
  color: rgb(var(--on-paper) / var(--tw-text-opacity, 1));
}
input:-webkit-autofill,
  textarea:-webkit-autofill,
  select:-webkit-autofill {
    box-shadow: 0 0 0 1000px rgb(var(--secondary)) inset !important;
    -webkit-text-fill-color: rgb(var(--on-secondary)) !important;
    caret-color: rgb(var(--on-secondary)) !important;
  }
input[type=number] {
    -webkit-appearance: textfield !important;
       -moz-appearance: textfield !important;
            appearance: textfield !important;
  }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
            appearance: none;
  }
input:disabled {
    -webkit-text-fill-color: rgb(var(--on-secondary-off-placeholder));
    opacity: 1;
  }
:future,
  :root {
    -webkit-font-smoothing: antialiased;
  }
*:focus {
    outline: none;
  }
.indented-asterisk {
    position: relative;
    padding-left: 1.2em;
  }
.indented-asterisk::before {
    content: "※";
    position: absolute;
    left: 0;
  }
.indented-asterisk:lang(en) {
    padding-left: 0.65em;
  }
.indented-asterisk:lang(en)::before {
    content: "*";
  }
.dark .skeleton-pulse {
    background-color: rgba(255, 255, 255, 0.1);
  }
@keyframes skeleton_pulse {
    0% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
.\!container{
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 2200px){
  .\!container{
    max-width: 2200px !important;
  }
  .container{
    max-width: 2200px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.-inset-\[1px\]{
  inset: -1px;
}
.inset-0{
  inset: 0px;
}
.inset-x-3{
  left: 0.75rem;
  right: 0.75rem;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-top-4{
  top: -1rem;
}
.bottom-0{
  bottom: 0px;
}
.left-0{
  left: 0px;
}
.left-1\/2{
  left: 50%;
}
.left-\[50\%\]{
  left: 50%;
}
.right-0{
  right: 0px;
}
.right-2\.5{
  right: 0.625rem;
}
.right-full{
  right: 100%;
}
.top-0{
  top: 0px;
}
.top-1\/2{
  top: 50%;
}
.top-2{
  top: 0.5rem;
}
.top-\[0\.875rem\]{
  top: 0.875rem;
}
.top-\[50\%\]{
  top: 50%;
}
.-z-10{
  z-index: -10;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[60\]{
  z-index: 60;
}
.z-infinity{
  z-index: 2147483647;
}
.m-auto{
  margin: auto;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-\[10rem\]{
  margin-top: 10rem;
  margin-bottom: 10rem;
}
.my-\[4rem\]{
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.\!mt-8{
  margin-top: 2rem !important;
}
.-mb-20{
  margin-bottom: -5rem;
}
.-ml-\[\.25rem\]{
  margin-left: -.25rem;
}
.-mr-\[\.375rem\]{
  margin-right: -.375rem;
}
.-mt-2\.5{
  margin-top: -0.625rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[14px\]{
  margin-bottom: 14px;
}
.mb-\[88px\]{
  margin-bottom: 88px;
}
.ml-0{
  margin-left: 0px;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-0\.5{
  margin-right: 0.125rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-4{
  margin-right: 1rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[0\.4375rem\]{
  margin-top: 0.4375rem;
}
.mt-\[6px\]{
  margin-top: 6px;
}
.mt-auto{
  margin-top: auto;
}
.box-content{
  box-sizing: content-box;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.inline-grid{
  display: inline-grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.size-10{
  width: 2.5rem;
  height: 2.5rem;
}
.size-11{
  width: 2.75rem;
  height: 2.75rem;
}
.size-12{
  width: 3rem;
  height: 3rem;
}
.size-4{
  width: 1rem;
  height: 1rem;
}
.size-5{
  width: 1.25rem;
  height: 1.25rem;
}
.size-6{
  width: 1.5rem;
  height: 1.5rem;
}
.size-7{
  width: 1.75rem;
  height: 1.75rem;
}
.size-8{
  width: 2rem;
  height: 2rem;
}
.size-\[1\.375rem\]{
  width: 1.375rem;
  height: 1.375rem;
}
.size-\[176px\]{
  width: 176px;
  height: 176px;
}
.size-\[20px\]{
  width: 20px;
  height: 20px;
}
.size-\[7\.5rem\]{
  width: 7.5rem;
  height: 7.5rem;
}
.size-full{
  width: 100%;
  height: 100%;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-6{
  height: 1.5rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-\[0\.1875rem\]{
  height: 0.1875rem;
}
.h-\[1\.25em\]{
  height: 1.25em;
}
.h-\[1\.375rem\]{
  height: 1.375rem;
}
.h-\[1\.56875rem\]{
  height: 1.56875rem;
}
.h-\[1\.7883125rem\]{
  height: 1.7883125rem;
}
.h-\[10\.25rem\]{
  height: 10.25rem;
}
.h-\[11\.6rem\]{
  height: 11.6rem;
}
.h-\[11rem\]{
  height: 11rem;
}
.h-\[14\.625rem\]{
  height: 14.625rem;
}
.h-\[2\.75rem\]{
  height: 2.75rem;
}
.h-\[28px\]{
  height: 28px;
}
.h-\[2px\]{
  height: 2px;
}
.h-\[3\.25rem\]{
  height: 3.25rem;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[44px\]{
  height: 44px;
}
.h-\[4rem\]{
  height: 4rem;
}
.h-\[60px\]{
  height: 60px;
}
.h-\[calc\(3\.5rem\+env\(safe-area-inset-top\)\)\]{
  height: calc(3.5rem + env(safe-area-inset-top));
}
.h-full{
  height: 100%;
}
.h-lvh{
  height: 100lvh;
}
.h-max{
  height: -moz-max-content;
  height: max-content;
}
.min-h-\[1\.5em\]{
  min-height: 1.5em;
}
.min-h-\[28rem\]{
  min-height: 28rem;
}
.min-h-fit{
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.w-1\.5{
  width: 0.375rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-4{
  width: 1rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-60{
  width: 15rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-\[0\.9375rem\]{
  width: 0.9375rem;
}
.w-\[1\.125rem\]{
  width: 1.125rem;
}
.w-\[1\.375rem\]{
  width: 1.375rem;
}
.w-\[176px\]{
  width: 176px;
}
.w-\[20rem\]{
  width: 20rem;
}
.w-\[40px\]{
  width: 40px;
}
.w-\[5\.625rem\]{
  width: 5.625rem;
}
.w-\[7\.444625rem\]{
  width: 7.444625rem;
}
.w-\[8\.5rem\]{
  width: 8.5rem;
}
.w-\[calc\(100\%-40px\)\]{
  width: calc(100% - 40px);
}
.w-\[stretch\]{
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-screen{
  width: 100vw;
}
.min-w-0{
  min-width: 0px;
}
.max-w-\[25rem\]{
  max-width: 25rem;
}
.max-w-\[30rem\]{
  max-width: 30rem;
}
.max-w-\[35rem\]{
  max-width: 35rem;
}
.max-w-\[42\.5rem\]{
  max-width: 42.5rem;
}
.max-w-\[56\.25rem\]{
  max-width: 56.25rem;
}
.max-w-\[7\.5rem\]{
  max-width: 7.5rem;
}
.max-w-\[87\.5rem\]{
  max-width: 87.5rem;
}
.max-w-full{
  max-width: 100%;
}
.max-w-wrapper{
  max-width: 1800px;
}
.flex-1{
  flex: 1 1 0%;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.grow{
  flex-grow: 1;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[0\.315rem\]{
  --tw-translate-y: -0.315rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[0\.315rem\]{
  --tw-translate-y: 0.315rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default{
  cursor: default;
}
.cursor-pointer{
  cursor: pointer;
}
.touch-none{
  touch-action: none;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none{
  resize: none;
}
.resize{
  resize: both;
}
.list-inside{
  list-style-position: inside;
}
.list-disc{
  list-style-type: disc;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-flow-row{
  grid-auto-flow: row;
}
.grid-flow-col{
  grid-auto-flow: column;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[auto\2c minmax\(auto\2c 1fr\)\]{
  grid-template-columns: auto minmax(auto,1fr);
}
.grid-cols-\[auto\]{
  grid-template-columns: auto;
}
.grid-rows-1{
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-\[auto\]{
  grid-template-rows: auto;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.place-items-center{
  place-items: center;
}
.items-start{
  align-items: flex-start;
}
.items-center{
  align-items: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-items-center{
  justify-items: center;
}
.gap-1{
  gap: 0.25rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-\[1\.38rem\]{
  gap: 1.38rem;
}
.gap-\[1\.5rem\]{
  gap: 1.5rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.gap-y-5{
  row-gap: 1.25rem;
}
.gap-y-9{
  row-gap: 2.25rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-\[0\.0625rem\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.0625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.0625rem * var(--tw-space-y-reverse));
}
.self-start{
  align-self: flex-start;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.border{
  border-width: 1px;
}
.border-\[0\.125rem\]{
  border-width: 0.125rem;
}
.border-\[0\.3125rem\]{
  border-width: 0.3125rem;
}
.border-b{
  border-bottom-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-solid{
  border-style: solid;
}
.border-none{
  border-style: none;
}
.border-accent{
  --tw-border-opacity: 1;
  border-color: rgb(var(--accent) / var(--tw-border-opacity, 1));
}
.border-blue-100{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-blue-100) / var(--tw-border-opacity, 1));
}
.border-border{
  --tw-border-opacity: 1;
  border-color: rgb(var(--border) / var(--tw-border-opacity, 1));
}
.border-border-soft{
  --tw-border-opacity: 1;
  border-color: rgb(var(--border-soft) / var(--tw-border-opacity, 1));
}
.border-negative{
  --tw-border-opacity: 1;
  border-color: rgb(var(--negative) / var(--tw-border-opacity, 1));
}
.border-on-secondary-off-placeholder{
  --tw-border-opacity: 1;
  border-color: rgb(var(--on-secondary-off-placeholder) / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: transparent;
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-t-border-soft{
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--border-soft) / var(--tw-border-opacity, 1));
}
.bg-accent{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent) / var(--tw-bg-opacity, 1));
}
.bg-accent-container{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-container) / var(--tw-bg-opacity, 1));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-blue-25{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-blue-25) / var(--tw-bg-opacity, 1));
}
.bg-blue-75{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-blue-75) / var(--tw-bg-opacity, 1));
}
.bg-buy-container{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--buy-container) / var(--tw-bg-opacity, 1));
}
.bg-card{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--card) / var(--tw-bg-opacity, 1));
}
.bg-disable{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--disable) / var(--tw-bg-opacity, 1));
}
.bg-negative-container{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--negative-container) / var(--tw-bg-opacity, 1));
}
.bg-on-popover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--on-popover) / var(--tw-bg-opacity, 1));
}
.bg-on-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--on-secondary) / var(--tw-bg-opacity, 1));
}
.bg-on-secondary-off-placeholder{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--on-secondary-off-placeholder) / var(--tw-bg-opacity, 1));
}
.bg-on-secondary-sub{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--on-secondary-sub) / var(--tw-bg-opacity, 1));
}
.bg-overlay{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--overlay) / var(--overlay-alpha, var(--tw-bg-opacity, 1)));
}
.bg-paper{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--paper) / var(--tw-bg-opacity, 1));
}
.bg-popover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--popover) / var(--tw-bg-opacity, 1));
}
.bg-positive-container{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--positive-container) / var(--tw-bg-opacity, 1));
}
.bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}
.bg-primary-variant-sub{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-variant-sub) / var(--tw-bg-opacity, 1));
}
.bg-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary) / var(--tw-bg-opacity, 1));
}
.bg-secondary-container{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-container) / var(--tw-bg-opacity, 1));
}
.bg-secondary-variant{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-variant) / var(--tw-bg-opacity, 1));
}
.bg-secondary-variant-sub{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-variant-sub) / var(--tw-bg-opacity, 1));
}
.bg-secondary\/80{
  background-color: rgb(var(--secondary) / 0.8);
}
.bg-transparent{
  background-color: transparent;
}
.bg-warning-container{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--warning-container) / var(--tw-bg-opacity, 1));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[linear-gradient\(to_right\2c transparent_0\2c \#333333_50\%\2c transparent_100\%\)\]{
  background-image: linear-gradient(to right,transparent 0,#333333 50%,transparent 100%);
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.p-0{
  padding: 0px;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-\[0\.375rem\]{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-\[1\.38rem\]{
  padding-left: 1.38rem;
  padding-right: 1.38rem;
}
.px-\[12px\]{
  padding-left: 12px;
  padding-right: 12px;
}
.px-\[13px\]{
  padding-left: 13px;
  padding-right: 13px;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.125em\]{
  padding-top: 0.125em;
  padding-bottom: 0.125em;
}
.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-\[1\.38rem\]{
  padding-left: 1.38rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-\[calc\(theme\(spacing\[3\]\)\+var\(--scrollbar-width\2c 0px\)\)\]{
  padding-right: calc(0.75rem + var(--scrollbar-width,0px));
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-2xs{
  font-size: 0.625rem;
}
.text-\[0\.625rem\]{
  font-size: 0.625rem;
}
.text-\[0\.75rem\]{
  font-size: 0.75rem;
}
.text-\[0\.875rem\]{
  font-size: 0.875rem;
}
.text-\[length\:inherit\]{
  font-size: inherit;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.italic{
  font-style: italic;
}
.leading-10{
  line-height: 2.5rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.text-\[\#000\]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-\[\#fff\]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-accent{
  --tw-text-opacity: 1;
  color: rgb(var(--accent) / var(--tw-text-opacity, 1));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(var(--color-blue-700) / var(--tw-text-opacity, 1));
}
.text-buy{
  --tw-text-opacity: 1;
  color: rgb(var(--buy) / var(--tw-text-opacity, 1));
}
.text-current{
  color: currentColor;
}
.text-inherit{
  color: inherit;
}
.text-negative{
  --tw-text-opacity: 1;
  color: rgb(var(--negative) / var(--tw-text-opacity, 1));
}
.text-on-accent{
  --tw-text-opacity: 1;
  color: rgb(var(--on-accent) / var(--tw-text-opacity, 1));
}
.text-on-accent-container{
  --tw-text-opacity: 1;
  color: rgb(var(--on-accent-container) / var(--tw-text-opacity, 1));
}
.text-on-buy-container{
  --tw-text-opacity: 1;
  color: rgb(var(--on-buy-container) / var(--tw-text-opacity, 1));
}
.text-on-card{
  --tw-text-opacity: 1;
  color: rgb(var(--on-card) / var(--tw-text-opacity, 1));
}
.text-on-card-sub{
  --tw-text-opacity: 1;
  color: rgb(var(--on-card-sub) / var(--tw-text-opacity, 1));
}
.text-on-negative-container{
  --tw-text-opacity: 1;
  color: rgb(var(--on-negative-container) / var(--tw-text-opacity, 1));
}
.text-on-paper{
  --tw-text-opacity: 1;
  color: rgb(var(--on-paper) / var(--tw-text-opacity, 1));
}
.text-on-paper-sub{
  --tw-text-opacity: 1;
  color: rgb(var(--on-paper-sub) / var(--tw-text-opacity, 1));
}
.text-on-popover{
  --tw-text-opacity: 1;
  color: rgb(var(--on-popover) / var(--tw-text-opacity, 1));
}
.text-on-popover-sub{
  --tw-text-opacity: 1;
  color: rgb(var(--on-popover-sub) / var(--tw-text-opacity, 1));
}
.text-on-positive-container{
  --tw-text-opacity: 1;
  color: rgb(var(--on-positive-container) / var(--tw-text-opacity, 1));
}
.text-on-primary{
  --tw-text-opacity: 1;
  color: rgb(var(--on-primary) / var(--tw-text-opacity, 1));
}
.text-on-secondary{
  --tw-text-opacity: 1;
  color: rgb(var(--on-secondary) / var(--tw-text-opacity, 1));
}
.text-on-secondary-off-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--on-secondary-off-placeholder) / var(--tw-text-opacity, 1));
}
.text-on-secondary-sub{
  --tw-text-opacity: 1;
  color: rgb(var(--on-secondary-sub) / var(--tw-text-opacity, 1));
}
.text-on-warning-container{
  --tw-text-opacity: 1;
  color: rgb(var(--on-warning-container) / var(--tw-text-opacity, 1));
}
.text-positive{
  --tw-text-opacity: 1;
  color: rgb(var(--positive) / var(--tw-text-opacity, 1));
}
.text-primary{
  --tw-text-opacity: 1;
  color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(var(--color-red-500) / var(--tw-text-opacity, 1));
}
.text-warning{
  --tw-text-opacity: 1;
  color: rgb(var(--warning) / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.no-underline{
  text-decoration-line: none;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.placeholder-on-secondary-off-placeholder::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(var(--on-secondary-off-placeholder) / var(--tw-placeholder-opacity, 1));
}
.placeholder-on-secondary-off-placeholder::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(var(--on-secondary-off-placeholder) / var(--tw-placeholder-opacity, 1));
}
.opacity-0{
  opacity: 0;
}
.opacity-40{
  opacity: 0.4;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_16px_0_rgba\(235\2c 43\2c 124\2c \.24\)\]{
  --tw-shadow: 0 4px 16px 0 rgba(235,43,124,.24);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_16px_0_rgba\(235\2c 43\2c 124\2c 0\.24\)\]{
  --tw-shadow: 0 4px 16px 0 rgba(235,43,124,0.24);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_20px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\]{
  --tw-shadow: 0 6px 20px 0 rgba(0,0,0,0.10);
  --tw-shadow-colored: 0 6px 20px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-float{
  --tw-shadow: 0 0.5rem 1.5rem 0 rgba(14, 14, 26, 0.2);
  --tw-shadow-colored: 0 0.5rem 1.5rem 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-over{
  --tw-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.10);
  --tw-shadow-colored: 0 0 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-float{
  --tw-drop-shadow: drop-shadow(0 0.5rem 1.5rem rgba(14, 14, 26, 0.2));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[10px\]{
  --tw-backdrop-blur: blur(10px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-none{
  --tw-backdrop-blur:  ;
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border\2c box-shadow\]{
  transition-property: border,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\]{
  transition-property: color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[stroke-dasharray\]{
  transition-property: stroke-dasharray;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-\[300ms\]{
  transition-duration: 300ms;
}
.duration-\[350ms\]{
  transition-duration: 350ms;
}
.ease-\[cubic-bezier\(0\2c 0\2c 0\.32\2c 0\.98\)\]{
  transition-timing-function: cubic-bezier(0,0,0.32,0.98);
}
.ease-\[cubic-bezier\(0\.2\2c 1\2c 0\.35\2c 1\)\]{
  transition-timing-function: cubic-bezier(0.2,1,0.35,1);
}
.ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\]{
  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.font-cygames-sans{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .font-cygames-sans{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .font-cygames-sans{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .font-cygames-sans{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .font-cygames-sans{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.font-size-100{
  --font-size: 0.875rem;
}
@media (min-width: 768px){
  .font-size-100{
    --font-size: 1rem;
  }
}
.font-size-100{
  font-size: var(--font-size);
}
.font-size-100 --font-size{
  --font-size: 0.875rem;
}
@media (min-width: 768px){
  .font-size-100 --font-size{
    --font-size: 1rem;
  }
}
.font-size-100{
  font-size: var(--font-size);
}
.font-normal{
  --font-weight: 400;
}
.font-medium{
  --font-weight: 500;
}
.font-bold{
  --font-weight: 700;
}
.leading-none{
  --line-height: 1;
}
.leading-normal{
  --line-height: 1.5;
}
.leading-10{
  --line-height: 2.5rem;
  line-height: var(--line-height);
}
.leading-5{
  --line-height: 1.25rem;
  line-height: var(--line-height);
}
.leading-7{
  --line-height: 1.75rem;
  line-height: var(--line-height);
}
.leading-\[1\.2\]{
  --line-height: 1.2;
  line-height: var(--line-height);
}
.leading-none{
  --line-height: 1;
  line-height: var(--line-height);
}
.leading-normal{
  --line-height: 1.5;
  line-height: var(--line-height);
}
.text-display-lg{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 700);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-display-lg{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .text-display-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-display-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-display-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-display-lg{
  --font-size: 3rem;
}
@media (min-width: 768px){
  .text-display-lg{
    --font-size: 3.625rem;
  }
}
.text-heading-lg{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 700);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-heading-lg{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .text-heading-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-heading-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-heading-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-heading-lg{
  --font-size: 1.375rem;
}
@media (min-width: 768px){
  .text-heading-lg{
    --font-size: 1.5rem;
  }
}
.text-heading-md{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 700);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-heading-md{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .text-heading-md{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-heading-md{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-heading-md{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-heading-md{
  --font-size: 1.125rem;
}
@media (min-width: 768px){
  .text-heading-md{
    --font-size: 1.25rem;
  }
}
.text-heading-sm{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 700);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-heading-sm{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .text-heading-sm{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-heading-sm{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-heading-sm{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-heading-sm{
  --font-size: 0.875rem;
}
@media (min-width: 768px){
  .text-heading-sm{
    --font-size: 1rem;
  }
}
.text-label-lg{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  text-box-trim: trim-both;
  font-variant-ligatures: none;
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-label-lg{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .text-label-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-label-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-label-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-label-lg{
  --font-size: 1rem;
}
@media (min-width: 768px){
  .text-label-lg{
    --font-size: 1.125rem;
  }
}
.text-label-md{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  text-box-trim: trim-both;
  font-variant-ligatures: none;
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-label-md{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .text-label-md{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-label-md{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-label-md{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-label-md{
  --font-size: 0.875rem;
}
@media (min-width: 768px){
  .text-label-md{
    --font-size: 1rem;
  }
}
.text-label-sm{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  text-box-trim: trim-both;
  font-variant-ligatures: none;
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-label-sm{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .text-label-sm{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-label-sm{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-label-sm{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-label-sm{
  --font-size: 0.75rem;
}
@media (min-width: 768px){
  .text-label-sm{
    --font-size: 0.875rem;
  }
}
.text-label-xs{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  text-box-trim: trim-both;
  font-variant-ligatures: none;
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-label-xs{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .text-label-xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-label-xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-label-xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-label-xs{
  --font-size: 0.6875rem;
}
@media (min-width: 768px){
  .text-label-xs{
    --font-size: 0.75rem;
  }
}
.text-label-2xs{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  text-box-trim: trim-both;
  font-variant-ligatures: none;
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-label-2xs{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .text-label-2xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-label-2xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-label-2xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-label-2xs{
  --font-size: 0.625rem;
}
@media (min-width: 768px){
  .text-label-2xs{
    --font-size: 0.6875rem;
  }
}
.text-body-lg{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-body-lg{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: "Noto Sans SC Subset", "YakuHanJPs", "Noto Sans JP", sans-serif;
}
:lang(zh-Hans) .text-body-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-body-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-body-lg{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-body-lg{
  --font-size: 1rem;
}
@media (min-width: 768px){
  .text-body-lg{
    --font-size: 1.125rem;
  }
}
.text-body-md{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-body-md{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: "Noto Sans SC Subset", "YakuHanJPs", "Noto Sans JP", sans-serif;
}
:lang(zh-Hans) .text-body-md{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-body-md{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-body-md{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-body-md{
  --font-size: 0.875rem;
}
@media (min-width: 768px){
  .text-body-md{
    --font-size: 1rem;
  }
}
.text-body-sm{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-body-sm{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: "Noto Sans SC Subset", "YakuHanJPs", "Noto Sans JP", sans-serif;
}
:lang(zh-Hans) .text-body-sm{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-body-sm{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-body-sm{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-body-sm{
  --font-size: 0.75rem;
}
@media (min-width: 768px){
  .text-body-sm{
    --font-size: 0.875rem;
  }
}
.text-body-xs{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-body-xs{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: "Noto Sans SC Subset", "YakuHanJPs", "Noto Sans JP", sans-serif;
}
:lang(zh-Hans) .text-body-xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-body-xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-body-xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-body-xs{
  --font-size: 0.6875rem;
}
@media (min-width: 768px){
  .text-body-xs{
    --font-size: 0.75rem;
  }
}
.text-body-2xs{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .text-body-2xs{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: "Noto Sans SC Subset", "YakuHanJPs", "Noto Sans JP", sans-serif;
}
:lang(zh-Hans) .text-body-2xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .text-body-2xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .text-body-2xs{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.text-body-2xs{
  --font-size: 0.625rem;
}
@media (min-width: 768px){
  .text-body-2xs{
    --font-size: 0.6875rem;
  }
}
:lang(ja) .no-yakuhan{
  --font-family: var(--no-yakuhan-font);
  font-family: var(--font-family, var(--yakuhan-font));
}
.transition-productive-spatial-slow{
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-duration: 244ms;
}
.transition-expressive-effect-fast{
  transition-timing-function: cubic-bezier(0.2, 0, 0.5, 1);
  transition-duration: 360ms;
}
.hidden-scrollbar {
    -ms-overflow-style: none;
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* Firefox 対応 */
  }
.hidden-scrollbar::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
  }
@keyframes headerLogoAnimation {
    0% {
      opacity: 0;
      transform: scale(1, 0.833);
    }
    33% {
      opacity: 0.5;
      transform: scale(0.833, 1);
      margin-bottom: 0.25rem;
    }
    66% {
      opacity: 1;
      transform: scale(1, 0.833);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
.\[overflow-wrap\:anywhere\]{
  overflow-wrap: anywhere;
}
.\[stroke-dasharray\:0\2c var\(--stroke-length\)\]{
  stroke-dasharray: 0,var(--stroke-length);
}
.\[text-box-edge\:cap_alphabetic\]{
  text-box-edge: cap alphabetic;
}
.\[text-box-trim\:trim-both\]{
  text-box-trim: trim-both;
}
.\[transition\:border_500ms_ease-in-out\2c background_500ms\]{
  transition: border 500ms ease-in-out,background 500ms;
}
@keyframes DialogContentScaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes DialogContentScaleOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}
.DialogContent[data-state=open] {
  animation: DialogContentScaleIn 300ms cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.DialogContent[data-state=closed] {
  animation: DialogContentScaleOut 300ms cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.loader-wrapper {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.component-loader__spinner {
  position: fixed;
  inset: 0;
  z-index: 999;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  color: var(--loader-color, #cfcfcf);
  overflow: visible;
}
.loader circle {
  fill: currentColor;
  transform-box: fill-box;
  transform-origin: center;
}
.loader .d1 {
  animation: sl-d1 2.133s ease-in-out infinite;
}
.loader .d2 {
  animation: sl-d2 2.133s ease-in-out infinite;
}
.loader .d3 {
  animation: sl-d3 2.133s ease-in-out infinite;
}
.loader .d4 {
  animation: sl-d4 2.133s ease-in-out infinite;
}
.loader .d5 {
  animation: sl-d5 2.133s ease-in-out infinite;
}
.loader .ball {
  animation: sl-ball 2.133s ease-in-out infinite;
  transform-box: view-box;
}
@keyframes sl-d1 {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(0.8);
  }
  23% {
    transform: scale(0.65);
  }
  74% {
    transform: scale(0.65);
  }
  84% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes sl-d2 {
  0% {
    transform: scale(0.8);
  }
  14% {
    transform: scale(1);
  }
  23% {
    transform: scale(0.8);
  }
  30% {
    transform: scale(0.65);
  }
  67% {
    transform: scale(0.65);
  }
  74% {
    transform: scale(0.8);
  }
  84% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes sl-d3 {
  0% {
    transform: scale(0.65);
  }
  14% {
    transform: scale(0.8);
  }
  23% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.8);
  }
  42% {
    transform: scale(0.65);
  }
  56% {
    transform: scale(0.65);
  }
  67% {
    transform: scale(0.8);
  }
  74% {
    transform: scale(1);
  }
  84% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.65);
  }
}
@keyframes sl-d4 {
  0% {
    transform: scale(0.65);
  }
  23% {
    transform: scale(0.8);
  }
  30% {
    transform: scale(1);
  }
  42% {
    transform: scale(0.8);
  }
  55% {
    transform: scale(0.8);
  }
  67% {
    transform: scale(1);
  }
  74% {
    transform: scale(0.8);
  }
  84% {
    transform: scale(0.65);
  }
  100% {
    transform: scale(0.65);
  }
}
@keyframes sl-d5 {
  0% {
    transform: scale(0.65);
  }
  30% {
    transform: scale(0.8);
  }
  47% {
    transform: scale(0.95);
  }
  51% {
    transform: scale(1);
  }
  67% {
    transform: scale(0.8);
  }
  74% {
    transform: scale(0.65);
  }
  100% {
    transform: scale(0.65);
  }
}
@keyframes sl-ball {
  0% {
    transform: translateX(0);
  }
  2.4% {
    transform: translateX(0);
  }
  47.5% {
    transform: translateX(46.59%);
  }
  52.4% {
    transform: translateX(46.59%);
  }
  97.5% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
.before\:bg-primary::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(var(--on-primary) / var(--tw-text-opacity, 1));
  }
.before\:bg-secondary-variant::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(var(--on-secondary) / var(--tw-text-opacity, 1));
  }
@media (hover: hover) and (pointer: fine){
  .hover\:bg-secondary-container-variant:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--on-secondary) / var(--tw-text-opacity, 1));
  }
  .hover\:bg-secondary-variant-sub:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--on-secondary) / var(--tw-text-opacity, 1));
  }
  .hover\:bg-popover-variant:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--on-popover) / var(--tw-text-opacity, 1));
  }
}
.active\:bg-popover-variant-sub:active{
  --tw-text-opacity: 1;
  color: rgb(var(--on-popover) / var(--tw-text-opacity, 1));
}
.data-\[selected\]\:bg-primary[data-selected]{
  --tw-text-opacity: 1;
  color: rgb(var(--on-primary) / var(--tw-text-opacity, 1));
}
.data-\[highlighted\]\:bg-popover-variant[data-highlighted]{
  --tw-text-opacity: 1;
  color: rgb(var(--on-popover) / var(--tw-text-opacity, 1));
}
.data-\[highlighted\]\:active\:bg-popover-variant-sub:active[data-highlighted]{
  --tw-text-opacity: 1;
  color: rgb(var(--on-popover) / var(--tw-text-opacity, 1));
}
.dark\:bg-popover-variant:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(var(--on-popover) / var(--tw-text-opacity, 1));
}
@media (hover: hover) and (pointer: fine){
  .dark\:hover\:bg-secondary-container-variant:hover:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(var(--on-secondary) / var(--tw-text-opacity, 1));
  }
}
@media not all and (min-width: 768px){
  .max-md\:bg-popover{
    --tw-text-opacity: 1;
    color: rgb(var(--on-popover) / var(--tw-text-opacity, 1));
  }
}
@media (min-width: 768px){
  .md\:bg-popover{
    --tw-text-opacity: 1;
    color: rgb(var(--on-popover) / var(--tw-text-opacity, 1));
  }
}
.\*\:relative > *{
  position: relative;
}
.\*\:col-start-1 > *{
  grid-column-start: 1;
}
.\*\:row-start-1 > *{
  grid-row-start: 1;
}
.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}
.before\:left-1\/2::before{
  content: var(--tw-content);
  left: 50%;
}
.before\:top-1\/2::before{
  content: var(--tw-content);
  top: 50%;
}
.before\:-z-10::before{
  content: var(--tw-content);
  z-index: -10;
}
.before\:z-0::before{
  content: var(--tw-content);
  z-index: 0;
}
.before\:m-auto::before{
  content: var(--tw-content);
  margin: auto;
}
.before\:h-\[4\.1rem\]::before{
  content: var(--tw-content);
  height: 4.1rem;
}
.before\:w-\[110\%\]::before{
  content: var(--tw-content);
  width: 110%;
}
.before\:w-\[4\.1rem\]::before{
  content: var(--tw-content);
  width: 4.1rem;
}
.before\:origin-\[100\%_50\%\]::before{
  content: var(--tw-content);
  transform-origin: 100% 50%;
}
.before\:origin-top::before{
  content: var(--tw-content);
  transform-origin: top;
}
.before\:-translate-x-1\/2::before{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:-translate-y-1\/2::before{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:scale-x-0::before{
  content: var(--tw-content);
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:scale-y-0::before{
  content: var(--tw-content);
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:transform::before{
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:rounded-full::before{
  content: var(--tw-content);
  border-radius: 9999px;
}
.before\:bg-primary::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}
.before\:bg-secondary-glass::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-glass) / var(--secondary-glass-alpha, var(--tw-bg-opacity, 1)));
}
.before\:bg-secondary-variant::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-variant) / var(--tw-bg-opacity, 1));
}
.before\:bg-\[image\:var\(--hover-bg-image\)\]::before{
  content: var(--tw-content);
  background-image: var(--hover-bg-image);
}
.before\:pb-\[110\%\]::before{
  content: var(--tw-content);
  padding-bottom: 110%;
}
.before\:opacity-\[8\%\]::before{
  content: var(--tw-content);
  opacity: 8%;
}
.before\:transition-transform::before{
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.before\:duration-300::before{
  content: var(--tw-content);
  transition-duration: 300ms;
}
.before\:ease-out::before{
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\*\:before\:absolute > *::before{
  content: var(--tw-content);
  position: absolute;
}
.\*\:before\:right-full > *::before{
  content: var(--tw-content);
  right: 100%;
}
.\*\:before\:top-0 > *::before{
  content: var(--tw-content);
  top: 0px;
}
.\*\:before\:inline-block > *::before{
  content: var(--tw-content);
  display: inline-block;
}
.\*\:before\:size-\[1\.5em\] > *::before{
  content: var(--tw-content);
  width: 1.5em;
  height: 1.5em;
}
.\*\:before\:text-center > *::before{
  content: var(--tw-content);
  text-align: center;
}
.\*\:before\:content-\[\'\2022\'\] > *::before{
  --tw-content: '•';
  content: var(--tw-content);
}
.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}
.after\:bottom-\[-1px\]::after{
  content: var(--tw-content);
  bottom: -1px;
}
.after\:left-0::after{
  content: var(--tw-content);
  left: 0px;
}
.after\:h-\[1px\]::after{
  content: var(--tw-content);
  height: 1px;
}
.after\:w-0::after{
  content: var(--tw-content);
  width: 0px;
}
.after\:bg-current::after{
  content: var(--tw-content);
  background-color: currentColor;
}
.after\:bg-white::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.after\:opacity-0::after{
  content: var(--tw-content);
  opacity: 0;
}
.after\:transition-all::after{
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:duration-200::after{
  content: var(--tw-content);
  transition-duration: 200ms;
}
.first\:border-t:first-child{
  border-top-width: 1px;
}
.even\:after\:absolute:nth-child(even)::after{
  content: var(--tw-content);
  position: absolute;
}
.even\:after\:left-0:nth-child(even)::after{
  content: var(--tw-content);
  left: 0px;
}
.even\:after\:h-\[78\%\]:nth-child(even)::after{
  content: var(--tw-content);
  height: 78%;
}
.even\:after\:border-l:nth-child(even)::after{
  content: var(--tw-content);
  border-left-width: 1px;
}
.even\:after\:border-border:nth-child(even)::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(var(--border) / var(--tw-border-opacity, 1));
}
.last-of-type\:border-b:last-of-type{
  border-bottom-width: 1px;
}
.focus-within\:border-accent:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(var(--accent) / var(--tw-border-opacity, 1));
}
.focus-within\:border-negative:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(var(--negative) / var(--tw-border-opacity, 1));
}
.focus-within\:shadow-\[0_\.125rem_\.375rem_0_theme\(colors\.accent\.DEFAULT\/0\.16\)\]:focus-within{
  --tw-shadow: 0 .125rem .375rem 0 rgb(var(--accent) / 0.16);
  --tw-shadow-colored: 0 .125rem .375rem 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-within\:shadow-\[0_\.125rem_\.375rem_0_theme\(colors\.negative\.DEFAULT\/0\.16\)\]:focus-within{
  --tw-shadow: 0 .125rem .375rem 0 rgb(var(--negative) / 0.16);
  --tw-shadow-colored: 0 .125rem .375rem 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-within\:shadow-\[0_4px_16px_0_rgba\(21\2c 64\2c 223\2c 0\.24\)\]:focus-within{
  --tw-shadow: 0 4px 16px 0 rgba(21,64,223,0.24);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-within\:shadow-\[0_4px_16px_0_rgba\(59\2c 114\2c 225\2c 0\.30\)\]:focus-within{
  --tw-shadow: 0 4px 16px 0 rgba(59,114,225,0.30);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-within\:outline-none:focus-within{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (hover: hover) and (pointer: fine){
  .hover\:w-2\.5:hover{
    width: 0.625rem;
  }
  .hover\:cursor-pointer:hover{
    cursor: pointer;
  }
  .hover\:rounded-lg:hover{
    border-radius: 0.5rem;
  }
  .hover\:border-accent:hover{
    --tw-border-opacity: 1;
    border-color: rgb(var(--accent) / var(--tw-border-opacity, 1));
  }
  .hover\:border-negative:hover{
    --tw-border-opacity: 1;
    border-color: rgb(var(--negative) / var(--tw-border-opacity, 1));
  }
  .hover\:border-transparent:hover{
    border-color: transparent;
  }
  .hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.05\)\]:hover{
    background-color: rgba(0,0,0,0.05);
  }
  .hover\:bg-negative:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--negative) / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-on-secondary-sub:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--on-secondary-sub) / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-popover-variant:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--popover-variant) / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-secondary-container-variant:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--secondary-container-variant) / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-secondary-variant-sub:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--secondary-variant-sub) / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-secondary\/90:hover{
    background-color: rgb(var(--secondary) / 0.9);
  }
  .hover\:text-accent:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--accent) / var(--tw-text-opacity, 1));
  }
  .hover\:text-on-primary:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--on-primary) / var(--tw-text-opacity, 1));
  }
  .hover\:text-on-secondary:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--on-secondary) / var(--tw-text-opacity, 1));
  }
  .hover\:text-on-secondary-sub:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--on-secondary-sub) / var(--tw-text-opacity, 1));
  }
  .hover\:text-primary:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--primary) / var(--tw-text-opacity, 1));
  }
  .hover\:underline:hover{
    text-decoration-line: underline;
  }
  .hover\:opacity-70:hover{
    opacity: 0.7;
  }
  .hover\:shadow-\[0_\.125rem_\.375rem_0_theme\(colors\.accent\.DEFAULT\/0\.16\)\]:hover{
    --tw-shadow: 0 .125rem .375rem 0 rgb(var(--accent) / 0.16);
    --tw-shadow-colored: 0 .125rem .375rem 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .hover\:shadow-\[0_\.125rem_\.375rem_0_theme\(colors\.negative\.DEFAULT\/0\.16\)\]:hover{
    --tw-shadow: 0 .125rem .375rem 0 rgb(var(--negative) / 0.16);
    --tw-shadow-colored: 0 .125rem .375rem 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .hover\:shadow-\[0_4px_16px_0_rgba\(0\2c 0\2c 0\2c 0\.20\)\]:hover{
    --tw-shadow: 0 4px 16px 0 rgba(0,0,0,0.20);
    --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .hover\:\[transition\:border_200ms\2c background_200ms\]:hover{
    transition: border 200ms,background 200ms;
  }
  .hover\:before\:origin-\[0\%_50\%\]:hover::before{
    content: var(--tw-content);
    transform-origin: 0% 50%;
  }
  .hover\:before\:origin-bottom:hover::before{
    content: var(--tw-content);
    transform-origin: bottom;
  }
  .hover\:before\:scale-x-100:hover::before{
    content: var(--tw-content);
    --tw-scale-x: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover\:before\:scale-y-100:hover::before{
    content: var(--tw-content);
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.focus\:border-accent:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--accent) / var(--tw-border-opacity, 1));
}
.focus\:shadow-\[0_4px_16px_0_rgba\(59\2c 114\2c 225\2c 0\.30\)\]:focus{
  --tw-shadow: 0 4px 16px 0 rgba(59,114,225,0.30);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.active\:scale-98:active{
  --tw-scale-x: .98;
  --tw-scale-y: .98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:bg-popover-variant-sub:active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--popover-variant-sub) / var(--tw-bg-opacity, 1));
}
.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}
.disabled\:text-opacity-50:disabled{
  --tw-text-opacity: 0.5;
}
.disabled\:opacity-0:disabled{
  opacity: 0;
}
.disabled\:opacity-40:disabled{
  opacity: 0.4;
}
@media (hover: hover) and (pointer: fine){
  .group:hover .group-hover\:w-full{
    width: 100%;
  }
  .group:hover .group-hover\:origin-bottom{
    transform-origin: bottom;
  }
  .group:hover .group-hover\:translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:translate-x-\[-2px\]{
    --tw-translate-x: -2px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:translate-x-\[2px\]{
    --tw-translate-x: 2px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:translate-x-\[2rem\]{
    --tw-translate-x: 2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:translate-x-\[4px\]{
    --tw-translate-x: 4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:border-accent{
    --tw-border-opacity: 1;
    border-color: rgb(var(--accent) / var(--tw-border-opacity, 1));
  }
  .group:hover .group-hover\:opacity-0{
    opacity: 0;
  }
  .group:hover .group-hover\:opacity-100{
    opacity: 1;
  }
  .group:hover .group-hover\:shadow-\[0_2px_6px_0_rgba\(59\2c 114\2c 255\2c 0\.3\)\]{
    --tw-shadow: 0 2px 6px 0 rgba(59,114,255,0.3);
    --tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .group\/button:hover .group-hover\/button\:\[stroke-dasharray\:var\(--stroke-length\)\2c 0\]{
    stroke-dasharray: var(--stroke-length),0;
  }
  .group:hover .group-hover\:before\:origin-bottom::before{
    content: var(--tw-content);
    transform-origin: bottom;
  }
  .group:hover .group-hover\:before\:scale-y-100::before{
    content: var(--tw-content);
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group\/nav-button:hover .group-hover\/nav-button\:after\:w-full::after{
    content: var(--tw-content);
    width: 100%;
  }
  .group:hover .group-hover\:after\:w-full::after{
    content: var(--tw-content);
    width: 100%;
  }
  .group\/nav-button:hover .group-hover\/nav-button\:after\:opacity-100::after{
    content: var(--tw-content);
    opacity: 1;
  }
  .group:hover .group-hover\:after\:opacity-100::after{
    content: var(--tw-content);
    opacity: 1;
  }
}
.peer:checked ~ .peer-checked\:flex{
  display: flex;
}
.aria-\[disabled\=true\]\:cursor-not-allowed[aria-disabled="true"]{
  cursor: not-allowed;
}
.aria-\[disabled\=true\]\:border-border[aria-disabled="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(var(--border) / var(--tw-border-opacity, 1));
}
.aria-\[disabled\=true\]\:bg-disable[aria-disabled="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--disable) / var(--tw-bg-opacity, 1));
}
@media (hover: hover) and (pointer: fine){
  .aria-\[disabled\=true\]\:hover\:border-transparent:hover[aria-disabled="true"]{
    border-color: transparent;
  }
  .aria-\[disabled\=true\]\:hover\:shadow-none:hover[aria-disabled="true"]{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
.data-\[selected\]\:pointer-events-none[data-selected]{
  pointer-events: none;
}
.data-\[open\=true\]\:pointer-events-auto[data-open="true"]{
  pointer-events: auto;
}
.data-\[open\=true\]\:w-screen[data-open="true"]{
  width: 100vw;
}
.data-\[state\=checked\]\:border-negative[data-state="checked"]{
  --tw-border-opacity: 1;
  border-color: rgb(var(--negative) / var(--tw-border-opacity, 1));
}
.data-\[highlighted\]\:bg-popover-variant[data-highlighted]{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--popover-variant) / var(--tw-bg-opacity, 1));
}
.data-\[selected\]\:bg-primary[data-selected]{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}
.data-\[selected\]\:text-on-primary[data-selected]{
  --tw-text-opacity: 1;
  color: rgb(var(--on-primary) / var(--tw-text-opacity, 1));
}
.data-\[state\=checked\]\:text-white[data-state="checked"]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.data-\[open\=true\]\:opacity-100[data-open="true"]{
  opacity: 1;
}
.data-\[open\=true\]\:duration-\[550ms\][data-open="true"]{
  transition-duration: 550ms;
}
.data-\[open\=true\]\:ease-\[cubic-bezier\(0\2c 0\.39\2c 0\.03\2c 1\)\][data-open="true"]{
  transition-timing-function: cubic-bezier(0,0.39,0.03,1);
}
.data-\[highlighted\]\:active\:bg-popover-variant-sub:active[data-highlighted]{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--popover-variant-sub) / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:aria-\[disabled\=false\]\:border-accent[aria-disabled="false"][data-state="checked"]{
  --tw-border-opacity: 1;
  border-color: rgb(var(--accent) / var(--tw-border-opacity, 1));
}
.data-\[state\=checked\]\:aria-\[disabled\=false\]\:bg-accent[aria-disabled="false"][data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent) / var(--tw-bg-opacity, 1));
}
.group[data-open="false"] .group-data-\[open\=false\]\:-translate-y-1{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-open="false"] .group-data-\[open\=false\]\:translate-y-1{
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-open="true"] .group-data-\[open\=true\]\:-rotate-45{
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-open="true"] .group-data-\[open\=true\]\:rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.dark\:border-neutral-white\/10:is(.dark *){
  border-color: rgb(var(--color-neutral-white) / 0.1);
}
.dark\:bg-black\/80:is(.dark *){
  background-color: rgb(0 0 0 / 0.8);
}
.dark\:bg-blue-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-blue-800) / var(--tw-bg-opacity, 1));
}
.dark\:bg-popover-variant:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--popover-variant) / var(--tw-bg-opacity, 1));
}
.dark\:opacity-100:is(.dark *){
  opacity: 1;
}
@media (hover: hover) and (pointer: fine){
  .dark\:hover\:border-transparent:hover:is(.dark *){
    border-color: transparent;
  }
  .dark\:hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]:hover:is(.dark *){
    background-color: rgba(255,255,255,0.1);
  }
  .dark\:hover\:bg-secondary-container-variant:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(var(--secondary-container-variant) / var(--tw-bg-opacity, 1));
  }
}
@media not all and (min-width: 1024px){
  .max-lg\:mx-16{
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .max-lg\:flex-col{
    flex-direction: column;
  }
  .max-lg\:items-center{
    align-items: center;
  }
  .max-lg\:px-\[4rem\]{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media not all and (min-width: 768px){
  .max-md\:fixed{
    position: fixed;
  }
  .max-md\:left-0{
    left: 0px;
  }
  .max-md\:right-\[2\.69rem\]{
    right: 2.69rem;
  }
  .max-md\:top-0{
    top: 0px;
  }
  .max-md\:z-0{
    z-index: 0;
  }
  .max-md\:-mx-1{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .max-md\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .max-md\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .max-md\:-ml-2{
    margin-left: -0.5rem;
  }
  .max-md\:mb-8{
    margin-bottom: 2rem;
  }
  .max-md\:mb-\[56px\]{
    margin-bottom: 56px;
  }
  .max-md\:flex{
    display: flex;
  }
  .max-md\:hidden{
    display: none;
  }
  .max-md\:size-5{
    width: 1.25rem;
    height: 1.25rem;
  }
  .max-md\:h-10{
    height: 2.5rem;
  }
  .max-md\:h-12{
    height: 3rem;
  }
  .max-md\:h-14{
    height: 3.5rem;
  }
  .max-md\:h-9{
    height: 2.25rem;
  }
  .max-md\:h-\[0\.9375rem\]{
    height: 0.9375rem;
  }
  .max-md\:h-auto{
    height: auto;
  }
  .max-md\:h-full{
    height: 100%;
  }
  .max-md\:w-10{
    width: 2.5rem;
  }
  .max-md\:w-9{
    width: 2.25rem;
  }
  .max-md\:w-\[4\.05rem\]{
    width: 4.05rem;
  }
  .max-md\:w-screen{
    width: 100vw;
  }
  .max-md\:flex-row-reverse{
    flex-direction: row-reverse;
  }
  .max-md\:flex-col{
    flex-direction: column;
  }
  .max-md\:gap-1{
    gap: 0.25rem;
  }
  .max-md\:space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  .max-md\:space-y-8 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }
  .max-md\:border-b-transparent{
    border-bottom-color: transparent;
  }
  .max-md\:bg-popover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--popover) / var(--tw-bg-opacity, 1));
  }
  .max-md\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .max-md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .max-md\:px-\[1\.25rem\]{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .max-md\:px-\[6px\]{
    padding-left: 6px;
    padding-right: 6px;
  }
  .max-md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .max-md\:py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .max-md\:pb-16{
    padding-bottom: 4rem;
  }
  .max-md\:pr-\[var\(--scrollbar-width\2c 0px\)\]{
    padding-right: var(--scrollbar-width,0px);
  }
  .max-md\:pt-6{
    padding-top: 1.5rem;
  }
  .max-md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .max-md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .max-md\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .max-md\:leading-none{
    line-height: 1;
  }
  .max-md\:text-on-primary{
    --tw-text-opacity: 1;
    color: rgb(var(--on-primary) / var(--tw-text-opacity, 1));
  }
  .max-md\:backdrop-blur-lg{
    --tw-backdrop-blur: blur(16px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .max-md\:transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .max-md\:ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .max-md\:font-size-\[0\.625rem\]{
    --font-size: 0.625rem;
    font-size: var(--font-size);
  }
  .max-md\:font-size-\[0\.875rem\]{
    --font-size: 0.875rem;
    font-size: var(--font-size);
  }
  .max-md\:font-size-\[12px\]{
    --font-size: 12px;
    font-size: var(--font-size);
  }
  .max-md\:leading-none{
    line-height: 1;
    --line-height: 1;
    line-height: var(--line-height);
  }
  .max-md\:\[clip-path\:inset\(0_0_100\%\)\]{
    clip-path: inset(0 0 100%);
  }
  .max-md\:odd\:pr-4:nth-child(odd){
    padding-right: 1rem;
  }
  .max-md\:even\:pl-4:nth-child(even){
    padding-left: 1rem;
  }
  .max-md\:data-\[open\=true\]\:\[clip-path\:inset\(0_0\)\][data-open="true"]{
    clip-path: inset(0 0);
  }
}
@media (min-width: 640px){
  .sm\:gap-3\.5{
    gap: 0.875rem;
  }
}
@media (min-width: 768px){
  .md\:fixed{
    position: fixed;
  }
  .md\:inset-x-6{
    left: 1.5rem;
    right: 1.5rem;
  }
  .md\:right-\[3\.19rem\]{
    right: 3.19rem;
  }
  .md\:top-0{
    top: 0px;
  }
  .md\:z-0{
    z-index: 0;
  }
  .md\:m-2\.5{
    margin: 0.625rem;
  }
  .md\:-mx-2{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .md\:mb-10{
    margin-bottom: 2.5rem;
  }
  .md\:mb-6{
    margin-bottom: 1.5rem;
  }
  .md\:mt-10{
    margin-top: 2.5rem;
  }
  .md\:mt-6{
    margin-top: 1.5rem;
  }
  .md\:mt-8{
    margin-top: 2rem;
  }
  .md\:hidden{
    display: none;
  }
  .md\:size-6{
    width: 1.5rem;
    height: 1.5rem;
  }
  .md\:size-7{
    width: 1.75rem;
    height: 1.75rem;
  }
  .md\:size-8{
    width: 2rem;
    height: 2rem;
  }
  .md\:size-9{
    width: 2.25rem;
    height: 2.25rem;
  }
  .md\:h-60{
    height: 15rem;
  }
  .md\:h-8{
    height: 2rem;
  }
  .md\:h-\[calc\(100\%-1\.25rem\)\]{
    height: calc(100% - 1.25rem);
  }
  .md\:h-\[calc\(4rem\+env\(safe-area-inset-top\)\)\]{
    height: calc(4rem + env(safe-area-inset-top));
  }
  .md\:min-h-\[32rem\]{
    min-height: 32rem;
  }
  .md\:w-8{
    width: 2rem;
  }
  .md\:w-\[1\.625rem\]{
    width: 1.625rem;
  }
  .md\:w-\[27\.5rem\]{
    width: 27.5rem;
  }
  .md\:w-\[28\.5rem\]{
    width: 28.5rem;
  }
  .md\:w-\[30rem\]{
    width: 30rem;
  }
  .md\:w-\[31\.5rem\]{
    width: 31.5rem;
  }
  .md\:w-\[6\.0625rem\]{
    width: 6.0625rem;
  }
  .md\:max-w-\[30rem\]{
    max-width: 30rem;
  }
  .md\:translate-y-\[-0\.09375rem\]{
    --tw-translate-y: -0.09375rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:flex-row-reverse{
    flex-direction: row-reverse;
  }
  .md\:justify-center{
    justify-content: center;
  }
  .md\:gap-0\.5{
    gap: 0.125rem;
  }
  .md\:gap-1\.5{
    gap: 0.375rem;
  }
  .md\:gap-8{
    gap: 2rem;
  }
  .md\:space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  .md\:rounded-2xl{
    border-radius: 1rem;
  }
  .md\:rounded-lg{
    border-radius: 0.5rem;
  }
  .md\:rounded-b-2xl{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .md\:rounded-t-3xl{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  .md\:border-b-transparent{
    border-bottom-color: transparent;
  }
  .md\:bg-popover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--popover) / var(--tw-bg-opacity, 1));
  }
  .md\:p-0\.5{
    padding: 0.125rem;
  }
  .md\:p-6{
    padding: 1.5rem;
  }
  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-\[7\.5rem\]{
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
  .md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:pb-10{
    padding-bottom: 2.5rem;
  }
  .md\:pb-14{
    padding-bottom: 3.5rem;
  }
  .md\:pb-16{
    padding-bottom: 4rem;
  }
  .md\:pb-6{
    padding-bottom: 1.5rem;
  }
  .md\:pb-8{
    padding-bottom: 2rem;
  }
  .md\:pb-\[4\.5rem\]{
    padding-bottom: 4.5rem;
  }
  .md\:pb-\[7\.5rem\]{
    padding-bottom: 7.5rem;
  }
  .md\:pl-\[1\.88rem\]{
    padding-left: 1.88rem;
  }
  .md\:pr-\[calc\(theme\(spacing\[10\]\)\+var\(--scrollbar-width\2c 0px\)\)\]{
    padding-right: calc(2.5rem + var(--scrollbar-width,0px));
  }
  .md\:pr-\[var\(--scrollbar-width\2c 0px\)\]{
    padding-right: var(--scrollbar-width,0px);
  }
  .md\:pt-10{
    padding-top: 2.5rem;
  }
  .md\:pt-4{
    padding-top: 1rem;
  }
  .md\:text-\[0\.625rem\]{
    font-size: 0.625rem;
  }
  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .md\:backdrop-blur-lg{
    --tw-backdrop-blur: blur(16px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .md\:transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .md\:font-size-400{
    --font-size: 1.25rem;
  }
  @media (min-width: 768px){
    .md\:font-size-400{
      --font-size: 1.375rem;
    }
  }
  .md\:font-size-400{
    font-size: var(--font-size);
  }
  .md\:font-size-400 --font-size{
    --font-size: 1.25rem;
  }
  @media (min-width: 768px){
    .md\:font-size-400 --font-size{
      --font-size: 1.375rem;
    }
  }
  .md\:font-size-400{
    font-size: var(--font-size);
  }
  .md\:font-size-\[0\.875rem\]{
    --font-size: 0.875rem;
    font-size: var(--font-size);
  }
  .md\:text-heading-xl{
    line-height: var(--line-height, 1.5);
    font-weight: var(--font-weight, 700);
    letter-spacing: var(--letter-spacing, 0em);
    font-size: var(--font-size);
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
  }
  :lang(ja) .md\:text-heading-xl{
    font-family: var(--font-family, var(--yakuhan-font));
    --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
    --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
  }
  :lang(zh-Hans) .md\:text-heading-xl{
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
  }
  :lang(zh-Hant) .md\:text-heading-xl{
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
  }
  :lang(ko) .md\:text-heading-xl{
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
  }
  .md\:text-heading-xl{
    --font-size: 2rem;
  }
  @media (min-width: 768px){
    .md\:text-heading-xl{
      --font-size: 2.25rem;
    }
  }
  .md\:text-label-xs{
    line-height: var(--line-height, 1.5);
    font-weight: var(--font-weight, 400);
    letter-spacing: var(--letter-spacing, 0em);
    font-size: var(--font-size);
    text-box-trim: trim-both;
    font-variant-ligatures: none;
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
  }
  :lang(ja) .md\:text-label-xs{
    font-family: var(--font-family, var(--yakuhan-font));
    --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
    --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
  }
  :lang(zh-Hans) .md\:text-label-xs{
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
  }
  :lang(zh-Hant) .md\:text-label-xs{
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
  }
  :lang(ko) .md\:text-label-xs{
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
  }
  .md\:text-label-xs{
    --font-size: 0.6875rem;
  }
  @media (min-width: 768px){
    .md\:text-label-xs{
      --font-size: 0.75rem;
    }
  }
  .md\:text-body-sm{
    line-height: var(--line-height, 1.5);
    font-weight: var(--font-weight, 400);
    letter-spacing: var(--letter-spacing, 0em);
    font-size: var(--font-size);
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans', ui-sans-serif, sans-serif;
  }
  :lang(ja) .md\:text-body-sm{
    font-family: var(--font-family, var(--yakuhan-font));
    --yakuhan-font: 'Noto Sans SC Subset', 'YakuHanJP', 'Noto Sans JP', sans-serif;
    --no-yakuhan-font: "Noto Sans SC Subset", "YakuHanJPs", "Noto Sans JP", sans-serif;
  }
  :lang(zh-Hans) .md\:text-body-sm{
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans SC', ui-sans-serif, sans-serif;
  }
  :lang(zh-Hant) .md\:text-body-sm{
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans TC', ui-sans-serif, sans-serif;
  }
  :lang(ko) .md\:text-body-sm{
    font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Noto Sans KR', ui-sans-serif, sans-serif;
  }
  .md\:text-body-sm{
    --font-size: 0.75rem;
  }
  @media (min-width: 768px){
    .md\:text-body-sm{
      --font-size: 0.875rem;
    }
  }
  .md\:transition-expressive-spatial-fast{
    transition-timing-function: cubic-bezier(0.4, 0.05, 0.05, 0.85);
    transition-duration: 400ms;
  }
  .md\:\[clip-path\:inset\(0_100\%_0_0\)\]{
    clip-path: inset(0 100% 0 0);
  }
  .md\:odd\:after\:absolute:nth-child(odd)::after{
    content: var(--tw-content);
    position: absolute;
  }
  .md\:odd\:after\:right-0:nth-child(odd)::after{
    content: var(--tw-content);
    right: 0px;
  }
  .md\:odd\:after\:h-\[78\%\]:nth-child(odd)::after{
    content: var(--tw-content);
    height: 78%;
  }
  .md\:odd\:after\:border-l:nth-child(odd)::after{
    content: var(--tw-content);
    border-left-width: 1px;
  }
  .md\:odd\:after\:border-border:nth-child(odd)::after{
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(var(--border) / var(--tw-border-opacity, 1));
  }
  .md\:data-\[open\=true\]\:transition-expressive-spatial-normal[data-open="true"]{
    transition-timing-function: cubic-bezier(0.35, 0, 0.1, 0.9);
    transition-duration: 500ms;
  }
  .md\:data-\[open\=true\]\:\[clip-path\:inset\(0_0\)\][data-open="true"]{
    clip-path: inset(0 0);
  }
}
@media (min-width: 1024px){
  .lg\:block{
    display: block;
  }
  .lg\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .lg\:px-\[7\.5rem\]{
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
  .lg\:py-\[4\.5rem\]{
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .lg\:pb-10{
    padding-bottom: 2.5rem;
  }
  .lg\:pb-\[4\.5rem\]{
    padding-bottom: 4.5rem;
  }
  .lg\:pr-8{
    padding-right: 2rem;
  }
  .lg\:pt-12{
    padding-top: 3rem;
  }
  .lg\:pt-\[4\.5rem\]{
    padding-top: 4.5rem;
  }
}
@media (min-width: 768px){
  .md\:\[\&\:nth-child\(2\)\]\:border-t:nth-child(2){
    border-top-width: 1px;
  }
}
.\[\&\:nth-last-of-type\(2\)\]\:border-b:nth-last-of-type(2){
  border-bottom-width: 1px;
}
.\[\&\>div\]\:flex>div{
  display: flex;
}
.\[\&\>div\]\:h-full>div{
  height: 100%;
}
.\[\&\>div\]\:flex-col>div{
  flex-direction: column;
}
.\[\&_strong\]\:text-heading-md strong{
  line-height: var(--line-height, 1.5);
  font-weight: var(--font-weight, 700);
  letter-spacing: var(--letter-spacing, 0em);
  font-size: var(--font-size);
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', ui-sans-serif, sans-serif;
}
:lang(ja) .\[\&_strong\]\:text-heading-md strong{
  font-family: var(--font-family, var(--yakuhan-font));
  --yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'YakuHanJP', 'Noto Sans JP', sans-serif;
  --no-yakuhan-font: 'Noto Sans SC Subset', 'Cygames Sans', 'Noto Sans JP', sans-serif;
}
:lang(zh-Hans) .\[\&_strong\]\:text-heading-md strong{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans SC', ui-sans-serif, sans-serif;
}
:lang(zh-Hant) .\[\&_strong\]\:text-heading-md strong{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans TC', ui-sans-serif, sans-serif;
}
:lang(ko) .\[\&_strong\]\:text-heading-md strong{
  font-family: 'Noto Sans SC Subset', 'Noto Sans JP Subset', 'Cygames Sans', 'Noto Sans KR', ui-sans-serif, sans-serif;
}
.\[\&_strong\]\:text-heading-md strong{
  --font-size: 1.125rem;
}
@media (min-width: 768px){
  .\[\&_strong\]\:text-heading-md strong{
    --font-size: 1.25rem;
  }
}
@media(hover:hover) and (pointer:fine){
  .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:even\:after\:border-l-transparent:nth-child(even)::after{
    content: var(--tw-content);
    border-left-color: transparent;
  }
  @media (hover: hover) and (pointer: fine){
    .group\/button:hover .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:group-hover\/button\:scale-75{
      --tw-scale-x: .75;
      --tw-scale-y: .75;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
  @media (min-width: 768px){
    .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:md\:odd\:after\:border-l-transparent:nth-child(odd)::after{
      content: var(--tw-content);
      border-left-color: transparent;
    }
  }
  .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\{\&\:hover\+\&\+\&\}\]\:border-t-transparent:hover+.\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\{\&\:hover\+\&\+\&\}\]\:border-t-transparent+.\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\{\&\:hover\+\&\+\&\}\]\:border-t-transparent{
    border-top-color: transparent;
  }
  .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\{\&\:hover\+\&\}\]\:border-t-transparent:hover+.\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\{\&\:hover\+\&\}\]\:border-t-transparent{
    border-top-color: transparent;
  }
}