paymob-widget-alpha 1.0.7 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +16 -13
  2. package/main.css +3 -3
  3. package/main.js +102 -27
  4. package/package.json +1 -1
  5. package/styles.css +2 -2
package/README.md CHANGED
@@ -28,13 +28,13 @@ new PaymobWidget({
28
28
  elementId: 'paymob-widget',
29
29
  amount: 1000, // amount in cents
30
30
  currency: 'EGP',
31
- integrationId: 123456, // optional
31
+ integrationId: 123, // optional
32
32
  });
33
33
  ```
34
34
 
35
35
  ### Selectable mode example
36
36
 
37
- To let the user select an installment plan and handle the selection in your app, enable `selectPlan` and pass an `onSubmit` callback.
37
+ To let the user select an installment plan and handle the selection in your app, enable `customerCanSelect` and pass an `onSubmit` callback.
38
38
 
39
39
  ```js
40
40
  new PaymobWidget({
@@ -44,9 +44,9 @@ new PaymobWidget({
44
44
  currency: 'EGP',
45
45
  integrationId: 123, // optional
46
46
  theme: 'primary',
47
- selectPlan: true,
47
+ customerCanSelect: true, // Enable the customer to select a plan.
48
48
  onSubmit: (plan) => {
49
- // `onSubmit` is called only in selectable mode (`selectPlan: true`),
49
+ // `onSubmit` is called only in selectable mode (`customerCanSelect: true`),
50
50
  // when the user selects an installment plan and clicks **Buy now** in the widget.
51
51
  // The callback receives a `plan` object (e.g. `id`, `tenure`, `amount`) so you can create an order / continue your checkout flow in your app.
52
52
  // plan = { id: 123, tenure: 12, amount: 250 }
@@ -66,8 +66,8 @@ The full list of properties is as follows:
66
66
  | amount | Number | No | Amount in major units. Default: `300`. |
67
67
  | currency | String | No | Currency code. Default: `"EGP"`. |
68
68
  | integrationId | Number | No | Paymob integration ID. If provided, it will be sent when fetching installment plans. |
69
- | selectPlan | Boolean | No | If `true`, the widget allows selecting a plan and will show **Buy now** actions. Default: `false`. |
70
- | onSubmit | Function | No | Selectable mode only (`selectPlan: true`). Called when the user selects a plan and clicks **Buy now**. Receives `{ id, tenure, amount }`. |
69
+ | customerCanSelect | Boolean | No | If `true`, the widget allows selecting a plan and will show **Buy now** actions. Default: `false`. |
70
+ | onSubmit | Function | No | Selectable mode only (`customerCanSelect: true`). Called when the user selects a plan and clicks **Buy now**. Receives `{ id, tenure, amount }`. |
71
71
 
72
72
  ### `onSubmit` payload
73
73
 
@@ -90,17 +90,20 @@ The full list of properties is as follows:
90
90
  <base href="/" />
91
91
  <meta name="viewport" content="width=device-width, initial-scale=1" />
92
92
  <style>
93
- #example {
94
- width: 80%;
95
- margin: 10% auto 0;
96
- }
93
+ #paymob-widget {
94
+ width: 100%;
95
+ margin: 10% auto 0;
96
+ }
97
+ body {
98
+ margin: 0;
99
+ }
97
100
  </style>
98
101
  </head>
99
102
 
100
103
  <body>
101
104
  <div id="paymob-widget"></div>
102
105
 
103
- <script src="https://cdn.jsdelivr.net/npm/paymob-widget-alpha@latest/main.js" type="module" ></script>
106
+ <script src="https://cdn.jsdelivr.net/npm/paymob-widget-alpha@latest/main.js" type="module"></script>
104
107
 
105
108
  <script>
106
109
  window.onload = () => {
@@ -111,9 +114,9 @@ The full list of properties is as follows:
111
114
  currency: 'EGP',
112
115
  integrationId: 123456, // optional
113
116
  theme: 'primary', // "primary" | "light" | "dark"
114
- selectPlan: true,
117
+ customerCanSelect: true, // Enable the customer to select a plan.
115
118
  onSubmit: (plan) => {
116
- // `onSubmit` is called only in selectable mode (`selectPlan: true`),
119
+ // `onSubmit` is called only in selectable mode (`customerCanSelect: true`),
117
120
  // when the user selects an installment plan and clicks **Buy now** in the widget.
118
121
  // The callback receives a `plan` object (e.g. `id`, `tenure`, `amount`) so you can create an order / continue your checkout flow in your app.
119
122
  // plan = { id: 123, tenure: 12, amount: 250 }
package/main.css CHANGED
@@ -28,11 +28,11 @@
28
28
  @import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap);
29
29
  @import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap);
30
30
  @import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap);
31
- @keyframes modal_slideIn__uUuXp{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes modal_slideUp__2GwQS{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal_root__sfoqg{position:fixed;inset:0;z-index:10000;isolation:isolate}.modal_rootMobile__wzN8Q{display:flex;justify-content:flex-end;align-items:stretch}.modal_rootDesktop__CiQty{display:block}.modal_overlay__D1Rh8{position:absolute;inset:0;z-index:0;cursor:pointer;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal_panel__odrOu{position:relative;z-index:1;width:100%}.modal_panelMobile__Pyh\+r{margin-left:0;margin-right:0;margin-top:auto;margin-bottom:0;height:80vh;max-height:80vh;max-width:100%;animation:modal_slideUp__2GwQS .3s ease-out}.modal_panelDesktop__YwVRJ{margin-left:auto;margin-right:0;margin-top:0;margin-bottom:0;height:100%;max-height:100%;max-width:550px;animation:modal_slideIn__uUuXp .3s ease-out}.modal_closeFloatingMobile__Z3pkR{position:absolute;left:50%;top:-50px;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;background-color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.18);z-index:2}.modal_closeFloatingDesktop__3W3cX{position:absolute;left:-45px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.18)}.modal_dialog__fapVk{height:100%;max-height:100%;width:100%;display:flex;flex-direction:column;background-color:#fff}.modal_dialogMobile__awaMW{overflow:hidden;box-shadow:0 -4px 24px rgba(0,0,0,.15);border-radius:24px 24px 0 0}.modal_dialogDesktop__z8dIY{overflow:visible;box-shadow:-4px 0 24px rgba(0,0,0,.15);border-radius:0}.modal_dialog__fapVk[data-theme=primary]{--modal-header-bg: #144dff;--modal-title-color: #ffffff;--modal-powered-color: #d0d5dd}.modal_dialog__fapVk[data-theme=dark]{--modal-header-bg: #081f66;--modal-title-color: #ffffff;--modal-powered-color: #d0d5dd}.modal_dialog__fapVk[data-theme=light]{--modal-header-bg: #e8edff;--modal-title-color: #101828;--modal-powered-color: #667085}.modal_header__oe722{position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:12px 16px;background-color:var(--modal-header-bg);color:var(--modal-title-color)}.modal_title__0XpA9{font-size:14px;font-weight:600}.modal_poweredRow__VXaw8{display:flex;align-items:flex-end;gap:4px}.modal_poweredLabel__a3hHx{font-size:12px;line-height:1;display:flex;align-items:flex-end;color:var(--modal-powered-color)}.modal_logo__jcucM{height:17px;object-fit:contain}.modal_body__SQUnU{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.modal_footer__GKw2U{border-top:1px solid #f3f4f6;padding:16px}.modal_closeIcon__RJJ9p{width:10px;height:10px}
31
+ @keyframes modal_slideIn__uUuXp{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes modal_slideUp__2GwQS{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal_root__sfoqg{position:fixed;inset:0;z-index:10000;isolation:isolate}.modal_rootMobile__wzN8Q{display:flex;justify-content:flex-end;align-items:stretch}.modal_rootDesktop__CiQty{display:block}.modal_overlay__D1Rh8{position:absolute;inset:0;z-index:0;cursor:pointer;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal_panel__odrOu{position:relative;z-index:1;width:100%}.modal_panelMobile__Pyh\+r{margin-left:0;margin-right:0;margin-top:auto;margin-bottom:0;height:80vh;max-height:80vh;max-width:100%;animation:modal_slideUp__2GwQS .3s ease-out}.modal_panelDesktop__YwVRJ{margin-left:auto;margin-right:0;margin-top:0;margin-bottom:0;height:100%;max-height:100%;max-width:550px;animation:modal_slideIn__uUuXp .3s ease-out}.modal_closeFloatingMobile__Z3pkR{position:absolute;left:50%;top:-50px;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;background-color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.18);z-index:2}.modal_closeFloatingDesktop__3W3cX{position:absolute;left:-45px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.18)}.modal_dialog__fapVk{height:100%;max-height:100%;width:100%;display:flex;flex-direction:column;background-color:#fff}.modal_dialogMobile__awaMW{overflow:hidden;box-shadow:0 -4px 24px rgba(0,0,0,.15);border-radius:24px 24px 0 0}.modal_dialogDesktop__z8dIY{overflow:visible;box-shadow:-4px 0 24px rgba(0,0,0,.15);border-radius:0}.modal_dialog__fapVk[data-theme=primary]{--modal-header-bg: #144dff;--modal-title-color: #ffffff;--modal-powered-color: #d0d5dd}.modal_dialog__fapVk[data-theme=dark]{--modal-header-bg: #081f66;--modal-title-color: #ffffff;--modal-powered-color: #d0d5dd}.modal_dialog__fapVk[data-theme=light]{--modal-header-bg: #e8edff;--modal-title-color: #101828;--modal-powered-color: #667085}.modal_header__oe722{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 12px;background-color:var(--modal-header-bg);color:var(--modal-title-color)}.modal_title__0XpA9{font-size:14px;font-weight:600}.modal_poweredRow__VXaw8{display:flex;align-items:center;gap:4px}@media(max-width: 360px){.modal_poweredRow__VXaw8{display:none}}.modal_poweredLabel__a3hHx{font-size:12px;display:flex;align-items:center;line-height:1;color:var(--modal-powered-color)}.modal_logo__jcucM{height:17px;display:block;object-fit:contain;align-self:center}.modal_body__SQUnU{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.modal_footer__GKw2U{border-top:1px solid #f3f4f6;padding:16px}.modal_closeIcon__RJJ9p{width:10px;height:10px}
32
32
  .badge_badge__zVreJ{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;border-radius:1rem;gap:.25rem;mix-blend-mode:multiply}.badge_badge__zVreJ svg,.badge_badge__zVreJ img{width:1rem;height:1rem}.badge_badge__zVreJ img{border-radius:50%}[data-badge-size=sm]{padding:0 .5rem}html[dir=ltr] [data-badge-size=sm],html[lang=en] [data-badge-size=sm]{font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1.5rem;letter-spacing:.01rem;font-weight:500}html[dir=rtl] [data-badge-size=sm],html[lang=ar] [data-badge-size=sm]{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1.5rem;letter-spacing:.01rem;font-weight:600}[data-badge-size=md],[data-badge-size=lg]{padding:0 .75rem}html[dir=ltr] [data-badge-size=md],html[lang=en] [data-badge-size=md]{font-family:"Inter",sans-serif;font-size:1rem;font-style:normal;line-height:1.75rem;font-weight:500}html[dir=rtl] [data-badge-size=md],html[lang=ar] [data-badge-size=md]{font-family:"Cairo",sans-serif;font-size:1rem;font-style:normal;line-height:1.75rem;font-weight:600}html[dir=ltr] [data-badge-size=lg],html[lang=en] [data-badge-size=lg]{font-family:"Inter",sans-serif;font-size:1.125rem;font-style:normal;line-height:2rem;font-weight:500}html[dir=rtl] [data-badge-size=lg],html[lang=ar] [data-badge-size=lg]{font-family:"Cairo",sans-serif;font-size:1.125rem;font-style:normal;line-height:2rem;font-weight:600}[data-badge-color=gray],[data-badge-color=grey]{color:#344054;background-color:#f2f4f7}[data-badge-color=gray]:not([data-badge-type=country]):not([data-badge-type=avatar]) path,[data-badge-color=grey]:not([data-badge-type=country]):not([data-badge-type=avatar]) path{fill:#344054 !important}[data-badge-color=primary]{color:#144dff;background-color:#e8edff}[data-badge-color=primary]:not([data-badge-type=country]):not([data-badge-type=avatar]) path{fill:#144dff !important}[data-badge-color=green]{color:#038f6e;background-color:#e6f7f3}[data-badge-color=green]:not([data-badge-type=country]):not([data-badge-type=avatar]) path{fill:#038f6e !important}[data-badge-color=yellow]{color:#dc6803;background-color:#fffaeb}[data-badge-color=yellow]:not([data-badge-type=country]):not([data-badge-type=avatar]) path{fill:#dc6803 !important}[data-badge-color=red]{color:#cc1142;background-color:#ffe8ee}[data-badge-color=red]:not([data-badge-type=country]):not([data-badge-type=avatar]) path{fill:#cc1142 !important}
33
33
  .checkbox-base_checkbox-base__EOx8c{position:relative;display:block;display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-base_checkbox-base__input__yOneo{position:absolute;opacity:0;width:100%;height:100%;margin:0}.checkbox-base_checkbox-base__input__yOneo:disabled+.checkbox-base_checkbox-base__checkbox__cRTaH:before{border:.0625rem solid #d0d5dd;background-color:#f9fafb;cursor:not-allowed}.checkbox-base_checkbox-base__input__yOneo:disabled+.checkbox-base_checkbox-base__checkbox__cRTaH:after{cursor:not-allowed;border-color:rgba(0,0,0,0)}.checkbox-base_checkbox-base__input__yOneo:checked+.checkbox-base_checkbox-base__checkbox__cRTaH:before{border:.0625rem solid #144dff;background-color:#144dff}.checkbox-base_checkbox-base__input__yOneo:checked+.checkbox-base_checkbox-base__checkbox__cRTaH:after{border-color:#fff}.checkbox-base_checkbox-base__input__yOneo:checked:disabled+.checkbox-base_checkbox-base__checkbox__cRTaH:before{border:.0625rem solid #d0d5dd;background-color:#f9fafb}.checkbox-base_checkbox-base__input__yOneo:checked:disabled+.checkbox-base_checkbox-base__checkbox__cRTaH:after{background-color:rgba(0,0,0,0);border-color:#d0d5dd}.checkbox-base_checkbox-base__checkbox__cRTaH{cursor:pointer;display:inline-block;position:relative;width:100%;height:100%}.checkbox-base_checkbox-base__checkbox__cRTaH:before{content:"";box-sizing:border-box;position:absolute;width:100%;height:100%;border:.0625rem solid #d0d5dd;background-color:#fff;transition:200ms linear}.checkbox-base_checkbox-base__checkbox__cRTaH:after{content:"";position:absolute;top:50%;left:50%;transition:200ms linear}html[dir=ltr] .checkbox-base_checkbox-base__checkbox__cRTaH:after,html[lang=en] .checkbox-base_checkbox-base__checkbox__cRTaH:after{border-inline-end:solid rgba(0,0,0,0);border-block-end:solid rgba(0,0,0,0)}html[dir=rtl] .checkbox-base_checkbox-base__checkbox__cRTaH:after,html[lang=ar] .checkbox-base_checkbox-base__checkbox__cRTaH:after{border-inline-start:solid rgba(0,0,0,0);border-block-end:solid rgba(0,0,0,0)}.checkbox-base_checkbox-base__checkbox__cRTaH:hover:before,.checkbox-base_checkbox-base__checkbox__cRTaH[data-checkbox-base-hovered=true]:before{border:.0625rem solid #144dff;background-color:#e8edff}.checkbox-base_checkbox-base__checkbox__cRTaH:focus:before,.checkbox-base_checkbox-base__checkbox__cRTaH[data-checkbox-base-focused=true]:before{border:.0625rem solid #144dff;background-color:#fff}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-icon=tick] .checkbox-base_checkbox-base__checkbox__cRTaH:after{width:18.75%;height:43.75%;transform:translate(-50%, -60%) rotate(45deg)}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-icon=dash] .checkbox-base_checkbox-base__checkbox__cRTaH:after{width:45%;height:10%;transform:translate(-50%, -65%)}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=sm]{width:1rem;height:1rem}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=sm] .checkbox-base_checkbox-base__checkbox__cRTaH:before{border-radius:.25rem}html[dir=ltr] .checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=sm][data-checkbox-base-icon=tick] .checkbox-base_checkbox-base__checkbox__cRTaH:after,html[lang=en] .checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=sm][data-checkbox-base-icon=tick] .checkbox-base_checkbox-base__checkbox__cRTaH:after{border-inline-end-width:.0625rem;border-block-end-width:.0625rem}html[dir=rtl] .checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=sm][data-checkbox-base-icon=tick] .checkbox-base_checkbox-base__checkbox__cRTaH:after,html[lang=ar] .checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=sm][data-checkbox-base-icon=tick] .checkbox-base_checkbox-base__checkbox__cRTaH:after{border-inline-start-width:.0625rem;border-block-end-width:.0625rem}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=sm][data-checkbox-base-icon=dash] .checkbox-base_checkbox-base__checkbox__cRTaH:after{border-width:0;border-block-end-width:.0625rem}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=md]{width:1.25rem;height:1.25rem}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=md] .checkbox-base_checkbox-base__checkbox__cRTaH:before{border-radius:.375rem}html[dir=ltr] .checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=md][data-checkbox-base-icon=tick] .checkbox-base_checkbox-base__checkbox__cRTaH:after,html[lang=en] .checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=md][data-checkbox-base-icon=tick] .checkbox-base_checkbox-base__checkbox__cRTaH:after{border-inline-end-width:.125rem;border-block-end-width:.125rem}html[dir=rtl] .checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=md][data-checkbox-base-icon=tick] .checkbox-base_checkbox-base__checkbox__cRTaH:after,html[lang=ar] .checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=md][data-checkbox-base-icon=tick] .checkbox-base_checkbox-base__checkbox__cRTaH:after{border-inline-start-width:.125rem;border-block-end-width:.125rem}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-size=md][data-checkbox-base-icon=dash] .checkbox-base_checkbox-base__checkbox__cRTaH:after{border-width:0;border-block-end-width:.125rem}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-type=radio] .checkbox-base_checkbox-base__checkbox__cRTaH:before{border-radius:50%}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-type=radio] .checkbox-base_checkbox-base__checkbox__cRTaH:after{width:40%;height:40%;border-radius:50%;background-color:rgba(0,0,0,0);transform:translate(-50%, -50%);border:none}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-type=radio] .checkbox-base_checkbox-base__input__yOneo:checked+.checkbox-base_checkbox-base__checkbox__cRTaH:before{border:.0625rem solid #144dff;background-color:#144dff}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-type=radio] .checkbox-base_checkbox-base__input__yOneo:checked+.checkbox-base_checkbox-base__checkbox__cRTaH:after{background-color:#fff}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-type=radio] .checkbox-base_checkbox-base__input__yOneo:checked:disabled+.checkbox-base_checkbox-base__checkbox__cRTaH:before{border:.0625rem solid #d0d5dd;background-color:#f9fafb}.checkbox-base_checkbox-base__EOx8c[data-checkbox-base-type=radio] .checkbox-base_checkbox-base__input__yOneo:checked:disabled+.checkbox-base_checkbox-base__checkbox__cRTaH:after{background-color:#d0d5dd}
34
34
  .checkbox_checkbox-wrapper__zjCk3{width:fit-content;display:flex;gap:.5rem;cursor:pointer}.checkbox_checkbox-wrapper__text-box__XGApL{display:flex;flex-direction:column;gap:.5rem}.checkbox_checkbox-wrapper__text-box__row__2k\+Wo{display:flex;align-items:center;gap:.5rem}.checkbox_checkbox-wrapper__text-box__text__JezoX{color:#344054}.checkbox_checkbox-wrapper__text-box__badge__HmR8b{margin-inline-start:.25rem}.checkbox_checkbox-wrapper__text-box__hint-text__FYD4b{color:#475467;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1.125rem;letter-spacing:.01rem;font-weight:400}html[dir=rtl] .checkbox_checkbox-wrapper__text-box__hint-text__FYD4b,html[lang=ar] .checkbox_checkbox-wrapper__text-box__hint-text__FYD4b{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1.125rem;letter-spacing:.01rem;font-weight:400}.checkbox_checkbox-wrapper__zjCk3[data-checkbox-disabled=true]{pointer-events:none}.checkbox_checkbox-wrapper__zjCk3[data-checkbox-size=sm] .checkbox_checkbox-wrapper__text-box__text__JezoX{line-height:.8rem !important;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1.5rem;letter-spacing:.01rem;font-weight:500}html[dir=rtl] .checkbox_checkbox-wrapper__zjCk3[data-checkbox-size=sm] .checkbox_checkbox-wrapper__text-box__text__JezoX,html[lang=ar] .checkbox_checkbox-wrapper__zjCk3[data-checkbox-size=sm] .checkbox_checkbox-wrapper__text-box__text__JezoX{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1.5rem;letter-spacing:.01rem;font-weight:600}.checkbox_checkbox-wrapper__zjCk3[data-checkbox-size=md] .checkbox_checkbox-wrapper__text-box__text__JezoX{line-height:.82rem !important;font-family:"Inter",sans-serif;font-size:1rem;font-style:normal;line-height:1.75rem;font-weight:500}html[dir=rtl] .checkbox_checkbox-wrapper__zjCk3[data-checkbox-size=md] .checkbox_checkbox-wrapper__text-box__text__JezoX,html[lang=ar] .checkbox_checkbox-wrapper__zjCk3[data-checkbox-size=md] .checkbox_checkbox-wrapper__text-box__text__JezoX{font-family:"Cairo",sans-serif;font-size:1rem;font-style:normal;line-height:1.75rem;font-weight:600}.checkbox_checkbox-wrapper__zjCk3[data-checkbox-alignment=start]{align-items:flex-start}.checkbox_checkbox-wrapper__zjCk3[data-checkbox-alignment=end]{align-items:flex-end}.checkbox_checkbox-wrapper__zjCk3[data-checkbox-alignment=center]{align-items:center}.checkbox_checkbox-wrapper__zjCk3:has(div[class*=badge]){align-items:flex-start}.checkbox_checkbox-wrapper__zjCk3:has(div[class*=badge]) div[data-checkbox-base-size]{margin-block-start:.25rem}
35
- .item-selector_item-selector__OE34y{display:flex;align-items:flex-start;border:.0625rem solid #eaecf0;border-radius:.75rem;background:#fff;transition:border-color .2s,box-shadow .2s;cursor:pointer;gap:.75rem}.item-selector_item-selector__OE34y[data-item-selector-size=sm]{padding:.75rem}.item-selector_item-selector__OE34y[data-item-selector-size=md]{padding:1rem}.item-selector_item-selector__OE34y[data-item-selector-checked=true]{border-color:#144dff}.item-selector_item-selector__OE34y[data-item-selector-hovered=true]:not([data-item-selector-disabled=true]){border-color:#144dff}.item-selector_item-selector__OE34y[data-item-selector-focused=true]:not([data-item-selector-disabled=true]){border-color:#144dff;box-shadow:0rem 0rem 0rem .25rem #b9caff,0rem .0625rem .125rem 0rem rgba(16,24,40,.05)}.item-selector_item-selector__OE34y[data-item-selector-selected=true]:not([data-item-selector-disabled=true]){border-color:#144dff}.item-selector_item-selector__OE34y[data-item-selector-disabled=true]{border-color:#eaecf0;background:#fcfcfd;opacity:.8;cursor:not-allowed}.item-selector_item-selector__OE34y[data-item-selector-disabled=true][data-item-selector-disabled=true]:is(.item-selector_item-selector__OE34y[data-item-selector-disabled=true]) [data-checkbox-base-hovered=true]::before{border-color:#d0d5dd;background-color:#f9fafb}
35
+ .item-selector_item-selector__OE34y{display:flex;align-items:flex-start;border:.0625rem solid #eaecf0;border-radius:.75rem;background:#fff;transition:border-color .2s,box-shadow .2s;cursor:pointer;gap:.75rem}.item-selector_item-selector__OE34y[data-item-selector-size=sm]{padding:.75rem;align-items:center}.item-selector_item-selector__OE34y[data-item-selector-size=md]{padding:1rem}.item-selector_item-selector__OE34y[data-item-selector-checked=true]{border-color:#144dff}.item-selector_item-selector__OE34y[data-item-selector-hovered=true]:not([data-item-selector-disabled=true]){border-color:#144dff}.item-selector_item-selector__OE34y[data-item-selector-focused=true]:not([data-item-selector-disabled=true]){border-color:#144dff;box-shadow:0rem 0rem 0rem .25rem #b9caff,0rem .0625rem .125rem 0rem rgba(16,24,40,.05)}.item-selector_item-selector__OE34y[data-item-selector-selected=true]:not([data-item-selector-disabled=true]){border-color:#144dff}.item-selector_item-selector__OE34y[data-item-selector-disabled=true]{border-color:#eaecf0;background:#fcfcfd;opacity:.8;cursor:not-allowed}.item-selector_item-selector__OE34y[data-item-selector-disabled=true][data-item-selector-disabled=true]:is(.item-selector_item-selector__OE34y[data-item-selector-disabled=true]) [data-checkbox-base-hovered=true]::before{border-color:#d0d5dd;background-color:#f9fafb}
36
36
  .accordion_accordion__ohrAi{border-radius:.5rem;padding:1rem}.accordion_accordion__chevron-holder__61mzP{margin-inline-start:auto}.accordion_accordion__chevron-holder__61mzP path{fill:#475467}.accordion_accordion__ohrAi summary{cursor:pointer;padding-inline:0;display:flex;gap:.75rem}.accordion_accordion__ohrAi[data-accordion-type=bordered_box]{border:.0625rem solid #eaecf0}.accordion_accordion__ohrAi[data-accordion-type=bordered_box] .accordion_accordion__chevron-holder__61mzP{height:1.5rem}.accordion_accordion__ohrAi[data-accordion-type=bordered_box] .accordion_accordion__chevron-holder__61mzP svg{width:1.5rem;height:1.5rem}.accordion_accordion__ohrAi[data-accordion-type=transparent_box]{width:100%}.accordion_accordion__ohrAi[data-accordion-type=transparent_box] .accordion_accordion__chevron-holder__61mzP{height:1.25rem}.accordion_accordion__ohrAi[data-accordion-type=transparent_box] .accordion_accordion__chevron-holder__61mzP svg{width:1.25rem;height:1.25rem}.accordion_accordion__ohrAi[data-accordion-header-alignment=start] summary{align-items:flex-start}.accordion_accordion__ohrAi[data-accordion-header-alignment=center] summary{align-items:center}.accordion_accordion__ohrAi[data-accordion-header-alignment=end] summary{align-items:flex-end}.accordion_accordion__ohrAi[data-accordion-with-divider=true][open][data-accordion-type=bordered_box] summary{border-bottom:.0625rem solid #eaecf0;margin-bottom:1rem;padding-bottom:1rem}.accordion_accordion__ohrAi[data-accordion-with-divider=true][open][data-accordion-type=transparent_box] summary{border-bottom:0;padding:1rem 1.5rem}.accordion_accordion__ohrAi[data-accordion-with-divider=true][open][data-accordion-type=transparent_box] .accordion_accordion__body__3Sf-3{padding:0 1.5rem 1rem}.accordion_accordion__ohrAi[data-accordion-with-divider=true]:not([open])[data-accordion-type=transparent_box] summary{border-bottom:.0625rem solid #eaecf0;padding:1rem 1.5rem}
37
37
  .button_btn__nkOul{width:fit-content;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:none;cursor:pointer;user-select:none}.button_btn__nkOul:disabled{cursor:not-allowed}.button_btn__label__jT32k{color:#667085}html[dir=ltr] .button_btn__label__jT32k,html[lang=en] .button_btn__label__jT32k{font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1.5rem;letter-spacing:.01rem;font-weight:400}html[dir=rtl] .button_btn__label__jT32k,html[lang=ar] .button_btn__label__jT32k{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1rem;font-weight:400}.button_btn__nkOul svg{width:100%;height:100%}html[dir=ltr] [data-btn-size=sm],html[lang=en] [data-btn-size=sm],html[dir=ltr] [data-btn-size=md],html[lang=en] [data-btn-size=md]{font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1.5rem;letter-spacing:.01rem;font-weight:600}html[dir=rtl] [data-btn-size=sm],html[lang=ar] [data-btn-size=sm],html[dir=rtl] [data-btn-size=md],html[lang=ar] [data-btn-size=md]{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1.5rem;letter-spacing:.01rem;font-weight:700}[data-btn-size=sm]{gap:.5rem;padding:.25rem .75rem}[data-btn-size=sm]:has(>svg:only-child){padding:.5rem}[data-btn-size=sm] svg{width:1rem;height:1rem}[data-btn-size=md]{gap:.5rem;padding:.5rem .75rem}[data-btn-size=md]:has(>svg:only-child){padding:.625rem}[data-btn-size=md] svg{width:1.25rem;height:1.25rem}[data-btn-size=lg]{gap:.5rem;padding:.625rem 1rem}html[dir=ltr] [data-btn-size=lg],html[lang=en] [data-btn-size=lg]{font-family:"Inter",sans-serif;font-size:1rem;font-style:normal;line-height:1.75rem;font-weight:600}html[dir=rtl] [data-btn-size=lg],html[lang=ar] [data-btn-size=lg]{font-family:"Cairo",sans-serif;font-size:1rem;font-style:normal;line-height:1.75rem;font-weight:700}[data-btn-size=lg]:has(>svg:only-child){padding:.75rem}[data-btn-size=lg] svg{width:1.5rem;height:1.5rem}[data-btn-size=xl]{gap:.5rem;padding:.625rem 1.25rem}html[dir=ltr] [data-btn-size=xl],html[lang=en] [data-btn-size=xl]{font-family:"Inter",sans-serif;font-size:1.125rem;font-style:normal;line-height:2rem;font-weight:600}html[dir=rtl] [data-btn-size=xl],html[lang=ar] [data-btn-size=xl]{font-family:"Cairo",sans-serif;font-size:1.125rem;font-style:normal;line-height:2rem;font-weight:700}[data-btn-size=xl]:has(>svg:only-child){padding:.75rem}[data-btn-size=xl] svg{width:1.75rem;height:1.75rem}[data-btn-size="2xl"],[data-btn-size=full]{gap:.5rem;padding:.75rem 1.5rem}html[dir=ltr] [data-btn-size="2xl"],html[lang=en] [data-btn-size="2xl"],html[dir=ltr] [data-btn-size=full],html[lang=en] [data-btn-size=full]{font-family:"Inter",sans-serif;font-size:1.25rem;font-style:normal;line-height:2.25rem;font-weight:600}html[dir=rtl] [data-btn-size="2xl"],html[lang=ar] [data-btn-size="2xl"],html[dir=rtl] [data-btn-size=full],html[lang=ar] [data-btn-size=full]{font-family:"Cairo",sans-serif;font-size:1.25rem;font-style:normal;line-height:2.25rem;font-weight:700}[data-btn-size="2xl"]:has(>svg:only-child),[data-btn-size=full]:has(>svg:only-child){padding:.875rem}[data-btn-size="2xl"] svg,[data-btn-size=full] svg{width:2rem;height:2rem}[data-btn-size=full]{width:100%}[data-btn-variant=link]{padding:0}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=contained]),.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=contained]){color:#fff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=contained]) path,.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=contained]) path{fill:#fff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=contained]) circle,.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=contained]) circle{stroke:#fff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=contained]){background-color:#144dff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=contained]):hover{background-color:#103ecc}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=contained]):focus{background-color:#144dff;box-shadow:0rem 0rem 0rem .25rem #b9caff,0rem .0625rem .125rem 0rem rgba(16,24,40,.05)}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=contained]):disabled{background-color:#a1b8ff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=outlined]):not(.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=outlined]):hover){background-color:rgba(0,0,0,0)}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=outlined]):not(.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=outlined]):disabled){color:#144dff;border:.0625rem solid #144dff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=outlined]):not(.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=outlined]):disabled) path{fill:#144dff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=outlined]):hover{background-color:#e8edff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=outlined]):focus{box-shadow:0rem 0rem 0rem .25rem #b9caff,0rem .0625rem .125rem 0rem rgba(16,24,40,.05)}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=outlined]):disabled{color:#a1b8ff;border:.0625rem solid #a1b8ff;background-color:rgba(0,0,0,0)}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=outlined]):disabled path{fill:#a1b8ff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=outlined]):disabled circle{stroke:#a1b8ff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]){background-color:rgba(0,0,0,0);border:none}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]):not(.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]):hover):not(.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]):disabled){color:#144dff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]):not(.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]):hover):not(.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]):disabled) path{fill:#144dff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]):hover{color:#103ecc}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]):hover path{fill:#103ecc}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]):disabled{color:#a1b8ff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]):disabled path{fill:#a1b8ff}.button_btn__nkOul:is([data-btn-color=primary][data-btn-variant=link]):disabled circle{stroke:#a1b8ff}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=outlined]):not(.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=outlined]):hover){background-color:rgba(0,0,0,0)}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=outlined]):not(.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=outlined]):disabled){color:#344054;border:.0625rem solid #d0d5dd}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=outlined]):not(.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=outlined]):disabled) path{fill:#344054}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=outlined]):hover{background-color:#f2f4f7}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=outlined]):focus{box-shadow:0rem 0rem 0rem .25rem #f2f4f7,0rem .0625rem .125rem 0rem rgba(16,24,40,.05)}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=outlined]):disabled{color:#d0d5dd;border:.0625rem solid #eaecf0;background-color:rgba(0,0,0,0)}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=outlined]):disabled path{fill:#d0d5dd}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=outlined]):disabled circle{stroke:#d0d5dd}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]){background-color:rgba(0,0,0,0);border:none}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]):not(.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]):hover):not(.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]):disabled){color:#475467}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]):not(.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]):hover):not(.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]):disabled) path{fill:#475467}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]):hover{color:#344054}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]):hover path{fill:#344054}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]):disabled{color:#98a2b3}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]):disabled path{fill:#98a2b3}.button_btn__nkOul:is([data-btn-color=secondary][data-btn-variant=link]):disabled circle{stroke:#98a2b3}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=contained]){background-color:#cc1142}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=contained]):hover{background-color:#990d31}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=contained]):focus{background-color:#cc1142;box-shadow:0rem 0rem 0rem .25rem #ffb9cb,0rem .0625rem .125rem 0rem rgba(16,24,40,.05)}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=contained]):disabled{background-color:#ffa1ba}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=outlined]):not(.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=outlined]):hover){background-color:rgba(0,0,0,0)}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=outlined]):not(.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=outlined]):disabled){color:#cc1142;border:.0625rem solid #cc1142}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=outlined]):not(.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=outlined]):disabled) path{fill:#cc1142}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=outlined]):hover{background-color:#ffe8ee}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=outlined]):focus{box-shadow:0rem 0rem 0rem .25rem #ffb9cb,0rem .0625rem .125rem 0rem rgba(16,24,40,.05)}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=outlined]):disabled{color:#ffa1ba;border:.0625rem solid #ffa1ba;background-color:rgba(0,0,0,0)}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=outlined]):disabled path{fill:#ffa1ba}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=outlined]):disabled circle{stroke:#ffa1ba}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]){background-color:rgba(0,0,0,0);border:none}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]):not(.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]):hover):not(.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]):disabled){color:#cc1142}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]):not(.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]):hover):not(.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]):disabled) path{fill:#cc1142}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]):hover{color:#990d31}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]):hover path{fill:#990d31}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]):disabled{color:#ffa1ba}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]):disabled path{fill:#ffa1ba}.button_btn__nkOul:is([data-btn-color=danger][data-btn-variant=link]):disabled circle{stroke:#ffa1ba}
38
- .moda_item__YfVFi [class*=checkbox-wrapper]{width:100% !important}.moda_button__5O3E3{width:100%}.moda_button__5O3E3 button{width:100% !important;min-width:100% !important}@media(max-width: 355px){.moda_hideUnder355__xkCFd{display:none !important}}@media(max-width: 279px){.moda_hideUnder279__RWnMV{display:none !important}}@media(max-width: 360px){.moda_hideUnder360__-0Wab{display:none !important}}.moda_interestWrapper__4AY28{width:100px;height:100px;overflow:hidden;flex-shrink:0}@media(max-width: 403px){.moda_interestWrapper__4AY28{width:70px;height:70px}}.moda_interestImage__Bhrz4{width:100%;height:100%;object-fit:contain}
38
+ .moda_item__YfVFi [class*=checkbox-wrapper]{width:100% !important}.moda_button__5O3E3{width:100%}.moda_button__5O3E3 button{width:100% !important;min-width:100% !important}@media(max-width: 355px){.moda_hideUnder355__xkCFd{display:none !important}}@media(max-width: 279px){.moda_hideUnder279__RWnMV{display:none !important}}@media(max-width: 360px){.moda_hideUnder360__-0Wab{display:none !important}}.moda_interestWrapper__4AY28{width:100px;height:100px;overflow:hidden;flex-shrink:0}@media(max-width: 403px){.moda_interestWrapper__4AY28{width:80px;height:80px}}.moda_interestImage__Bhrz4{width:100%;height:100%;object-fit:contain}
package/main.js CHANGED
@@ -693,7 +693,7 @@ const ShadowWrapper = ({
693
693
  }
694
694
  environment.PIXEL_CSS_LINKS.forEach(href => {
695
695
  if (href.match(/\.(woff2?|ttf|otf|eot)$/)) {
696
- const fontName = 'currencyFont';
696
+ const fontName = 'Inter';
697
697
  const font = new FontFace(fontName, `url(${href})`);
698
698
  font.load().then(loadedFace => {
699
699
  var _shadow;
@@ -713,6 +713,29 @@ const ShadowWrapper = ({
713
713
  appendStylesheetLink(href);
714
714
  }
715
715
  });
716
+
717
+ // Inline overrides inside Shadow DOM (not subject to CSS tree-shaking).
718
+ if (!shadow.querySelector('style[data-paymob-widget-overrides="true"]')) {
719
+ const overrides = document.createElement('style');
720
+ overrides.setAttribute('data-paymob-widget-overrides', 'true');
721
+ overrides.textContent = `
722
+ [data-plan-badge="true"] > [data-badge-size]{
723
+ box-sizing:border-box;
724
+ display:inline-flex!important;
725
+ align-items:center!important;
726
+ min-height:24px!important;
727
+ padding:0 12px!important;
728
+ line-height:1!important;
729
+ }
730
+ [data-item-selector-size="sm"] [data-checkbox-alignment]{
731
+ align-items:flex-start!important;
732
+ }
733
+ [data-item-selector-size="sm"] [data-checkbox-base-size]{
734
+ margin-block-start:4px!important;
735
+ }
736
+ `;
737
+ shadow.appendChild(overrides);
738
+ }
716
739
  }
717
740
  setShadowRoot(shadow);
718
741
  } catch (error) {
@@ -7701,6 +7724,17 @@ const AnimatedLoadingIndicator = /*#__PURE__*/(0,jsx_runtime.jsxs)("svg", {
7701
7724
  strokeLinejoin: "round"
7702
7725
  })]
7703
7726
  });
7727
+ const Flag = /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
7728
+ xmlns: "http://www.w3.org/2000/svg",
7729
+ width: "28",
7730
+ height: "28",
7731
+ viewBox: "0 0 28 28",
7732
+ fill: "none",
7733
+ children: /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
7734
+ d: "M23.1875 5.46875V19.25C20.5625 20.1934 19.7832 20.5625 18.2656 20.5625C15.6816 20.5625 14.6973 19.25 12.1543 19.25C11.252 19.25 10.5547 19.4141 9.93945 19.6191C9.32422 19.8242 8.75 19.373 8.75 18.7578V18.7168C8.75 18.3477 8.95508 18.0195 9.32422 17.8965C10.1035 17.5684 10.9648 17.2812 12.1543 17.2812C14.6973 17.2812 15.6816 18.5937 18.2656 18.5937C19.332 18.5937 20.0293 18.4297 21.1777 18.0195V8.17578C20.3574 8.46289 19.4551 8.75 18.2656 8.75C15.6816 8.75 14.6973 7.4375 12.1543 7.4375C9.81641 7.4375 8.83203 8.54492 6.78125 8.70898V22.2031C6.78125 22.7773 6.33008 23.1875 5.79687 23.1875C5.22266 23.1875 4.8125 22.7773 4.8125 22.2031V5.79687C4.8125 5.26367 5.22266 4.8125 5.79687 4.8125C6.33008 4.8125 6.78125 5.26367 6.78125 5.79687V6.74023C8.83203 6.57617 9.81641 5.46875 12.1543 5.46875C14.6973 5.46875 15.6816 6.78125 18.2656 6.78125C19.8242 6.78125 20.6445 6.37109 23.1875 5.46875Z",
7735
+ fill: "#144DFF"
7736
+ })
7737
+ });
7704
7738
  ;// ../../libs/design-system/src/components/Accordion/accordion.module.scss
7705
7739
  // extracted by mini-css-extract-plugin
7706
7740
  /* harmony default export */ const accordion_module = ({"accordion":"accordion_accordion__ohrAi","accordion__chevron-holder":"accordion_accordion__chevron-holder__61mzP","accordion__body":"accordion_accordion__body__3Sf-3"});
@@ -7890,7 +7924,7 @@ function Widget({
7890
7924
  amount = 300,
7891
7925
  currency = 'EGP',
7892
7926
  integrationId,
7893
- selectPlan = false,
7927
+ customerCanSelect = false,
7894
7928
  onSubmit,
7895
7929
  theme = 'primary'
7896
7930
  }) {
@@ -7904,7 +7938,7 @@ function Widget({
7904
7938
  const [isSubmitting, setIsSubmitting] = (0,react.useState)(false);
7905
7939
  const [submitError, setSubmitError] = (0,react.useState)(null);
7906
7940
  const canSubmit = typeof onSubmit === 'function';
7907
- const canSelect = selectPlan === true;
7941
+ const canSelect = customerCanSelect === true;
7908
7942
  const lastLoadedPlansKeyRef = (0,react.useRef)(null);
7909
7943
  const inFlightPlansKeyRef = (0,react.useRef)(null);
7910
7944
  const amountInCents = (0,react.useMemo)(() => {
@@ -8032,6 +8066,7 @@ function Widget({
8032
8066
  children: /*#__PURE__*/(0,jsx_runtime.jsx)(Button, {
8033
8067
  type: "button",
8034
8068
  text: "View all plans",
8069
+ size: "md",
8035
8070
  onClickHandler: () => {
8036
8071
  setIsModalOpen(true);
8037
8072
  setSubmitError(null);
@@ -8042,9 +8077,10 @@ function Widget({
8042
8077
  src: arrow_namespaceObject,
8043
8078
  alt: "arrow",
8044
8079
  style: {
8045
- height: '10px',
8046
- width: '6px',
8047
- marginLeft: '8px'
8080
+ height: '12px',
8081
+ width: '8px',
8082
+ display: 'block',
8083
+ marginLeft: '6px'
8048
8084
  }
8049
8085
  })
8050
8086
  })
@@ -8077,9 +8113,13 @@ function Widget({
8077
8113
  text: "Buy now",
8078
8114
  color: "primary",
8079
8115
  loading: isSubmitting,
8080
- disabled: !canSubmit || isSubmitting || isPlansLoading,
8116
+ disabled: !canSubmit || isSubmitting || isPlansLoading || canSelect && !selectedInstallment,
8081
8117
  onClickHandler: async () => {
8082
8118
  if (!canSubmit) return;
8119
+ if (canSelect && !selectedInstallment) {
8120
+ setSubmitError('Please select a plan.');
8121
+ return;
8122
+ }
8083
8123
  if (!selectedInstallment) {
8084
8124
  setSubmitError(null);
8085
8125
  setIsModalOpen(false);
@@ -8160,12 +8200,15 @@ function Widget({
8160
8200
  }), /*#__PURE__*/(0,jsx_runtime.jsx)(Badge, {
8161
8201
  text: bankItem.badgeText,
8162
8202
  color: "green",
8163
- size: "sm"
8203
+ size: "lg"
8164
8204
  })]
8165
8205
  }), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
8166
8206
  style: {
8207
+ color: '#475467',
8167
8208
  fontSize: '14px',
8168
- color: '#667085'
8209
+ fontWeight: 400,
8210
+ lineHeight: '18px',
8211
+ letterSpacing: '0.16px'
8169
8212
  },
8170
8213
  children: ["Starts from EGP ", bankItem.startsFromAmount, " / month"]
8171
8214
  })]
@@ -8189,9 +8232,27 @@ function Widget({
8189
8232
  width: '100%'
8190
8233
  },
8191
8234
  children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
8192
- children: ["EGP ", installmentOption.monthlyAmount, " / month"]
8235
+ style: {
8236
+ color: '#475467',
8237
+ fontFamily: 'Inter, sans-serif',
8238
+ fontSize: '14px',
8239
+ fontStyle: 'normal',
8240
+ fontWeight: 500,
8241
+ lineHeight: '24px',
8242
+ letterSpacing: '0.16px'
8243
+ },
8244
+ children: ["EGP ", installmentOption.monthlyAmount, " / Month"]
8193
8245
  }), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
8194
- children: [installmentOption.months, " Months"]
8246
+ style: {
8247
+ color: '#475467',
8248
+ fontFamily: 'Inter, sans-serif',
8249
+ fontSize: '14px',
8250
+ fontStyle: 'normal',
8251
+ fontWeight: 400,
8252
+ lineHeight: '24px',
8253
+ letterSpacing: '0.16px'
8254
+ },
8255
+ children: [installmentOption.months, " months"]
8195
8256
  })]
8196
8257
  });
8197
8258
  const hintText = /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -8201,37 +8262,52 @@ function Widget({
8201
8262
  gap: '8px',
8202
8263
  flexWrap: 'wrap'
8203
8264
  },
8204
- children: [installmentOption.noFees && /*#__PURE__*/(0,jsx_runtime.jsx)(Badge, {
8205
- text: "No fees",
8206
- color: "green",
8207
- size: "sm"
8265
+ children: [installmentOption.noFees && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
8266
+ "data-plan-badge": "true",
8267
+ children: /*#__PURE__*/(0,jsx_runtime.jsx)(Badge, {
8268
+ text: "No fees",
8269
+ color: "green",
8270
+ size: "lg"
8271
+ })
8208
8272
  }), installmentOption.fees > 0 && /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
8209
8273
  style: {
8210
8274
  color: '#475467',
8275
+ fontFamily: 'Inter, sans-serif',
8211
8276
  fontSize: '14px',
8277
+ fontStyle: 'normal',
8212
8278
  fontWeight: 400,
8213
8279
  lineHeight: '18px',
8214
8280
  letterSpacing: '0.16px'
8215
8281
  },
8216
8282
  children: ["Including ", currency, " ", installmentOption.fees, " fees"]
8217
- }), installmentOption.interestRate === 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(Badge, {
8218
- text: "0% Interest",
8219
- color: "green",
8220
- size: "sm"
8283
+ }), installmentOption.interestRate === 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
8284
+ "data-plan-badge": "true",
8285
+ children: /*#__PURE__*/(0,jsx_runtime.jsx)(Badge, {
8286
+ text: "0% Interest",
8287
+ color: "green",
8288
+ size: "lg"
8289
+ })
8221
8290
  })]
8222
8291
  });
8292
+ const planContent = /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
8293
+ style: {
8294
+ display: 'flex',
8295
+ flexDirection: 'column',
8296
+ gap: '8px'
8297
+ },
8298
+ children: [text, hintText]
8299
+ });
8223
8300
  if (!canSelect) {
8224
- return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
8301
+ return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
8225
8302
  style: {
8226
8303
  display: 'flex',
8227
8304
  flexDirection: 'column',
8228
- gap: '8px',
8229
8305
  border: '1px solid #EAECF0',
8230
8306
  borderRadius: '8px',
8231
8307
  padding: '12px',
8232
8308
  background: '#FFFFFF'
8233
8309
  },
8234
- children: [text, hintText]
8310
+ children: planContent
8235
8311
  }, installmentOption.id);
8236
8312
  }
8237
8313
  return /*#__PURE__*/(0,jsx_runtime.jsx)(ItemSelector, {
@@ -8250,8 +8326,7 @@ function Widget({
8250
8326
  });
8251
8327
  setSubmitError(null);
8252
8328
  },
8253
- text: text,
8254
- hintText: hintText
8329
+ text: planContent
8255
8330
  }, installmentOption.id);
8256
8331
  })
8257
8332
  })
@@ -8344,7 +8419,7 @@ function Widgets({
8344
8419
  amount,
8345
8420
  currency,
8346
8421
  integrationId,
8347
- selectPlan,
8422
+ customerCanSelect,
8348
8423
  onSubmit
8349
8424
  }) {
8350
8425
  return /*#__PURE__*/(0,jsx_runtime.jsx)(PaymobWidget, {
@@ -8353,7 +8428,7 @@ function Widgets({
8353
8428
  amount: amount,
8354
8429
  currency: currency,
8355
8430
  integrationId: integrationId,
8356
- selectPlan: selectPlan,
8431
+ customerCanSelect: customerCanSelect,
8357
8432
  onSubmit: onSubmit
8358
8433
  });
8359
8434
  }
@@ -8425,7 +8500,7 @@ class paymob_widget_PaymobWidget {
8425
8500
  amount: this._options.amount,
8426
8501
  currency: this._options.currency,
8427
8502
  integrationId: this._options.integrationId,
8428
- selectPlan: this._options.selectPlan,
8503
+ customerCanSelect: this._options.customerCanSelect,
8429
8504
  onSubmit: this._options.onSubmit
8430
8505
  })
8431
8506
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "paymob-widget-alpha",
3
- "version": "1.0.7",
3
+ "version": "1.0.9",
4
4
  "keywords": ["paymob","widget","paymob-widget"],
5
5
  "main": "./main.js",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -1,4 +1,4 @@
1
- @font-face{font-family:"currencyFont";src:url('Inter.otf') format("opentype"),url('Inter.woff2') format("woff2"),url('Inter.woff') format("woff"),url('Inter.ttf') format("truetype");font-display:swap}.currency-font{font-family:"currencyFont",sans-serif}/*
1
+ @font-face{font-family:"currencyFont";src:url('Inter.otf') format("opentype"),url('Inter.woff2') format("woff2"),url('Inter.woff') format("woff"),url('Inter.ttf') format("truetype");font-display:swap}@font-face{font-family:"Inter";src:url('Inter.otf') format("opentype"),url('Inter.woff2') format("woff2"),url('Inter.woff') format("woff"),url('Inter.ttf') format("truetype");font-display:swap}.currency-font{font-family:"currencyFont",sans-serif}/*
2
2
  ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
3
3
  *//*
4
4
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -250,4 +250,4 @@ video {
250
250
  height: auto;
251
251
  }/* Make elements with the HTML hidden attribute stay hidden by default */[hidden] {
252
252
  display: none;
253
- }*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100% !important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px !important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px !important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px !important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px !important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px !important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.-top-3{top:-0.75rem}.left-0{left:0px}.left-1\/2{left:50%}.left-\[-0\.3rem\]{left:-0.3rem}.left-\[-0\.5rem\]{left:-0.5rem}.left-\[-16px\]{left:-16px}.left-\[5px\]{left:5px}.right-0{right:0px}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.top-0{top:0px}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-12{top:3rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-6{top:1.5rem}.top-8{top:2rem}.top-\[-0\.5rem\]{top:-0.5rem}.top-\[-0\.7rem\]{top:-0.7rem}.top-\[2px\]{top:2px}.\!z-0{z-index:0 !important}.\!z-\[1\]{z-index:1 !important}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[5\]{z-index:5}.z-\[7\]{z-index:7}.m-2{margin:0.5rem}.m-\[10px\]{margin:10px}.m-auto{margin:auto}.mx-0{margin-left:0px;margin-right:0px}.mx-1{margin-left:0.25rem;margin-right:0.25rem}.mx-2{margin-left:0.5rem;margin-right:0.5rem}.mx-\[30px\]{margin-left:30px;margin-right:30px}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:0.5rem;margin-bottom:0.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-auto{margin-top:auto;margin-bottom:auto}.\!mt-0{margin-top:0px !important}.-me-px{margin-inline-end:-1px}.-ms-1{margin-inline-start:-0.25rem}.-ms-px{margin-inline-start:-1px}.-mt-6{margin-top:-1.5rem}.-mt-px{margin-top:-1px}.mb-0{margin-bottom:0px}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[14px\]{margin-bottom:14px}.me-2{margin-inline-end:0.5rem}.me-3{margin-inline-end:0.75rem}.ml-1{margin-left:0.25rem}.ml-2{margin-left:0.5rem}.ml-6{margin-left:1.5rem}.ml-7{margin-left:1.75rem}.ml-auto{margin-left:auto}.mr-1{margin-right:0.25rem}.ms-12{margin-inline-start:3rem}.ms-2{margin-inline-start:0.5rem}.ms-auto{margin-inline-start:auto}.mt-0{margin-top:0px}.mt-1{margin-top:0.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-3\.5{margin-top:0.875rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[24px\]{margin-top:24px}.mt-\[2px\]{margin-top:2px}.mt-\[3px\]{margin-top:3px}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.\!h-auto{height:auto !important}.\!h-full{height:100% !important}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2\/3{height:66.666667%}.h-20{height:5rem}.h-28{height:7rem}.h-3{height:0.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[1\.46rem\]{height:1.46rem}.h-\[1\.4rem\]{height:1.4rem}.h-\[1\.9rem\]{height:1.9rem}.h-\[10px\]{height:10px}.h-\[2\.375rem\]{height:2.375rem}.h-\[2\.46rem\]{height:2.46rem}.h-\[2\.7rem\]{height:2.7rem}.h-\[3\.46rem\]{height:3.46rem}.h-\[3\.65rem\]{height:3.65rem}.h-\[4\.5rem\]{height:4.5rem}.h-\[4\.65rem\]{height:4.65rem}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[45px\]{height:45px}.h-\[4px\]{height:4px}.h-\[5rem\]{height:5rem}.h-\[6\.25rem\]{height:6.25rem}.h-\[6\.45rem\]{height:6.45rem}.h-\[70px\]{height:70px}.h-\[75\%\]{height:75%}.h-\[8\.25rem\]{height:8.25rem}.h-\[80px\]{height:80px}.h-\[88\%\]{height:88%}.h-auto{height:auto}.h-full{height:100%}.max-h-56{max-height:14rem}.max-h-\[350px\]{max-height:350px}.max-h-full{max-height:100%}.min-h-\[2\.875rem\]{min-height:2.875rem}.min-h-\[70px\]{min-height:70px}.w-0{width:0px}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\/5{width:40%}.w-20{width:5rem}.w-28{width:7rem}.w-3{width:0.75rem}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[1\.46rem\]{width:1.46rem}.w-\[1\.9rem\]{width:1.9rem}.w-\[10px\]{width:10px}.w-\[11\.375rem\]{width:11.375rem}.w-\[2\.375rem\]{width:2.375rem}.w-\[2\.46rem\]{width:2.46rem}.w-\[2\.7rem\]{width:2.7rem}.w-\[2\.875rem\]{width:2.875rem}.w-\[200\%\]{width:200%}.w-\[21\.5rem\]{width:21.5rem}.w-\[23\.43rem\]{width:23.43rem}.w-\[28\.125rem\]{width:28.125rem}.w-\[3\.46rem\]{width:3.46rem}.w-\[3\.65rem\]{width:3.65rem}.w-\[32rem\]{width:32rem}.w-\[35rem\]{width:35rem}.w-\[4\.65rem\]{width:4.65rem}.w-\[450px\]{width:450px}.w-\[5px\]{width:5px}.w-\[5rem\]{width:5rem}.w-\[6\.25rem\]{width:6.25rem}.w-\[6\.45rem\]{width:6.45rem}.w-\[70px\]{width:70px}.w-\[8\.25rem\]{width:8.25rem}.w-\[90\%\]{width:90%}.w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem)}.w-\[calc\(100\%-1px\)\]{width:calc(100% - 1px)}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[22rem\]{min-width:22rem}.min-w-\[8rem\]{min-width:8rem}.max-w-\[400px\]{max-width:400px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-\[1_0_0\]{flex:1 0 0}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-180{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-\[auto_auto\]{grid-template-columns:auto auto}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.\!justify-end{justify-content:flex-end !important}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.\!gap-2{gap:0.5rem !important}.gap-1{gap:0.25rem}.gap-1\.5{gap:0.375rem}.gap-2{gap:0.5rem}.gap-2\.5{gap:0.625rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[0\.125rem\]{gap:0.125rem}.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-self-start{justify-self:start}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.\!rounded-lg{border-radius:0.5rem !important}.\!rounded-none{border-radius:0px !important}.rounded{border-radius:0.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-none{border-radius:0px}.rounded-sm{border-radius:0.125rem}.rounded-xl{border-radius:0.75rem}.\!rounded-b-lg{border-bottom-right-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.\!rounded-b-none{border-bottom-right-radius:0px !important;border-bottom-left-radius:0px !important}.\!rounded-l-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.\!rounded-r-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.\!rounded-t-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.\!rounded-t-none{border-top-left-radius:0px !important;border-top-right-radius:0px !important}.rounded-b-none{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.rounded-r-none{border-top-right-radius:0px;border-bottom-right-radius:0px}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.rounded-t-none{border-top-left-radius:0px;border-top-right-radius:0px}.\!rounded-ee-none{border-end-end-radius:0px !important}.\!rounded-es-none{border-end-start-radius:0px !important}.rounded-bl-lg{border-bottom-left-radius:0.5rem}.rounded-br-lg{border-bottom-right-radius:0.5rem}.\!border{border-width:1px !important}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.\!border-b-0{border-bottom-width:0px !important}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-b-\[2px\]{border-bottom-width:2px}.border-l-0{border-left-width:0px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0px}.border-r-\[2px\]{border-right-width:2px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.\!border-none{border-style:none !important}.border-none{border-style:none}.\!border-\[\#D0D5DD\]{--tw-border-opacity:1 !important;border-color:rgb(208 213 221 / var(--tw-border-opacity)) !important}.\!border-gray-300{--tw-border-opacity:1 !important;border-color:rgb(208 213 221 / var(--tw-border-opacity)) !important}.\!border-red-300{--tw-border-opacity:1 !important;border-color:rgb(255 115 151 / var(--tw-border-opacity)) !important}.border-\[\#144DFF\]{--tw-border-opacity:1;border-color:rgb(20 77 255 / var(--tw-border-opacity))}.border-\[\#7294FF\]{--tw-border-opacity:1;border-color:rgb(114 148 255 / var(--tw-border-opacity))}.border-\[\#B9CAFF\]{--tw-border-opacity:1;border-color:rgb(185 202 255 / var(--tw-border-opacity))}.border-\[\#D0D5DD\]{--tw-border-opacity:1;border-color:rgb(208 213 221 / var(--tw-border-opacity))}.border-\[\#DC6803\]{--tw-border-opacity:1;border-color:rgb(220 104 3 / var(--tw-border-opacity))}.border-\[\#EAECF0\]{--tw-border-opacity:1;border-color:rgb(234 236 240 / var(--tw-border-opacity))}.border-\[\#FEC84B\]{--tw-border-opacity:1;border-color:rgb(254 200 75 / var(--tw-border-opacity))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(161 184 255 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(20 77 255 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(242 244 247 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(234 236 240 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(208 213 221 / var(--tw-border-opacity))}.border-red-300{--tw-border-opacity:1;border-color:rgb(255 115 151 / var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21 / var(--tw-border-opacity))}.border-b-gray-200{--tw-border-opacity:1;border-bottom-color:rgb(234 236 240 / var(--tw-border-opacity))}.border-b-gray-300{--tw-border-opacity:1;border-bottom-color:rgb(208 213 221 / var(--tw-border-opacity))}.border-b-red-300{--tw-border-opacity:1;border-bottom-color:rgb(255 115 151 / var(--tw-border-opacity))}.border-b-white{--tw-border-opacity:1;border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-l-red-300{--tw-border-opacity:1;border-left-color:rgb(255 115 151 / var(--tw-border-opacity))}.border-r-red-300{--tw-border-opacity:1;border-right-color:rgb(255 115 151 / var(--tw-border-opacity))}.border-r-white{--tw-border-opacity:1;border-right-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(234 236 240 / var(--tw-border-opacity))}.border-t-red-300{--tw-border-opacity:1;border-top-color:rgb(255 115 151 / var(--tw-border-opacity))}.border-t-red-500{--tw-border-opacity:1;border-top-color:rgb(255 21 82 / var(--tw-border-opacity))}.\!bg-black{--tw-bg-opacity:1 !important;background-color:rgb(0 0 0 / var(--tw-bg-opacity)) !important}.bg-\[\#0002\]{background-color:#0002}.bg-\[\#144DFF\]{--tw-bg-opacity:1;background-color:rgb(20 77 255 / var(--tw-bg-opacity))}.bg-\[\#E6FEEE\]{--tw-bg-opacity:1;background-color:rgb(230 254 238 / var(--tw-bg-opacity))}.bg-\[\#E8EDFF\]{--tw-bg-opacity:1;background-color:rgb(232 237 255 / var(--tw-bg-opacity))}.bg-\[\#F9FAFB\]{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-\[\#FFFCF5\]{--tw-bg-opacity:1;background-color:rgb(255 252 245 / var(--tw-bg-opacity))}.bg-\[\#e1f2ef\]{--tw-bg-opacity:1;background-color:rgb(225 242 239 / var(--tw-bg-opacity))}.bg-\[\#eeeff4\]{--tw-bg-opacity:1;background-color:rgb(238 239 244 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-25{--tw-bg-opacity:1;background-color:rgb(232 237 255 / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(20 77 255 / var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(242 244 247 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(102 112 133 / var(--tw-bg-opacity))}.bg-gray-700\/20{background-color:rgb(52 64 84 / 0.2)}.bg-gray-700\/25{background-color:rgb(52 64 84 / 0.25)}.bg-green-25{--tw-bg-opacity:1;background-color:rgb(230 247 243 / var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(205 240 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(4 179 137 / var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60 / var(--tw-bg-opacity))}.bg-red-25{--tw-bg-opacity:1;background-color:rgb(255 232 238 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(255 208 220 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(255 21 82 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(204 17 66 / var(--tw-bg-opacity))}.bg-teal-600{--tw-bg-opacity:1;background-color:rgb(13 148 136 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-none{background-image:none}.fill-blue-500{fill:#144DFF}.fill-red-600{fill:#CC1142}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-0{padding:0px !important}.p-0{padding:0px}.p-0\.5{padding:0.125rem}.p-16{padding:4rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[0\.875rem\]{padding:0.875rem}.p-\[14px\]{padding:14px}.p-\[16px\]{padding:16px}.p-\[7px\]{padding:7px}.\!px-0{padding-left:0px !important;padding-right:0px !important}.px-1{padding-left:0.25rem;padding-right:0.25rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-20{padding-left:5rem;padding-right:5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[0\.6rem\]{padding-left:0.6rem;padding-right:0.6rem}.px-\[0\.75rem\]{padding-left:0.75rem;padding-right:0.75rem}.px-\[1\.125rem\]{padding-left:1.125rem;padding-right:1.125rem}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[2px\]{padding-left:2px;padding-right:2px}.py-0{padding-top:0px;padding-bottom:0px}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-11{padding-top:2.75rem;padding-bottom:2.75rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[0\.15rem\]{padding-top:0.15rem;padding-bottom:0.15rem}.py-\[0\.1rem\]{padding-top:0.1rem;padding-bottom:0.1rem}.py-\[0\.45rem\]{padding-top:0.45rem;padding-bottom:0.45rem}.py-\[0\.625rem\]{padding-top:0.625rem;padding-bottom:0.625rem}.py-\[0\.6rem\]{padding-top:0.6rem;padding-bottom:0.6rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.\!pr-0{padding-right:0px !important}.pb-1{padding-bottom:0.25rem}.pb-10{padding-bottom:2.5rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:0.5rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:0.25rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.ps-12{padding-inline-start:3rem}.ps-6{padding-inline-start:1.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[24px\]{padding-top:24px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.font-sans{font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}.\!text-base{font-size:1rem !important;line-height:1.5rem !important}.\!text-lg{font-size:1.125rem !important;line-height:1.75rem !important}.\!text-sm{font-size:0.875rem !important;line-height:1.25rem !important}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.65rem\]{font-size:0.65rem}.text-\[10px\]{font-size:10px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[2rem\]{font-size:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-\[500\]{font-weight:500}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.italic{font-style:italic}.\!leading-8{line-height:2rem !important}.leading-10{line-height:2.5rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[0\.875rem\]{line-height:0.875rem}.leading-\[0\]{line-height:0}.leading-\[1\.125rem\]{line-height:1.125rem}.leading-\[1\.2rem\]{line-height:1.2rem}.leading-\[1\.5rem\]{line-height:1.5rem}.leading-\[10px\]{line-height:10px}.leading-\[16px\]{line-height:16px}.leading-\[18px\]{line-height:18px}.leading-\[2\.75rem\]{line-height:2.75rem}.leading-\[24px\]{line-height:24px}.tracking-\[\.01rem\]{letter-spacing:.01rem}.tracking-\[\.16px\]{letter-spacing:.16px}.tracking-\[0\.01rem\]{letter-spacing:0.01rem}.tracking-\[0\.16px\]{letter-spacing:0.16px}.tracking-normal{letter-spacing:0em}.tracking-wide{letter-spacing:0.025em}.text-\[\#038F6E\]{--tw-text-opacity:1;color:rgb(3 143 110 / var(--tw-text-opacity))}.text-\[\#101828\]{--tw-text-opacity:1;color:rgb(16 24 40 / var(--tw-text-opacity))}.text-\[\#144DFF\]{--tw-text-opacity:1;color:rgb(20 77 255 / var(--tw-text-opacity))}.text-\[\#344054\]{--tw-text-opacity:1;color:rgb(52 64 84 / var(--tw-text-opacity))}.text-\[\#475467\]{--tw-text-opacity:1;color:rgb(71 84 103 / var(--tw-text-opacity))}.text-\[\#667085\]{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity))}.text-\[\#69BE76\]{--tw-text-opacity:1;color:rgb(105 190 118 / var(--tw-text-opacity))}.text-\[\#B54708\]{--tw-text-opacity:1;color:rgb(181 71 8 / var(--tw-text-opacity))}.text-\[\#CC1142\]{--tw-text-opacity:1;color:rgb(204 17 66 / var(--tw-text-opacity))}.text-\[\#D0D5DD\]{--tw-text-opacity:1;color:rgb(208 213 221 / var(--tw-text-opacity))}.text-\[\#DC6803\]{--tw-text-opacity:1;color:rgb(220 104 3 / var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(20 77 255 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(234 236 240 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(71 84 103 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(52 64 84 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(16 24 40 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(3 143 110 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity))}.text-inherit{color:inherit}.text-orange-700{--tw-text-opacity:1;color:rgb(181 71 8 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(255 21 82 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(204 17 66 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-10{opacity:0.1}.opacity-100{opacity:1}.opacity-30{opacity:0.3}.opacity-50{opacity:0.5}.opacity-75{opacity:0.75}.\!shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}.\!shadow-none{--tw-shadow:0 0 #0000 !important;--tw-shadow-colored:0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_0_5px_\#FEF0C7\2c 0_0_0_10px_\#FFFAEB\]{--tw-shadow:0 0 0 5px #FEF0C7,0 0 0 10px #FFFAEB;--tw-shadow-colored:0 0 0 5px var(--tw-shadow-color), 0 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_2px_4px_\#B9CAFF\]{--tw-shadow:0 0 2px 4px #B9CAFF;--tw-shadow-colored:0 0 2px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0_20px_24px_-4px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0_8px_8px_-4px_rgba\(16\2c 24\2c 40\2c 0\.03\)\]{--tw-shadow:0 20px 24px -4px rgba(16,24,40,0.08),0 8px 8px -4px rgba(16,24,40,0.03);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color), 0 8px 8px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur:blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-0{--tw-brightness:brightness(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[25px\]{--tw-backdrop-blur:blur(25px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[8px\]{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.\[animation-delay\:-0\.15s\]{animation-delay:-0.15s}.\[animation-delay\:-0\.3s\]{animation-delay:-0.3s}.\[key\:string\]{key:string}*{margin:0;padding:0;font-family:inherit}.placeholder\:text-lg::placeholder{font-size:1.125rem;line-height:1.75rem}.placeholder\:text-\[\#D0DBFF\]::placeholder{--tw-text-opacity:1;color:rgb(208 219 255 / var(--tw-text-opacity))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity))}.after\:absolute::after{content:var(--tw-content);position:absolute}.after\:left-4::after{content:var(--tw-content);left:1rem}.after\:top-4::after{content:var(--tw-content);top:1rem}.after\:top-\[14px\]::after{content:var(--tw-content);top:14px}.after\:top-\[18px\]::after{content:var(--tw-content);top:18px}.after\:box-border::after{content:var(--tw-content);box-sizing:border-box}.after\:h-4::after{content:var(--tw-content);height:1rem}.after\:w-4::after{content:var(--tw-content);width:1rem}.after\:rounded-full::after{content:var(--tw-content);border-radius:9999px}.after\:border::after{content:var(--tw-content);border-width:1px}.after\:border-\[6px\]::after{content:var(--tw-content);border-width:6px}.after\:border-\[\#144DFF\]::after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(20 77 255 / var(--tw-border-opacity))}.after\:border-gray-300::after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(208 213 221 / var(--tw-border-opacity))}.after\:bg-white::after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.after\:text-xl::after{content:var(--tw-content);font-size:1.25rem;line-height:1.75rem}.after\:content-\[\'\'\]::after{--tw-content:'';content:var(--tw-content)}.checked\:border-0:checked{border-width:0px}.checked\:bg-blue-500:checked{--tw-bg-opacity:1;background-color:rgb(20 77 255 / var(--tw-bg-opacity))}.hover\:bg-\[\#eeeff4\]:hover{--tw-bg-opacity:1;background-color:rgb(238 239 244 / var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(242 244 247 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(234 236 240 / var(--tw-bg-opacity))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(153 27 27 / var(--tw-bg-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(16 24 40 / var(--tw-text-opacity))}.focus\:z-10:focus{z-index:10}.focus\:border-\[\#7294FF\]:focus{--tw-border-opacity:1;border-color:rgb(114 148 255 / var(--tw-border-opacity))}.focus\:shadow-\[0_0_0_4px_\#B9CAFF\]:focus{--tw-shadow:0 0 0 4px #B9CAFF;--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-transparent:focus{outline-color:transparent}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 236 240 / var(--tw-ring-opacity))}.focus\:ring-red-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 115 151 / var(--tw-ring-opacity))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-transparent:focus-visible{outline-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-\[\#667085\]:disabled{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity))}.disabled\:opacity-75:disabled{opacity:0.75}@media (min-width: 640px){.sm\:right-4{right:1rem}.sm\:top-4{top:1rem}.sm\:mb-0{margin-bottom:0px}.sm\:mb-6{margin-bottom:1.5rem}.sm\:h-8{height:2rem}.sm\:h-\[3\.46rem\]{height:3.46rem}.sm\:h-\[4\.65rem\]{height:4.65rem}.sm\:h-\[6\.45rem\]{height:6.45rem}.sm\:h-\[8\.25rem\]{height:8.25rem}.sm\:max-h-20{max-height:5rem}.sm\:w-8{width:2rem}.sm\:w-\[3\.46rem\]{width:3.46rem}.sm\:w-\[35rem\]{width:35rem}.sm\:w-\[4\.65rem\]{width:4.65rem}.sm\:w-\[480px\]{width:480px}.sm\:w-\[6\.45rem\]{width:6.45rem}.sm\:w-\[8\.25rem\]{width:8.25rem}.sm\:w-full{width:100%}.sm\:max-w-\[512px\]{max-width:512px}.sm\:max-w-\[560px\]{max-width:560px}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:rounded-xl{border-radius:0.75rem}.sm\:p-0{padding:0px}.sm\:p-16{padding:4rem}.sm\:p-6{padding:1.5rem}.sm\:text-left{text-align:left}}@media (min-width: 768px){.md\:ms-14{margin-inline-start:3.5rem}.md\:w-1\/2{width:50%}.md\:w-\[22rem\]{width:22rem}.md\:w-fit{width:-moz-fit-content;width:fit-content}.md\:w-full{width:100%}.md\:flex-row{flex-direction:row}.md\:gap-2{gap:0.5rem}.md\:gap-2\.5{gap:0.625rem}.md\:px-11{padding-left:2.75rem;padding-right:2.75rem}.md\:px-20{padding-left:5rem;padding-right:5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-3{padding-top:0.75rem;padding-bottom:0.75rem}.md\:pb-0{padding-bottom:0px}.md\:pt-24{padding-top:6rem}.md\:pt-64{padding-top:16rem}.md\:pt-\[17\.25rem\]{padding-top:17.25rem}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.lg\:px-20{padding-left:5rem;padding-right:5rem}}@media (min-width: 1280px){.xl\:ms-0{margin-inline-start:0px}.xl\:w-3\/4{width:75%}.xl\:flex-row{flex-direction:row}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:items-center{align-items:center}}@media (max-width: 664px){.mobile\:mb-0{margin-bottom:0px}.mobile\:ml-0{margin-left:0px}.mobile\:mt-0{margin-top:0px}.mobile\:block{display:block}.mobile\:hidden{display:none}.mobile\:h-4{height:1rem}.mobile\:w-11\/12{width:91.666667%}.mobile\:w-auto{width:auto}.mobile\:w-full{width:100%}.mobile\:flex-col{flex-direction:column}.mobile\:flex-col-reverse{flex-direction:column-reverse}.mobile\:items-center{align-items:center}.mobile\:gap-1{gap:0.25rem}.mobile\:gap-2{gap:0.5rem}.mobile\:gap-4{gap:1rem}.mobile\:pb-12{padding-bottom:3rem}.mobile\:pl-4{padding-left:1rem}.mobile\:pt-4{padding-top:1rem}}.rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *){flex-direction:row-reverse}.rtl\:text-left:where([dir="rtl"], [dir="rtl"] *){text-align:left}@media (prefers-color-scheme: dark){.dark\:text-gray-600{--tw-text-opacity:1;color:rgb(71 84 103 / var(--tw-text-opacity))}}.\[\&\:\:placeholder\]\:text-\[var\(--placeholder-color\)\]::placeholder{color:var(--placeholder-color)}.\[\&\:not\(\:checked\)\]\:hover\:border-blue-500:hover:not(:checked){--tw-border-opacity:1;border-color:rgb(20 77 255 / var(--tw-border-opacity))}.\[\&\:not\(\:checked\)\]\:hover\:bg-blue-25:hover:not(:checked){--tw-bg-opacity:1;background-color:rgb(232 237 255 / var(--tw-bg-opacity))}.\[\&\:not\(\:checked\)\]\:focus\:border-blue-500:focus:not(:checked){--tw-border-opacity:1;border-color:rgb(20 77 255 / var(--tw-border-opacity))}.\[\&\:not\(\:checked\)\]\:focus\:bg-white:focus:not(:checked){--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.\[\&\>button\]\:w-full>button{width:100%}.\[\&\>button\]\:\!p-0>button{padding:0px !important}.\[\&\>div\>div\>div\]\:w-full>div>div>div{width:100%}.\[\&\>div\>div\>div\]\:justify-between>div>div>div{justify-content:space-between}.\[\&\>div\>div\]\:w-full>div>div{width:100%}.\[\&\>div\]\:mb-0>div{margin-bottom:0px}.\[\&\>div\]\:w-fit>div{width:-moz-fit-content;width:fit-content}.\[\&\>div\]\:w-full>div{width:100%}.\[\&\>div\]\:opacity-70>div{opacity:0.7}@media (min-width: 768px){.\[\&\>div\]\:md\:w-1\/2>div{width:50%}}.\[\&_\*\]\:\!z-0 *{z-index:0 !important}.\[\&_\*\]\:text-white *{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.\[\&_\.gpay-card-info-container\]\:min-w-0 .gpay-card-info-container{min-width:0px}.\[\&_\.paypal-buttons-disabled\]\:\!w-full .paypal-buttons-disabled{width:100% !important}.\[\&_\.paypal-buttons-disabled\]\:\!opacity-100 .paypal-buttons-disabled{opacity:1 !important}.\[\&_\.paypal-buttons\]\:\!min-w-0 .paypal-buttons{min-width:0px !important}.\[\&_button\]\:\!z-0 button{z-index:0 !important}.\[\&_button\]\:inline button{display:inline}.\[\&_button\]\:h-16 button{height:4rem}.\[\&_button\]\:\!rounded-\[var\(--border-radius\)\] button{border-radius:var(--border-radius) !important}.\[\&_button\]\:\!border-dashed button{border-style:dashed !important}.\[\&_button\]\:\!outline-0 button{outline-width:0px !important}.\[\&_div\]\:flex div{display:flex}.\[\&_div\]\:items-center div{align-items:center}.\[\&_div\]\:justify-center div{justify-content:center}.\[\&_input\]\:pl-6 input{padding-left:1.5rem}.\[\&_label\]\:\!leading-4 label{line-height:1rem !important}.\[\&_label\]\:\!text-gray-600 label{--tw-text-opacity:1 !important;color:rgb(71 84 103 / var(--tw-text-opacity)) !important}.\[\&_svg\]\:h-5 svg{height:1.25rem}.\[\&_svg\]\:w-7 svg{width:1.75rem}
253
+ }*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100% !important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px !important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px !important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px !important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px !important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px !important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.-top-3{top:-0.75rem}.left-0{left:0px}.left-1\/2{left:50%}.left-\[-0\.3rem\]{left:-0.3rem}.left-\[-0\.5rem\]{left:-0.5rem}.left-\[-16px\]{left:-16px}.left-\[5px\]{left:5px}.right-0{right:0px}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.top-0{top:0px}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-12{top:3rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-6{top:1.5rem}.top-8{top:2rem}.top-\[-0\.5rem\]{top:-0.5rem}.top-\[-0\.7rem\]{top:-0.7rem}.top-\[2px\]{top:2px}.\!z-0{z-index:0 !important}.\!z-\[1\]{z-index:1 !important}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[5\]{z-index:5}.z-\[7\]{z-index:7}.m-2{margin:0.5rem}.m-\[10px\]{margin:10px}.m-auto{margin:auto}.mx-0{margin-left:0px;margin-right:0px}.mx-1{margin-left:0.25rem;margin-right:0.25rem}.mx-2{margin-left:0.5rem;margin-right:0.5rem}.mx-\[30px\]{margin-left:30px;margin-right:30px}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:0.5rem;margin-bottom:0.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-auto{margin-top:auto;margin-bottom:auto}.\!mt-0{margin-top:0px !important}.-me-px{margin-inline-end:-1px}.-ms-1{margin-inline-start:-0.25rem}.-ms-px{margin-inline-start:-1px}.-mt-6{margin-top:-1.5rem}.-mt-px{margin-top:-1px}.mb-0{margin-bottom:0px}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[14px\]{margin-bottom:14px}.me-2{margin-inline-end:0.5rem}.me-3{margin-inline-end:0.75rem}.ml-1{margin-left:0.25rem}.ml-2{margin-left:0.5rem}.ml-6{margin-left:1.5rem}.ml-7{margin-left:1.75rem}.ml-auto{margin-left:auto}.mr-1{margin-right:0.25rem}.ms-12{margin-inline-start:3rem}.ms-2{margin-inline-start:0.5rem}.ms-auto{margin-inline-start:auto}.mt-0{margin-top:0px}.mt-1{margin-top:0.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-3\.5{margin-top:0.875rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[24px\]{margin-top:24px}.mt-\[2px\]{margin-top:2px}.mt-\[3px\]{margin-top:3px}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.\!h-auto{height:auto !important}.\!h-full{height:100% !important}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2\/3{height:66.666667%}.h-20{height:5rem}.h-28{height:7rem}.h-3{height:0.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[1\.46rem\]{height:1.46rem}.h-\[1\.4rem\]{height:1.4rem}.h-\[1\.9rem\]{height:1.9rem}.h-\[10px\]{height:10px}.h-\[2\.375rem\]{height:2.375rem}.h-\[2\.46rem\]{height:2.46rem}.h-\[2\.7rem\]{height:2.7rem}.h-\[3\.46rem\]{height:3.46rem}.h-\[3\.65rem\]{height:3.65rem}.h-\[4\.5rem\]{height:4.5rem}.h-\[4\.65rem\]{height:4.65rem}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[45px\]{height:45px}.h-\[4px\]{height:4px}.h-\[5rem\]{height:5rem}.h-\[6\.25rem\]{height:6.25rem}.h-\[6\.45rem\]{height:6.45rem}.h-\[70px\]{height:70px}.h-\[75\%\]{height:75%}.h-\[8\.25rem\]{height:8.25rem}.h-\[80px\]{height:80px}.h-\[88\%\]{height:88%}.h-auto{height:auto}.h-full{height:100%}.max-h-56{max-height:14rem}.max-h-\[350px\]{max-height:350px}.max-h-full{max-height:100%}.min-h-\[2\.875rem\]{min-height:2.875rem}.min-h-\[70px\]{min-height:70px}.w-0{width:0px}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\/5{width:40%}.w-20{width:5rem}.w-28{width:7rem}.w-3{width:0.75rem}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[1\.46rem\]{width:1.46rem}.w-\[1\.9rem\]{width:1.9rem}.w-\[10px\]{width:10px}.w-\[11\.375rem\]{width:11.375rem}.w-\[2\.375rem\]{width:2.375rem}.w-\[2\.46rem\]{width:2.46rem}.w-\[2\.7rem\]{width:2.7rem}.w-\[2\.875rem\]{width:2.875rem}.w-\[200\%\]{width:200%}.w-\[21\.5rem\]{width:21.5rem}.w-\[23\.43rem\]{width:23.43rem}.w-\[28\.125rem\]{width:28.125rem}.w-\[3\.46rem\]{width:3.46rem}.w-\[3\.65rem\]{width:3.65rem}.w-\[32rem\]{width:32rem}.w-\[35rem\]{width:35rem}.w-\[4\.65rem\]{width:4.65rem}.w-\[450px\]{width:450px}.w-\[5px\]{width:5px}.w-\[5rem\]{width:5rem}.w-\[6\.25rem\]{width:6.25rem}.w-\[6\.45rem\]{width:6.45rem}.w-\[70px\]{width:70px}.w-\[8\.25rem\]{width:8.25rem}.w-\[90\%\]{width:90%}.w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem)}.w-\[calc\(100\%-1px\)\]{width:calc(100% - 1px)}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[22rem\]{min-width:22rem}.min-w-\[8rem\]{min-width:8rem}.max-w-\[400px\]{max-width:400px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-\[1_0_0\]{flex:1 0 0}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-180{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-\[auto_auto\]{grid-template-columns:auto auto}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.\!justify-end{justify-content:flex-end !important}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.\!gap-2{gap:0.5rem !important}.gap-1{gap:0.25rem}.gap-1\.5{gap:0.375rem}.gap-2{gap:0.5rem}.gap-2\.5{gap:0.625rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[0\.125rem\]{gap:0.125rem}.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-self-start{justify-self:start}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.\!rounded-lg{border-radius:0.5rem !important}.\!rounded-none{border-radius:0px !important}.rounded{border-radius:0.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-none{border-radius:0px}.rounded-sm{border-radius:0.125rem}.rounded-xl{border-radius:0.75rem}.\!rounded-b-lg{border-bottom-right-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.\!rounded-b-none{border-bottom-right-radius:0px !important;border-bottom-left-radius:0px !important}.\!rounded-l-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.\!rounded-r-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.\!rounded-t-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.\!rounded-t-none{border-top-left-radius:0px !important;border-top-right-radius:0px !important}.rounded-b-none{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.rounded-r-none{border-top-right-radius:0px;border-bottom-right-radius:0px}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.rounded-t-none{border-top-left-radius:0px;border-top-right-radius:0px}.\!rounded-ee-none{border-end-end-radius:0px !important}.\!rounded-es-none{border-end-start-radius:0px !important}.rounded-bl-lg{border-bottom-left-radius:0.5rem}.rounded-br-lg{border-bottom-right-radius:0.5rem}.\!border{border-width:1px !important}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.\!border-b-0{border-bottom-width:0px !important}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-b-\[2px\]{border-bottom-width:2px}.border-l-0{border-left-width:0px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0px}.border-r-\[2px\]{border-right-width:2px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.\!border-none{border-style:none !important}.border-none{border-style:none}.\!border-\[\#D0D5DD\]{--tw-border-opacity:1 !important;border-color:rgb(208 213 221 / var(--tw-border-opacity)) !important}.\!border-gray-300{--tw-border-opacity:1 !important;border-color:rgb(208 213 221 / var(--tw-border-opacity)) !important}.\!border-red-300{--tw-border-opacity:1 !important;border-color:rgb(255 115 151 / var(--tw-border-opacity)) !important}.border-\[\#144DFF\]{--tw-border-opacity:1;border-color:rgb(20 77 255 / var(--tw-border-opacity))}.border-\[\#7294FF\]{--tw-border-opacity:1;border-color:rgb(114 148 255 / var(--tw-border-opacity))}.border-\[\#B9CAFF\]{--tw-border-opacity:1;border-color:rgb(185 202 255 / var(--tw-border-opacity))}.border-\[\#D0D5DD\]{--tw-border-opacity:1;border-color:rgb(208 213 221 / var(--tw-border-opacity))}.border-\[\#DC6803\]{--tw-border-opacity:1;border-color:rgb(220 104 3 / var(--tw-border-opacity))}.border-\[\#EAECF0\]{--tw-border-opacity:1;border-color:rgb(234 236 240 / var(--tw-border-opacity))}.border-\[\#FEC84B\]{--tw-border-opacity:1;border-color:rgb(254 200 75 / var(--tw-border-opacity))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(161 184 255 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(20 77 255 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(242 244 247 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(234 236 240 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(208 213 221 / var(--tw-border-opacity))}.border-red-300{--tw-border-opacity:1;border-color:rgb(255 115 151 / var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21 / var(--tw-border-opacity))}.border-b-gray-200{--tw-border-opacity:1;border-bottom-color:rgb(234 236 240 / var(--tw-border-opacity))}.border-b-gray-300{--tw-border-opacity:1;border-bottom-color:rgb(208 213 221 / var(--tw-border-opacity))}.border-b-red-300{--tw-border-opacity:1;border-bottom-color:rgb(255 115 151 / var(--tw-border-opacity))}.border-b-white{--tw-border-opacity:1;border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-l-red-300{--tw-border-opacity:1;border-left-color:rgb(255 115 151 / var(--tw-border-opacity))}.border-r-red-300{--tw-border-opacity:1;border-right-color:rgb(255 115 151 / var(--tw-border-opacity))}.border-r-white{--tw-border-opacity:1;border-right-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(234 236 240 / var(--tw-border-opacity))}.border-t-red-300{--tw-border-opacity:1;border-top-color:rgb(255 115 151 / var(--tw-border-opacity))}.border-t-red-500{--tw-border-opacity:1;border-top-color:rgb(255 21 82 / var(--tw-border-opacity))}.\!bg-black{--tw-bg-opacity:1 !important;background-color:rgb(0 0 0 / var(--tw-bg-opacity)) !important}.bg-\[\#0002\]{background-color:#0002}.bg-\[\#144DFF\]{--tw-bg-opacity:1;background-color:rgb(20 77 255 / var(--tw-bg-opacity))}.bg-\[\#E6FEEE\]{--tw-bg-opacity:1;background-color:rgb(230 254 238 / var(--tw-bg-opacity))}.bg-\[\#E8EDFF\]{--tw-bg-opacity:1;background-color:rgb(232 237 255 / var(--tw-bg-opacity))}.bg-\[\#F9FAFB\]{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-\[\#FFFCF5\]{--tw-bg-opacity:1;background-color:rgb(255 252 245 / var(--tw-bg-opacity))}.bg-\[\#e1f2ef\]{--tw-bg-opacity:1;background-color:rgb(225 242 239 / var(--tw-bg-opacity))}.bg-\[\#eeeff4\]{--tw-bg-opacity:1;background-color:rgb(238 239 244 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-25{--tw-bg-opacity:1;background-color:rgb(232 237 255 / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(20 77 255 / var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(242 244 247 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(102 112 133 / var(--tw-bg-opacity))}.bg-gray-700\/20{background-color:rgb(52 64 84 / 0.2)}.bg-gray-700\/25{background-color:rgb(52 64 84 / 0.25)}.bg-green-25{--tw-bg-opacity:1;background-color:rgb(230 247 243 / var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(205 240 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(4 179 137 / var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60 / var(--tw-bg-opacity))}.bg-red-25{--tw-bg-opacity:1;background-color:rgb(255 232 238 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(255 208 220 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(255 21 82 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(204 17 66 / var(--tw-bg-opacity))}.bg-teal-600{--tw-bg-opacity:1;background-color:rgb(13 148 136 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-none{background-image:none}.fill-blue-500{fill:#144DFF}.fill-red-600{fill:#CC1142}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-0{padding:0px !important}.p-0{padding:0px}.p-0\.5{padding:0.125rem}.p-16{padding:4rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[0\.875rem\]{padding:0.875rem}.p-\[14px\]{padding:14px}.p-\[16px\]{padding:16px}.p-\[7px\]{padding:7px}.\!px-0{padding-left:0px !important;padding-right:0px !important}.px-1{padding-left:0.25rem;padding-right:0.25rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-20{padding-left:5rem;padding-right:5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[0\.6rem\]{padding-left:0.6rem;padding-right:0.6rem}.px-\[0\.75rem\]{padding-left:0.75rem;padding-right:0.75rem}.px-\[1\.125rem\]{padding-left:1.125rem;padding-right:1.125rem}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[2px\]{padding-left:2px;padding-right:2px}.py-0{padding-top:0px;padding-bottom:0px}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-11{padding-top:2.75rem;padding-bottom:2.75rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[0\.15rem\]{padding-top:0.15rem;padding-bottom:0.15rem}.py-\[0\.1rem\]{padding-top:0.1rem;padding-bottom:0.1rem}.py-\[0\.45rem\]{padding-top:0.45rem;padding-bottom:0.45rem}.py-\[0\.625rem\]{padding-top:0.625rem;padding-bottom:0.625rem}.py-\[0\.6rem\]{padding-top:0.6rem;padding-bottom:0.6rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.\!pr-0{padding-right:0px !important}.pb-1{padding-bottom:0.25rem}.pb-10{padding-bottom:2.5rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:0.5rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:0.25rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.ps-12{padding-inline-start:3rem}.ps-6{padding-inline-start:1.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[24px\]{padding-top:24px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.font-sans{font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}.\!text-base{font-size:1rem !important;line-height:1.5rem !important}.\!text-lg{font-size:1.125rem !important;line-height:1.75rem !important}.\!text-sm{font-size:0.875rem !important;line-height:1.25rem !important}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.65rem\]{font-size:0.65rem}.text-\[10px\]{font-size:10px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[2rem\]{font-size:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-\[500\]{font-weight:500}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.italic{font-style:italic}.\!leading-8{line-height:2rem !important}.leading-10{line-height:2.5rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[0\.875rem\]{line-height:0.875rem}.leading-\[0\]{line-height:0}.leading-\[1\.125rem\]{line-height:1.125rem}.leading-\[1\.2rem\]{line-height:1.2rem}.leading-\[1\.5rem\]{line-height:1.5rem}.leading-\[10px\]{line-height:10px}.leading-\[16px\]{line-height:16px}.leading-\[18px\]{line-height:18px}.leading-\[2\.75rem\]{line-height:2.75rem}.leading-\[24px\]{line-height:24px}.tracking-\[\.01rem\]{letter-spacing:.01rem}.tracking-\[\.16px\]{letter-spacing:.16px}.tracking-\[0\.01rem\]{letter-spacing:0.01rem}.tracking-\[0\.16px\]{letter-spacing:0.16px}.tracking-normal{letter-spacing:0em}.tracking-wide{letter-spacing:0.025em}.text-\[\#038F6E\]{--tw-text-opacity:1;color:rgb(3 143 110 / var(--tw-text-opacity))}.text-\[\#101828\]{--tw-text-opacity:1;color:rgb(16 24 40 / var(--tw-text-opacity))}.text-\[\#144DFF\]{--tw-text-opacity:1;color:rgb(20 77 255 / var(--tw-text-opacity))}.text-\[\#344054\]{--tw-text-opacity:1;color:rgb(52 64 84 / var(--tw-text-opacity))}.text-\[\#475467\]{--tw-text-opacity:1;color:rgb(71 84 103 / var(--tw-text-opacity))}.text-\[\#667085\]{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity))}.text-\[\#69BE76\]{--tw-text-opacity:1;color:rgb(105 190 118 / var(--tw-text-opacity))}.text-\[\#B54708\]{--tw-text-opacity:1;color:rgb(181 71 8 / var(--tw-text-opacity))}.text-\[\#CC1142\]{--tw-text-opacity:1;color:rgb(204 17 66 / var(--tw-text-opacity))}.text-\[\#D0D5DD\]{--tw-text-opacity:1;color:rgb(208 213 221 / var(--tw-text-opacity))}.text-\[\#DC6803\]{--tw-text-opacity:1;color:rgb(220 104 3 / var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(20 77 255 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(234 236 240 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(71 84 103 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(52 64 84 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(16 24 40 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(3 143 110 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity))}.text-inherit{color:inherit}.text-orange-700{--tw-text-opacity:1;color:rgb(181 71 8 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(255 21 82 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(204 17 66 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-10{opacity:0.1}.opacity-100{opacity:1}.opacity-30{opacity:0.3}.opacity-50{opacity:0.5}.opacity-75{opacity:0.75}.\!shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}.\!shadow-none{--tw-shadow:0 0 #0000 !important;--tw-shadow-colored:0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_0_5px_\#FEF0C7\2c 0_0_0_10px_\#FFFAEB\]{--tw-shadow:0 0 0 5px #FEF0C7,0 0 0 10px #FFFAEB;--tw-shadow-colored:0 0 0 5px var(--tw-shadow-color), 0 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_2px_4px_\#B9CAFF\]{--tw-shadow:0 0 2px 4px #B9CAFF;--tw-shadow-colored:0 0 2px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0_20px_24px_-4px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0_8px_8px_-4px_rgba\(16\2c 24\2c 40\2c 0\.03\)\]{--tw-shadow:0 20px 24px -4px rgba(16,24,40,0.08),0 8px 8px -4px rgba(16,24,40,0.03);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color), 0 8px 8px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur:blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-0{--tw-brightness:brightness(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[25px\]{--tw-backdrop-blur:blur(25px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[8px\]{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.\[animation-delay\:-0\.15s\]{animation-delay:-0.15s}.\[animation-delay\:-0\.3s\]{animation-delay:-0.3s}.\[key\:string\]{key:string}:host{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}*{margin:0;padding:0;font-family:inherit}.item-selector .checkbox-wrapper__text-box{gap:30px}[data-item-selector-size=sm] [data-checkbox-alignment]{align-items:flex-start !important}[data-item-selector-size=sm] [data-checkbox-base-size]{margin-block-start:4px !important}.placeholder\:text-lg::placeholder{font-size:1.125rem;line-height:1.75rem}.placeholder\:text-\[\#D0DBFF\]::placeholder{--tw-text-opacity:1;color:rgb(208 219 255 / var(--tw-text-opacity))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity))}.after\:absolute::after{content:var(--tw-content);position:absolute}.after\:left-4::after{content:var(--tw-content);left:1rem}.after\:top-4::after{content:var(--tw-content);top:1rem}.after\:top-\[14px\]::after{content:var(--tw-content);top:14px}.after\:top-\[18px\]::after{content:var(--tw-content);top:18px}.after\:box-border::after{content:var(--tw-content);box-sizing:border-box}.after\:h-4::after{content:var(--tw-content);height:1rem}.after\:w-4::after{content:var(--tw-content);width:1rem}.after\:rounded-full::after{content:var(--tw-content);border-radius:9999px}.after\:border::after{content:var(--tw-content);border-width:1px}.after\:border-\[6px\]::after{content:var(--tw-content);border-width:6px}.after\:border-\[\#144DFF\]::after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(20 77 255 / var(--tw-border-opacity))}.after\:border-gray-300::after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(208 213 221 / var(--tw-border-opacity))}.after\:bg-white::after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.after\:text-xl::after{content:var(--tw-content);font-size:1.25rem;line-height:1.75rem}.after\:content-\[\'\'\]::after{--tw-content:'';content:var(--tw-content)}.checked\:border-0:checked{border-width:0px}.checked\:bg-blue-500:checked{--tw-bg-opacity:1;background-color:rgb(20 77 255 / var(--tw-bg-opacity))}.hover\:bg-\[\#eeeff4\]:hover{--tw-bg-opacity:1;background-color:rgb(238 239 244 / var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(242 244 247 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(234 236 240 / var(--tw-bg-opacity))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(153 27 27 / var(--tw-bg-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(16 24 40 / var(--tw-text-opacity))}.focus\:z-10:focus{z-index:10}.focus\:border-\[\#7294FF\]:focus{--tw-border-opacity:1;border-color:rgb(114 148 255 / var(--tw-border-opacity))}.focus\:shadow-\[0_0_0_4px_\#B9CAFF\]:focus{--tw-shadow:0 0 0 4px #B9CAFF;--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-transparent:focus{outline-color:transparent}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 236 240 / var(--tw-ring-opacity))}.focus\:ring-red-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 115 151 / var(--tw-ring-opacity))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-transparent:focus-visible{outline-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-\[\#667085\]:disabled{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity))}.disabled\:opacity-75:disabled{opacity:0.75}@media (min-width: 640px){.sm\:right-4{right:1rem}.sm\:top-4{top:1rem}.sm\:mb-0{margin-bottom:0px}.sm\:mb-6{margin-bottom:1.5rem}.sm\:h-8{height:2rem}.sm\:h-\[3\.46rem\]{height:3.46rem}.sm\:h-\[4\.65rem\]{height:4.65rem}.sm\:h-\[6\.45rem\]{height:6.45rem}.sm\:h-\[8\.25rem\]{height:8.25rem}.sm\:max-h-20{max-height:5rem}.sm\:w-8{width:2rem}.sm\:w-\[3\.46rem\]{width:3.46rem}.sm\:w-\[35rem\]{width:35rem}.sm\:w-\[4\.65rem\]{width:4.65rem}.sm\:w-\[480px\]{width:480px}.sm\:w-\[6\.45rem\]{width:6.45rem}.sm\:w-\[8\.25rem\]{width:8.25rem}.sm\:w-full{width:100%}.sm\:max-w-\[512px\]{max-width:512px}.sm\:max-w-\[560px\]{max-width:560px}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:rounded-xl{border-radius:0.75rem}.sm\:p-0{padding:0px}.sm\:p-16{padding:4rem}.sm\:p-6{padding:1.5rem}.sm\:text-left{text-align:left}}@media (min-width: 768px){.md\:ms-14{margin-inline-start:3.5rem}.md\:w-1\/2{width:50%}.md\:w-\[22rem\]{width:22rem}.md\:w-fit{width:-moz-fit-content;width:fit-content}.md\:w-full{width:100%}.md\:flex-row{flex-direction:row}.md\:gap-2{gap:0.5rem}.md\:gap-2\.5{gap:0.625rem}.md\:px-11{padding-left:2.75rem;padding-right:2.75rem}.md\:px-20{padding-left:5rem;padding-right:5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-3{padding-top:0.75rem;padding-bottom:0.75rem}.md\:pb-0{padding-bottom:0px}.md\:pt-24{padding-top:6rem}.md\:pt-64{padding-top:16rem}.md\:pt-\[17\.25rem\]{padding-top:17.25rem}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.lg\:px-20{padding-left:5rem;padding-right:5rem}}@media (min-width: 1280px){.xl\:ms-0{margin-inline-start:0px}.xl\:w-3\/4{width:75%}.xl\:flex-row{flex-direction:row}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:items-center{align-items:center}}@media (max-width: 664px){.mobile\:mb-0{margin-bottom:0px}.mobile\:ml-0{margin-left:0px}.mobile\:mt-0{margin-top:0px}.mobile\:block{display:block}.mobile\:hidden{display:none}.mobile\:h-4{height:1rem}.mobile\:w-11\/12{width:91.666667%}.mobile\:w-auto{width:auto}.mobile\:w-full{width:100%}.mobile\:flex-col{flex-direction:column}.mobile\:flex-col-reverse{flex-direction:column-reverse}.mobile\:items-center{align-items:center}.mobile\:gap-1{gap:0.25rem}.mobile\:gap-2{gap:0.5rem}.mobile\:gap-4{gap:1rem}.mobile\:pb-12{padding-bottom:3rem}.mobile\:pl-4{padding-left:1rem}.mobile\:pt-4{padding-top:1rem}}.rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *){flex-direction:row-reverse}.rtl\:text-left:where([dir="rtl"], [dir="rtl"] *){text-align:left}@media (prefers-color-scheme: dark){.dark\:text-gray-600{--tw-text-opacity:1;color:rgb(71 84 103 / var(--tw-text-opacity))}}.\[\&\:\:placeholder\]\:text-\[var\(--placeholder-color\)\]::placeholder{color:var(--placeholder-color)}.\[\&\:not\(\:checked\)\]\:hover\:border-blue-500:hover:not(:checked){--tw-border-opacity:1;border-color:rgb(20 77 255 / var(--tw-border-opacity))}.\[\&\:not\(\:checked\)\]\:hover\:bg-blue-25:hover:not(:checked){--tw-bg-opacity:1;background-color:rgb(232 237 255 / var(--tw-bg-opacity))}.\[\&\:not\(\:checked\)\]\:focus\:border-blue-500:focus:not(:checked){--tw-border-opacity:1;border-color:rgb(20 77 255 / var(--tw-border-opacity))}.\[\&\:not\(\:checked\)\]\:focus\:bg-white:focus:not(:checked){--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.\[\&\>button\]\:w-full>button{width:100%}.\[\&\>button\]\:\!p-0>button{padding:0px !important}.\[\&\>div\>div\>div\]\:w-full>div>div>div{width:100%}.\[\&\>div\>div\>div\]\:justify-between>div>div>div{justify-content:space-between}.\[\&\>div\>div\]\:w-full>div>div{width:100%}.\[\&\>div\]\:mb-0>div{margin-bottom:0px}.\[\&\>div\]\:w-fit>div{width:-moz-fit-content;width:fit-content}.\[\&\>div\]\:w-full>div{width:100%}.\[\&\>div\]\:opacity-70>div{opacity:0.7}@media (min-width: 768px){.\[\&\>div\]\:md\:w-1\/2>div{width:50%}}.\[\&_\*\]\:\!z-0 *{z-index:0 !important}.\[\&_\*\]\:text-white *{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.\[\&_\.gpay-card-info-container\]\:min-w-0 .gpay-card-info-container{min-width:0px}.\[\&_\.paypal-buttons-disabled\]\:\!w-full .paypal-buttons-disabled{width:100% !important}.\[\&_\.paypal-buttons-disabled\]\:\!opacity-100 .paypal-buttons-disabled{opacity:1 !important}.\[\&_\.paypal-buttons\]\:\!min-w-0 .paypal-buttons{min-width:0px !important}.\[\&_button\]\:\!z-0 button{z-index:0 !important}.\[\&_button\]\:inline button{display:inline}.\[\&_button\]\:h-16 button{height:4rem}.\[\&_button\]\:\!rounded-\[var\(--border-radius\)\] button{border-radius:var(--border-radius) !important}.\[\&_button\]\:\!border-dashed button{border-style:dashed !important}.\[\&_button\]\:\!outline-0 button{outline-width:0px !important}.\[\&_div\]\:flex div{display:flex}.\[\&_div\]\:items-center div{align-items:center}.\[\&_div\]\:justify-center div{justify-content:center}.\[\&_input\]\:pl-6 input{padding-left:1.5rem}.\[\&_label\]\:\!leading-4 label{line-height:1rem !important}.\[\&_label\]\:\!text-gray-600 label{--tw-text-opacity:1 !important;color:rgb(71 84 103 / var(--tw-text-opacity)) !important}.\[\&_svg\]\:h-5 svg{height:1.25rem}.\[\&_svg\]\:w-7 svg{width:1.75rem}