@team_yumi/ramen 1.2.3-next.20250305-b8161f3-dff3626c1fd27ce13098cb894e51e95b → 1.2.3-next.20250528-8befd78-8103cf162f7d90533fc4feb49fff6548

package/index.css

@@ -2577,6 +2577,197 @@ body {
   display: block;
 }
 
+/* CSS FOR XCALENDAR */
+.root-module_xdatepicker__UvL1n {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 1;
+  letter-spacing: -0.05em;
+  background: #ffffff;
+  overflow: hidden;
+  color: #000;
+  border: 1px solid #f5f5f5;
+  border-radius: 16px;
+  /* padding: 24px 16px; */
+}
+
+.root-module_xdatepicker__UvL1n.root-module_xdatepicker__solid__u3h-J {
+  border: 1px solid #f5f5f5;
+}
+
+.root-module_xdatepicker__UvL1n.root-module_xdatepicker__shadow__LtMdu {
+  border: none;
+}
+
+.root-module_xdatepicker__UvL1n.root-module_xdatepicker__none__FCjnU {
+  border: none;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__header__U-sQd {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  min-height: 72px;
+  max-height: 72px;
+  /* border-bottom: 1px solid #f5f5f5; */
+  padding: 0 16px;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__container__njyNj {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
+  min-width: 290px;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__container__njyNj.root-module_dc__container__rangeDouble__TSYvE {
+  min-width: calc(290px * 2);
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__header__U-sQd .root-module_dc__nav-prev-month__oCXy0,
+.root-module_xdatepicker__UvL1n .root-module_dc__header__U-sQd .root-module_dc__nav-next-month__8brVT {
+  min-width: 32px;
+  max-width: 32px;
+  min-height: 32px;
+  max-height: 32px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__header__U-sQd .root-module_dc__nav-prev-month__oCXy0 svg path,
+.root-module_xdatepicker__UvL1n .root-module_dc__header__U-sQd .root-module_dc__nav-next-month__8brVT svg path {
+  height: 12.5px;
+  width: 7.5px;
+  fill: #5c5c5c;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__header__U-sQd .root-module_dc__nav-month-year__AK2KU {
+  display: flex;
+  gap: 8px;
+  font-weight: 700;
+  font-size: 20px;
+  cursor: pointer;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5 {
+  height: 0;
+  background: #ffffff;
+  overflow: hidden;
+  transform: translateY(50%);
+  transition: all 0.1s linear;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5.root-module_opened__cVtdb {
+  transform: translateY(0);
+  height: auto;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5 .root-module_dc__row__Sa3Y3 {
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  gap: 5px;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5 .root-module_dc__row__Sa3Y3 .root-module_dc__tile__pRa4O,
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5 .root-module_dc__row__Sa3Y3 .root-module_dc__large-tile__AjGgc {
+  background: #ffffff;
+  padding: 0;
+  margin: 0;
+  color: #000;
+  font-size: 14px;
+  font-weight: 600;
+  border-radius: 8px;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5 .root-module_dc__row__Sa3Y3 .root-module_dc__tile__pRa4O:disabled,
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5 .root-module_dc__row__Sa3Y3 .root-module_dc__large-tile__AjGgc:disabled {
+  color: #999999;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5 .root-module_dc__row__Sa3Y3 .root-module_dc__tile__pRa4O.root-module_dc__active__HnIYC,
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5 .root-module_dc__row__Sa3Y3 .root-module_dc__large-tile__AjGgc.root-module_dc__active__HnIYC {
+  color: var(--primary-color-contrast, #ffffff);
+  background: var(--primary-color, #000000);
+  font-weight: 700;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5 .root-module_dc__row__Sa3Y3 .root-module_dc__tile__pRa4O.root-module_dc__range__48x0a,
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5 .root-module_dc__row__Sa3Y3 .root-module_dc__large-tile__AjGgc.root-module_dc__range__48x0a {
+  background: #f5f5f5;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__content__xrCU5 .root-module_dc__row__Sa3Y3 .root-module_dc__large-tile__AjGgc {
+  flex: 1 31%;
+  width: 100%;
+  min-height: 45px;
+  max-height: 45px;
+  margin: 0;
+  padding: 16px 8px;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__days-content__YEn3G.root-module_opened__cVtdb {
+  padding: 24px 16px 16px;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__days-content__YEn3G .root-module_dc__days-row__904bW .root-module_dc__day-tile__YkmKh {
+  border: 0;
+  min-width: 32px;
+  max-width: 32px;
+  min-height: 32px;
+  max-height: 32px;
+  cursor: pointer;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__days-content__YEn3G .root-module_dc__days-row__904bW .root-module_dc__day-tile__YkmKh:disabled {
+  color: #999999;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__days-content__YEn3G .root-module_dc__days-row__904bW .root-module_dc__day-tile__YkmKh.root-module_dc__active__HnIYC {
+  color: var(--primary-color-contrast, #ffffff);
+  background: var(--primary-color, #000000);
+  font-weight: 700;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__days-content__YEn3G .root-module_dc__days-row__904bW .root-module_dc__weekday_name__2-YJ4 {
+  color: #000000;
+  font-weight: 600;
+  font-size: 14px;
+  min-height: auto;
+  max-height: auto;
+  padding-bottom: 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__months-content__glf0d.root-module_opened__cVtdb {
+  padding: 24px 16px 16px;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__months-content__glf0d.root-module_opened__cVtdb .root-module_dc__large-tile__AjGgc {
+  border: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__years-content__8uZq5.root-module_opened__cVtdb {
+  padding: 24px 16px 16px;
+}
+
+.root-module_xdatepicker__UvL1n .root-module_dc__years-content__8uZq5.root-module_opened__cVtdb .root-module_dc__large-tile__AjGgc {
+  border: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+
 .root-module_x-textarea__of1mo {
   display: flex;
   flex-direction: column;
@@ -2607,103 +2798,378 @@ body {
   padding: 9px var(--xbox-padding-m);
 }
 
-.root-module_x-textarea__of1mo:hover .root-module_x-textarea__content__HzYvt {
-  box-shadow: 0 3px 8px -1px rgba(24, 39, 75, 0.08);
+.root-module_x-textarea__of1mo:hover .root-module_x-textarea__content__HzYvt {
+  box-shadow: 0 3px 8px -1px rgba(24, 39, 75, 0.08);
+}
+
+.root-module_x-textarea__of1mo:not(.root-module_x-textarea--has-error__u3sYQ).root-module_x-textarea__of1mo:focus-within .root-module_x-textarea__content__HzYvt {
+  background: linear-gradient(white, white) padding-box, var(--primary-color-border-input, #000000) border-box;
+  border: 1px solid transparent;
+}
+
+.root-module_x-textarea__subcontent__Pq3VE {
+  margin-right: var(--xbox-padding-xs);
+  color: var(--color-neutral-medium);
+  display: flex;
+  justify-content: space-between;
+  padding: var(--xbox-padding-xs) 0px;
+}
+
+.root-module_x-textarea__count__wbjds {
+  position: absolute;
+  bottom: -24px;
+  right: 0;
+  margin-left: auto;
+  font-size: 12px;
+  color: var(--color-neutral-medium);
+}
+
+.root-module_x-textarea__content__HzYvt > textarea {
+  border: none;
+  padding: 0px;
+  height: var(--xbox-size-10);
+  font-size: var(--xtext-size-10);
+  font-weight: var(--xtext-weight-normal);
+  -webkit-font-smoothing: antialiased;
+  letter-spacing: -0.8px;
+  line-height: 100%;
+  background: transparent;
+  width: 100%;
+  resize: none;
+  height: 96px;
+}
+
+.root-module_x-textarea__content__HzYvt > textarea:focus {
+  outline: none;
+}
+
+.root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea {
+  height: var(--xbox-size-12);
+  font-size: var(--xtext-size-11);
+}
+
+.root-module_x-textarea__content__HzYvt > textarea::-moz-placeholder {
+  font-size: var(--xtext-size-10);
+  color: var(--color-neutral-dim);
+  -webkit-font-smoothing: antialiased;
+  letter-spacing: var(--xtext-letterspacing);
+}
+
+.root-module_x-textarea__content__HzYvt > textarea::placeholder {
+  font-size: var(--xtext-size-10);
+  color: var(--color-neutral-dim);
+  -webkit-font-smoothing: antialiased;
+  letter-spacing: var(--xtext-letterspacing);
+}
+
+.root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea::-moz-placeholder {
+  font-size: var(--xtext-size-11);
+}
+
+.root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea::placeholder {
+  font-size: var(--xtext-size-11);
+}
+
+.root-module_x-form-item__fE4Jw {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  width: 100%;
+  text-align: left;
+  gap: var(--xbox-padding-xs);
+}
+
+.root-module_x-form-item__caption__MhNSq,
+.root-module_x-form-item__error__0voIU {
+  display: flex;
+  align-items: center;
+  gap: var(--xbox-padding-xs);
+  color: var(--color-neutral-medium);
+}
+
+.root-module_x-form-item__caption__MhNSq div:first-child,
+.root-module_x-form-item__error__0voIU div:first-child {
+  height: 20px;
+  width: 20px;
+}
+
+.root-module_x-form-item__error__0voIU div {
+  color: var(--global-error-red-50);
+}
+
+.root-module_x-modal__bOyFq {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  z-index: 999;
+  display: none;
+}
+
+.root-module_x-modal__bOyFq.root-module_x-modal-visible__kkdBb {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+
+.root-module_x-modal-size_xl__bYyI9.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
+  height: 95%;
+}
+
+.root-module_x-modal-size_l__3Ur5b.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
+  height: 85%;
+}
+
+.root-module_x-modal-size_m__qnsVl.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
+  height: 70%;
+}
+
+.root-module_x-modal-size_s__9YkzV.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
+  height: 415px;
+}
+
+.root-module_x-modal-size_xs__-1-Vc.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
+  height: 352px;
+}
+
+.root-module_x-modal-size_xxs__DcvRv.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
+  height: 250px;
+}
+
+.root-module_x-modal-size_auto__bmf2j.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
+  transform: translateY(0);
+}
+
+.root-module_x-modal__bOyFq.root-module_x-modal-visible__kkdBb .root-module_x-modal__backdrop__Kj2dm {
+  display: block;
+}
+
+.root-module_x-modal__modal__4ywZm {
+  height: 0;
+  max-height: 95%;
+  position: relative;
+  background-color: var(--color-neutral-lightest);
+  border-top-left-radius: var(--xbox-rounding-xl);
+  border-top-right-radius: var(--xbox-rounding-xl);
+  transition: height 0.3s ease-out 0s;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.root-module_x-modal-size_auto__bmf2j .root-module_x-modal__modal__4ywZm {
+  height: auto;
+  transform: translateY(100%);
+  transition: transform 0.3s ease-out 0s;
+}
+
+.root-module_x-modal__backdrop__Kj2dm {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  background-color: #000;
+  opacity: 0.6;
+}
+
+.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__close__2-hP- {
+  position: absolute;
+  right: var(--xbox-padding-l);
+  top: var(--xbox-padding-l);
+  border-radius: 50%;
+}
+
+.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__close__2-hP- > button > div {
+  background-color: var(--color-neutral-light);
+  padding: 4px;
+  border-radius: 50%;
+}
+
+.root-module_x-modal__modal__header__icon__KbIDv,
+.root-module_x-modal__modal__header__icon__KbIDv > div {
+  height: 36px;
+  width: 36px;
+}
+
+.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__header__RlJEZ > .root-module_x-modal__modal__header__icon__KbIDv {
+  padding-bottom: var(--xbox-padding-s);
+  display: block;
+}
+
+.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__header__RlJEZ > .root-module_x-modal__modal__header__title__WQZg7 {
+  display: block;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__header__RlJEZ > .root-module_x-modal__modal__header__subtitle__2KWGW {
+  display: block;
+  padding-top: var(--xbox-padding-xs);
+  opacity: 0.5;
+}
+
+.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__header__RlJEZ > .root-module_x-modal__modal__header__children__RYX9d {
+  padding-top: var(--xbox-padding-xs);
+}
+
+.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__header__RlJEZ {
+  padding: 0 var(--xbox-padding-xl);
+  padding-top: 24px;
+  padding-bottom: 16px;
+}
+
+.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__body__bBjAl {
+  padding: var(--xbox-padding-xl);
+  padding-top: 0;
+  overflow: auto;
+  flex: 1;
+}
+
+.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__actions__cGHKS {
+  display: block;
+  padding: var(--xbox-padding-xl);
+  margin-bottom: env(safe-area-inset-bottom);
+  padding-bottom: 32px;
+}
+
+.root-module_xdatepicker__input__XYvPu {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  cursor: pointer;
+  position: relative;
+  width: 100%;
+}
+
+.root-module_xdatepicker__input__XYvPu .root-module_xdatepicker__input__content__MB0lR {
+  display: flex;
+  align-items: center;
+  padding: var(--xbox-padding-s) var(--xbox-padding-m);
+  border: 1px solid var(--color-neutral-light);
+  border-radius: 999px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.root-module_xdatepicker__dialog__6MHqh {
+  position: absolute;
+  z-index: 1000;
+}
+
+.root-module_xdatepicker__dialog__6MHqh.root-module_xdatepicker__dialog__shadow__v0cCS {
+  box-shadow: 0px 6px 12px -1px rgba(24, 39, 75, 0.1);
+  border-radius: 16px;
+}
+
+.root-module_xdatepicker__dialog__top-right__abkYL {
+  right: 0;
+  bottom: 54px;
+}
+
+.root-module_xdatepicker__dialog__top-left__NgPhy {
+  position: absolute;
+  left: 0;
+  bottom: 54px;
+}
+
+.root-module_xdatepicker__dialog__bottom-left__oC0PG {
+  position: absolute;
+  left: 0;
+  top: 54px;
+}
+
+.root-module_xdatepicker__dialog__bottom-right__Gg5lE {
+  position: absolute;
+  right: 0;
+  top: 54px;
+}
+
+.root-module_xdatepicker__input__XYvPu.root-module_xdatepicker__input--has-value__jZ7Nq:not(.root-module_xdatepicker__input--has-error__WoE1c)
+  .root-module_xdatepicker__input__content__MB0lR {
+  background:
+    linear-gradient(white, white) padding-box,
+    var(--primary-color-gradient, #000000) border-box;
+  border: 1px solid transparent;
 }
 
-.root-module_x-textarea__of1mo:not(.root-module_x-textarea--has-error__u3sYQ).root-module_x-textarea__of1mo:focus-within .root-module_x-textarea__content__HzYvt {
-  background: linear-gradient(white, white) padding-box, var(--primary-color-border-input, #000000) border-box;
-  border: 1px solid transparent;
+.root-module_xdatepicker__input__XYvPu.root-module_xdatepicker__input--has-error__WoE1c .root-module_xdatepicker__input__content__MB0lR {
+  border: 1px solid var(--global-error-red-50);
 }
 
-.root-module_x-textarea__subcontent__Pq3VE {
-  margin-right: var(--xbox-padding-xs);
-  color: var(--color-neutral-medium);
-  display: flex;
-  justify-content: space-between;
-  padding: var(--xbox-padding-xs) 0px;
+.root-module_xdatepicker__input__XYvPu.root-module_xdatepicker__input--disabled__a5B19 .root-module_xdatepicker__input__content__MB0lR {
+  background-color: var(--color-neutral-light);
 }
 
-.root-module_x-textarea__count__wbjds {
-  position: absolute;
-  bottom: -24px;
-  right: 0;
-  margin-left: auto;
-  font-size: 12px;
-  color: var(--color-neutral-medium);
+.root-module_xdatepicker__input__XYvPu.root-module_xdatepicker__input--has-error__WoE1c .root-module_xdatepicker__input__icon__aqwfF {
+  color: var(--global-error-red-50);
 }
 
-.root-module_x-textarea__content__HzYvt > textarea {
-  border: none;
-  padding: 0px;
-  height: var(--xbox-size-10);
+.root-module_xdatepicker__input__XYvPu .root-module_xdatepicker__input__symbol__HXoxS {
+  color: var(--color-neutral-dim);
+}
+
+.root-module_xdatepicker__input__XYvPu .root-module_xdatepicker__input__text__VWDKG {
+  flex: 1;
+  text-align: left;
+  height: var(--xbox-size-9);
   font-size: var(--xtext-size-10);
   font-weight: var(--xtext-weight-normal);
-  -webkit-font-smoothing: antialiased;
-  letter-spacing: -0.8px;
-  line-height: 100%;
+  letter-spacing: -0.05em;
   background: transparent;
-  width: 100%;
-  resize: none;
-  height: 96px;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
 }
 
-.root-module_x-textarea__content__HzYvt > textarea:focus {
-  outline: none;
+.root-module_xdatepicker__input__XYvPu .root-module_xdatepicker__input__text__VWDKG,
+.root-module_xdatepicker__input__XYvPu .root-module_xdatepicker__input__placeholder__IJWVQ {
+  width: 168px;
 }
 
-.root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea {
-  height: var(--xbox-size-12);
-  font-size: var(--xtext-size-11);
+.root-module_xdatepicker__input__XYvPu .root-module_xdatepicker__input__text__VWDKG > div {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-bottom: -4px;
 }
 
-.root-module_x-textarea__content__HzYvt > textarea::-moz-placeholder {
-  font-size: var(--xtext-size-10);
-  color: var(--color-neutral-dim);
-  -webkit-font-smoothing: antialiased;
-  letter-spacing: var(--xtext-letterspacing);
+.root-module_xdatepicker__input__XYvPu.root-module_xdatepicker__input--has-error__WoE1c .root-module_xdatepicker__input__text__VWDKG {
+  color: var(--global-error-red-50);
 }
 
-.root-module_x-textarea__content__HzYvt > textarea::placeholder {
+.root-module_xdatepicker__input__XYvPu .root-module_xdatepicker__input__placeholder__IJWVQ {
+  flex: 1;
+  text-align: left;
+}
+
+.root-module_xdatepicker__input__XYvPu .root-module_xdatepicker__input__placeholder__IJWVQ > div {
   font-size: var(--xtext-size-10);
   color: var(--color-neutral-dim);
-  -webkit-font-smoothing: antialiased;
-  letter-spacing: var(--xtext-letterspacing);
 }
 
-.root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea::-moz-placeholder {
-  font-size: var(--xtext-size-11);
+.root-module_xdatepicker__input__XYvPu.root-module_xdatepicker__input--has-error__WoE1c .root-module_xdatepicker__input__placeholder__IJWVQ {
+  color: var(--global-error-red-50);
 }
-
-.root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea::placeholder {
+.root-module_xdatepicker__input__XYvPu.root-module_xdatepicker__input--size-s__bi4KE .root-module_xdatepicker__input__placeholder__IJWVQ > div {
   font-size: var(--xtext-size-11);
 }
 
-.root-module_x-form-item__fE4Jw {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  width: 100%;
-  text-align: left;
-  gap: var(--xbox-padding-xs);
+.root-module_xdatepicker__input__XYvPu.root-module_xdatepicker__input--size-s__bi4KE .root-module_xdatepicker__input__text__VWDKG > div {
+  font-size: var(--xtext-size-11);
+  margin-bottom: -1px;
 }
 
-.root-module_x-form-item__caption__MhNSq,
-.root-module_x-form-item__error__0voIU {
+.root-module_xdatepicker__input__XYvPu.root-module_xdatepicker__input--size-s__bi4KE .root-module_xdatepicker__input__content__MB0lR {
   display: flex;
   align-items: center;
-  gap: var(--xbox-padding-xs);
-  color: var(--color-neutral-medium);
-}
-
-.root-module_x-form-item__caption__MhNSq div:first-child,
-.root-module_x-form-item__error__0voIU div:first-child {
-  height: 20px;
-  width: 20px;
-}
-
-.root-module_x-form-item__error__0voIU div {
-  color: var(--global-error-red-50);
+  padding: 9px var(--xbox-padding-m);
 }
 
 .root-module_xlist__EbfGd {
@@ -3748,6 +4214,59 @@ body {
   height: 2px;
 }
 
+.root-module_bg-box__0l8oR {
+  background-color: white;
+  border-radius: 20;
+  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+}
+.root-module_container__BLtCS {
+  max-width: 800px;
+  margin: 0 auto;
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+.root-module_chart-container__8BQZW {
+  width: 100%;
+  height: 300px;
+  position: relative;
+}
+.root-module_meta-line__PnLo7 {
+  stroke: #000;
+  stroke-width: 2;
+  stroke-dasharray: 5;
+}
+.root-module_axis__MWg7t {
+  stroke: #fff;
+  stroke-width: 1;
+}
+.root-module_dim-label__TnjgH {
+  font-size: 10px;
+  fill: #a1a1a1;
+  font-weight: bold;
+}
+.root-module_second-label__grk-T {
+  font-size: 11px;
+  fill: #000000;
+  font-weight: bold;
+}
+.root-module_y-axis-labels__QZv-n {
+  font-size: 12px;
+  fill: #a1a1a1;
+  text-anchor: end;
+}
+.root-module_x-circle-color__nWyNk {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+}
+.root-module_wrapper-footer__NZGZ9 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
 .root-module_xpage__jLdFj {
   position: fixed;
 
@@ -3945,173 +4464,35 @@ body {
 }
 
 .root-module_xbody--without-header__xEJDC {
-  padding: var(--xbox-padding-xl);
-}
-
-.root-module_xfooter__rEMlw {
-    padding: var(--xbox-padding-xs) var(--xbox-padding-xl) var(--xbox-padding-xs) var(--xbox-padding-xl);
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: env(safe-area-inset-bottom, 0);
-    z-index: 9;
-}
-
-.root-module_xfooter--backround-solid__2TaB0 {
-    background-color: var(--color-neutral-lightest);
-}
-
-.root-module_xfooter--backround-gradient__H-bTz {
-    padding: var(--xbox-padding-xl) var(--xbox-padding-xl) var(--xbox-padding-xs) var(--xbox-padding-xl);
-    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-neutral-lightest) 22.97%);
-}
-
-.root-module_xfooter--backround-transparent__-XITq {
-    background-color: transparent;
-}
-
-.root-module_xfooter--shadow__YwU5t {
-    background-color: var(--color-neutral-lightest);
-    box-shadow: var(--shadow-up-m);
-}
-.root-module_x-modal__bOyFq {
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
-  z-index: 999;
-  display: none;
-}
-
-.root-module_x-modal__bOyFq.root-module_x-modal-visible__kkdBb {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-}
-
-.root-module_x-modal-size_xl__bYyI9.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
-  height: 95%;
-}
-
-.root-module_x-modal-size_l__3Ur5b.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
-  height: 85%;
-}
-
-.root-module_x-modal-size_m__qnsVl.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
-  height: 70%;
-}
-
-.root-module_x-modal-size_s__9YkzV.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
-  height: 415px;
-}
-
-.root-module_x-modal-size_xs__-1-Vc.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
-  height: 352px;
-}
-
-.root-module_x-modal-size_xxs__DcvRv.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
-  height: 250px;
-}
-
-.root-module_x-modal-size_auto__bmf2j.root-module_x-modal-visible__kkdBb .root-module_x-modal__modal-show__ygPq9 {
-  transform: translateY(0);
-}
-
-.root-module_x-modal__bOyFq.root-module_x-modal-visible__kkdBb .root-module_x-modal__backdrop__Kj2dm {
-  display: block;
-}
-
-.root-module_x-modal__modal__4ywZm {
-  height: 0;
-  max-height: 95%;
-  position: relative;
-  background-color: var(--color-neutral-lightest);
-  border-top-left-radius: var(--xbox-rounding-xl);
-  border-top-right-radius: var(--xbox-rounding-xl);
-  transition: height 0.3s ease-out 0s;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
-.root-module_x-modal-size_auto__bmf2j .root-module_x-modal__modal__4ywZm {
-  height: auto;
-  transform: translateY(100%);
-  transition: transform 0.3s ease-out 0s;
-}
-
-.root-module_x-modal__backdrop__Kj2dm {
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
-  background-color: #000;
-  opacity: 0.6;
-}
-
-.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__close__2-hP- {
-  position: absolute;
-  right: var(--xbox-padding-l);
-  top: var(--xbox-padding-l);
-  border-radius: 50%;
-}
-
-.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__close__2-hP- > button > div {
-  background-color: var(--color-neutral-light);
-  padding: 4px;
-  border-radius: 50%;
-}
-
-.root-module_x-modal__modal__header__icon__KbIDv,
-.root-module_x-modal__modal__header__icon__KbIDv > div {
-  height: 36px;
-  width: 36px;
-}
-
-.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__header__RlJEZ > .root-module_x-modal__modal__header__icon__KbIDv {
-  padding-bottom: var(--xbox-padding-s);
-  display: block;
-}
-
-.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__header__RlJEZ > .root-module_x-modal__modal__header__title__WQZg7 {
-  display: block;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  padding: var(--xbox-padding-xl);
 }
 
-.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__header__RlJEZ > .root-module_x-modal__modal__header__subtitle__2KWGW {
-  display: block;
-  padding-top: var(--xbox-padding-xs);
-  opacity: 0.5;
+.root-module_xfooter__rEMlw {
+    padding: var(--xbox-padding-xs) var(--xbox-padding-xl) var(--xbox-padding-xs) var(--xbox-padding-xl);
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: env(safe-area-inset-bottom, 0);
+    z-index: 9;
 }
 
-.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__header__RlJEZ > .root-module_x-modal__modal__header__children__RYX9d {
-  padding-top: var(--xbox-padding-xs);
+.root-module_xfooter--backround-solid__2TaB0 {
+    background-color: var(--color-neutral-lightest);
 }
 
-.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__header__RlJEZ {
-  padding: 0 var(--xbox-padding-xl);
-  padding-top: 24px;
-  padding-bottom: 16px;
+.root-module_xfooter--backround-gradient__H-bTz {
+    padding: var(--xbox-padding-xl) var(--xbox-padding-xl) var(--xbox-padding-xs) var(--xbox-padding-xl);
+    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-neutral-lightest) 22.97%);
 }
 
-.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__body__bBjAl {
-  padding: var(--xbox-padding-xl);
-  padding-top: 0;
-  overflow: auto;
-  flex: 1;
+.root-module_xfooter--backround-transparent__-XITq {
+    background-color: transparent;
 }
 
-.root-module_x-modal__modal__4ywZm > .root-module_x-modal__modal__actions__cGHKS {
-  display: block;
-  padding: var(--xbox-padding-xl);
-  margin-bottom: env(safe-area-inset-bottom);
-  padding-bottom: 32px;
+.root-module_xfooter--shadow__YwU5t {
+    background-color: var(--color-neutral-lightest);
+    box-shadow: var(--shadow-up-m);
 }
-
 .root-module_xselect__G1bH- {
   display: flex;
   flex-direction: column;
@@ -5046,276 +5427,6 @@ body {
   padding: var(--xbox-padding-xl);
   margin-bottom: env(safe-area-inset-bottom);
 }
-/* CSS FOR XCALENDAR */
-.root-module_xdatepicker__3Dn07 {
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 1;
-  letter-spacing: -0.05em;
-  background: #FFFFFF;
-  overflow: hidden;
-  color: #000;
-  border: 1px solid #F5F5F5;
-  border-radius: 16px;
-  /* padding: 24px 16px; */
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__header__VovGq {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  min-height: 72px;
-  max-height: 72px;
-  border-bottom: 1px solid #F5F5F5;
-  padding: 0 16px;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__header__VovGq .root-module_dc__nav-prev-month__6R-es,
-.root-module_xdatepicker__3Dn07 .root-module_dc__header__VovGq .root-module_dc__nav-next-month__-2-W4 {
-  min-width: 32px;
-  max-width: 32px;
-  min-height: 32px;
-  max-height: 32px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__header__VovGq .root-module_dc__nav-prev-month__6R-es svg path,
-.root-module_xdatepicker__3Dn07 .root-module_dc__header__VovGq .root-module_dc__nav-next-month__-2-W4 svg path {
-  height: 12.5px;
-  width: 7.5px;
-  fill: #5C5C5C;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__header__VovGq .root-module_dc__nav-month-year__SUIyg {
-  display: flex;
-  gap: 8px;
-  font-weight: 700;
-  font-size: 20px;
-  cursor: pointer;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R {
-  height: 0;
-  background: #FFFFFF;
-  overflow: hidden;
-  transform: translateY(50%);
-  transition: all 0.1s linear;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R.root-module_opened__-mMLV {
-  transform: translateY(0);
-  height: auto;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R .root-module_dc__row__0-ln8 {
-  display: flex;
-  align-items: center;
-  justify-content: space-evenly;
-  gap: 5px;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R .root-module_dc__row__0-ln8 .root-module_dc__tile__lRdf3,
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R .root-module_dc__row__0-ln8 .root-module_dc__large-tile__FD1Bt {
-  background: #FFFFFF;
-  padding: 0;
-  margin: 0;
-  color: #000;
-  font-size: 14px;
-  font-weight: 600;
-  border-radius: 8px;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R .root-module_dc__row__0-ln8 .root-module_dc__tile__lRdf3:disabled,
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R .root-module_dc__row__0-ln8 .root-module_dc__large-tile__FD1Bt:disabled {
-  color: #999999;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R .root-module_dc__row__0-ln8 .root-module_dc__tile__lRdf3.root-module_dc__active__D3cte,
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R .root-module_dc__row__0-ln8 .root-module_dc__large-tile__FD1Bt.root-module_dc__active__D3cte {
-  color: var(--primary-color-contrast, #FFFFFF);
-  background: var(--primary-color, #000000);
-  font-weight: 700;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R .root-module_dc__row__0-ln8 .root-module_dc__tile__lRdf3.root-module_dc__range__v7Fg-,
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R .root-module_dc__row__0-ln8 .root-module_dc__large-tile__FD1Bt.root-module_dc__range__v7Fg- {
-  background: #F5F5F5;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__content__wZh4R .root-module_dc__row__0-ln8 .root-module_dc__large-tile__FD1Bt {
-  flex: 1 31%;
-  width: 100%;
-  min-height: 45px;
-  max-height: 45px;
-  margin: 0;
-  padding: 16px 8px;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__days-content__FWWvx.root-module_opened__-mMLV {
-  padding: 24px 16px 16px;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__days-content__FWWvx .root-module_dc__days-row__19THI .root-module_dc__day-tile__bjV-E {
-  border: 0;
-  min-width: 32px;
-  max-width: 32px;
-  min-height: 32px;
-  max-height: 32px;
-  cursor: pointer;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__days-content__FWWvx .root-module_dc__days-row__19THI .root-module_dc__day-tile__bjV-E:disabled {
-  color: #999999;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__days-content__FWWvx .root-module_dc__days-row__19THI .root-module_dc__day-tile__bjV-E.root-module_dc__active__D3cte {
-  color: var(--primary-color-contrast, #FFFFFF);
-  background: var(--primary-color, #000000);
-  font-weight: 700;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__days-content__FWWvx .root-module_dc__days-row__19THI .root-module_dc__weekday_name__cnZ-6 {
-  color: #000000;
-  font-weight: 600;
-  font-size: 14px;
-  min-height: auto;
-  max-height: auto;
-  padding-bottom: 8px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__months-content__cNNR-.root-module_opened__-mMLV {
-  padding: 24px 16px 16px;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__months-content__cNNR-.root-module_opened__-mMLV .root-module_dc__large-tile__FD1Bt {
-  border: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__years-content__AQ31P.root-module_opened__-mMLV {
-  padding: 24px 16px 16px;
-}
-
-.root-module_xdatepicker__3Dn07 .root-module_dc__years-content__AQ31P.root-module_opened__-mMLV .root-module_dc__large-tile__FD1Bt {
-  border: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-
-.root-module_xdatepicker__input__DHBgq {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  cursor: pointer;
-  position: relative;
-  width: 100%;
-}
-
-.root-module_xdatepicker__input__DHBgq .root-module_xdatepicker__input__content__KMqIg {
-  display: flex;
-  align-items: center;
-  padding: var(--xbox-padding-s) var(--xbox-padding-m);
-  border: 1px solid var(--color-neutral-light);
-  border-radius: 999px;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-
-.root-module_xdatepicker__input__DHBgq.root-module_xdatepicker__input--has-value__-qCbH:not(.root-module_xdatepicker__input--has-error__yI6RU) .root-module_xdatepicker__input__content__KMqIg {
-  background: linear-gradient(white, white) padding-box,
-  var(--primary-color-gradient, #000000) border-box;
-  border: 1px solid transparent;
-}
-
-.root-module_xdatepicker__input__DHBgq.root-module_xdatepicker__input--has-error__yI6RU .root-module_xdatepicker__input__content__KMqIg {
-  border: 1px solid var(--global-error-red-50);
-}
-
-.root-module_xdatepicker__input__DHBgq.root-module_xdatepicker__input--disabled__SLhVS .root-module_xdatepicker__input__content__KMqIg {
-  background-color: var(--color-neutral-light);
-}
-
-.root-module_xdatepicker__input__DHBgq.root-module_xdatepicker__input--has-error__yI6RU .root-module_xdatepicker__input__icon__d6nHk {
-  color: var(--global-error-red-50);
-}
-
-.root-module_xdatepicker__input__DHBgq .root-module_xdatepicker__input__symbol__5UNgb {
-  color: var(--color-neutral-dim);
-}
-
-.root-module_xdatepicker__input__DHBgq .root-module_xdatepicker__input__text__jhNPF {
-  flex: 1;
-  text-align: left;
-  height: var(--xbox-size-9);
-  font-size: var(--xtext-size-10);
-  font-weight: var(--xtext-weight-normal);
-  letter-spacing: -0.05em;
-  background: transparent;
-  display: flex;
-  align-items: center;
-  min-width: 0;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-
-.root-module_xdatepicker__input__DHBgq .root-module_xdatepicker__input__text__jhNPF,
-.root-module_xdatepicker__input__DHBgq .root-module_xdatepicker__input__placeholder__50HlR {
-  width: 168px;
-}
-
-.root-module_xdatepicker__input__DHBgq .root-module_xdatepicker__input__text__jhNPF > div {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding-bottom: 2px;
-}
-
-.root-module_xdatepicker__input__DHBgq.root-module_xdatepicker__input--has-error__yI6RU .root-module_xdatepicker__input__text__jhNPF {
-  color: var(--global-error-red-50);
-}
-
-.root-module_xdatepicker__input__DHBgq .root-module_xdatepicker__input__placeholder__50HlR {
-  flex: 1;
-  text-align: left;
-}
-
-.root-module_xdatepicker__input__DHBgq .root-module_xdatepicker__input__placeholder__50HlR > div {
-  font-size: var(--xtext-size-10);
-  color: var(--color-neutral-dim);
-}
-
-.root-module_xdatepicker__input__DHBgq.root-module_xdatepicker__input--has-error__yI6RU .root-module_xdatepicker__input__placeholder__50HlR {
-  color: var(--global-error-red-50);
-}
-.root-module_xdatepicker__input__DHBgq.root-module_xdatepicker__input--size-s__vk-jT .root-module_xdatepicker__input__placeholder__50HlR > div {
-  font-size: var(--xtext-size-11);
-}
-
-.root-module_xdatepicker__input__DHBgq.root-module_xdatepicker__input--size-s__vk-jT .root-module_xdatepicker__input__text__jhNPF > div {
-  font-size: var(--xtext-size-11);
-}
-
-.root-module_xdatepicker__input__DHBgq.root-module_xdatepicker__input--size-s__vk-jT .root-module_xdatepicker__input__content__KMqIg {
-  display: flex;
-  align-items: center;
-  padding: 9px var(--xbox-padding-m);
-}
-
 .root-module_xcard-decision__x2kPl {
 }