/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Button.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Button_wrapper__FJtU_ {
  --Button-backgroundColor: transparent;
  --Button-textColor: inherit;
  --Button-borderColor: transparent;
  --Button-shadow-rest: none;
  --Button-shadow-pressed: none;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: baseline;
  line-height: var(--global-lineHeight);
  text-align: center;
  justify-content: center;
  color: var(--Button-textColor);
}
.Button_wrapper__FJtU_.Button_is_loading__8lNX_ .Button_iconStart__Dp8Bu,
.Button_wrapper__FJtU_.Button_is_loading__8lNX_ .Button_iconEnd__M9yKK,
.Button_wrapper__FJtU_.Button_is_loading__8lNX_ .Button_caption__DswI8 {
  visibility: hidden;
  opacity: 0;
}
.Button_wrapper__FJtU_.Button_is_loading__8lNX_.Button_is_size_xs__SkjNz .Button_loaderDot__f0KRB, .Button_wrapper__FJtU_.Button_is_loading__8lNX_.Button_is_size_s__F2wOl .Button_loaderDot__f0KRB, .Button_wrapper__FJtU_.Button_is_loading__8lNX_.Button_is_size_m__mdpO9 .Button_loaderDot__f0KRB, .Button_wrapper__FJtU_.Button_is_loading__8lNX_.Button_is_size_l__jKX1u .Button_loaderDot__f0KRB {
  width: 0.375rem;
}
.Button_wrapper__FJtU_.Button_is_loading__8lNX_.Button_is_size_xl__cG6NR .Button_loaderDot__f0KRB {
  width: 0.75rem;
}
.Button_wrapper__FJtU_.Button_is_fullWidth__6Si6y {
  width: 100%;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1 {
  --Button-textColor: var(--global-color-text-inverse);
  background-color: var(--Button-backgroundColor);
  color-scheme: light;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:disabled.Button_is_tone_default__9qrvy, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:disabled.Button_is_tone_critical__pNofI, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:disabled.Button_is_tone_attention__kGD5K {
  --Button-backgroundColor: var(--global-color-fill-primary-disabled);
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled)::after {
  visibility: hidden;
  opacity: 0;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled)::before, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled)::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: var(--Button-shadow-rest);
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled):active::before, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_forcePressed__i3UO_::before {
  visibility: hidden;
  opacity: 0;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled):active::after, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_forcePressed__i3UO_::after {
  visibility: initial;
  opacity: 1;
  box-shadow: var(--Button-shadow-pressed);
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_default__9qrvy {
  --Button-backgroundColor: var(--global-color-fill-primary);
  --Button-shadow-rest: 0rem -0.25rem 0.125rem 0rem light-dark(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.12)) inset, 0rem 0.0625rem 0.125rem 0rem light-dark(rgba(251, 251, 251, 0.70), rgba(255, 255, 255, 0.50)) inset, 0rem 0.125rem 0.25rem 0rem light-dark(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.08)) inset;
  --Button-shadow-pressed: 0rem -0.25rem 0.625rem 0rem light-dark(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.15)) inset, 0rem 0.3125rem 0.125rem 0rem light-dark(rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.20)) inset;
}
@media (hover: hover) {
  .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_default__9qrvy:hover {
    --Button-backgroundColor: var(--global-color-fill-primary-hover);
  }
  .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_default__9qrvy:active:hover, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_default__9qrvy.Button_is_forcePressed__i3UO_:hover {
    --Button-backgroundColor: var(--global-color-fill-primary-active);
  }
}
@media (hover: none) {
  .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_default__9qrvy:active, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_default__9qrvy.Button_is_forcePressed__i3UO_ {
    --Button-backgroundColor: var(--global-color-fill-primary-active);
  }
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_critical__pNofI {
  --Button-backgroundColor: var(--global-color-fill-primary-critical);
  --Button-shadow-rest: 0rem -0.25rem 0.125rem 0rem light-dark(#C1063B, rgba(0, 0, 0, 0.12)) inset, 0rem 0.0625rem 0.125rem 0rem light-dark(rgba(251, 251, 251, 0.70), rgba(255, 255, 255, 0.08)) inset, 0rem 0.125rem 0.25rem 0rem light-dark(#D70242, rgba(0, 0, 0, 0.08)) inset;
  --Button-shadow-pressed: 0rem -0.25rem 0.625rem 0rem light-dark(#A50733, rgba(0, 0, 0, 0.15)) inset, 0rem 0.3125rem 0.125rem 0rem light-dark(#8E092D, rgba(0, 0, 0, 0.12)) inset;
}
@media (hover: hover) {
  .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_critical__pNofI:hover {
    --Button-backgroundColor: var(--global-color-fill-primary-critical-hover);
  }
  .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_critical__pNofI:active:hover, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_critical__pNofI.Button_is_forcePressed__i3UO_:hover {
    --Button-backgroundColor: var(--global-color-fill-primary-critical-active);
  }
}
@media (hover: none) {
  .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_critical__pNofI:active, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_critical__pNofI.Button_is_forcePressed__i3UO_ {
    --Button-backgroundColor: var(--global-color-fill-primary-critical-active);
  }
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_attention__kGD5K {
  --Button-backgroundColor: var(--global-color-fill-primary-attention);
  --Button-shadow-rest: 0rem -0.25rem 0.125rem 0rem light-dark(var(--global-color-blue-700), rgba(0, 0, 0, 0.12)) inset, 0rem 0.0625rem 0.125rem 0rem light-dark(rgba(251, 251, 251, 0.70), rgba(255, 255, 255, 0.10)) inset, 0rem 0.125rem 0.25rem 0rem light-dark(var(--global-color-blue-600), rgba(0, 0, 0, 0.08)) inset;
  --Button-shadow-pressed: 0rem -0.25rem 0.625rem 0rem light-dark(var(--global-color-blue-500), rgba(0, 0, 0, 0.15)) inset, 0rem 0.3125rem 0.125rem 0rem light-dark(var(--global-color-blue-800), rgba(0, 0, 0, 0.12)) inset;
}
@media (hover: hover) {
  .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_attention__kGD5K:hover {
    --Button-backgroundColor: var(--global-color-fill-primary-attention-hover);
  }
  .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_attention__kGD5K:active:hover, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_attention__kGD5K.Button_is_forcePressed__i3UO_:hover {
    --Button-backgroundColor: var(--global-color-fill-primary-attention-active);
  }
}
@media (hover: none) {
  .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_attention__kGD5K:active, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_tone_attention__kGD5K.Button_is_forcePressed__i3UO_ {
    --Button-backgroundColor: var(--global-color-fill-primary-attention-active);
  }
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_size_xs__SkjNz::before, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_size_xs__SkjNz::after, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_size_s__F2wOl::before, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_size_s__F2wOl::after, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_size_m__mdpO9::before, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_size_m__mdpO9::after, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_size_l__jKX1u::before, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_size_l__jKX1u::after {
  border-radius: 0.5625rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_size_xl__cG6NR::before, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:not(:disabled).Button_is_size_xl__cG6NR::after {
  border-radius: 0.875rem;
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5 {
  border: 0.0625rem solid var(--Button-borderColor);
  background-color: var(--Button-backgroundColor);
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:disabled.Button_is_tone_default__9qrvy, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:disabled.Button_is_tone_attention__kGD5K, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:disabled.Button_is_tone_critical__pNofI {
  --Button-backgroundColor: var(--global-color-fill-secondary-disabled);
  --Button-textColor: var(--global-color-text-disabled);
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled) {
  --Button-borderColor: var(--global-color-border-secondary);
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled)::after {
  visibility: hidden;
  opacity: 0;
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled)::before, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled)::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: var(--Button-shadow-rest);
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled):active::before, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_forcePressed__i3UO_::before {
  visibility: hidden;
  opacity: 0;
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled):active::after, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_forcePressed__i3UO_::after {
  visibility: initial;
  opacity: 1;
  box-shadow: var(--Button-shadow-pressed);
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_default__9qrvy {
  --Button-textColor: var(--global-color-text-secondary);
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_critical__pNofI {
  --Button-textColor: var(--global-color-text-secondary-critical);
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_attention__kGD5K {
  --Button-borderColor: transparent;
  --Button-textColor: var(--global-color-text-primary);
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_default__9qrvy, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_critical__pNofI {
  --Button-backgroundColor: var(--global-color-fill-secondary);
  --Button-borderColor: light-dark(var(--global-color-kurimu-500), var(--global-color-kurimu-800));
  --Button-shadow-rest: 0rem 0.125rem 0.125rem 0rem light-dark(var(--global-color-kurimu-600), rgba(0, 0, 0, 0.40));
  --Button-shadow-pressed: 0rem -0.25rem 0.625rem 0rem light-dark(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.12)) inset, 0rem 0.25rem 0.125rem 0rem light-dark(var(--global-color-kurimu-600), rgba(0, 0, 0, 0.30)) inset;
}
@media (hover: hover) {
  .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_default__9qrvy:active:hover, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_default__9qrvy.Button_is_forcePressed__i3UO_:hover, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_critical__pNofI:active:hover, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_critical__pNofI.Button_is_forcePressed__i3UO_:hover {
    --Button-backgroundColor: var(--global-color-fill-secondary);
  }
  .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_default__9qrvy:hover, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_critical__pNofI:hover {
    --Button-backgroundColor: var(--global-color-fill-secondary-hover);
  }
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_attention__kGD5K {
  --Button-backgroundColor: var(--global-color-surface-tertiary);
}
@media (hover: hover) {
  .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_attention__kGD5K:active:hover, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_attention__kGD5K.Button_is_forcePressed__i3UO_:hover {
    --Button-backgroundColor: var(--global-color-surface-tertiary);
  }
  .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_tone_attention__kGD5K:hover {
    --Button-backgroundColor: var(--global-color-surface-tertiary-hover);
  }
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_size_xs__SkjNz::before, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_size_xs__SkjNz::after, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_size_s__F2wOl::before, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_size_s__F2wOl::after, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_size_m__mdpO9::before, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_size_m__mdpO9::after, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_size_l__jKX1u::before, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_size_l__jKX1u::after {
  border-radius: 0.5625rem;
}
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_size_xl__cG6NR::before, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:not(:disabled).Button_is_size_xl__cG6NR::after {
  border-radius: 0.875rem;
}
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_ {
  background-color: var(--Button-backgroundColor);
}
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:disabled.Button_is_tone_default__9qrvy, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:disabled.Button_is_tone_attention__kGD5K, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:disabled.Button_is_tone_critical__pNofI {
  --Button-textColor: var(--global-color-text-disabled);
}
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_default__9qrvy {
  --Button-textColor: var(--global-color-text-secondary);
}
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_attention__kGD5K {
  --Button-textColor: var(--global-color-text-secondary-attention);
}
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_critical__pNofI {
  --Button-textColor: var(--global-color-text-secondary-critical);
}
@media (hover: hover) {
  .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_critical__pNofI:hover {
    --Button-textColor: var(--global-color-text-primary-critical);
  }
}
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_critical__pNofI:active, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_critical__pNofI.Button_is_forcePressed__i3UO_ {
  --Button-textColor: var(--global-color-text-primary-critical);
}
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_critical__pNofI:focus-visible {
  --Button-textColor: var(--global-color-text-secondary-critical);
}
@media (hover: hover) {
  .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_default__9qrvy:hover, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_attention__kGD5K:hover, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_critical__pNofI:hover {
    --Button-backgroundColor: var(--global-color-surface-tertiary-hover);
  }
}
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_default__9qrvy:active, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_default__9qrvy.Button_is_forcePressed__i3UO_, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_attention__kGD5K:active, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_attention__kGD5K.Button_is_forcePressed__i3UO_, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_critical__pNofI:active, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:not(:disabled).Button_is_tone_critical__pNofI.Button_is_forcePressed__i3UO_ {
  --Button-backgroundColor: var(--global-color-surface-tertiary-active);
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_ {
  font-weight: 700;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:active:not(:disabled) .Button_caption__DswI8,
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:active:not(:disabled) .Button_iconStart__Dp8Bu,
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:active:not(:disabled) .Button_iconEnd__M9yKK, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_forcePressed__i3UO_:not(:disabled) .Button_caption__DswI8,
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_forcePressed__i3UO_:not(:disabled) .Button_iconStart__Dp8Bu,
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_forcePressed__i3UO_:not(:disabled) .Button_iconEnd__M9yKK, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:active:not(:disabled) .Button_caption__DswI8,
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:active:not(:disabled) .Button_iconStart__Dp8Bu,
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:active:not(:disabled) .Button_iconEnd__M9yKK, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_forcePressed__i3UO_:not(:disabled) .Button_caption__DswI8,
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_forcePressed__i3UO_:not(:disabled) .Button_iconStart__Dp8Bu,
.Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_forcePressed__i3UO_:not(:disabled) .Button_iconEnd__M9yKK, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:active:not(:disabled) .Button_caption__DswI8,
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:active:not(:disabled) .Button_iconStart__Dp8Bu,
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:active:not(:disabled) .Button_iconEnd__M9yKK, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_forcePressed__i3UO_:not(:disabled) .Button_caption__DswI8,
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_forcePressed__i3UO_:not(:disabled) .Button_iconStart__Dp8Bu,
.Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_forcePressed__i3UO_:not(:disabled) .Button_iconEnd__M9yKK {
  translate: 0 0.125rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_xs__SkjNz, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_xs__SkjNz, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_xs__SkjNz {
  font-size: 0.8125rem;
  padding: 0.25rem 0.5rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_xs__SkjNz:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_xs__SkjNz:has(.Button_iconEnd__M9yKK:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_xs__SkjNz:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_xs__SkjNz:has(.Button_iconEnd__M9yKK:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_xs__SkjNz:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_xs__SkjNz:has(.Button_iconEnd__M9yKK:only-child) {
  padding: 0.25rem;
  font-size: 1rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_s__F2wOl, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_s__F2wOl, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_s__F2wOl {
  font-size: 0.875rem;
  padding: 0.4375rem 0.625rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_s__F2wOl:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_s__F2wOl:has(.Button_iconEnd__M9yKK:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_s__F2wOl:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_s__F2wOl:has(.Button_iconEnd__M9yKK:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_s__F2wOl:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_s__F2wOl:has(.Button_iconEnd__M9yKK:only-child) {
  padding: 0.4375rem;
  font-size: 1.25rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_m__mdpO9, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_m__mdpO9, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_m__mdpO9 {
  font-size: 1rem;
  padding: 0.625rem 0.875rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_m__mdpO9:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_m__mdpO9:has(.Button_iconEnd__M9yKK:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_m__mdpO9:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_m__mdpO9:has(.Button_iconEnd__M9yKK:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_m__mdpO9:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_m__mdpO9:has(.Button_iconEnd__M9yKK:only-child) {
  padding: 0.6875rem;
  font-size: 1.25rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_l__jKX1u, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_l__jKX1u, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_l__jKX1u {
  font-size: 1rem;
  padding: 0.875rem 1.25rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_l__jKX1u:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_l__jKX1u:has(.Button_iconEnd__M9yKK:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_l__jKX1u:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_l__jKX1u:has(.Button_iconEnd__M9yKK:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_l__jKX1u:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_l__jKX1u:has(.Button_iconEnd__M9yKK:only-child) {
  padding: 0.3125rem;
  font-size: 2.5rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_xl__cG6NR, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_xl__cG6NR, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_xl__cG6NR {
  font-size: 1.25rem;
  padding: 1.25rem 2.25rem;
  border-radius: 0.9375rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_xl__cG6NR:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_xl__cG6NR:has(.Button_iconEnd__M9yKK:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_xl__cG6NR:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_xl__cG6NR:has(.Button_iconEnd__M9yKK:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_xl__cG6NR:has(.Button_iconStart__Dp8Bu:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_xl__cG6NR:has(.Button_iconEnd__M9yKK:only-child) {
  padding: 0.875rem;
  font-size: 2.5rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_xs__SkjNz, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_s__F2wOl, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_m__mdpO9, .Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1.Button_is_size_l__jKX1u, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_xs__SkjNz, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_s__F2wOl, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_m__mdpO9, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5.Button_is_size_l__jKX1u, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_xs__SkjNz, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_s__F2wOl, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_m__mdpO9, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_.Button_is_size_l__jKX1u {
  border-radius: 0.625rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1 .Button_iconStart__Dp8Bu:not(:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5 .Button_iconStart__Dp8Bu:not(:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_ .Button_iconStart__Dp8Bu:not(:only-child) {
  margin-right: 0.25rem;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1 .Button_iconEnd__M9yKK:not(:only-child), .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5 .Button_iconEnd__M9yKK:not(:only-child), .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_ .Button_iconEnd__M9yKK:not(:only-child) {
  margin-left: 0.25rem;
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw {
  font-size: 0.875rem;
  font-weight: 600;
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:disabled {
  --Button-textColor: var(--global-color-text-disabled);
}
@media (hover: hover) {
  .Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled):hover .Button_caption__DswI8::after {
    visibility: initial;
    opacity: 1;
  }
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_default__9qrvy, .Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_default__9qrvy:hover {
  --Button-textColor: var(--shared-Color-text-primary, var(--global-color-text-secondary-attention));
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_default__9qrvy:active, .Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_default__9qrvy.Button_is_forcePressed__i3UO_ {
  --Button-textColor: var(--shared-Color-text-primary, var(--global-color-text-primary-attention));
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_critical__pNofI {
  --Button-textColor: var(--global-color-text-secondary-critical);
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_critical__pNofI:hover {
  --Button-textColor: var(--global-color-text-secondary-critical);
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_critical__pNofI:active, .Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_critical__pNofI.Button_is_forcePressed__i3UO_ {
  --Button-textColor: var(--global-color-text-primary-critical);
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_attention__kGD5K {
  --Button-textColor: var(--global-color-text-tertiary);
}
@media (hover: hover) {
  .Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_attention__kGD5K:hover {
    --Button-textColor: var(--global-color-text-secondary);
  }
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_attention__kGD5K:active, .Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:not(:disabled).Button_is_tone_attention__kGD5K.Button_is_forcePressed__i3UO_ {
  --Button-textColor: var(--global-color-text-primary);
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw .Button_iconStart__Dp8Bu {
  margin-right: 0.125rem;
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw .Button_iconEnd__M9yKK {
  margin-left: 0.125rem;
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw .Button_caption__DswI8 {
  position: relative;
}
.Button_wrapper__FJtU_.Button_is_variant_plain__nTufw .Button_caption__DswI8::after {
  content: "";
  height: 0.0625rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  visibility: hidden;
  opacity: 0;
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:focus-visible, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:focus-visible, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:focus-visible, .Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.25rem var(--global-color-border-primary);
}
.Button_wrapper__FJtU_.Button_is_variant_primary__Rfwi1:disabled, .Button_wrapper__FJtU_.Button_is_variant_secondary__VVE_5:disabled, .Button_wrapper__FJtU_.Button_is_variant_tertiary__svfN_:disabled, .Button_wrapper__FJtU_.Button_is_variant_plain__nTufw:disabled {
  cursor: not-allowed;
}

.Button_iconStart__Dp8Bu,
.Button_iconEnd__M9yKK {
  display: flex;
  align-self: center;
  flex-shrink: 0;
}
.Button_iconStart__Dp8Bu:not(:only-child),
.Button_iconEnd__M9yKK:not(:only-child) {
  font-size: 1.25rem;
}
.Button_iconStart__Dp8Bu:only-child,
.Button_iconEnd__M9yKK:only-child {
  justify-content: center;
  min-width: 1em;
  height: 1em;
}

.Button_loader__rXwXx {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  gap: 0.1875rem;
}

.Button_loaderDot__f0KRB {
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: currentColor;
  animation: Button_bounce__idCDQ 0.8s infinite ease-in-out;
}
.Button_loaderDot__f0KRB:nth-child(1) {
  animation-delay: 0s;
}
.Button_loaderDot__f0KRB:nth-child(2) {
  animation-delay: 0.1s;
}
.Button_loaderDot__f0KRB:nth-child(3) {
  animation-delay: 0.2s;
}
@keyframes Button_bounce__idCDQ {
  10% {
    transform: translateY(-0.1875rem);
  }
  0%, 40% {
    transform: translateY(0);
  }
}

.Button_caption__DswI8 {
  align-self: center;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/tertiary-button-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;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/legacy-ui/LoadingSpinner.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LoadingSpinner_wrapper__KoEqB {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  opacity: 0;
  transition: opacity ease-in-out 0.5s;
  pointer-events: none;
}
.LoadingSpinner_wrapper__KoEqB.LoadingSpinner_is_visible__ismgJ {
  opacity: 1;
}

.LoadingSpinner_wrapper__KoEqB div {
  animation: LoadingSpinner_wrapper__KoEqB 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 0.5em 0.5em;
}

.LoadingSpinner_wrapper__KoEqB div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 0.0875em;
  height: 0.0875em;
  border-radius: 50%;
  background: currentColor;
  margin: -0.05em 0 0 -0.05em;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(1) {
  animation-delay: -0.036s;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(1):after {
  top: 0.7875em;
  left: 0.7875em;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(2) {
  animation-delay: -0.072s;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(2):after {
  top: 0.85em;
  left: 0.7em;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(3) {
  animation-delay: -0.108s;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(3):after {
  top: 0.8875em;
  left: 0.6em;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(4) {
  animation-delay: -0.144s;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(4):after {
  top: 0.9em;
  left: 0.5em;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(5) {
  animation-delay: -0.18s;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(5):after {
  top: 0.8875em;
  left: 0.4em;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(6) {
  animation-delay: -0.216s;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(6):after {
  top: 0.85em;
  left: 0.3em;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(7) {
  animation-delay: -0.252s;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(7):after {
  top: 0.7875em;
  left: 0.2125em;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(8) {
  animation-delay: -0.288s;
}

.LoadingSpinner_wrapper__KoEqB div:nth-child(8):after {
  top: 0.7em;
  left: 0.15em;
}

@keyframes LoadingSpinner_wrapper__KoEqB {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Modal.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes Modal_modal-fade___J5V3 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Modal_modal-zoom__U3FRm {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
.Modal_wrapper__JEEgf {
  --shared-Modal-gutters-top: 0;
  --shared-Modal-gutters-bottom: 0;
  --shared-Modal-gutters-left: 0;
  --shared-Modal-gutters-right: 0;
  container-name: root;
  container-type: inline-size;
  display: grid;
  -webkit-overflow-scrolling: touch;
  background-color: var(--global-color-shadow-overlay);
}
@media not print {
  .Modal_wrapper__JEEgf {
    --shared-Modal-gutters-left: calc(0.625rem + var(--global-safeAreaInsets-left, env(safe-area-inset-left, 0px)));
    --shared-Modal-gutters-right: calc(0.625rem + var(--global-safeAreaInsets-right, env(safe-area-inset-right, 0px)));
    --shared-Modal-gutters-top: calc(0.625rem + var(--global-safeAreaInsets-top, env(safe-area-inset-top, 0px)));
    --shared-Modal-gutters-bottom: calc(0.625rem + var(--global-safeAreaInsets-bottom, env(safe-area-inset-bottom, 0px)));
    position: fixed;
    inset: 0 0 auto;
    height: var(--visual-viewport-height, 100dvh);
    transform: translateZ(0);
    overflow-y: scroll;
    z-index: 1;
  }
}
@media not print and (width >= 31.25rem) {
  .Modal_wrapper__JEEgf {
    --shared-Modal-gutters-left: calc(2rem + var(--global-safeAreaInsets-left, env(safe-area-inset-left, 0px)));
    --shared-Modal-gutters-right: calc(2rem + var(--global-safeAreaInsets-right, env(safe-area-inset-right, 0px)));
    --shared-Modal-gutters-top: calc(2.5rem + var(--global-safeAreaInsets-top, env(safe-area-inset-top, 0px)));
    --shared-Modal-gutters-bottom: calc(2.5rem + var(--global-safeAreaInsets-bottom, env(safe-area-inset-bottom, 0px)));
  }
}
.Modal_wrapper__JEEgf[data-entering] {
  animation: Modal_modal-fade___J5V3 200ms;
}
.Modal_wrapper__JEEgf[data-exiting] {
  animation: Modal_modal-fade___J5V3 150ms reverse ease-in;
  overflow-y: hidden;
}
.Modal_wrapper__JEEgf.Modal_is_alwaysOnTop__jBN40 {
  z-index: 100001;
}

.Modal_modal__TJevs {
  display: grid;
  width: 100%;
  min-height: 100%;
  pointer-events: none;
}

.Modal_dialog__D524J {
  display: grid;
  grid-template-rows: var(--shared-Modal-gutters-top) 1fr var(--shared-Modal-gutters-bottom);
  padding-inline: var(--shared-Modal-gutters-left) var(--shared-Modal-gutters-right);
  min-height: 100%;
}
.Modal_dialog__D524J::before, .Modal_dialog__D524J::after {
  content: "";
  display: block;
  width: 100%;
  height: var(--shared-Modal-gutters-top);
}
.Modal_dialog__D524J::after {
  height: var(--shared-Modal-gutters-bottom);
}
.Modal_dialog__D524J:not(:focus-visible) {
  outline: none;
}
.Modal_is_verticalAlign_top__Lw0cw .Modal_dialog__D524J {
  place-items: start center;
}
.Modal_is_verticalAlign_center__1dY0p .Modal_dialog__D524J {
  place-items: center;
}

.Modal_content__svChX {
  display: contents;
  pointer-events: auto;
}

.Modal_loader___SWVA {
  font-size: 4rem;
  display: flex;
  justify-content: center;
  pointer-events: none;
}