@gofynd/theme-template 3.2.13 → 3.2.15

package/dist/components/date-picker/fy-date-picker/fy-date-picker.css

@@ -0,0 +1,1099 @@
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.fy-date-picker__display-block___UYWbf {
+  display: block;
+}
+.fy-date-picker__inline-block___lPxs5,
+.fy-date-picker__inlineBlock___l33BV {
+  display: inline-block;
+}
+.fy-date-picker__flex-row___l5s1H {
+  display: flex;
+}
+.fy-date-picker__flex-column___iqPNt,
+.fy-date-picker__flexColumn___hK71t {
+  display: flex;
+  flex-direction: column;
+}
+.fy-date-picker__flex-align-center___MKWS2,
+.fy-date-picker__flexAlignCenter___TXFZt {
+  display: flex;
+  align-items: center;
+}
+.fy-date-picker__flex-justify-center___FlTFK,
+.fy-date-picker__flexJustifyCenter___H5q4o {
+  display: flex;
+  justify-content: center;
+}
+.fy-date-picker__flex-center___rqy05,
+.fy-date-picker__flexCenter___A3dBV {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.fy-date-picker__justify-start___wUlEz,
+.fy-date-picker__justifyStart___Iz_ir {
+  justify-content: flex-start;
+}
+.fy-date-picker__justify-end___vz3ZQ,
+.fy-date-picker__justifyEnd___QE1l4 {
+  justify-content: flex-end;
+}
+.fy-date-picker__justify-between___HCNCl,
+.fy-date-picker__justifyBetween___IfcQt {
+  justify-content: space-between;
+}
+.fy-date-picker__justify-around___ln_MU,
+.fy-date-picker__justifyAround___FZtgh {
+  justify-content: space-around;
+}
+.fy-date-picker__justify-evenly___lAqVl,
+.fy-date-picker__justifyEvenly___igji8 {
+  justify-content: space-evenly;
+}
+h1,
+.fy-date-picker__h1___Uw1kf {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 42px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h1,
+  .fy-date-picker__h1___Uw1kf {
+    font-size: 36px;
+    line-height: 48px;
+  }
+}
+h2,
+.fy-date-picker__h2___OAp2X {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 36px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h2,
+  .fy-date-picker__h2___OAp2X {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+h3,
+.fy-date-picker__h3___gSOLL {
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 24px;
+  line-height: 32px;
+}
+@media only screen and (min-width: 769px) {
+  h3,
+  .fy-date-picker__h3___gSOLL {
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+h4,
+.fy-date-picker__h4___lpSqu {
+  font-weight: 600;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 16px;
+  line-height: 1.5;
+}
+@media only screen and (min-width: 769px) {
+  h4,
+  .fy-date-picker__h4___lpSqu {
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 20px;
+    line-height: 1.5;
+  }
+}
+h5,
+.fy-date-picker__h5___yTU3K {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h5,
+  .fy-date-picker__h5___yTU3K {
+    font-size: 16px;
+    line-height: 18px;
+  }
+}
+.fy-date-picker__b1___Zw2Gg {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+}
+@media only screen and (min-width: 769px) {
+  .fy-date-picker__b1___Zw2Gg {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.fy-date-picker__b-small___qW2Lj,
+.fy-date-picker__bSmall___PVYv3,
+.fy-date-picker__b2___fbvE1 {
+  font-weight: 400;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+  font-size: 12px;
+  line-height: 16px;
+}
+@media only screen and (min-width: 769px) {
+  .fy-date-picker__b-small___qW2Lj,
+  .fy-date-picker__bSmall___PVYv3,
+  .fy-date-picker__b2___fbvE1 {
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    color: var(--textBody, #3c3131);
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+.fy-date-picker__d1___qillW {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -0.02em;
+}
+@media only screen and (min-width: 769px) {
+  .fy-date-picker__d1___qillW {
+    font-size: 64px;
+    line-height: 85px;
+    letter-spacing: -0.03em;
+  }
+}
+.fy-date-picker__caption-medium___tegI0,
+.fy-date-picker__captionMedium___f4X5V {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 500;
+}
+@media only screen and (max-width: 480px) {
+  .fy-date-picker__caption-medium___tegI0,
+  .fy-date-picker__captionMedium___f4X5V {
+    font-size: 11px;
+  }
+}
+.fy-date-picker__caption-semi-bold___vOmYj,
+.fy-date-picker__captionSemiBold___FlhQJ {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 600;
+}
+@media only screen and (max-width: 480px) {
+  .fy-date-picker__caption-semi-bold___vOmYj,
+  .fy-date-picker__captionSemiBold___FlhQJ {
+    font-size: 11px;
+  }
+}
+.fy-date-picker__btn-link___Tz91E,
+.fy-date-picker__btnLink___Wjn_S {
+  font-weight: 500;
+  letter-spacing: -0.02em;
+  font-size: 12px;
+  line-height: 14px;
+  border-radius: var(--buttonRadius, 0px);
+  cursor: pointer;
+  color: var(--buttonLink, #b1655b);
+  text-decoration: underline;
+  background: none;
+  border: none;
+}
+@media only screen and (min-width: 769px) {
+  .fy-date-picker__btn-link___Tz91E,
+  .fy-date-picker__btnLink___Wjn_S {
+    font-weight: 500;
+    letter-spacing: -0.02em;
+    font-size: 14px;
+    line-height: 16px;
+  }
+}
+.fy-date-picker__btn-link___Tz91E:hover,
+.fy-date-picker__btnLink___Wjn_S:hover {
+  color: var(--buttonLinkL1, #c1847c);
+}
+.fy-date-picker__btn-link___Tz91E:disabled,
+.fy-date-picker__btnLink___Wjn_S:disabled {
+  color: var(--buttonLinkL2, #d0a39d);
+}
+.fy-date-picker__btn-link___Tz91E:active,
+.fy-date-picker__btnLink___Wjn_S:active {
+  opacity: 0.8;
+}
+.fy-date-picker__user-select-none___LuNoK,
+.fy-date-picker__userSelectNone___ZGOX8 {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.fy-date-picker__margin-0-auto___bOKI5,
+.fy-date-picker__margin0auto___jbt2u {
+  margin: 0 auto;
+}
+.fy-date-picker__base-page-container___CWg0u,
+.fy-date-picker__basePageContainer___M9TCn {
+  max-width: 1440px !important;
+}
+.fy-date-picker__remove-scroll___Fa5aF,
+.fy-date-picker__removeScroll___B0Kqg {
+  overflow-y: hidden !important;
+}
+.fy-date-picker__mr-5___dUHWh,
+.fy-date-picker__mr5___nRQxs {
+  margin-inline-end: 30px !important;
+}
+.fy-date-picker__mr-2___K08mZ,
+.fy-date-picker__mr2___MoUvV {
+  margin-inline-end: 5px !important;
+}
+.fy-date-picker__py-5___zAD6u,
+.fy-date-picker__py5___yGUk1 {
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
+}
+.fy-date-picker__view-all-text___LrdS7,
+.fy-date-picker__viewAllText___NLP2P {
+  font-size: 20px;
+  font-weight: 400;
+  text-transform: lowercase;
+  text-decoration: underline;
+}
+.fy-date-picker__view-all-mobile___pzVvx,
+.fy-date-picker__viewAllMobile___jcdgf {
+  display: none;
+}
+@media only screen and (max-width: 768px) {
+  .fy-date-picker__view-all-mobile___pzVvx,
+  .fy-date-picker__viewAllMobile___jcdgf {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .fy-date-picker__view-all-mobile___pzVvx,
+  .fy-date-picker__viewAllMobile___jcdgf {
+    margin-top: 24px;
+  }
+}
+.fy-date-picker__accent-btn___nxM1K,
+.fy-date-picker__accentBtn___HhlVG {
+  background-color: var(--accentColor);
+  color: #fff;
+}
+.fy-date-picker__no-scroll___rjffY,
+.fy-date-picker__noScroll___xAdLf {
+  overflow-y: hidden;
+}
+.fy-date-picker__hide-overflow___stzfQ,
+.fy-date-picker__hideOverflow___AJ2h0 {
+  overflow: hidden;
+}
+.fy-date-picker__markdown-body____uYUS h6 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+@media only screen and (max-width: 480px) {
+  .fy-date-picker__markdown-body____uYUS {
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+}
+.fy-date-picker__view3d-canvas___xsKj4 {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 480px) {
+  .fy-date-picker__view-mobile-up___Djk47 {
+    display: none !important;
+  }
+}
+@media only screen and (min-width: 481px) {
+  .fy-date-picker__view-mobile___c1mt1 {
+    display: none !important;
+  }
+}
+.fy-date-picker__popupTitle___W0QTS {
+  padding: 16px;
+}
+.fy-date-picker__selectedAndActive___z3HnR {
+  background-color: var(--buttonPrimary, #4e3f09);
+  color: var(--buttonSecondary, #fff);
+  font-weight: bold;
+}
+.fy-date-picker__calendarWrapper___J5Y4d {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  max-width: 520px;
+  position: relative;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__normalLabel___gTJKX {
+  color: var(--textLabel, #7d7676);
+  font-size: 12px;
+  line-height: 21px;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__normalLabel___gTJKX .fy-date-picker__required___pc57q {
+  color: var(--errorText, #ff3333);
+  display: inline;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__floating___tyjut {
+  font-weight: 400;
+  font-size: 0.8rem;
+  font-style: normal;
+  position: absolute;
+  transform: translateY(-50%) scale(0.9);
+  z-index: 1;
+  padding: 0 0.3rem;
+  margin: 0 0.5rem;
+  pointer-events: none;
+  background: var(--pageBackground, #f8f8f8);
+  color: var(--textLabel, #7d7676);
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__floating___tyjut .fy-date-picker__required___pc57q {
+  color: var(--errorText, #ff3333);
+  margin-left: 4px;
+  display: inline;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__inputWrapper___zh7iz {
+  width: 100%;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  gap: 20px;
+  align-items: center;
+  height: 48px;
+  padding: 16px;
+  border-radius: 6px;
+  border: 1px solid var(--overlaypopupdividerstroke, #e0e0e0);
+  background: var(--buttonSecondary, #fff);
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__inputWrapper___zh7iz input {
+  border: none;
+  width: 100%;
+  background: transparent;
+  color: #41434c;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__inputWrapper___zh7iz input:focus {
+  outline: none;
+  border: none;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__inputWrapper___zh7iz input .fy-date-picker__disabledInput___jxvmC {
+  background-color: #f0f0f0;
+  cursor: not-allowed;
+  color: #999;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__inputWrapper___zh7iz input .fy-date-picker__readOnlyInput___Zv6dy {
+  background-color: #f9f9f9;
+  color: #555;
+  cursor: default;
+  border-color: #cccccc;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__inputWrapper___zh7iz .fy-date-picker__iconWrapper___TO6K3 {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  padding-left: 8px;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__inputWrapper___zh7iz .fy-date-picker__disabledIcon___Wyqun {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: not-allowed;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__inputWrapper___zh7iz .fy-date-picker__datePickerIcon___HRJF3 {
+  width: 24px;
+  height: 24px;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__inputWrapper___zh7iz .fy-date-picker__clearIconWrapper___DazOE {
+  position: absolute;
+  right: 40px;
+  cursor: pointer;
+  z-index: 2;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__inputWrapper___zh7iz .fy-date-picker__clearIcon___KDvIA {
+  width: 30px;
+  height: 30px;
+  fill: #888;
+  padding-right: 5px;
+  padding-top: 5px;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__inputWrapper___zh7iz .fy-date-picker__clearIcon___KDvIA:hover {
+  fill: #333;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__titleContainer___O2vVH {
+  display: flex;
+  justify-content: space-between;
+  padding: 16px;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  border-bottom: 1px solid var(--overlaypopupdividerstroke, #e0e0e0);
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__titleContainer___O2vVH .fy-date-picker__titleText___iZItx {
+  color: var(--textHeading, #26201a);
+  font-size: 16px;
+  font-weight: 600;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__titleContainer___O2vVH .fy-date-picker__closeIconCont___vTla2 {
+  height: 24px;
+  width: 24px;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su {
+  position: absolute;
+  margin-top: 2px;
+  background: #ffffff;
+  border: 1px solid #e0e0e0;
+  border-radius: 6px;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  padding: 16px;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+@media only screen and (max-width: 480px) {
+  .fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su {
+    width: 100%;
+    position: unset;
+    gap: 16px;
+    border: none;
+  }
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarHeader___R20ub {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  padding-left: 10px;
+  padding-right: 10px;
+  margin-top: 8px;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarHeader___R20ub .fy-date-picker__controlContainer___cfI7T {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarHeader___R20ub .fy-date-picker__controlContainer___cfI7T button {
+  background: none;
+  border: none;
+  font-size: 16px;
+  cursor: pointer;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarHeader___R20ub .fy-date-picker__controlContainer___cfI7T span {
+  font-weight: 600;
+  color: var(--textHeading, #26201a);
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  text-align: center;
+  font-size: 14px;
+  padding: 0;
+  gap: 0;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 .fy-date-picker__calendarWeekContainer___P526r {
+  display: flex;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 .fy-date-picker__dayName___s7hUd {
+  font-size: 11px;
+  font-weight: 600;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: var(--textHeading, #26201a);
+  padding: 0;
+  box-sizing: border-box;
+  min-height: 40px;
+}
+@media only screen and (max-width: 480px) {
+  .fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 .fy-date-picker__dayName___s7hUd {
+    min-height: 30px;
+    font-size: 14px;
+    font-weight: 600;
+  }
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 .fy-date-picker__dayCell___vK_vH {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 600;
+  border: 1px solid var(--overlaypopupdividerstroke, #e0e0e0);
+  padding: 0;
+  box-sizing: border-box;
+  min-height: 40px;
+  min-width: 40px;
+  width: 100%;
+  height: 100%;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 .fy-date-picker__dayCell___vK_vH:hover {
+  background-color: var(--buttonPrimary, #4e3f09);
+  opacity: 0.85;
+}
+@media only screen and (max-width: 480px) {
+  .fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 .fy-date-picker__dayCell___vK_vH {
+    min-height: 49px;
+    min-width: 30px;
+    font-size: 10px;
+  }
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 > :nth-child(8) {
+  border-top-left-radius: 4px;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 > :nth-child(14) {
+  border-top-right-radius: 4px;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 > :nth-child(36) {
+  border-bottom-left-radius: 4px;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 > :nth-child(42) {
+  border-bottom-right-radius: 4px;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 .fy-date-picker__inactive___JET4v {
+  color: var(--textSecondary, #9c9c9c);
+  background-color: var(--overlaypopupdividershighlighter, #edece9);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__calendarGrid___LILc2 .fy-date-picker__empty___Aj0P_ {
+  color: #cccccc;
+}
+.fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__confirmButton___CCmqD {
+  display: none;
+  background-color: var(--buttonPrimary, #4e3f09);
+}
+@media only screen and (max-width: 480px) {
+  .fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__confirmButton___CCmqD {
+    display: block;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    text-align: center;
+  }
+  .fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__confirmButton___CCmqD button {
+    display: flex;
+    color: var(--buttonSecondary, #fff);
+    padding: 16px 24px;
+    justify-content: center;
+    align-items: center;
+    font-size: 16px;
+    font-weight: 600;
+    width: 100%;
+  }
+  .fy-date-picker__calendarWrapper___J5Y4d .fy-date-picker__calendarPopup___cA9su .fy-date-picker__confirmButton___CCmqD:hover {
+    opacity: 0.85;
+  }
+}
+.fy-date-picker__inputError___ujeij {
+  border-color: var(--errorText, #ff3333) !important;
+}
+.fy-date-picker__error___U337k {
+  color: var(--errorText, #ff3333);
+  padding-top: 5px;
+  font-weight: 400;
+  font-size: 12px;
+}
+
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.modal__display-block___hgYd9 {
+  display: block;
+}
+.modal__inline-block___p6rme,
+.modal__inlineBlock___pEzt0 {
+  display: inline-block;
+}
+.modal__flex-row___lpE6D {
+  display: flex;
+}
+.modal__flex-column___ExDN9,
+.modal__flexColumn___xxTeX {
+  display: flex;
+  flex-direction: column;
+}
+.modal__flex-align-center___oGONG,
+.modal__flexAlignCenter___GYZdu {
+  display: flex;
+  align-items: center;
+}
+.modal__flex-justify-center___y5ezr,
+.modal__flexJustifyCenter___AzJKl {
+  display: flex;
+  justify-content: center;
+}
+.modal__flex-center___jm_N0,
+.modal__flexCenter___RlaVj {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.modal__justify-start___WJBo1,
+.modal__justifyStart___v728x {
+  justify-content: flex-start;
+}
+.modal__justify-end___TGeOT,
+.modal__justifyEnd___BfpWz {
+  justify-content: flex-end;
+}
+.modal__justify-between___Y6DMP,
+.modal__justifyBetween___eLS0j {
+  justify-content: space-between;
+}
+.modal__justify-around___Umrnm,
+.modal__justifyAround___Y_EP0 {
+  justify-content: space-around;
+}
+.modal__justify-evenly___H4zHB,
+.modal__justifyEvenly___ToJy3 {
+  justify-content: space-evenly;
+}
+h1,
+.modal__h1___tY1V2 {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 42px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h1,
+  .modal__h1___tY1V2 {
+    font-size: 36px;
+    line-height: 48px;
+  }
+}
+h2,
+.modal__h2___zqsr0 {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 36px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h2,
+  .modal__h2___zqsr0 {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+h3,
+.modal__h3___uKlio {
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 24px;
+  line-height: 32px;
+}
+@media only screen and (min-width: 769px) {
+  h3,
+  .modal__h3___uKlio {
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+h4,
+.modal__h4___mLdGX {
+  font-weight: 600;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 16px;
+  line-height: 1.5;
+}
+@media only screen and (min-width: 769px) {
+  h4,
+  .modal__h4___mLdGX {
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 20px;
+    line-height: 1.5;
+  }
+}
+h5,
+.modal__h5___XqZqX {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h5,
+  .modal__h5___XqZqX {
+    font-size: 16px;
+    line-height: 18px;
+  }
+}
+.modal__b1___FJ8O5 {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+}
+@media only screen and (min-width: 769px) {
+  .modal__b1___FJ8O5 {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.modal__b-small___d5sGC,
+.modal__bSmall___Jx2be,
+.modal__b2___ww0WS {
+  font-weight: 400;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+  font-size: 12px;
+  line-height: 16px;
+}
+@media only screen and (min-width: 769px) {
+  .modal__b-small___d5sGC,
+  .modal__bSmall___Jx2be,
+  .modal__b2___ww0WS {
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    color: var(--textBody, #3c3131);
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+.modal__d1___gmqls {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -0.02em;
+}
+@media only screen and (min-width: 769px) {
+  .modal__d1___gmqls {
+    font-size: 64px;
+    line-height: 85px;
+    letter-spacing: -0.03em;
+  }
+}
+.modal__caption-medium___GbhtF,
+.modal__captionMedium___zCJpb {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 500;
+}
+@media only screen and (max-width: 480px) {
+  .modal__caption-medium___GbhtF,
+  .modal__captionMedium___zCJpb {
+    font-size: 11px;
+  }
+}
+.modal__caption-semi-bold___feZV5,
+.modal__captionSemiBold___pxAn7 {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 600;
+}
+@media only screen and (max-width: 480px) {
+  .modal__caption-semi-bold___feZV5,
+  .modal__captionSemiBold___pxAn7 {
+    font-size: 11px;
+  }
+}
+.modal__btn-link___rkrNS,
+.modal__btnLink___yqJlb {
+  font-weight: 500;
+  letter-spacing: -0.02em;
+  font-size: 12px;
+  line-height: 14px;
+  border-radius: var(--buttonRadius, 0px);
+  cursor: pointer;
+  color: var(--buttonLink, #b1655b);
+  text-decoration: underline;
+  background: none;
+  border: none;
+}
+@media only screen and (min-width: 769px) {
+  .modal__btn-link___rkrNS,
+  .modal__btnLink___yqJlb {
+    font-weight: 500;
+    letter-spacing: -0.02em;
+    font-size: 14px;
+    line-height: 16px;
+  }
+}
+.modal__btn-link___rkrNS:hover,
+.modal__btnLink___yqJlb:hover {
+  color: var(--buttonLinkL1, #c1847c);
+}
+.modal__btn-link___rkrNS:disabled,
+.modal__btnLink___yqJlb:disabled {
+  color: var(--buttonLinkL2, #d0a39d);
+}
+.modal__btn-link___rkrNS:active,
+.modal__btnLink___yqJlb:active {
+  opacity: 0.8;
+}
+.modal__user-select-none___N6ZAk,
+.modal__userSelectNone___TRXWQ {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.modal__margin-0-auto___p_dGq,
+.modal__margin0auto___dB88d {
+  margin: 0 auto;
+}
+.modal__base-page-container___eZhia,
+.modal__basePageContainer___QUmCs {
+  max-width: 1440px !important;
+}
+.modal__remove-scroll___vOtMk,
+.modal__removeScroll___sjuCx {
+  overflow-y: hidden !important;
+}
+.modal__mr-5___DjKqT,
+.modal__mr5___il5jH {
+  margin-inline-end: 30px !important;
+}
+.modal__mr-2___SKD1t,
+.modal__mr2___BSxti {
+  margin-inline-end: 5px !important;
+}
+.modal__py-5___OpCsp,
+.modal__py5___hfa2b {
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
+}
+.modal__view-all-text___liM5N,
+.modal__viewAllText___PNzm8 {
+  font-size: 20px;
+  font-weight: 400;
+  text-transform: lowercase;
+  text-decoration: underline;
+}
+.modal__view-all-mobile___QRBrP,
+.modal__viewAllMobile___yTiiQ {
+  display: none;
+}
+@media only screen and (max-width: 768px) {
+  .modal__view-all-mobile___QRBrP,
+  .modal__viewAllMobile___yTiiQ {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .modal__view-all-mobile___QRBrP,
+  .modal__viewAllMobile___yTiiQ {
+    margin-top: 24px;
+  }
+}
+.modal__accent-btn___LaDY8,
+.modal__accentBtn___qmSZa {
+  background-color: var(--accentColor);
+  color: #fff;
+}
+.modal__no-scroll___tsTBg,
+.modal__noScroll___qaX_j {
+  overflow-y: hidden;
+}
+.modal__hide-overflow___KTJV8,
+.modal__hideOverflow___eBPB_ {
+  overflow: hidden;
+}
+.modal__markdown-body___J3yk1 h6 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+@media only screen and (max-width: 480px) {
+  .modal__markdown-body___J3yk1 {
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+}
+.modal__view3d-canvas___qA5vJ {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 480px) {
+  .modal__view-mobile-up___gXGqs {
+    display: none !important;
+  }
+}
+@media only screen and (min-width: 481px) {
+  .modal__view-mobile___nGCzH {
+    display: none !important;
+  }
+}
+.modal__modal___xT3RX {
+  position: fixed;
+  inset: 0;
+  z-index: 40;
+  overflow-y: auto;
+  overflow-x: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+@media only screen and (max-width: 768px) {
+  .modal__modal___xT3RX {
+    align-items: flex-end;
+  }
+}
+.modal__modal___xT3RX:before {
+  content: "";
+  background-color: var(--overlay, #14130e);
+  opacity: 0.6;
+  inset: 0;
+  position: fixed;
+  z-index: -1;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+}
+.modal__modalContainer___BoKU8 {
+  min-width: 300px;
+  background-color: var(--dialogBackground, #fff);
+  border-radius: 3px;
+  min-height: 100px;
+  max-width: 720px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  border-radius: 8px;
+  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+  /* Safari */
+  -moz-transform: translateZ(0);
+  /* Firefox */
+  -ms-transform: translateZ(0);
+  /* IE/Edge */
+  -o-transform: translateZ(0);
+  /* Opera */
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+@media only screen and (max-width: 768px) {
+  .modal__modalContainer___BoKU8 {
+    width: 100%;
+    max-width: unset;
+  }
+}
+@media only screen and (max-width: 768px) {
+  .modal__modalContainer--borders____AGZf {
+    border: none;
+    border-radius: 0;
+    border-start-start-radius: 8px;
+    border-start-end-radius: 8px;
+  }
+}
+.modal__modalHeader___xKo1g {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: sticky;
+  top: 0;
+  width: 100%;
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--dividerStokes, #d4d1d1);
+  background: var(--dialogBackground, #fff);
+  z-index: 4;
+  padding: 8px;
+}
+.modal__modalHeader___xKo1g .modal__crossIcon___ieJau {
+  width: 21px;
+  height: 21px;
+  cursor: pointer;
+}
+.modal__modalBody___peHlJ {
+  flex: 1;
+  max-height: 90vh;
+  overflow-y: auto;
+}
+.modal__rightModal___acoje {
+  justify-content: flex-end;
+}
+.modal__rightModal___acoje .modal__modalContainer___BoKU8 {
+  height: 100%;
+  width: 40%;
+  border-radius: 0;
+}
+.modal__rightModal___acoje .modal__modalContainer___BoKU8 .modal__modalHeader___xKo1g {
+  padding: 24px;
+}
+@media only screen and (max-width: 768px) {
+  .modal__rightModal___acoje .modal__modalContainer___BoKU8 .modal__modalHeader___xKo1g {
+    padding: 16px;
+  }
+}
+.modal__rightModal___acoje .modal__modalContainer___BoKU8 .modal__modalHeader___xKo1g .modal__modalTitle___yvZQo {
+  font-size: 16px;
+  line-height: 18px;
+}
+@media only screen and (max-width: 768px) {
+  .modal__rightModal___acoje .modal__modalContainer___BoKU8 {
+    width: 100%;
+    border-radius: 0;
+  }
+}
+@media only screen and (max-width: 768px) {
+  .modal__centerModal___CkbLu {
+    align-items: center;
+  }
+}
+.modal__centerModal___CkbLu .modal__modalContainer___BoKU8 {
+  border-radius: 8px;
+}
+@media only screen and (max-width: 768px) {
+  .modal__centerModal___CkbLu .modal__modalContainer___BoKU8 {
+    width: unset;
+    max-width: 720px;
+  }
+}
+.modal__centerModal___CkbLu .modal__modalContainer___BoKU8 .modal__modalHeader___xKo1g {
+  border-radius: 8px 8px 0px 0px;
+}
+.modal__modalTitle___yvZQo {
+  font-weight: 600;
+  color: var(--textHeading, #26201a);
+  line-height: 140%;
+  font-size: 16px;
+}
+.modal__modalSubTitle___Jr61k {
+  line-height: 140%;
+  font-size: 14px;
+  margin-top: 8px;
+  font-weight: 500;
+  color: var(--textBody, #3c3131);
+}
+.modal__disableScroll___cy36a {
+  overflow-y: hidden;
+}
+