paymob-widget-alpha 1.0.4 → 1.0.5

package/main.css

@@ -35,4 +35,4 @@
 .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}
 .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}
 .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}
-.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}
+.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: 387px){.moda_interestWrapper__4AY28{width:80px;height:80px}}@media(max-width: 362px){.moda_interestWrapper__4AY28{width:70px;height:70px}}.moda_interestImage__Bhrz4{width:100%;height:100%;object-fit:contain}

package/main.js

@@ -7779,7 +7779,7 @@ async function fetchInstallmentPlansProduct(payload) {
 }
 ;// ./src/components/widgets/PaymobWidget/moda.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const moda_module = ({"item":"moda_item__YfVFi","button":"moda_button__5O3E3"});
+/* harmony default export */ const moda_module = ({"item":"moda_item__YfVFi","button":"moda_button__5O3E3","hideUnder355":"moda_hideUnder355__xkCFd","hideUnder279":"moda_hideUnder279__RWnMV","hideUnder360":"moda_hideUnder360__-0Wab","interestWrapper":"moda_interestWrapper__4AY28","interestImage":"moda_interestImage__Bhrz4"});
 ;// ./src/components/widgets/PaymobWidget/index.tsx
 
 
@@ -7881,6 +7881,7 @@ function Widget({
   amount = 300,
   currency = 'EGP',
   integrationId,
+  selectPlan = false,
   onSubmit,
   theme = 'primary'
 }) {
@@ -7893,21 +7894,29 @@ function Widget({
   const [selectedInstallment, setSelectedInstallment] = (0,react.useState)(null);
   const [isSubmitting, setIsSubmitting] = (0,react.useState)(false);
   const [submitError, setSubmitError] = (0,react.useState)(null);
-  const canSelect = typeof onSubmit === 'function';
+  const canSubmit = typeof onSubmit === 'function';
+  const canSelect = selectPlan === true;
+  const lastLoadedPlansKeyRef = (0,react.useRef)(null);
+  const inFlightPlansKeyRef = (0,react.useRef)(null);
   const amountInCents = (0,react.useMemo)(() => {
     if (typeof amount === 'number') return Math.round(amount * 100);
     return 0;
   }, [amount]);
   (0,react.useEffect)(() => {
+    const plansKey = JSON.stringify({
+      publicKey: publicKey != null ? publicKey : null,
+      amountInCents,
+      currency,
+      integrationId: typeof integrationId === 'number' ? integrationId : null
+    });
     const loadInstallmentPlans = async () => {
-      if (!isModalOpen) return;
       if (!publicKey) return;
+      if (amountInCents <= 0) return;
+      if (inFlightPlansKeyRef.current === plansKey) return;
+      if (lastLoadedPlansKeyRef.current === plansKey && banksWithPlans.length) return;
+      inFlightPlansKeyRef.current = plansKey;
       setIsPlansLoading(true);
       setPlansErrorMessage(null);
-      setSubmitError(null);
-      setBanksWithPlans([]);
-      setSelectedInstallmentId(null);
-      setSelectedInstallment(null);
       const installmentPlansResponse = await fetchInstallmentPlansProduct(Object.assign({
         public_key: publicKey,
         amount_cents: amountInCents,
@@ -7919,17 +7928,23 @@ function Widget({
         const normalizedBanks = normalizeBanksWithPlans(installmentPlansResponse == null ? void 0 : installmentPlansResponse.data);
         if (normalizedBanks != null && normalizedBanks.length) {
           setBanksWithPlans(normalizedBanks);
+          lastLoadedPlansKeyRef.current = plansKey;
         } else {
+          setBanksWithPlans([]);
           setPlansErrorMessage('No installment plans available.');
         }
       } else {
         var _installmentPlansResp, _installmentPlansResp2;
+        setBanksWithPlans([]);
         setPlansErrorMessage((installmentPlansResponse == null || (_installmentPlansResp = installmentPlansResponse.data) == null ? void 0 : _installmentPlansResp.message) || (installmentPlansResponse == null || (_installmentPlansResp2 = installmentPlansResponse.data) == null ? void 0 : _installmentPlansResp2.msg) || 'Failed to load installment plans.');
       }
       setIsPlansLoading(false);
+      inFlightPlansKeyRef.current = null;
     };
+
+    // Prefetch on widget render / inputs change.
     void loadInstallmentPlans();
-  }, [isModalOpen, publicKey, amountInCents, currency, integrationId]);
+  }, [publicKey, amountInCents, currency, integrationId]);
   const headerThemeStyles = {
     primary: {
       background: '#144DFF'
@@ -7958,15 +7973,15 @@ function Widget({
         backgroundColor: headerThemeStyles[theme].background
       },
       children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: "flex justify-between items-end px-2 py-2 mb-1",
+        className: `flex justify-between items-start px-2 py-2 mb-1`,
         children: [/*#__PURE__*/(0,jsx_runtime.jsx)("p", {
-          className: "text-sm font-semibold",
+          className: "text-white font-semibold text-sm leading-6 tracking-[0.16px]",
           style: {
             color: headerTitleColorByTheme[theme]
           },
           children: "0% Interest Plans"
         }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-          className: "flex gap-2 items-end",
+          className: `flex gap-2 items-end ${moda_module.hideUnder355}`,
           children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
             className: "text-sm font-normal",
             style: {
@@ -7977,50 +7992,60 @@ function Widget({
           }), /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
             src: theme === 'light' ? blue_logo_namespaceObject : paymob_logo_namespaceObject,
             alt: "paymob",
-            className: "h-6 object-contain"
+            className: "h-5 object-contain"
           })]
         })]
       }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: "rounded-2xl bg-white p-3",
         children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-          className: "flex justify-between items-end sm:items-center gap-3",
+          className: "flex justify-between items-end sm:items-center gap-3 relative",
           children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-            className: "flex flex-col gap-3 flex-1 min-w-0",
-            children: [/*#__PURE__*/(0,jsx_runtime.jsx)("p", {
-              className: "text-[#344054] text-base font-medium",
-              children: "Affordable installment plans"
-            }), /*#__PURE__*/(0,jsx_runtime.jsxs)("p", {
-              children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-                className: "text-[#344054] text-base font-medium inline",
-                children: "starting from"
-              }), ' ', /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
-                className: "text-[#101828] text-base font-bold",
-                children: ["EGP ", amount, " / month"]
+            className: "flex flex-col gap-3 flex-1 min-w-0 relative z-10",
+            children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+              className: "flex flex-col gap-1",
+              children: [/*#__PURE__*/(0,jsx_runtime.jsx)("p", {
+                className: "text-[#344054] text-base font-medium whitespace-nowrap overflow-hidden text-ellipsis",
+                children: "Affordable installment plans"
+              }), /*#__PURE__*/(0,jsx_runtime.jsxs)("p", {
+                className: "whitespace-nowrap overflow-hidden text-ellipsis",
+                children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+                  className: "text-[#344054] text-base font-medium inline",
+                  children: "starting from"
+                }), ' ', /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
+                  className: "text-[#101828] text-base font-bold",
+                  children: ["EGP ", amount, " / month"]
+                })]
               })]
-            }), /*#__PURE__*/(0,jsx_runtime.jsx)(Button, {
-              type: "button",
-              text: "View all plans",
-              onClickHandler: () => {
-                setIsModalOpen(true);
-                setSubmitError(null);
+            }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+              style: {
+                fontWeight: 600
               },
-              trailingIcon: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
-                src: arrow_namespaceObject,
-                alt: "arrow",
-                style: {
-                  height: '10px',
-                  width: '6px',
-                  marginLeft: '8px',
-                  marginRight: '8px'
-                }
+              children: /*#__PURE__*/(0,jsx_runtime.jsx)(Button, {
+                type: "button",
+                text: "View all plans",
+                onClickHandler: () => {
+                  setIsModalOpen(true);
+                  setSubmitError(null);
+                  setSelectedInstallmentId(null);
+                  setSelectedInstallment(null);
+                },
+                trailingIcon: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+                  src: arrow_namespaceObject,
+                  alt: "arrow",
+                  style: {
+                    height: '10px',
+                    width: '6px',
+                    marginLeft: '8px'
+                  }
+                })
               })
             })]
           }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-            className: "shrink-0",
+            className: `${moda_module.interestWrapper} ${moda_module.hideUnder360} relative z-0`,
             children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
               src: _0_interest_namespaceObject,
               alt: "0% interest",
-              className: "w-[100px] sm:w-[130px] h-[80px] sm:h-[100px] object-contain"
+              className: moda_module.interestImage
             })
           })]
         })
@@ -8043,20 +8068,21 @@ function Widget({
           text: "Buy now",
           color: "primary",
           loading: isSubmitting,
-          disabled: !canSelect || !selectedInstallment || isSubmitting || isPlansLoading,
+          disabled: !canSubmit || isSubmitting || isPlansLoading,
           onClickHandler: async () => {
-            if (!canSelect) return;
+            if (!canSubmit) return;
             if (!selectedInstallment) {
-              setSubmitError('Please select an installment plan.');
+              setSubmitError(null);
+              setIsModalOpen(false);
               return;
             }
             setIsSubmitting(true);
             setSubmitError(null);
             try {
-              onSubmit == null || onSubmit(selectedInstallment);
-              setIsModalOpen(false);
+              onSubmit(selectedInstallment);
             } finally {
               setIsSubmitting(false);
+              setIsModalOpen(false);
             }
           }
         })]
@@ -8146,23 +8172,8 @@ function Widget({
               flexDirection: 'column',
               gap: '12px'
             },
-            children: bankItem.installmentOptions.map(installmentOption => /*#__PURE__*/(0,jsx_runtime.jsx)(ItemSelector, {
-              id: String(installmentOption.id),
-              type: "radio",
-              size: "sm",
-              disabled: !canSelect,
-              selected: selectedInstallmentId === installmentOption.id,
-              onClickHandler: () => {
-                if (!canSelect) return;
-                setSelectedInstallmentId(installmentOption.id);
-                setSelectedInstallment({
-                  id: installmentOption.id,
-                  tenure: installmentOption.months,
-                  amount: installmentOption.monthlyAmount
-                });
-                setSubmitError(null);
-              },
-              text: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+            children: bankItem.installmentOptions.map(installmentOption => {
+              const text = /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
                 style: {
                   display: 'flex',
                   justifyContent: 'space-between',
@@ -8173,8 +8184,8 @@ function Widget({
                 }), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
                   children: [installmentOption.months, " Months"]
                 })]
-              }),
-              hintText: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+              });
+              const hintText = /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
                 style: {
                   display: 'flex',
                   alignItems: 'center',
@@ -8199,8 +8210,41 @@ function Widget({
                   color: "green",
                   size: "sm"
                 })]
-              })
-            }, installmentOption.id))
+              });
+              if (!canSelect) {
+                return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+                  style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '8px',
+                    border: '1px solid #EAECF0',
+                    borderRadius: '8px',
+                    padding: '12px',
+                    background: '#FFFFFF'
+                  },
+                  children: [text, hintText]
+                }, installmentOption.id);
+              }
+              return /*#__PURE__*/(0,jsx_runtime.jsx)(ItemSelector, {
+                id: String(installmentOption.id),
+                type: "radio",
+                size: "sm",
+                disabled: !canSelect,
+                selected: selectedInstallmentId === installmentOption.id,
+                onClickHandler: () => {
+                  if (!canSelect) return;
+                  setSelectedInstallmentId(installmentOption.id);
+                  setSelectedInstallment({
+                    id: installmentOption.id,
+                    tenure: installmentOption.months,
+                    amount: installmentOption.monthlyAmount
+                  });
+                  setSubmitError(null);
+                },
+                text: text,
+                hintText: hintText
+              }, installmentOption.id);
+            })
           })
         }, bankItem.id))
       }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -8232,7 +8276,7 @@ function Widget({
             flexDirection: 'column',
             gap: '16px'
           },
-          children: learnMoreSteps.map((step, index) => /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          children: (canSelect ? learnMoreSteps : learnMoreSteps.slice(1)).map((step, index) => /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
             style: {
               display: 'flex',
               alignItems: 'flex-start',
@@ -8291,6 +8335,7 @@ function Widgets({
   amount,
   currency,
   integrationId,
+  selectPlan,
   onSubmit
 }) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(PaymobWidget, {
@@ -8299,6 +8344,7 @@ function Widgets({
     amount: amount,
     currency: currency,
     integrationId: integrationId,
+    selectPlan: selectPlan,
     onSubmit: onSubmit
   });
 }
@@ -8370,6 +8416,7 @@ class paymob_widget_PaymobWidget {
           amount: this._options.amount,
           currency: this._options.currency,
           integrationId: this._options.integrationId,
+          selectPlan: this._options.selectPlan,
           onSubmit: this._options.onSubmit
         })
       })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paymob-widget-alpha",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "keywords": ["paymob","widget","paymob-widget"],
   "main": "./main.js",
   "license": "MIT",

package/styles.css

@@ -250,4 +250,4 @@ video {
   height: auto;
 }/* Make elements with the HTML hidden attribute stay hidden by default */[hidden] {
   display: none;
-}*, ::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-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-\[100px\]{width:100px}.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}.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-\[100px\]{height:100px}.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-\[130px\]{width:130px}.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}
+}*, ::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}