/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[7].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[7].use[5]!../../../shared/react/src/icons/Icon.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Icon_container__me51f {
  display: inline-flex;
}

.Icon_icon__Ez2FV {
  height: 1em;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[7].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[7].use[5]!../../../shared/react/src/icons/AvatarIcon.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AvatarIcon_container__z1QWX {
  display: flex;
}

.AvatarIcon_icon__a4cwR {
  height: 1em;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[7].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[7].use[5]!../../../shared/react/src/core/Avatar.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Avatar_wrapper__HeHgx {
  container-type: inline-size;
}
.Avatar_wrapper__HeHgx.Avatar_is_size_medium__BpAj0 {
  width: 2.5rem;
}
.Avatar_wrapper__HeHgx.Avatar_is_size_large___8q17 {
  width: 3.75rem;
}

.Avatar_content__nRE0v {
  --Avatar-borderRadius: 0;
  aspect-ratio: 1;
  overflow: hidden;
  padding: 0.125rem;
  border-radius: var(--Avatar-borderRadius);
}
.Avatar_content__nRE0v.Avatar_is_variant_icon__Ngz7z .Avatar_icon__vVspf {
  font-size: 100cqw;
}
.Avatar_content__nRE0v.Avatar_is_variant_image__hxo71 {
  display: flex;
}
.Avatar_content__nRE0v.Avatar_is_variant_image__hxo71 .Avatar_image__ePzlT {
  position: relative;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.Avatar_content__nRE0v.Avatar_is_variant_text__nFf14 {
  font-size: inherit;
  font-weight: 600;
}
.Avatar_content__nRE0v.Avatar_is_variant_text__nFf14 .Avatar_text__2KQXj {
  font-size: 45cqw;
}
.Avatar_is_size_medium__BpAj0 .Avatar_content__nRE0v.Avatar_is_variant_text__nFf14 .Avatar_text__2KQXj {
  font-size: 1.375rem;
}
.Avatar_is_size_large___8q17 .Avatar_content__nRE0v.Avatar_is_variant_text__nFf14 .Avatar_text__2KQXj {
  font-size: 1.875rem;
}
.Avatar_content__nRE0v.Avatar_is_variant_text__nFf14, .Avatar_content__nRE0v.Avatar_is_variant_icon__Ngz7z, .Avatar_content__nRE0v.Avatar_is_icon_fallback__l4dVX {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--global-color-surface-tertiary);
  color: var(--global-color-text-tertiary);
}
.Avatar_content__nRE0v.Avatar_is_noBackground__1bQih {
  background-color: transparent;
}
.Avatar_content__nRE0v.Avatar_is_shape_circle__YoX1K {
  --Avatar-borderRadius: 50%;
}
.Avatar_content__nRE0v.Avatar_is_shape_square__dRwQQ {
  --Avatar-borderRadius: 0.25rem;
}
@container (width >= 2.5rem) {
  .Avatar_content__nRE0v.Avatar_is_shape_square__dRwQQ {
    --Avatar-borderRadius: 0.5rem;
  }
}
.Avatar_content__nRE0v.Avatar_is_shape_square__dRwQQ .Avatar_image__ePzlT {
  border-radius: calc(var(--Avatar-borderRadius) - 0.125rem * 2);
}
.Avatar_content__nRE0v.Avatar_is_bordered__IRA8x {
  border: 0.125rem solid var(--global-color-border-tertiary);
  box-shadow: 0 0 0 0.125rem var(--global-color-border-inverse) inset;
}

.Avatar_image_in__jO9BH {
  object-fit: cover;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[7].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[7].use[5]!../../../shared/react/src/core/FontSizeAdjustToFitWidth.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FontSizeAdjustToFitWidth_wrapper__MHvgn {
  position: relative;
  display: grid;
  white-space: nowrap;
}

.FontSizeAdjustToFitWidth_original____OP5 {
  overflow: hidden;
  display: flex;
  visibility: hidden;
}
.FontSizeAdjustToFitWidth_original_in__idu23 {
  flex-shrink: 0;
}

.FontSizeAdjustToFitWidth_transformed__6_pQE {
  position: absolute;
  inset: 0;
  display: grid;
  align-items: center;
  font-size: var(--FontSizeAdjustToFitWidth-fontSize);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[7].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[7].use[5]!../../../shared/react/src/core/Checkbox.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Checkbox_wrapper__gmO42 {
  position: relative;
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: max-content 1fr 1fr auto;
  column-gap: 0.625rem;
}
.Checkbox_wrapper__gmO42.Checkbox_is_colorExplicitlySet__AqcrP {
  background-color: var(--shared-Color-fill-secondary);
}
.Checkbox_wrapper__gmO42:has(.Checkbox_additionalContent__4y0yf.Checkbox_is_shrunk__cs1yb) {
  grid-template-columns: max-content 1fr auto auto;
}
.Checkbox_wrapper__gmO42.Checkbox_is_disabled__HOflE {
  opacity: 0.5;
}
.Checkbox_wrapper__gmO42.Checkbox_is_variant_icon__PjA__ > :first-child, .Checkbox_wrapper__gmO42.Checkbox_is_variant_avatar__dxt7J > :first-child {
  grid-column: 4;
  order: 4;
}
.Checkbox_wrapper__gmO42:not(.Checkbox_is_bordered__nmTuu).Checkbox_is_colorExplicitlySet__AqcrP {
  padding: 0.125rem 0.25rem;
  border-radius: var(--global-radius-small);
}
.Checkbox_wrapper__gmO42.Checkbox_is_bordered__nmTuu {
  border: 0.0625rem solid var(--shared-Color-border);
  border-radius: 0.625rem;
  padding: 0.9375rem;
  background-color: var(--shared-Color-fill-secondary);
}
.Checkbox_wrapper__gmO42.Checkbox_is_bordered__nmTuu:has(.Checkbox_input__JJs_G:checked) {
  border-width: 0.125rem;
  border-color: var(--shared-Color-border-active);
  padding: 0.875rem;
}
.Checkbox_wrapper__gmO42.Checkbox_is_size_l__NXudM, .Checkbox_wrapper__gmO42.Checkbox_is_size_xl__5XAP2 {
  column-gap: 0.625em;
}
.Checkbox_wrapper__gmO42.Checkbox_is_size_l__NXudM .Checkbox_labelDescription__Ca50T, .Checkbox_wrapper__gmO42.Checkbox_is_size_xl__5XAP2 .Checkbox_labelDescription__Ca50T {
  font-size: 0.875em;
}
.Checkbox_wrapper__gmO42.Checkbox_is_size_l__NXudM {
  font-size: 1.5rem;
}
.Checkbox_wrapper__gmO42.Checkbox_is_size_xl__5XAP2 {
  font-size: 1.75rem;
}

.Checkbox_label__iM2ka {
  margin-top: 0.125em;
  color: var(--shared-Color-text-primary);
  grid-column: span 2;
}
.Checkbox_wrapper__gmO42:has(.Checkbox_additionalContent__4y0yf:not(.Checkbox_is_position_below__fquSi)) .Checkbox_label__iM2ka {
  grid-column: span 1;
}

.Checkbox_icon__YFEAb {
  color: var(--shared-Color-text-primary);
}

.Checkbox_additionalContent__4y0yf.Checkbox_is_position_below__fquSi {
  grid-row: 2;
  grid-column: 2/5;
}
.Checkbox_additionalContent__4y0yf.Checkbox_is_position_below__fquSi .Checkbox_additionalContentIn__8wQMU {
  margin-top: 0.375rem;
}

.Checkbox_labelDescription__Ca50T {
  color: var(--shared-Color-text-secondary);
  font-size: 0.875rem;
}

.Checkbox_input__JJs_G {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.Checkbox_input__JJs_G:focus-visible + .Checkbox_marker__pNLz4 {
  outline: none;
  box-shadow: 0 0 0 0.25rem var(--global-color-border-primary);
}

.Checkbox_marker__pNLz4 {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.375rem;
  margin-top: 0.1875rem;
  background-color: var(--shared-Color-fill-secondary);
  border: 0.0625rem solid var(--shared-Color-fill-primary-active);
  position: relative;
  transition-property: background-color, outline;
  transition-duration: 0.1s;
}
.Checkbox_marker__pNLz4::after {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.4375rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%) rotate(-50deg);
  border-left: 0.125rem solid var(--shared-Color-text-inverse);
  border-bottom: 0.125rem solid var(--shared-Color-text-inverse);
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .Checkbox_marker__pNLz4::after {
    transition-property: opacity;
    transition-duration: 0.1s;
  }
}
.Checkbox_input__JJs_G:checked ~ .Checkbox_marker__pNLz4 {
  background-color: var(--shared-Color-fill-primary-active);
}
.Checkbox_input__JJs_G:checked ~ .Checkbox_marker__pNLz4::after {
  opacity: 1;
}

.Checkbox_icon__YFEAb {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
}

.Checkbox_avatar__DYF7i {
  width: 3.75rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[7].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[7].use[5]!../../../shared/react/src/core/Checkmark.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Checkmark_wrapper__9ecWF {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
.Checkmark_wrapper__9ecWF.Checkmark_is_disabled__N7_eo {
  opacity: 0.5;
}
.Checkmark_wrapper__9ecWF.Checkmark_is_bordered__yuMLO {
  border: 0.0625rem solid var(--shared-Color-border);
  border-radius: var(--global-radius-large);
  padding: 0.5rem;
  background-color: var(--shared-Color-fill-secondary);
}
.Checkmark_wrapper__9ecWF.Checkmark_is_size_l__OmAvn {
  font-size: 1.5rem;
}
.Checkmark_wrapper__9ecWF.Checkmark_is_size_xl__Ruf8I {
  font-size: 1.75rem;
}
.Checkmark_wrapper__9ecWF.Checkmark_is_size_l__OmAvn .Checkmark_marker__6326a, .Checkmark_wrapper__9ecWF.Checkmark_is_size_xl__Ruf8I .Checkmark_marker__6326a {
  width: 1.25em;
}
.Checkmark_wrapper__9ecWF.Checkmark_is_size_l__OmAvn .Checkmark_marker__6326a::after, .Checkmark_wrapper__9ecWF.Checkmark_is_size_xl__Ruf8I .Checkmark_marker__6326a::after {
  width: 0.75em;
  height: 0.4375em;
}

.Checkmark_input__lQWLn {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.Checkmark_input__lQWLn:focus-visible + .Checkmark_marker__6326a {
  outline: none;
  box-shadow: 0 0 0 0.25rem var(--global-color-border-primary);
}

.Checkmark_marker__6326a {
  width: 1.25rem;
  aspect-ratio: 1;
  border-radius: var(--global-radius-small);
  border: 0.0625rem solid var(--shared-Color-fill-primary-active);
}
@media (prefers-reduced-motion: no-preference) {
  .Checkmark_marker__6326a {
    transition: background-color 0.1s;
  }
}
.Checkmark_marker__6326a::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 0.75rem;
  height: 0.4375rem;
  margin: auto;
  transform: translateY(-20%) rotate(-50deg);
  border-left: 0.125rem solid var(--shared-Color-text-inverse);
  border-bottom: 0.125rem solid var(--shared-Color-text-inverse);
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .Checkmark_marker__6326a::after {
    transition: opacity 0.1s;
  }
}
.Checkmark_wrapper__9ecWF:has(.Checkmark_input__lQWLn:checked) .Checkmark_marker__6326a {
  background-color: var(--shared-Color-fill-primary-active);
}
.Checkmark_wrapper__9ecWF:has(.Checkmark_input__lQWLn:checked) .Checkmark_marker__6326a::after {
  opacity: 1;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[7].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[7].use[5]!../../../shared/react/src/core/Color.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Color_wrapper__MZMwq {
  display: contents;
}

.Color_is_color_orange__9xJD5 {
  --shared-Color-surface: var(--global-color-surface-orange);
  --shared-Color-surface-hover: var(--global-color-surface-orange-hover);
  --shared-Color-surface-active: var(--global-color-surface-orange-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-orange);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-orange-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-orange-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-orange);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-orange-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-orange-active);
  --shared-Color-border: var(--global-color-border-orange);
  --shared-Color-border-hover: var(--global-color-border-orange-hover);
  --shared-Color-border-active: var(--global-color-border-orange-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-orange-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-orange-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-orange);
  --shared-Color-text-secondary: var(--global-color-text-secondary-orange);
  --shared-Color-text-inverse: var(--global-color-text-inverse-orange);
}

.Color_is_color_red__eP95v {
  --shared-Color-surface: var(--global-color-surface-red);
  --shared-Color-surface-hover: var(--global-color-surface-red-hover);
  --shared-Color-surface-active: var(--global-color-surface-red-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-red);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-red-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-red-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-red);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-red-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-red-active);
  --shared-Color-border: var(--global-color-border-red);
  --shared-Color-border-hover: var(--global-color-border-red-hover);
  --shared-Color-border-active: var(--global-color-border-red-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-red-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-red-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-red);
  --shared-Color-text-secondary: var(--global-color-text-secondary-red);
  --shared-Color-text-inverse: var(--global-color-text-inverse-red);
}

.Color_is_color_green__MjZNo {
  --shared-Color-surface: var(--global-color-surface-green);
  --shared-Color-surface-hover: var(--global-color-surface-green-hover);
  --shared-Color-surface-active: var(--global-color-surface-green-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-green);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-green-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-green-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-green);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-green-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-green-active);
  --shared-Color-border: var(--global-color-border-green);
  --shared-Color-border-hover: var(--global-color-border-green-hover);
  --shared-Color-border-active: var(--global-color-border-green-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-green-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-green-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-green);
  --shared-Color-text-secondary: var(--global-color-text-secondary-green);
  --shared-Color-text-inverse: var(--global-color-text-inverse-green);
}

.Color_is_color_blue__2iVyu {
  --shared-Color-surface: var(--global-color-surface-blue);
  --shared-Color-surface-hover: var(--global-color-surface-blue-hover);
  --shared-Color-surface-active: var(--global-color-surface-blue-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-blue);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-blue-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-blue-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-blue);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-blue-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-blue-active);
  --shared-Color-border: var(--global-color-border-blue);
  --shared-Color-border-hover: var(--global-color-border-blue-hover);
  --shared-Color-border-active: var(--global-color-border-blue-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-blue-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-blue-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-blue);
  --shared-Color-text-secondary: var(--global-color-text-secondary-blue);
  --shared-Color-text-inverse: var(--global-color-text-inverse-blue);
}

.Color_is_color_magic__Ehx4c {
  --shared-Color-surface: var(--global-color-surface-magic);
  --shared-Color-surface-hover: var(--global-color-surface-magic-hover);
  --shared-Color-surface-active: var(--global-color-surface-magic-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-magic);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-magic-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-magic-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-magic);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-magic-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-magic-active);
  --shared-Color-border: var(--global-color-border-magic);
  --shared-Color-border-hover: var(--global-color-border-magic-hover);
  --shared-Color-border-active: var(--global-color-border-magic-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-magic-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-magic-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-magic);
  --shared-Color-text-secondary: var(--global-color-text-secondary-magic);
  --shared-Color-text-inverse: var(--global-color-text-inverse-magic);
}

.Color_is_color_yellow__ZZ05H {
  --shared-Color-surface: var(--global-color-surface-yellow);
  --shared-Color-surface-hover: var(--global-color-surface-yellow-hover);
  --shared-Color-surface-active: var(--global-color-surface-yellow-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-yellow);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-yellow-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-yellow-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-yellow);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-yellow-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-yellow-active);
  --shared-Color-border: var(--global-color-border-yellow);
  --shared-Color-border-hover: var(--global-color-border-yellow-hover);
  --shared-Color-border-active: var(--global-color-border-yellow-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-yellow-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-yellow-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-yellow);
  --shared-Color-text-secondary: var(--global-color-text-secondary-yellow);
  --shared-Color-text-inverse: var(--global-color-text-inverse-yellow);
}

.Color_is_color_pink__bZCbI {
  --shared-Color-surface: var(--global-color-surface-pink);
  --shared-Color-surface-hover: var(--global-color-surface-pink-hover);
  --shared-Color-surface-active: var(--global-color-surface-pink-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-pink);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-pink-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-pink-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-pink);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-pink-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-pink-active);
  --shared-Color-border: var(--global-color-border-pink);
  --shared-Color-border-hover: var(--global-color-border-pink-hover);
  --shared-Color-border-active: var(--global-color-border-pink-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-pink-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-pink-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-pink);
  --shared-Color-text-secondary: var(--global-color-text-secondary-pink);
  --shared-Color-text-inverse: var(--global-color-text-inverse-pink);
}

.Color_is_color_kabocha__0zVRE {
  --shared-Color-surface: var(--global-color-surface-kabocha);
  --shared-Color-surface-hover: var(--global-color-surface-kabocha-hover);
  --shared-Color-surface-active: var(--global-color-surface-kabocha-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-kabocha);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-kabocha-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-kabocha-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-kabocha);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-kabocha-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-kabocha-active);
  --shared-Color-border: var(--global-color-border-kabocha);
  --shared-Color-border-hover: var(--global-color-border-kabocha-hover);
  --shared-Color-border-active: var(--global-color-border-kabocha-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-kabocha-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-kabocha-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-kabocha);
  --shared-Color-text-secondary: var(--global-color-text-secondary-kabocha);
  --shared-Color-text-inverse: var(--global-color-text-inverse-kabocha);
}

.Color_is_color_neutral__B__PX,
.Color_is_status_neutral__486T6 {
  --shared-Color-surface: var(--global-color-surface-neutral);
  --shared-Color-surface-hover: var(--global-color-surface-neutral-hover);
  --shared-Color-surface-active: var(--global-color-surface-neutral-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-neutral);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-neutral-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-neutral-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-neutral);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-neutral-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-neutral-active);
  --shared-Color-border: var(--global-color-border-neutral);
  --shared-Color-border-hover: var(--global-color-border-neutral-hover);
  --shared-Color-border-active: var(--global-color-border-neutral-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-neutral-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-neutral-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-neutral);
  --shared-Color-text-secondary: var(--global-color-text-secondary-neutral);
  --shared-Color-text-inverse: var(--global-color-text-inverse-neutral);
}

.Color_is_status_warning__eJRCw {
  --shared-Color-surface: var(--global-color-surface-warning);
  --shared-Color-surface-hover: var(--global-color-surface-warning-hover);
  --shared-Color-surface-active: var(--global-color-surface-warning-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-warning);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-warning-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-warning-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-warning);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-warning-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-warning-active);
  --shared-Color-border: var(--global-color-border-warning);
  --shared-Color-border-hover: var(--global-color-border-warning-hover);
  --shared-Color-border-active: var(--global-color-border-warning-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-warning-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-warning-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-warning);
  --shared-Color-text-secondary: var(--global-color-text-secondary-warning);
  --shared-Color-text-inverse: var(--global-color-text-inverse-warning);
}

.Color_is_status_critical__1THzD {
  --shared-Color-surface: var(--global-color-surface-critical);
  --shared-Color-surface-hover: var(--global-color-surface-critical-hover);
  --shared-Color-surface-active: var(--global-color-surface-critical-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-critical);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-critical-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-critical-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-critical);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-critical-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-critical-active);
  --shared-Color-border: var(--global-color-border-critical);
  --shared-Color-border-hover: var(--global-color-border-critical-hover);
  --shared-Color-border-active: var(--global-color-border-critical-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-critical-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-critical-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-critical);
  --shared-Color-text-secondary: var(--global-color-text-secondary-critical);
  --shared-Color-text-inverse: var(--global-color-text-inverse-critical);
}

.Color_is_status_positive__BaX0E {
  --shared-Color-surface: var(--global-color-surface-positive);
  --shared-Color-surface-hover: var(--global-color-surface-positive-hover);
  --shared-Color-surface-active: var(--global-color-surface-positive-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-positive);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-positive-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-positive-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-positive);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-positive-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-positive-active);
  --shared-Color-border: var(--global-color-border-positive);
  --shared-Color-border-hover: var(--global-color-border-positive-hover);
  --shared-Color-border-active: var(--global-color-border-positive-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-positive-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-positive-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-positive);
  --shared-Color-text-secondary: var(--global-color-text-secondary-positive);
  --shared-Color-text-inverse: var(--global-color-text-inverse-positive);
}

.Color_is_status_attention__MLIhf {
  --shared-Color-surface: var(--global-color-surface-attention);
  --shared-Color-surface-hover: var(--global-color-surface-attention-hover);
  --shared-Color-surface-active: var(--global-color-surface-attention-active);
  --shared-Color-fill-primary: var(--global-color-fill-primary-attention);
  --shared-Color-fill-primary-hover: var(--global-color-fill-primary-attention-hover);
  --shared-Color-fill-primary-active: var(--global-color-fill-primary-attention-active);
  --shared-Color-fill-secondary: var(--global-color-fill-secondary-attention);
  --shared-Color-fill-secondary-hover: var(--global-color-fill-secondary-attention-hover);
  --shared-Color-fill-secondary-active: var(--global-color-fill-secondary-attention-active);
  --shared-Color-border: var(--global-color-border-attention);
  --shared-Color-border-hover: var(--global-color-border-attention-hover);
  --shared-Color-border-active: var(--global-color-border-attention-active);
  --shared-Color-shadow-drop: var(--global-color-shadow-attention-drop);
  --shared-Color-shadow-inner: var(--global-color-shadow-attention-inner);
  --shared-Color-text-primary: var(--global-color-text-primary-attention);
  --shared-Color-text-secondary: var(--global-color-text-secondary-attention);
  --shared-Color-text-inverse: var(--global-color-text-inverse-attention);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[7].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[7].use[5]!../../../shared/react/src/core/Skeleton.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Skeleton_wrapper__cMVrq {
  --Skeleton-backgroundColor: var(--shared-Skeleton-backgroundColor-override, var(--global-color-surface-secondary));
  --Skeleton-highlightColor: var(--shared-Skeleton-highlightColor-override, var(--global-color-surface-primary));
  --Skeleton-angle: 90deg;
  --Skeleton-duration: 1.2s;
  --Skeleton-width: var(--shared-Skeleton-width-override, 100%);
  --Skeleton-height: var(--shared-Skeleton-height-override, 100%);
  display: block;
  position: relative;
  border-radius: var(--global-radius-small);
  background-color: var(--Skeleton-backgroundColor);
  box-shadow: 0 0.0625em 0.125em 0 var(--global-color-border-tertiary);
  color: transparent;
  overflow: clip;
  pointer-events: none;
  user-select: none;
  width: var(--Skeleton-width);
  height: var(--Skeleton-height);
  min-width: 0;
}
.Skeleton_wrapper__cMVrq.Skeleton_is_tone_attention__XR4gY {
  --Skeleton-highlightColor: var(--shared-Skeleton-highlightColor-override, var(--global-color-surface-attention));
}
.Skeleton_wrapper__cMVrq.Skeleton_is_radius_medium__ezIkH {
  border-radius: var(--global-radius-medium);
}
.Skeleton_wrapper__cMVrq.Skeleton_is_radius_large__gmVb7 {
  border-radius: var(--global-radius-large);
}
.Skeleton_wrapper__cMVrq.Skeleton_is_radius_round__D6CZP {
  border-radius: 50%;
}
.Skeleton_wrapper__cMVrq.Skeleton_is_variant_text__YUwki {
  --Skeleton-height: var(--shared-Skeleton-height-override, 0.75rem);
}
.Skeleton_wrapper__cMVrq.Skeleton_is_variant_control__9LG5G {
  --Skeleton-height: var(--shared-Skeleton-height-override, 2.75rem);
}
.Skeleton_wrapper__cMVrq.Skeleton_is_width_short__l_U4d {
  --Skeleton-width: var(--shared-Skeleton-width-override, min(5rem, 100%));
}
.Skeleton_wrapper__cMVrq.Skeleton_is_width_medium__MZ2i5 {
  --Skeleton-width: var(--shared-Skeleton-width-override, min(7rem, 100%));
}
.Skeleton_wrapper__cMVrq.Skeleton_is_width_long__nEvEr {
  --Skeleton-width: var(--shared-Skeleton-width-override, min(12rem, 100%));
}
.Skeleton_wrapper__cMVrq.Skeleton_is_width_full__GSsm_ {
  --Skeleton-width: var(--shared-Skeleton-width-override, 100%);
}
.Skeleton_wrapper__cMVrq.Skeleton_is_variant_avatar__z9UH4 {
  --Skeleton-width: var(--shared-Skeleton-width-override, 3rem);
  --Skeleton-height: var(--shared-Skeleton-height-override, 3rem);
}
.Skeleton_wrapper__cMVrq > :not(.Skeleton_shimmer__tSibU) {
  visibility: hidden;
}

.Skeleton_field__hJx9G {
  display: grid;
  gap: 0.5rem;
  min-width: 0;
}

.Skeleton_form__MjaXu {
  width: 100%;
  display: grid;
  gap: 1rem;
  padding-block: 0.125rem;
}

.Skeleton_columns__06pcV {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr));
  gap: 1rem;
}

.Skeleton_shimmer__tSibU {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(var(--Skeleton-angle), transparent 20%, var(--Skeleton-highlightColor) 50%, transparent 80%);
  transform: translateX(-100%);
}
@media (prefers-reduced-motion: no-preference) {
  .Skeleton_shimmer__tSibU {
    animation: Skeleton_shimmer__tSibU var(--Skeleton-duration) linear infinite;
  }
}

@keyframes Skeleton_shimmer__tSibU {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[7].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[7].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[7].use[5]!./src/components/form-field.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form-field_checkboxField__reIe7 {
  width: 100%;
}

.form-field_checkboxFieldLabel__JIhjY {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: normal;
  color: #2d2a25;
}

.form-field_checkboxFieldDescription__99Lvh {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
  color: #918b81;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[11].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[11].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[11].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[11].use[5]!./src/components/form-field-shared-theme.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --global-color-black: #000000;
  --global-color-blue-100: #E3EAFC;
  --global-color-blue-200: #C8D5F9;
  --global-color-blue-300: #A8BCF5;
  --global-color-blue-400: #7A99F0;
  --global-color-blue-50: #F1F4FD;
  --global-color-blue-500: #5C75F9;
  --global-color-blue-600: #3F67D5;
  --global-color-blue-700: #184BD8;
  --global-color-blue-800: #143EB3;
  --global-color-blue-900: #0D2977;
  --global-color-blue-950: #0B2260;
  --global-color-border-attention: light-dark(var(--global-color-blue-200), var(--global-color-blue-800));
  --global-color-border-attention-active: light-dark(var(--global-color-blue-700), var(--global-color-blue-300));
  --global-color-border-attention-hover: light-dark(var(--global-color-blue-500), var(--global-color-blue-400));
  --global-color-border-blue: light-dark(var(--global-color-blue-200), var(--global-color-blue-800));
  --global-color-border-blue-active: light-dark(var(--global-color-blue-700), var(--global-color-blue-300));
  --global-color-border-blue-hover: light-dark(var(--global-color-blue-500), var(--global-color-blue-400));
  --global-color-border-critical: light-dark(var(--global-color-red-200), var(--global-color-red-800));
  --global-color-border-critical-active: light-dark(var(--global-color-red-700), var(--global-color-red-300));
  --global-color-border-critical-hover: light-dark(var(--global-color-red-500), var(--global-color-red-400));
  --global-color-border-green: light-dark(var(--global-color-green-200), var(--global-color-green-800));
  --global-color-border-green-active: light-dark(var(--global-color-green-700), var(--global-color-green-300));
  --global-color-border-green-hover: light-dark(var(--global-color-green-500), var(--global-color-green-400));
  --global-color-border-inverse: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-border-kabocha: light-dark(var(--global-color-kabocha-400), var(--global-color-kabocha-800));
  --global-color-border-kabocha-active: light-dark(var(--global-color-kabocha-700), var(--global-color-kabocha-300));
  --global-color-border-kabocha-hover: light-dark(var(--global-color-kabocha-600), var(--global-color-kabocha-400));
  --global-color-border-magic: light-dark(var(--global-color-purple-400), var(--global-color-purple-800));
  --global-color-border-magic-active: light-dark(var(--global-color-purple-700), var(--global-color-purple-300));
  --global-color-border-magic-hover: light-dark(var(--global-color-purple-600), var(--global-color-purple-400));
  --global-color-border-neutral: light-dark(var(--global-color-kurimu-500), var(--global-color-kurimu-800));
  --global-color-border-neutral-active: light-dark(var(--global-color-kurimu-900), var(--global-color-kurimu-50));
  --global-color-border-neutral-hover: light-dark(var(--global-color-kurimu-700), var(--global-color-kurimu-100));
  --global-color-border-orange: light-dark(var(--global-color-orange-200), var(--global-color-orange-800));
  --global-color-border-orange-active: light-dark(var(--global-color-orange-700), var(--global-color-orange-300));
  --global-color-border-orange-hover: light-dark(var(--global-color-orange-500), var(--global-color-orange-400));
  --global-color-border-pink: light-dark(var(--global-color-pink-400), var(--global-color-pink-800));
  --global-color-border-pink-active: light-dark(var(--global-color-pink-700), var(--global-color-pink-300));
  --global-color-border-pink-hover: light-dark(var(--global-color-pink-600), var(--global-color-pink-400));
  --global-color-border-positive: light-dark(var(--global-color-green-200), var(--global-color-green-800));
  --global-color-border-positive-active: light-dark(var(--global-color-green-700), var(--global-color-green-300));
  --global-color-border-positive-hover: light-dark(var(--global-color-green-500), var(--global-color-green-400));
  --global-color-border-primary: light-dark(var(--global-color-kurimu-700), var(--global-color-kurimu-800));
  --global-color-border-primary-active: light-dark(var(--global-color-kurimu-950), var(--global-color-kurimu-50));
  --global-color-border-primary-disabled: light-dark(var(--global-color-kurimu-400), var(--global-color-kurimu-900));
  --global-color-border-primary-hover: light-dark(var(--global-color-kurimu-900), var(--global-color-kurimu-100));
  --global-color-border-red: light-dark(var(--global-color-red-200), var(--global-color-red-800));
  --global-color-border-red-active: light-dark(var(--global-color-red-700), var(--global-color-red-300));
  --global-color-border-red-hover: light-dark(var(--global-color-red-500), var(--global-color-red-400));
  --global-color-border-secondary: light-dark(var(--global-color-kurimu-500), var(--global-color-kurimu-900));
  --global-color-border-tertiary: light-dark(var(--global-color-kurimu-600), var(--global-color-kurimu-800));
  --global-color-border-warning: light-dark(var(--global-color-orange-200), var(--global-color-orange-800));
  --global-color-border-warning-active: light-dark(var(--global-color-orange-700), var(--global-color-orange-300));
  --global-color-border-warning-hover: light-dark(var(--global-color-orange-500), var(--global-color-orange-400));
  --global-color-border-yellow: light-dark(var(--global-color-yellow-400), var(--global-color-yellow-800));
  --global-color-border-yellow-active: light-dark(var(--global-color-yellow-700), var(--global-color-yellow-300));
  --global-color-border-yellow-hover: light-dark(var(--global-color-yellow-600), var(--global-color-yellow-400));
  --global-color-fill-primary: light-dark(var(--global-color-gray-900), var(--global-color-gray-100));
  --global-color-fill-primary-active: light-dark(var(--global-color-gray-950), var(--global-color-gray-50));
  --global-color-fill-primary-attention: light-dark(var(--global-color-blue-500), var(--global-color-blue-300));
  --global-color-fill-primary-attention-active: light-dark(var(--global-color-blue-600), var(--global-color-blue-400));
  --global-color-fill-primary-attention-hover: light-dark(var(--global-color-blue-600), var(--global-color-blue-400));
  --global-color-fill-primary-blue: light-dark(var(--global-color-blue-500), var(--global-color-blue-300));
  --global-color-fill-primary-blue-active: light-dark(var(--global-color-blue-600), var(--global-color-blue-400));
  --global-color-fill-primary-blue-hover: light-dark(var(--global-color-blue-600), var(--global-color-blue-400));
  --global-color-fill-primary-critical: light-dark(var(--global-color-red-500), var(--global-color-red-300));
  --global-color-fill-primary-critical-active: light-dark(var(--global-color-red-600), var(--global-color-red-400));
  --global-color-fill-primary-critical-hover: light-dark(var(--global-color-red-600), var(--global-color-red-400));
  --global-color-fill-primary-disabled: light-dark(var(--global-color-gray-600), var(--global-color-gray-400));
  --global-color-fill-primary-green: light-dark(var(--global-color-green-500), var(--global-color-green-300));
  --global-color-fill-primary-green-active: light-dark(var(--global-color-green-600), var(--global-color-green-400));
  --global-color-fill-primary-green-hover: light-dark(var(--global-color-green-600), var(--global-color-green-400));
  --global-color-fill-primary-hover: light-dark(var(--global-color-gray-950), var(--global-color-gray-50));
  --global-color-fill-primary-kabocha: light-dark(var(--global-color-kabocha-600), var(--global-color-kabocha-300));
  --global-color-fill-primary-kabocha-active: light-dark(var(--global-color-kabocha-700), var(--global-color-kabocha-400));
  --global-color-fill-primary-kabocha-hover: light-dark(var(--global-color-kabocha-700), var(--global-color-kabocha-400));
  --global-color-fill-primary-magic: light-dark(var(--global-color-purple-600), var(--global-color-purple-300));
  --global-color-fill-primary-magic-active: light-dark(var(--global-color-purple-700), var(--global-color-purple-400));
  --global-color-fill-primary-magic-hover: light-dark(var(--global-color-purple-700), var(--global-color-purple-400));
  --global-color-fill-primary-neutral: light-dark(var(--global-color-gray-900), var(--global-color-gray-200));
  --global-color-fill-primary-neutral-active: light-dark(var(--global-color-gray-950), var(--global-color-gray-400));
  --global-color-fill-primary-neutral-hover: light-dark(var(--global-color-gray-950), var(--global-color-gray-400));
  --global-color-fill-primary-orange: light-dark(var(--global-color-orange-500), var(--global-color-orange-300));
  --global-color-fill-primary-orange-active: light-dark(var(--global-color-orange-600), var(--global-color-orange-400));
  --global-color-fill-primary-orange-hover: light-dark(var(--global-color-orange-600), var(--global-color-orange-400));
  --global-color-fill-primary-pink: light-dark(var(--global-color-pink-600), var(--global-color-pink-300));
  --global-color-fill-primary-pink-active: light-dark(var(--global-color-pink-700), var(--global-color-pink-400));
  --global-color-fill-primary-pink-hover: light-dark(var(--global-color-pink-700), var(--global-color-pink-400));
  --global-color-fill-primary-positive: light-dark(var(--global-color-green-500), var(--global-color-green-300));
  --global-color-fill-primary-positive-active: light-dark(var(--global-color-green-600), var(--global-color-green-400));
  --global-color-fill-primary-positive-hover: light-dark(var(--global-color-green-600), var(--global-color-green-400));
  --global-color-fill-primary-red: light-dark(var(--global-color-red-500), var(--global-color-red-300));
  --global-color-fill-primary-red-active: light-dark(var(--global-color-red-600), var(--global-color-red-400));
  --global-color-fill-primary-red-hover: light-dark(var(--global-color-red-600), var(--global-color-red-400));
  --global-color-fill-primary-warning: light-dark(var(--global-color-orange-500), var(--global-color-orange-300));
  --global-color-fill-primary-warning-active: light-dark(var(--global-color-orange-600), var(--global-color-orange-400));
  --global-color-fill-primary-warning-hover: light-dark(var(--global-color-orange-600), var(--global-color-orange-400));
  --global-color-fill-primary-yellow: light-dark(var(--global-color-yellow-600), var(--global-color-yellow-300));
  --global-color-fill-primary-yellow-active: light-dark(var(--global-color-yellow-700), var(--global-color-yellow-400));
  --global-color-fill-primary-yellow-hover: light-dark(var(--global-color-yellow-700), var(--global-color-yellow-400));
  --global-color-fill-secondary: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-900));
  --global-color-fill-secondary-active: light-dark(var(--global-color-kurimu-200), var(--global-color-kurimu-800));
  --global-color-fill-secondary-attention: light-dark(var(--global-color-blue-100), var(--global-color-blue-900));
  --global-color-fill-secondary-attention-active: light-dark(var(--global-color-blue-50), var(--global-color-blue-950));
  --global-color-fill-secondary-attention-hover: light-dark(var(--global-color-blue-200), var(--global-color-blue-800));
  --global-color-fill-secondary-blue: light-dark(var(--global-color-blue-100), var(--global-color-blue-900));
  --global-color-fill-secondary-blue-active: light-dark(var(--global-color-blue-50), var(--global-color-blue-950));
  --global-color-fill-secondary-blue-hover: light-dark(var(--global-color-blue-200), var(--global-color-blue-800));
  --global-color-fill-secondary-critical: light-dark(var(--global-color-red-200), var(--global-color-red-900));
  --global-color-fill-secondary-critical-active: light-dark(var(--global-color-red-50), var(--global-color-red-950));
  --global-color-fill-secondary-critical-hover: light-dark(var(--global-color-red-300), var(--global-color-red-800));
  --global-color-fill-secondary-disabled: light-dark(var(--global-color-kurimu-200), var(--global-color-kurimu-800));
  --global-color-fill-secondary-green: light-dark(var(--global-color-green-100), var(--global-color-green-900));
  --global-color-fill-secondary-green-active: light-dark(var(--global-color-green-50), var(--global-color-green-950));
  --global-color-fill-secondary-green-hover: light-dark(var(--global-color-green-200), var(--global-color-green-800));
  --global-color-fill-secondary-hover: light-dark(var(--global-color-kurimu-100), var(--global-color-kurimu-800));
  --global-color-fill-secondary-kabocha: light-dark(var(--global-color-kabocha-200), var(--global-color-kabocha-900));
  --global-color-fill-secondary-kabocha-active: light-dark(var(--global-color-kabocha-50), var(--global-color-kabocha-950));
  --global-color-fill-secondary-kabocha-hover: light-dark(var(--global-color-kabocha-300), var(--global-color-kabocha-800));
  --global-color-fill-secondary-magic: light-dark(var(--global-color-purple-200), var(--global-color-purple-900));
  --global-color-fill-secondary-magic-active: light-dark(var(--global-color-purple-50), var(--global-color-purple-950));
  --global-color-fill-secondary-magic-hover: light-dark(var(--global-color-purple-300), var(--global-color-purple-800));
  --global-color-fill-secondary-neutral: light-dark(var(--global-color-kurimu-100), var(--global-color-kurimu-950));
  --global-color-fill-secondary-neutral-active: light-dark(var(--global-color-kurimu-200), var(--global-color-kurimu-800));
  --global-color-fill-secondary-neutral-hover: light-dark(var(--global-color-kurimu-300), var(--global-color-kurimu-800));
  --global-color-fill-secondary-orange: light-dark(var(--global-color-orange-200), var(--global-color-orange-900));
  --global-color-fill-secondary-orange-active: light-dark(var(--global-color-orange-50), var(--global-color-orange-950));
  --global-color-fill-secondary-orange-hover: light-dark(var(--global-color-orange-300), var(--global-color-orange-800));
  --global-color-fill-secondary-pink: light-dark(var(--global-color-pink-200), var(--global-color-pink-900));
  --global-color-fill-secondary-pink-active: light-dark(var(--global-color-pink-50), var(--global-color-pink-950));
  --global-color-fill-secondary-pink-hover: light-dark(var(--global-color-pink-300), var(--global-color-pink-800));
  --global-color-fill-secondary-positive: light-dark(var(--global-color-green-100), var(--global-color-green-900));
  --global-color-fill-secondary-positive-active: light-dark(var(--global-color-green-50), var(--global-color-green-950));
  --global-color-fill-secondary-positive-hover: light-dark(var(--global-color-green-200), var(--global-color-green-800));
  --global-color-fill-secondary-red: light-dark(var(--global-color-red-200), var(--global-color-red-900));
  --global-color-fill-secondary-red-active: light-dark(var(--global-color-red-50), var(--global-color-red-950));
  --global-color-fill-secondary-red-hover: light-dark(var(--global-color-red-300), var(--global-color-red-800));
  --global-color-fill-secondary-warning: light-dark(var(--global-color-orange-200), var(--global-color-orange-900));
  --global-color-fill-secondary-warning-active: light-dark(var(--global-color-orange-50), var(--global-color-orange-950));
  --global-color-fill-secondary-warning-hover: light-dark(var(--global-color-orange-300), var(--global-color-orange-800));
  --global-color-fill-secondary-yellow: light-dark(var(--global-color-yellow-200), var(--global-color-yellow-900));
  --global-color-fill-secondary-yellow-active: light-dark(var(--global-color-yellow-50), var(--global-color-yellow-950));
  --global-color-fill-secondary-yellow-hover: light-dark(var(--global-color-yellow-300), var(--global-color-yellow-800));
  --global-color-fill-tertiary: light-dark(var(--global-color-kurimu-400), var(--global-color-kurimu-600));
  --global-color-gray-0: #FFFFFF;
  --global-color-gray-100: #FAFAFA;
  --global-color-gray-1000: #1D1D1D;
  --global-color-gray-1100: var(--global-color-black);
  --global-color-gray-200: #F5F5F5;
  --global-color-gray-300: #F0F0F0;
  --global-color-gray-400: #EBEBEB;
  --global-color-gray-50: #FCFCFC;
  --global-color-gray-500: #E6E6E6;
  --global-color-gray-600: #CFCFCF;
  --global-color-gray-700: #B5B5B5;
  --global-color-gray-800: #999999;
  --global-color-gray-900: #4F4F4F;
  --global-color-gray-950: #343434;
  --global-color-green-100: #DCFAEB;
  --global-color-green-200: #B8F4D7;
  --global-color-green-300: #99F0C6;
  --global-color-green-400: #76EAB2;
  --global-color-green-50: #EDFCF5;
  --global-color-green-500: #53E59F;
  --global-color-green-600: #4DD291;
  --global-color-green-700: #40B57D;
  --global-color-green-800: #30865D;
  --global-color-green-900: #246445;
  --global-color-green-950: #0E241A;
  --global-color-kabocha-100: #FFF8E5;
  --global-color-kabocha-200: #FFF1CC;
  --global-color-kabocha-300: #FFE8AD;
  --global-color-kabocha-400: #FFDF8F;
  --global-color-kabocha-50: #FFFBF0;
  --global-color-kabocha-500: #FFD568;
  --global-color-kabocha-600: #FFBA0A;
  --global-color-kabocha-700: #E0A100;
  --global-color-kabocha-800: #BD8700;
  --global-color-kabocha-900: #8A6300;
  --global-color-kabocha-950: #614500;
  --global-color-kurimu-100: #FCFCF9;
  --global-color-kurimu-200: #F9F8F6;
  --global-color-kurimu-300: #F5F3F0;
  --global-color-kurimu-400: #F0EEEA;
  --global-color-kurimu-50: #FDFDFC;
  --global-color-kurimu-500: #EDEAE5;
  --global-color-kurimu-600: #E5E2DB;
  --global-color-kurimu-700: #CAC3B4;
  --global-color-kurimu-800: #918B81;
  --global-color-kurimu-900: #4B4741;
  --global-color-kurimu-950: #2D2A25;
  --global-color-orange-100: #F8F3DD;
  --global-color-orange-200: #F1E8BC;
  --global-color-orange-300: #E8DB96;
  --global-color-orange-400: #DFCC6C;
  --global-color-orange-50: #FBF9EE;
  --global-color-orange-500: #D5BC3B;
  --global-color-orange-600: #C1A829;
  --global-color-orange-700: #AC9625;
  --global-color-orange-800: #8F7C1F;
  --global-color-orange-900: #655816;
  --global-color-orange-950: #473E0F;
  --global-color-pink-100: #FFEBF5;
  --global-color-pink-200: #FFD8EC;
  --global-color-pink-300: #FFC7E4;
  --global-color-pink-400: #FFADD8;
  --global-color-pink-50: #FFF5FA;
  --global-color-pink-500: #FF99CE;
  --global-color-pink-600: #FF75BC;
  --global-color-pink-700: #FF4DA9;
  --global-color-pink-800: #CF257C;
  --global-color-pink-900: #B3005C;
  --global-color-pink-950: #800042;
  --global-color-purple-100: #F4EBFF;
  --global-color-purple-200: #ECDBFF;
  --global-color-purple-300: #E4CCFF;
  --global-color-purple-400: #DCBDFF;
  --global-color-purple-50: #F8F2FF;
  --global-color-purple-500: #D3ADFF;
  --global-color-purple-600: #C694FF;
  --global-color-purple-700: #B87AFF;
  --global-color-purple-800: #A85CFF;
  --global-color-purple-900: #7C26DF;
  --global-color-purple-950: #460491;
  --global-color-red-100: #FAE6E9;
  --global-color-red-200: #FFC8D2;
  --global-color-red-300: #ECA7B3;
  --global-color-red-400: #E2788C;
  --global-color-red-50: #FCF2F4;
  --global-color-red-500: #C52A46;
  --global-color-red-600: #B1263F;
  --global-color-red-700: #972036;
  --global-color-red-800: #821C2F;
  --global-color-red-900: #5D1421;
  --global-color-red-950: #320B12;
  --global-color-root-background: light-dark(var(--global-color-kurimu-300), var(--global-color-gray-1000));
  --global-color-root-color: light-dark(var(--global-color-kurimu-950), var(--global-color-kurimu-50));
  --global-color-shadow-attention-drop: light-dark(var(--global-color-blue-400), var(--global-color-blue-950));
  --global-color-shadow-attention-inner: light-dark(var(--global-color-blue-100), var(--global-color-blue-900));
  --global-color-shadow-blue-drop: light-dark(var(--global-color-blue-400), var(--global-color-blue-950));
  --global-color-shadow-blue-inner: light-dark(var(--global-color-blue-100), var(--global-color-blue-900));
  --global-color-shadow-critical-drop: light-dark(var(--global-color-red-700), var(--global-color-red-950));
  --global-color-shadow-critical-inner: light-dark(var(--global-color-red-200), var(--global-color-red-900));
  --global-color-shadow-critical-overlay: var(--global-color-red-700);
  --global-color-shadow-drop: light-dark(var(--global-color-kurimu-700), var(--global-color-kurimu-950));
  --global-color-shadow-green-drop: light-dark(var(--global-color-green-700), var(--global-color-green-950));
  --global-color-shadow-green-inner: light-dark(var(--global-color-green-200), var(--global-color-green-900));
  --global-color-shadow-inner: light-dark(var(--global-color-kurimu-400), var(--global-color-kurimu-900));
  --global-color-shadow-kabocha-drop: light-dark(var(--global-color-kabocha-700), var(--global-color-kabocha-950));
  --global-color-shadow-kabocha-inner: light-dark(var(--global-color-kabocha-300), var(--global-color-kabocha-900));
  --global-color-shadow-magic-drop: light-dark(var(--global-color-purple-700), var(--global-color-purple-950));
  --global-color-shadow-magic-inner: light-dark(var(--global-color-purple-300), var(--global-color-purple-900));
  --global-color-shadow-neutral-drop: light-dark(var(--global-color-kurimu-700), var(--global-color-kurimu-950));
  --global-color-shadow-neutral-inner: light-dark(var(--global-color-kurimu-400), var(--global-color-kurimu-900));
  --global-color-shadow-orange-drop: light-dark(var(--global-color-orange-700), var(--global-color-orange-950));
  --global-color-shadow-orange-inner: light-dark(var(--global-color-orange-200), var(--global-color-orange-900));
  --global-color-shadow-pink-drop: light-dark(var(--global-color-pink-600), var(--global-color-pink-950));
  --global-color-shadow-pink-inner: light-dark(var(--global-color-pink-200), var(--global-color-pink-900));
  --global-color-shadow-positive-drop: light-dark(var(--global-color-green-700), var(--global-color-green-950));
  --global-color-shadow-positive-inner: light-dark(var(--global-color-green-200), var(--global-color-green-900));
  --global-color-shadow-red-drop: light-dark(var(--global-color-red-700), var(--global-color-red-950));
  --global-color-shadow-red-inner: light-dark(var(--global-color-red-200), var(--global-color-red-900));
  --global-color-shadow-warning-drop: light-dark(var(--global-color-orange-700), var(--global-color-orange-950));
  --global-color-shadow-warning-inner: light-dark(var(--global-color-orange-200), var(--global-color-orange-900));
  --global-color-shadow-yellow-drop: light-dark(var(--global-color-yellow-600), var(--global-color-yellow-950));
  --global-color-shadow-yellow-inner: light-dark(var(--global-color-yellow-300), var(--global-color-yellow-900));
  --global-color-stats-blue: #a3e5f7;
  --global-color-stats-brown: #efd3b6;
  --global-color-stats-green: #83f0c8;
  --global-color-stats-orange: #ffd875;
  --global-color-stats-purple: #efd4fd;
  --global-color-surface-attention: light-dark(var(--global-color-blue-300), var(--global-color-blue-700));
  --global-color-surface-attention-active: light-dark(var(--global-color-blue-400), var(--global-color-blue-600));
  --global-color-surface-attention-hover: light-dark(var(--global-color-blue-400), var(--global-color-blue-600));
  --global-color-surface-blue: light-dark(var(--global-color-blue-300), var(--global-color-blue-700));
  --global-color-surface-blue-active: light-dark(var(--global-color-blue-400), var(--global-color-blue-600));
  --global-color-surface-blue-hover: light-dark(var(--global-color-blue-400), var(--global-color-blue-600));
  --global-color-surface-critical: light-dark(var(--global-color-red-300), var(--global-color-red-700));
  --global-color-surface-critical-active: light-dark(var(--global-color-red-400), var(--global-color-red-600));
  --global-color-surface-critical-hover: light-dark(var(--global-color-red-400), var(--global-color-red-600));
  --global-color-surface-green: light-dark(var(--global-color-green-300), var(--global-color-green-700));
  --global-color-surface-green-active: light-dark(var(--global-color-green-400), var(--global-color-green-600));
  --global-color-surface-green-hover: light-dark(var(--global-color-green-400), var(--global-color-green-600));
  --global-color-surface-inverse: light-dark(var(--global-color-kurimu-950), var(--global-color-kurimu-50));
  --global-color-surface-inverse-active: light-dark(var(--global-color-kurimu-950), var(--global-color-kurimu-50));
  --global-color-surface-inverse-hover: light-dark(var(--global-color-kurimu-900), var(--global-color-kurimu-300));
  --global-color-surface-kabocha: light-dark(var(--global-color-kabocha-300), var(--global-color-kabocha-700));
  --global-color-surface-kabocha-active: light-dark(var(--global-color-kabocha-400), var(--global-color-kabocha-600));
  --global-color-surface-kabocha-hover: light-dark(var(--global-color-kabocha-400), var(--global-color-kabocha-600));
  --global-color-surface-magic: light-dark(var(--global-color-purple-300), var(--global-color-purple-700));
  --global-color-surface-magic-active: light-dark(var(--global-color-purple-400), var(--global-color-purple-600));
  --global-color-surface-magic-hover: light-dark(var(--global-color-purple-400), var(--global-color-purple-600));
  --global-color-surface-neutral: light-dark(var(--global-color-kurimu-100), var(--global-color-kurimu-950));
  --global-color-surface-neutral-active: light-dark(var(--global-color-kurimu-400), var(--global-color-kurimu-800));
  --global-color-surface-neutral-hover: light-dark(var(--global-color-kurimu-200), var(--global-color-kurimu-900));
  --global-color-surface-orange: light-dark(var(--global-color-orange-300), var(--global-color-orange-700));
  --global-color-surface-orange-active: light-dark(var(--global-color-orange-400), var(--global-color-orange-600));
  --global-color-surface-orange-hover: light-dark(var(--global-color-orange-400), var(--global-color-orange-600));
  --global-color-surface-pink: light-dark(var(--global-color-pink-300), var(--global-color-pink-700));
  --global-color-surface-pink-active: light-dark(var(--global-color-pink-400), var(--global-color-pink-600));
  --global-color-surface-pink-hover: light-dark(var(--global-color-pink-400), var(--global-color-pink-600));
  --global-color-surface-positive: light-dark(var(--global-color-green-300), var(--global-color-green-700));
  --global-color-surface-positive-active: light-dark(var(--global-color-green-400), var(--global-color-green-600));
  --global-color-surface-positive-hover: light-dark(var(--global-color-green-400), var(--global-color-green-600));
  --global-color-surface-primary: light-dark(var(--global-color-kurimu-100), var(--global-color-kurimu-950));
  --global-color-surface-primary-active: light-dark(var(--global-color-kurimu-300), var(--global-color-kurimu-800));
  --global-color-surface-primary-hover: light-dark(var(--global-color-kurimu-200), var(--global-color-kurimu-900));
  --global-color-surface-red: light-dark(var(--global-color-red-300), var(--global-color-red-700));
  --global-color-surface-red-active: light-dark(var(--global-color-red-400), var(--global-color-red-600));
  --global-color-surface-red-hover: light-dark(var(--global-color-red-400), var(--global-color-red-600));
  --global-color-surface-secondary: light-dark(var(--global-color-kurimu-300), var(--global-color-gray-1000));
  --global-color-surface-secondary-active: light-dark(var(--global-color-kurimu-400), var(--global-color-kurimu-900));
  --global-color-surface-secondary-hover: light-dark(var(--global-color-kurimu-400), var(--global-color-kurimu-900));
  --global-color-surface-tertiary: light-dark(var(--global-color-kurimu-400), var(--global-color-kurimu-900));
  --global-color-surface-tertiary-active: light-dark(var(--global-color-kurimu-600), var(--global-color-kurimu-950));
  --global-color-surface-tertiary-hover: light-dark(var(--global-color-kurimu-500), var(--global-color-kurimu-800));
  --global-color-surface-warning: light-dark(var(--global-color-orange-300), var(--global-color-orange-700));
  --global-color-surface-warning-active: light-dark(var(--global-color-orange-400), var(--global-color-orange-600));
  --global-color-surface-warning-hover: light-dark(var(--global-color-orange-400), var(--global-color-orange-600));
  --global-color-surface-yellow: light-dark(var(--global-color-yellow-300), var(--global-color-yellow-700));
  --global-color-surface-yellow-active: light-dark(var(--global-color-yellow-400), var(--global-color-yellow-600));
  --global-color-surface-yellow-hover: light-dark(var(--global-color-yellow-400), var(--global-color-yellow-600));
  --global-color-text-disabled: var(--global-color-kurimu-700);
  --global-color-text-inverse: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-attention: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-blue: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-critical: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-green: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-kabocha: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-magic: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-neutral: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-orange: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-pink: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-positive: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-red: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-warning: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-inverse-yellow: light-dark(var(--global-color-kurimu-50), var(--global-color-kurimu-950));
  --global-color-text-primary: light-dark(var(--global-color-kurimu-950), var(--global-color-kurimu-50));
  --global-color-text-primary-attention: light-dark(var(--global-color-blue-800), var(--global-color-blue-200));
  --global-color-text-primary-blue: light-dark(var(--global-color-blue-800), var(--global-color-blue-200));
  --global-color-text-primary-critical: light-dark(var(--global-color-red-800), var(--global-color-red-200));
  --global-color-text-primary-green: light-dark(var(--global-color-green-800), var(--global-color-green-200));
  --global-color-text-primary-kabocha: light-dark(var(--global-color-kabocha-950), var(--global-color-kabocha-200));
  --global-color-text-primary-magic: light-dark(var(--global-color-purple-950), var(--global-color-purple-200));
  --global-color-text-primary-neutral: light-dark(var(--global-color-kurimu-950), var(--global-color-kurimu-50));
  --global-color-text-primary-orange: light-dark(var(--global-color-orange-900), var(--global-color-orange-200));
  --global-color-text-primary-pink: light-dark(var(--global-color-pink-950), var(--global-color-pink-200));
  --global-color-text-primary-positive: light-dark(var(--global-color-green-800), var(--global-color-green-200));
  --global-color-text-primary-red: light-dark(var(--global-color-red-800), var(--global-color-red-200));
  --global-color-text-primary-warning: light-dark(var(--global-color-orange-900), var(--global-color-orange-200));
  --global-color-text-primary-yellow: light-dark(var(--global-color-yellow-950), var(--global-color-yellow-200));
  --global-color-text-secondary: light-dark(var(--global-color-kurimu-900), var(--global-color-kurimu-200));
  --global-color-text-secondary-attention: light-dark(var(--global-color-blue-600), var(--global-color-blue-400));
  --global-color-text-secondary-blue: light-dark(var(--global-color-blue-600), var(--global-color-blue-400));
  --global-color-text-secondary-critical: light-dark(var(--global-color-red-500), var(--global-color-red-400));
  --global-color-text-secondary-green: light-dark(var(--global-color-green-700), var(--global-color-green-600));
  --global-color-text-secondary-kabocha: light-dark(var(--global-color-kabocha-800), var(--global-color-kabocha-500));
  --global-color-text-secondary-magic: light-dark(var(--global-color-purple-800), var(--global-color-purple-600));
  --global-color-text-secondary-neutral: var(--global-color-kurimu-800);
  --global-color-text-secondary-orange: light-dark(var(--global-color-orange-700), var(--global-color-orange-500));
  --global-color-text-secondary-pink: light-dark(var(--global-color-pink-800), var(--global-color-pink-500));
  --global-color-text-secondary-positive: light-dark(var(--global-color-green-700), var(--global-color-green-600));
  --global-color-text-secondary-red: light-dark(var(--global-color-red-500), var(--global-color-red-400));
  --global-color-text-secondary-warning: light-dark(var(--global-color-orange-700), var(--global-color-orange-500));
  --global-color-text-secondary-yellow: light-dark(var(--global-color-yellow-800), var(--global-color-yellow-600));
  --global-color-text-tertiary: var(--global-color-kurimu-800);
  --global-color-white: var(--global-color-gray-0);
  --global-color-yellow-100: #FDFFD1;
  --global-color-yellow-200: #FAFFA3;
  --global-color-yellow-300: #F7FC92;
  --global-color-yellow-400: #F5FF3D;
  --global-color-yellow-50: #FEFFEA;
  --global-color-yellow-500: #F3FF0F;
  --global-color-yellow-600: #D0DB00;
  --global-color-yellow-700: #A5AD00;
  --global-color-yellow-800: #747A00;
  --global-color-yellow-900: #444700;
  --global-color-yellow-950: #303300;
}

:root {
  --global-lineHeight: 1.35;
  --global-legacy-color-light: #FBFBFB;
  --global-legacy-color-dark: #333333;
  --global-legacy-color-dark-700: #656565;
  --global-legacy-color-offWhite-300: #E6E5E3;
  --global-legacy-color-offWhite-700: #D7D4CF;
  --global-legacy-color-gray-300: #E1E1E1;
  --global-legacy-color-gray-500: #979797;
  --global-legacy-color-green-50: #E8F8E8;
  --global-legacy-color-green-100: #DAECD8;
  --global-legacy-color-green-600: #2EA271;
  --global-legacy-color-green-900: #257654;
  --global-legacy-color-red-300: #EFD3CE;
  --global-legacy-color-red-600: #D43C3C;
  --global-legacy-color-red-900: #B60505;
  --global-legacy-color-orange-100: #FCEECB;
  --global-legacy-color-orange-900: #948501;
  --global-legacy-color-tone-brand: #53E58F;
  --global-legacy-color-tone-brand-surface: var(--global-legacy-color-tone-brand);
  --global-legacy-color-tone-brand-surface-text: #333333;
  --global-legacy-color-tone-brand-text: color-mix(in srgb, var(--global-legacy-color-tone-brand), black 30%);
  --global-legacy-color-tone-brand-text-surface: color-mix(in srgb, var(--global-legacy-color-tone-brand), white 90%);
  --global-legacy-color-tone-brand-text-border: var(--global-legacy-color-tone-brand-text);
  --global-legacy-color-tone-primary: #5C75F9;
  --global-legacy-color-tone-primary-surface: var(--global-legacy-color-tone-primary);
  --global-legacy-color-tone-primary-surface-text: var(--global-color-white);
  --global-legacy-color-tone-primary-text: color-mix(in srgb, var(--global-legacy-color-tone-primary), black 20%);
  --global-legacy-color-tone-primary-text-surface: color-mix(in srgb, var(--global-legacy-color-tone-primary), white 90%);
  --global-legacy-color-tone-primary-text-border: var(--global-legacy-color-tone-primary-text);
  --global-legacy-color-tone-secondary: var(--global-color-black);
  --global-legacy-color-tone-secondary-surface: #eae6e1;
  --global-legacy-color-tone-secondary-surface-text: #555555;
  --global-legacy-color-tone-secondary-text: color-mix(in srgb, var(--global-legacy-color-tone-secondary), black 20%);
  --global-legacy-color-tone-secondary-text-surface: color-mix(in srgb, var(--global-legacy-color-tone-secondary), white 90%);
  --global-legacy-color-tone-secondary-text-border: #AAAAAA;
  --global-legacy-color-tone-dark: #333333;
  --global-legacy-color-tone-dark-surface: var(--global-legacy-color-tone-dark);
  --global-legacy-color-tone-dark-surface-text: var(--global-color-white);
  --global-legacy-color-tone-dark-text: var(--global-legacy-color-tone-dark);
  --global-legacy-color-tone-dark-text-surface: var(--global-color-white);
  --global-legacy-color-tone-dark-text-border: var(--global-legacy-color-tone-dark-text);
  --global-legacy-color-tone-light: #FFFFFF;
  --global-legacy-color-tone-light-surface: var(--global-legacy-color-tone-light);
  --global-legacy-color-tone-light-surface-text: var(--global-color-black);
  --global-legacy-color-tone-light-text: var(--global-color-black);
  --global-legacy-color-tone-light-text-surface: var(--global-legacy-color-tone-light);
  --global-legacy-color-tone-light-text-border: var(--global-legacy-color-tone-light-text);
  --global-legacy-color-tone-neutral: var(--global-color-black);
  --global-legacy-color-tone-neutral-surface-text: #222222;
  --global-legacy-color-tone-neutral-text: var(--global-legacy-color-tone-dark);
  --global-legacy-color-tone-neutral-text-surface: var(--global-color-white);
  --global-legacy-color-tone-neutral-text-border: #C2BCB2;
  --global-legacy-color-tone-failure: var(--global-legacy-color-red-600);
  --global-legacy-color-tone-failure-surface: var(--global-legacy-color-tone-failure);
  --global-legacy-color-tone-failure-surface-text: var(--global-color-white);
  --global-legacy-color-tone-failure-text: var(--global-legacy-color-red-900);
  --global-legacy-color-tone-failure-text-surface: var(--global-legacy-color-red-300);
  --global-legacy-color-tone-failure-text-border: var(--global-legacy-color-tone-failure-text);
  --global-legacy-color-tone-success: var(--global-legacy-color-green-600);
  --global-legacy-color-tone-success-surface: var(--global-legacy-color-tone-success);
  --global-legacy-color-tone-success-surface-text: var(--global-color-white);
  --global-legacy-color-tone-success-text: var(--global-legacy-color-green-900);
  --global-legacy-color-tone-success-text-surface: var(--global-legacy-color-green-50);
  --global-legacy-color-tone-success-text-border: var(--global-legacy-color-tone-success-text);
  --global-color-shadow-overlay: light-dark(color-mix(in srgb, var(--global-color-kurimu-900) 20%, transparent), color-mix(in srgb, var(--global-color-gray-1100) 60%, transparent));
  --global-focus-ring-color: var(--global-legacy-color-tone-brand);
  --global-legacy-radius-sharp: 0.1em;
  --global-legacy-radius-soft: 0.4em;
  --global-legacy-radius-round: 10em;
  --global-radius-small: 0.3125rem;
  --global-radius-medium: 0.625rem;
  --global-radius-large: 1.25rem;
  --global-font-family-text: serif;
  --global-font-family-heading: cursive;
  --global-font-family-button: fantasy;
  --global-ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --global-page-horizontal-spacing: 1.25rem;
  --global-page-vertical-spacing: var(--global-page-horizontal-spacing);
}
@media (min-width: 44rem) {
  :root {
    --global-page-horizontal-spacing: 2.5rem;
  }
}

:root {
  color-scheme: light;
}