@solvimon/solvimon-web 0.1.0-alpha.7 → 0.1.0-alpha.9

package/dist/screens/UpgradeSubscription/UpgradeSubscription.es.js

@@ -1,15 +1,11 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, createElementVNode, renderList, createCommentVNode, normalizeClass, ref, onMounted, watch } from "vue";
-import { _ as _sfc_main$6 } from "../../Section.vue.es-3-H1pUTB.mjs";
-import { _ as _sfc_main$9, a as _sfc_main$b } from "../../Button.vue.es-6sBk5tBL.mjs";
-import { _ as _sfc_main$e } from "../../Divider.vue.es-wKkIVBgb.mjs";
-import { _ as _sfc_main$c } from "../../ErrorNotification.vue.es-Bgw0MIl8.mjs";
-import { a as useIntl, _ as _sfc_main$7, c as createRequestService, u as useConfig, b as _sfc_main$f, d as defineCustomElement, g as getComponentName } from "../../component-dpA83LIN.mjs";
-import { a as formatAmount } from "../../formatting.es-D5H_ySFv.mjs";
-import { _ as _sfc_main$8, a as _sfc_main$d } from "../../PricingGroupContent.vue_vue_type_script_setup_true_lang-BbvDXvIS.mjs";
-import { _ as _sfc_main$a } from "../../PaymentMethod.vue.es-nXZoQjG3.mjs";
-import { c as createPaymentMethodsService } from "../../paymentMethods-C-ApE-G4.mjs";
-import { u as usePortal, C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-Ct24RV-2.mjs";
-import { u as useActionDispatchProvider } from "../../useActionDispatchProvider-eO2qFPGv.mjs";
+import { u as useIntl, b as _sfc_main$7, _ as _sfc_main$8, x as formatAmount, e as _sfc_main$a, j as _sfc_main$b, l as _sfc_main$c, B as _sfc_main$d, S as _sfc_main$e } from "../../vendor-ui-C0K3osvz.mjs";
+import { _ as _sfc_main$9 } from "../../PricingGroupContent.vue_vue_type_script_setup_true_lang-BChVMzCj.mjs";
+import { c as createPaymentMethodsService } from "../../paymentMethods-67b3UlTZ.mjs";
+import { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-DhfUkZZg.mjs";
+import { c as createRequestService, u as useConfig, a as useLogger, _ as _sfc_main$f, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.mjs";
+import { u as useActionDispatchProvider } from "../../useActionDispatchProvider-BC57-Ufn.mjs";
+import { u as usePortal } from "../../usePortal-cmE08vYs.mjs";
 const mockSubscriptionGetResponse = {
   id: "ppsu_hwDeeN0vhvcVCsAIdp1G",
   pricing_plan_schedule_infos: [
@@ -234,12 +230,12 @@ const getMockPaymentMethodOptionsResponse = () => [
     ]
   }
 ];
-const _hoisted_1$3 = { class: "mb-3 flex flex-col gap-2" };
-const _hoisted_2$2 = { class: "flex flex-col gap-1 border-t pt-3" };
-const _hoisted_3$1 = { class: "flex items-center justify-between" };
-const _hoisted_4$1 = { class: "flex items-center justify-between" };
-const _hoisted_5$1 = { class: "flex items-center justify-between border-t pt-3" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = { class: "sv-order-summary__items mb-3 flex flex-col gap-2" };
+const _hoisted_2$2 = { class: "sv-order-summary__tax flex flex-col gap-1 border-t pt-3" };
+const _hoisted_3$1 = { class: "sv-order-summary__subtotal flex items-center justify-between" };
+const _hoisted_4$1 = { class: "sv-order-summary__tax-row flex items-center justify-between" };
+const _hoisted_5$1 = { class: "sv-order-summary__total flex items-center justify-between border-t pt-3" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "UpgradeOrderSummary",
   props: {
     selectedPricings: { type: Array },
@@ -255,14 +251,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return (_f = (_e = (_d = (_c = (_b = (_a = pricing.items) == null ? void 0 : _a[0]) == null ? void 0 : _b.configs) == null ? void 0 : _c[0]) == null ? void 0 : _d.bands) == null ? void 0 : _e[0]) == null ? void 0 : _f.fixed_amount;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$6), null, {
+      return openBlock(), createBlock(unref(_sfc_main$7), { class: "sv-order-summary sv-upgrade-subscription__order-summary" }, {
         default: withCtx(() => {
           var _a;
           return [
-            createVNode(unref(_sfc_main$7), {
+            createVNode(unref(_sfc_main$8), {
               variant: "heading-3",
               tag: "h2",
-              class: "mb-3"
+              class: "sv-order-summary__title mb-3"
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref($t)({
@@ -273,10 +269,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            isEmpty.value ? (openBlock(), createBlock(unref(_sfc_main$7), {
+            isEmpty.value ? (openBlock(), createBlock(unref(_sfc_main$8), {
               key: 0,
               variant: "body-sm",
-              shade: "lighter"
+              shade: "lighter",
+              class: "sv-order-summary__empty"
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref($t)({
@@ -287,14 +284,17 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createElementVNode("div", _hoisted_1$3, [
+              createElementVNode("div", _hoisted_1$4, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(__props.selectedPricings, (pricing) => {
                   return openBlock(), createElementBlock("div", {
                     key: pricing.id,
-                    class: "flex items-center justify-between"
+                    class: "sv-order-summary__item flex items-center justify-between"
                   }, [
                     createElementVNode("div", null, [
-                      createVNode(unref(_sfc_main$7), { variant: "body-sm" }, {
+                      createVNode(unref(_sfc_main$8), {
+                        variant: "body-sm",
+                        class: "sv-order-summary__item-name"
+                      }, {
                         default: withCtx(() => {
                           var _a2, _b;
                           return [
@@ -303,9 +303,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         }),
                         _: 2
                       }, 1024),
-                      createVNode(unref(_sfc_main$7), {
+                      createVNode(unref(_sfc_main$8), {
                         variant: "body-xs",
-                        shade: "lighter"
+                        shade: "lighter",
+                        class: "sv-order-summary__item-meta"
                       }, {
                         default: withCtx(() => [
                           createTextVNode(toDisplayString(unref($t)({
@@ -317,9 +318,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         _: 1
                       })
                     ]),
-                    getPrice(pricing) ? (openBlock(), createBlock(unref(_sfc_main$7), {
+                    getPrice(pricing) ? (openBlock(), createBlock(unref(_sfc_main$8), {
                       key: 0,
-                      variant: "body-sm"
+                      variant: "body-sm",
+                      class: "sv-order-summary__item-price"
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref(formatAmount)(getPrice(pricing))), 1)
@@ -332,7 +334,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ((_a = __props.invoice) == null ? void 0 : _a.tax_summary) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 createElementVNode("div", _hoisted_2$2, [
                   createElementVNode("div", _hoisted_3$1, [
-                    createVNode(unref(_sfc_main$7), {
+                    createVNode(unref(_sfc_main$8), {
                       variant: "body-sm",
                       shade: "lighter"
                     }, {
@@ -345,7 +347,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(unref(_sfc_main$7), { variant: "body-sm" }, {
+                    createVNode(unref(_sfc_main$8), { variant: "body-sm" }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref(formatAmount)(__props.invoice.tax_summary.base_amount)), 1)
                       ]),
@@ -353,7 +355,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     })
                   ]),
                   createElementVNode("div", _hoisted_4$1, [
-                    createVNode(unref(_sfc_main$7), {
+                    createVNode(unref(_sfc_main$8), {
                       variant: "body-sm",
                       shade: "lighter"
                     }, {
@@ -366,7 +368,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(unref(_sfc_main$7), { variant: "body-sm" }, {
+                    createVNode(unref(_sfc_main$8), { variant: "body-sm" }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref(formatAmount)(__props.invoice.tax_summary.tax_amount)), 1)
                       ]),
@@ -375,7 +377,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 createElementVNode("div", _hoisted_5$1, [
-                  createVNode(unref(_sfc_main$7), {
+                  createVNode(unref(_sfc_main$8), {
                     variant: "body-sm",
                     weight: "semibold"
                   }, {
@@ -388,7 +390,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  createVNode(unref(_sfc_main$7), {
+                  createVNode(unref(_sfc_main$8), {
                     variant: "body-sm",
                     weight: "semibold"
                   }, {
@@ -407,7 +409,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "OnDemandPricingRow",
   props: {
     pricing: { type: Object },
@@ -434,17 +436,17 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       })}` : ""
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$6), {
+      return openBlock(), createBlock(unref(_sfc_main$7), {
         "content-background": __props.selected ? "none" : "gray",
         class: normalizeClass({ "!bg-white": __props.selected })
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$8, {
+          createVNode(_sfc_main$9, {
             name: title.value,
             description: description.value
           }, {
             default: withCtx(() => [
-              __props.selected ? (openBlock(), createBlock(unref(_sfc_main$9), {
+              __props.selected ? (openBlock(), createBlock(unref(_sfc_main$a), {
                 key: 0,
                 color: "gray",
                 variant: "outline",
@@ -460,7 +462,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   })), 1)
                 ]),
                 _: 1
-              })) : (openBlock(), createBlock(unref(_sfc_main$9), {
+              })) : (openBlock(), createBlock(unref(_sfc_main$a), {
                 key: 1,
                 color: "primary",
                 size: "sm",
@@ -485,8 +487,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { class: "grid grid-cols-1 gap-1" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = { class: "sv-pricing-list__items grid grid-cols-1 gap-1" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "OnDemandPricingList",
   props: {
     categories: { type: Array },
@@ -503,11 +505,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return openBlock(true), createElementBlock(Fragment, null, renderList(sortedCategories.value, (category) => {
         return openBlock(), createElementBlock("div", {
           key: category.id ?? category.display_order,
-          class: "flex flex-col gap-2"
+          class: "sv-pricing-list__category flex flex-col gap-2"
         }, [
-          createVNode(unref(_sfc_main$7), {
+          createVNode(unref(_sfc_main$8), {
             variant: "heading-3",
-            tag: "h2"
+            tag: "h2",
+            class: "sv-pricing-list__category-title"
           }, {
             default: withCtx(() => {
               var _a;
@@ -517,10 +520,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             }),
             _: 2
           }, 1024),
-          createElementVNode("div", _hoisted_1$2, [
+          createElementVNode("div", _hoisted_1$3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(category.pricings, (pricing) => {
-              return openBlock(), createBlock(_sfc_main$4, {
+              return openBlock(), createBlock(_sfc_main$5, {
                 key: pricing.id,
+                class: "sv-pricing-list__row",
                 pricing,
                 selected: __props.selectedPricingIds.includes(pricing.id),
                 onToggle: _cache[0] || (_cache[0] = ($event) => emit("toggle", $event))
@@ -530,10 +534,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock(Fragment, {
                 key: group.id
               }, [
-                createVNode(unref(_sfc_main$7), {
+                createVNode(unref(_sfc_main$8), {
                   variant: "body-sm",
                   weight: "semibold",
-                  class: "mt-2"
+                  class: "sv-pricing-list__group-title mt-2"
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(group.name), 1)
@@ -541,8 +545,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   _: 2
                 }, 1024),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(group.pricings, (pricing) => {
-                  return openBlock(), createBlock(_sfc_main$4, {
+                  return openBlock(), createBlock(_sfc_main$5, {
                     key: pricing.id,
+                    class: "sv-pricing-list__row",
                     pricing,
                     selected: __props.selectedPricingIds.includes(pricing.id),
                     onToggle: _cache[1] || (_cache[1] = ($event) => emit("toggle", $event))
@@ -556,33 +561,33 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "flex flex-col gap-4" };
+const _hoisted_1$2 = { class: "sv-payment-method-picker flex flex-col gap-4" };
 const _hoisted_2$1 = {
   key: 0,
-  class: "flex flex-col gap-2"
+  class: "sv-payment-method-picker__saved flex flex-col gap-2"
 };
-const _hoisted_3 = { class: "flex flex-col gap-1" };
+const _hoisted_3 = { class: "sv-payment-method-picker__options flex flex-col gap-1" };
 const _hoisted_4 = {
   key: 1,
-  class: "flex flex-col gap-2"
+  class: "sv-payment-method-picker__new flex flex-col gap-2"
 };
-const _hoisted_5 = { class: "flex flex-col gap-1" };
-const _hoisted_6 = { class: "flex items-center gap-3" };
+const _hoisted_5 = { class: "sv-payment-method-picker__options flex flex-col gap-1" };
+const _hoisted_6 = { class: "sv-payment-method-picker__option-content flex items-center gap-3" };
 const _hoisted_7 = {
   key: 0,
-  class: "flex h-9 w-9 shrink-0 items-center gap-0.5"
+  class: "sv-payment-method-picker__option-icon flex h-9 w-9 shrink-0 items-center gap-0.5"
 };
 const _hoisted_8 = ["src", "alt"];
 const _hoisted_9 = {
   key: 1,
-  class: "flex h-9 w-9 shrink-0 items-center justify-center overflow-clip rounded"
+  class: "sv-payment-method-picker__option-icon flex h-9 w-9 shrink-0 items-center justify-center overflow-clip rounded"
 };
 const _hoisted_10 = ["src", "alt"];
 const _hoisted_11 = {
   key: 2,
-  class: "flex flex-col gap-1"
+  class: "sv-payment-method-picker__loading flex flex-col gap-1"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "PaymentMethodPicker",
   props: {
     customerId: { type: String },
@@ -624,11 +629,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
         savedMethods.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-          createVNode(unref(_sfc_main$7), {
+          createVNode(unref(_sfc_main$8), {
             variant: "heading-3",
-            tag: "h2"
+            tag: "h2",
+            class: "sv-payment-method-picker__title"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref($t)({
@@ -641,14 +647,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }),
           createElementVNode("div", _hoisted_3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(savedMethods.value, (method) => {
-              return openBlock(), createBlock(unref(_sfc_main$6), {
+              return openBlock(), createBlock(unref(_sfc_main$7), {
                 key: method.id,
                 "content-background": __props.selectedId === method.id ? "none" : "gray",
-                class: normalizeClass([{ "!bg-white": __props.selectedId === method.id }, "cursor-pointer"]),
+                class: normalizeClass([{ "sv-payment-method-picker__option--selected !bg-white": __props.selectedId === method.id }, "sv-payment-method-picker__option cursor-pointer"]),
                 onClick: ($event) => emit("select", method.id)
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$a), { "payment-method": method }, null, 8, ["payment-method"])
+                  createVNode(unref(_sfc_main$b), {
+                    class: "sv-payment-method-picker__option-content",
+                    "payment-method": method
+                  }, null, 8, ["payment-method"])
                 ]),
                 _: 2
               }, 1032, ["content-background", "class", "onClick"]);
@@ -656,9 +665,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         newOptions.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(unref(_sfc_main$7), {
+          createVNode(unref(_sfc_main$8), {
             variant: "heading-3",
-            tag: "h2"
+            tag: "h2",
+            class: "sv-payment-method-picker__title"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref($t)({
@@ -671,10 +681,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }),
           createElementVNode("div", _hoisted_5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(newOptions.value, (option) => {
-              return openBlock(), createBlock(unref(_sfc_main$6), {
+              return openBlock(), createBlock(unref(_sfc_main$7), {
                 key: option.adyen.type,
                 "content-background": __props.selectedId === option.adyen.type ? "none" : "gray",
-                class: normalizeClass([{ "!bg-white": __props.selectedId === option.adyen.type }, "cursor-pointer"]),
+                class: normalizeClass([{
+                  "sv-payment-method-picker__option--selected !bg-white": __props.selectedId === option.adyen.type
+                }, "sv-payment-method-picker__option cursor-pointer"]),
                 onClick: ($event) => emit("select", option.adyen.type)
               }, {
                 default: withCtx(() => [
@@ -695,7 +707,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         class: "h-9 w-9 object-contain"
                       }, null, 8, _hoisted_10)
                     ])),
-                    createVNode(unref(_sfc_main$7), { variant: "body-sm" }, {
+                    createVNode(unref(_sfc_main$8), {
+                      variant: "body-sm",
+                      class: "sv-payment-method-picker__option-label"
+                    }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(option.name), 1)
                       ]),
@@ -709,14 +724,38 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         isPending.value ? (openBlock(), createElementBlock("div", _hoisted_11, [..._cache[0] || (_cache[0] = [
-          createElementVNode("div", { class: "h-[52px] animate-pulse rounded-md bg-gray-100" }, null, -1),
-          createElementVNode("div", { class: "h-[52px] animate-pulse rounded-md bg-gray-100" }, null, -1),
-          createElementVNode("div", { class: "h-[52px] animate-pulse rounded-md bg-gray-100" }, null, -1)
+          createElementVNode("div", { class: "sv-skeleton h-[52px] animate-pulse rounded-md bg-gray-100" }, null, -1),
+          createElementVNode("div", { class: "sv-skeleton h-[52px] animate-pulse rounded-md bg-gray-100" }, null, -1),
+          createElementVNode("div", { class: "sv-skeleton h-[52px] animate-pulse rounded-md bg-gray-100" }, null, -1)
         ])])) : createCommentVNode("", true)
       ]);
     };
   }
 });
+const _hoisted_1$1 = { class: "flex gap-1" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Kpi",
+  props: {
+    icon: { type: null },
+    kpi: { type: String }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(unref(_sfc_main$c), {
+          icon: __props.icon,
+          size: "xs"
+        }, null, 8, ["icon"]),
+        createVNode(unref(_sfc_main$8), { variant: "body-xs" }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.kpi), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
 function createPricingPlanSchedulesService() {
   const request = createRequestService();
   const config = useConfig();
@@ -744,9 +783,9 @@ function createPricingPlanSchedulesService() {
 }
 const _hoisted_1 = {
   key: 0,
-  class: "flex h-full items-center justify-center p-8"
+  class: "sv-upgrade-subscription sv-root sv-screen sv-upgrade-subscription--purchased flex h-full items-center justify-center p-8"
 };
-const _hoisted_2 = { class: "flex flex-col items-center py-10" };
+const _hoisted_2 = { class: "sv-upgrade-subscription__success-body flex flex-col items-center py-10" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "UpgradeSubscription",
   props: {
@@ -758,6 +797,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const { dispatchAction } = useActionDispatchProvider();
     const { chargeOnDemandPricingItems } = createPricingPlanSchedulesService();
     const portal = usePortal();
+    const logger = useLogger();
     const customerId = computed(() => portal.value.customer_id);
     const selectedPricingIds = ref([]);
     const selectedPaymentMethodId = ref(void 0);
@@ -826,7 +866,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         } else {
           dispatchAction({ action: "pay-invoice", data: { invoiceId: invoice.id } });
         }
-      } catch {
+      } catch (error) {
+        logger.error("PURCHASE_FAILED", "Failed to complete upgrade subscription purchase", {}, error);
         purchaseError.value = $t({
           defaultMessage: "Something went wrong. Please try again.",
           id: "upgrade_subscription.purchase_error",
@@ -838,18 +879,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return isPurchased.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(_sfc_main$6), null, {
+        createVNode(unref(_sfc_main$7), { class: "sv-upgrade-subscription__success" }, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_2, [
-              createVNode(unref(_sfc_main$b), {
+              createVNode(unref(_sfc_main$c), {
                 icon: "check_circle",
-                class: "text-green-400",
+                class: "sv-upgrade-subscription__success-icon text-green-400",
                 size: "lg"
               }),
-              createVNode(unref(_sfc_main$7), {
+              createVNode(unref(_sfc_main$8), {
                 variant: "heading-3",
                 tag: "span",
-                class: "mt-2"
+                class: "sv-upgrade-subscription__success-title mt-2"
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref($t)({
@@ -860,11 +901,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              createVNode(unref(_sfc_main$7), {
+              createVNode(unref(_sfc_main$8), {
                 variant: "body-sm",
                 shade: "lighter",
                 tag: "span",
-                class: "mt-1"
+                class: "sv-upgrade-subscription__success-message mt-1"
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref($t)({
@@ -879,18 +920,22 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ])) : (openBlock(), createBlock(unref(ContentWithAsideLayout), { key: 1 }, {
+      ])) : (openBlock(), createBlock(unref(ContentWithAsideLayout), {
+        key: 1,
+        class: "sv-upgrade-subscription sv-root sv-screen"
+      }, {
         content: withCtx(() => [
-          categories.value.length > 0 ? (openBlock(), createBlock(_sfc_main$3, {
+          categories.value.length > 0 ? (openBlock(), createBlock(_sfc_main$4, {
             key: 0,
+            class: "sv-upgrade-subscription__pricing-list",
             categories: categories.value,
             "selected-pricing-ids": selectedPricingIds.value,
             onToggle: handleToggle
-          }, null, 8, ["categories", "selected-pricing-ids"])) : (openBlock(), createBlock(unref(_sfc_main$7), {
+          }, null, 8, ["categories", "selected-pricing-ids"])) : (openBlock(), createBlock(unref(_sfc_main$8), {
             key: 1,
             variant: "body-sm",
             shade: "lighter",
-            class: "p-4"
+            class: "sv-upgrade-subscription__empty-state p-4"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref($t)({
@@ -902,7 +947,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             _: 1
           })),
           createVNode(unref(_sfc_main$e), { spacing: "sm" }),
-          createVNode(_sfc_main$2, {
+          createVNode(_sfc_main$3, {
+            class: "sv-upgrade-subscription__payment-method-picker",
             "customer-id": customerId.value,
             "subscription-id": __props.configuration.subscriptionId,
             "selected-id": selectedPaymentMethodId.value,
@@ -910,18 +956,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           }, null, 8, ["customer-id", "subscription-id", "selected-id"])
         ]),
         aside: withCtx(() => [
-          createVNode(_sfc_main$5, {
+          createVNode(_sfc_main$6, {
+            class: "sv-upgrade-subscription__order-summary",
             "selected-pricings": selectedPricings.value,
             invoice: previewInvoice.value,
             "is-pending": isPreviewPending.value
           }, null, 8, ["selected-pricings", "invoice", "is-pending"]),
-          purchaseError.value ? (openBlock(), createBlock(unref(_sfc_main$c), {
+          purchaseError.value ? (openBlock(), createBlock(unref(_sfc_main$d), {
             key: 0,
+            class: "sv-upgrade-subscription__error sv-error",
             title: purchaseError.value
           }, null, 8, ["title"])) : createCommentVNode("", true),
-          createVNode(unref(_sfc_main$9), {
+          createVNode(unref(_sfc_main$a), {
             size: "lg",
-            class: "full-width",
+            class: "sv-action sv-action--primary sv-action--full-width sv-upgrade-subscription__purchase full-width",
             type: "button",
             disabled: !canPurchase.value || isPurchasePending.value,
             loading: isPurchasePending.value,
@@ -936,14 +984,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled", "loading"]),
-          createVNode(unref(_sfc_main$7), {
+          createVNode(unref(_sfc_main$8), {
             tag: "div",
             variant: "body-sm",
             shade: "lighter",
-            class: "flex grow justify-center"
+            class: "sv-upgrade-subscription__trust-indicator flex grow justify-center"
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$d, {
+              createVNode(_sfc_main$2, {
                 icon: "lock",
                 kpi: unref($t)({
                   defaultMessage: "Secure and encrypted payments",
@@ -967,7 +1015,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     locale: { type: String },
     dateLocale: { type: String },
     messages: { type: Object },
-    showTimezones: { type: Boolean },
     primaryColor: { type: String },
     secondaryColor: { type: String },
     isShadowRoot: { type: Boolean },
@@ -976,7 +1023,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
+    cssOverrides: { type: [String, Array] },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -994,13 +1041,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "experimental-features": __props.experimentalFeatures,
         "log-level": __props.logLevel,
         "on-log": __props.onLog,
+        "css-overrides": __props.cssOverrides,
         onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
       }, {
         default: withCtx(() => [
           createVNode(_sfc_main$1, { configuration: __props.configuration }, null, 8, ["configuration"])
         ]),
         _: 1
-      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log"]);
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
     };
   }
 });

package/dist/solvimon-web.css

@@ -1 +1 @@
-export default ".expand-enter-active,.expand-leave-active{transition: height 300ms ease-in-out;overflow: hidden;}.expand-enter,.expand-leave-to{height: 0;}";export default "thead th:first-of-type,tr td:first-of-type{position: sticky;left: 0;background: inherit;z-index: 2;}thead th:last-of-type,tr td:last-of-type{position: sticky;right: 0;background: inherit;z-index: 2;}";export default "input[type='range']{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;background: transparent;margin: 0.5rem 0;}input[type='range']::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 1rem;height: 1rem;border: 2px solid rgb(229 231 235);border-radius: 50%;background: #ffffff;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);cursor: pointer;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}input[type='range']:disabled::-webkit-slider-thumb{cursor: not-allowed;}input[type='range']::-moz-range-thumb{-moz-appearance: none;appearance: none;width: 1rem;height: 1rem;border: 2px solid rgb(229 231 235);border-radius: 50%;background: #ffffff;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);cursor: pointer;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}input[type='range']:disabled::-moz-range-thumb{cursor: not-allowed;}input[type='range']:not(:disabled):hover::-webkit-slider-thumb{box-shadow: 0 0 0 6px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']:not(:disabled):hover::-moz-range-thumb{box-shadow: 0 0 0 6px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']:not(:disabled):active::-webkit-slider-thumb{box-shadow: 0 0 0 8px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']:not(:disabled):active::-moz-range-thumb{box-shadow: 0 0 0 8px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']::-webkit-slider-runnable-track{width: 100%;height: 0.5rem;cursor: pointer;background: linear-gradient(to right,var(--color-primary-600)var(--range-percentage,0%),n#e0e5eb var(--range-percentage, 0%)n);border-radius: 0.25rem;}input[type='range']:disabled::-webkit-slider-runnable-track{background: #e0e5eb;cursor: not-allowed;}input[type='range']::-moz-range-track{width: 100%;height: 0.5rem;cursor: pointer;background: linear-gradient(to right,var(--color-primary-600)var(--range-percentage,0%),n#e0e5eb var(--range-percentage, 0%)n);border-radius: 0.25rem;}input[type='range']:disabled::-moz-range-track{background: #e0e5eb;cursor: not-allowed;}input[type='range'].range-sm::-webkit-slider-thumb{width: 0.8rem;height: 0.8rem;margin-top:-0.2rem;}input[type='range'].range-sm::-moz-range-thumb{width: 0.8rem;height: 0.8rem;}input[type='range'].range-sm::-webkit-slider-runnable-track{height: 0.4rem;border-radius: 0.2rem;}input[type='range'].range-sm::-moz-range-track{height: 0.4rem;border-radius: 0.2rem;}input[type='range'].range-md::-webkit-slider-thumb{width: 1rem;height: 1rem;margin-top:-0.25rem;}input[type='range'].range-md::-moz-range-thumb{width: 1rem;height: 1rem;}input[type='range'].range-md::-webkit-slider-runnable-track{height: 0.5rem;border-radius: 0.25rem;}input[type='range'].range-md::-moz-range-track{height: 0.5rem;border-radius: 0.25rem;}input[type='range'].range-lg::-webkit-slider-thumb{width: 1.4rem;height: 1.4rem;margin-top:-0.35rem;}input[type='range'].range-lg::-moz-range-thumb{width: 1.4rem;height: 1.4rem;}input[type='range'].range-lg::-webkit-slider-runnable-track{height: 0.7rem;border-radius: 0.35rem;}input[type='range'].range-lg::-moz-range-track{height: 0.7rem;border-radius: 0.35rem;}input[type='range'].range-xl::-webkit-slider-thumb{width: 1.8rem;height: 1.8rem;margin-top:-0.5rem;}input[type='range'].range-xl::-moz-range-thumb{width: 1.8rem;height: 1.8rem;}input[type='range'].range-xl::-webkit-slider-runnable-track{height: 0.9rem;border-radius: 0.45rem;}input[type='range'].range-xl::-moz-range-track{height: 0.9rem;border-radius: 0.45rem;}";export default ".to-right-enter-active[data-v-ce4df87e],.to-right-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateX(-10px);}.to-right-leave[data-v-ce4df87e],.to-right-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateX(0);}.to-right-enter-active[data-v-ce4df87e],.to-right-leave-active[data-v-ce4df87e]{transition: all 250ms;}.to-left-enter-active[data-v-ce4df87e],.to-left-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateX(10px);}.to-left-leave[data-v-ce4df87e],.to-left-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateX(0);}.to-left-enter-active[data-v-ce4df87e],.to-left-leave-active[data-v-ce4df87e]{transition: all 250ms;}.to-top-enter-active[data-v-ce4df87e],.to-top-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateY(10px);}.to-top-leave[data-v-ce4df87e],.to-top-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateY(0);}.to-top-enter-active[data-v-ce4df87e],.to-top-leave-active[data-v-ce4df87e]{transition: all 250ms;}.to-bottom-enter-active[data-v-ce4df87e],.to-bottom-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateY(-10px);}.to-bottom-leave[data-v-ce4df87e],.to-bottom-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateY(0);}.to-bottom-enter-active[data-v-ce4df87e],.to-bottom-leave-active[data-v-ce4df87e]{transition: all 250ms;}";export default ".conditions-root:focus-within>.conditions-with-context-menu[data-v-6310fe1d],.conditions-root:hover>.conditions-with-context-menu[data-v-6310fe1d]{padding-right: 3rem;}.conditions-root:focus-within>.conditions-with-context-menu+.context-menu-wrapper[data-v-6310fe1d],.conditions-root:hover>.conditions-with-context-menu+.context-menu-wrapper[data-v-6310fe1d]{opacity: 1;}";export default ".nested-conditions-border::before{background-image: url(\"data:image/svg+xml,%3Csvg width='4' height='5' fill='none' xmlns='http:}";{}
+.to-right-enter-active[data-v-ce4df87e],.to-right-leave-to[data-v-ce4df87e]{opacity:0;transform:translate(-10px)}.to-right-leave[data-v-ce4df87e],.to-right-enter-to[data-v-ce4df87e]{opacity:1;transform:translate(0)}.to-right-enter-active[data-v-ce4df87e],.to-right-leave-active[data-v-ce4df87e]{transition:all .25s}.to-left-enter-active[data-v-ce4df87e],.to-left-leave-to[data-v-ce4df87e]{opacity:0;transform:translate(10px)}.to-left-leave[data-v-ce4df87e],.to-left-enter-to[data-v-ce4df87e]{opacity:1;transform:translate(0)}.to-left-enter-active[data-v-ce4df87e],.to-left-leave-active[data-v-ce4df87e]{transition:all .25s}.to-top-enter-active[data-v-ce4df87e],.to-top-leave-to[data-v-ce4df87e]{opacity:0;transform:translateY(10px)}.to-top-leave[data-v-ce4df87e],.to-top-enter-to[data-v-ce4df87e]{opacity:1;transform:translateY(0)}.to-top-enter-active[data-v-ce4df87e],.to-top-leave-active[data-v-ce4df87e]{transition:all .25s}.to-bottom-enter-active[data-v-ce4df87e],.to-bottom-leave-to[data-v-ce4df87e]{opacity:0;transform:translateY(-10px)}.to-bottom-leave[data-v-ce4df87e],.to-bottom-enter-to[data-v-ce4df87e]{opacity:1;transform:translateY(0)}.to-bottom-enter-active[data-v-ce4df87e],.to-bottom-leave-active[data-v-ce4df87e]{transition:all .25s}@media print{.card-print-avoid[data-v-9ba3ddf0]{break-inside:avoid-page;page-break-inside:avoid}}.expand-enter-active,.expand-leave-active{transition:height .3s ease-in-out;overflow:hidden}.expand-enter,.expand-leave-to{height:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;margin:.5rem 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid rgb(229 231 235);border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;cursor:pointer;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}input[type=range]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid rgb(229 231 235);border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;cursor:pointer;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out}input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}input[type=range]:not(:disabled):hover::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary-200) 50%,transparent)}input[type=range]:not(:disabled):hover::-moz-range-thumb{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary-200) 50%,transparent)}input[type=range]:not(:disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 8px color-mix(in srgb,var(--color-primary-200) 50%,transparent)}input[type=range]:not(:disabled):active::-moz-range-thumb{box-shadow:0 0 0 8px color-mix(in srgb,var(--color-primary-200) 50%,transparent)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:.5rem;cursor:pointer;background:linear-gradient(to right,var(--color-primary-600) var(--range-percentage, 0%),#e0e5eb var(--range-percentage, 0%));border-radius:.25rem}input[type=range]:disabled::-webkit-slider-runnable-track{background:#e0e5eb;cursor:not-allowed}input[type=range]::-moz-range-track{width:100%;height:.5rem;cursor:pointer;background:linear-gradient(to right,var(--color-primary-600) var(--range-percentage, 0%),#e0e5eb var(--range-percentage, 0%));border-radius:.25rem}input[type=range]:disabled::-moz-range-track{background:#e0e5eb;cursor:not-allowed}input[type=range].range-sm::-webkit-slider-thumb{width:.8rem;height:.8rem;margin-top:-.2rem}input[type=range].range-sm::-moz-range-thumb{width:.8rem;height:.8rem}input[type=range].range-sm::-webkit-slider-runnable-track{height:.4rem;border-radius:.2rem}input[type=range].range-sm::-moz-range-track{height:.4rem;border-radius:.2rem}input[type=range].range-md::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem}input[type=range].range-md::-moz-range-thumb{width:1rem;height:1rem}input[type=range].range-md::-webkit-slider-runnable-track{height:.5rem;border-radius:.25rem}input[type=range].range-md::-moz-range-track{height:.5rem;border-radius:.25rem}input[type=range].range-lg::-webkit-slider-thumb{width:1.4rem;height:1.4rem;margin-top:-.35rem}input[type=range].range-lg::-moz-range-thumb{width:1.4rem;height:1.4rem}input[type=range].range-lg::-webkit-slider-runnable-track{height:.7rem;border-radius:.35rem}input[type=range].range-lg::-moz-range-track{height:.7rem;border-radius:.35rem}input[type=range].range-xl::-webkit-slider-thumb{width:1.8rem;height:1.8rem;margin-top:-.5rem}input[type=range].range-xl::-moz-range-thumb{width:1.8rem;height:1.8rem}input[type=range].range-xl::-webkit-slider-runnable-track{height:.9rem;border-radius:.45rem}input[type=range].range-xl::-moz-range-track{height:.9rem;border-radius:.45rem}thead th:first-of-type,tr td:first-of-type{position:sticky;left:0;background:inherit;z-index:2}thead th:last-of-type,tr td:last-of-type{position:sticky;right:0;background:inherit;z-index:2}@media print{.card-header-print-root[data-v-9316d9b2]{-moz-column-break-after:avoid;break-after:avoid-page;page-break-after:avoid}}@media print{.collapsible-card-print-root[data-v-6f1525c7],.collapsible-card-print-content[data-v-6f1525c7]{-moz-column-break-inside:auto;break-inside:auto;page-break-inside:auto}.collapsible-card-print-content[data-v-6f1525c7]{display:block!important}}@media print{.collapsible-list-item-content[data-v-9da2d94d]{display:block!important}}.tiptap h1,.editor-content-typography h1{margin-top:0;font-size:2.1428571em;font-weight:700;line-height:1.2}.tiptap h2,.editor-content-typography h2{margin-top:0;font-size:1.5em;font-weight:700;line-height:1.3333333}.tiptap h3,.editor-content-typography h3{margin-top:0;font-size:1.2857143em;font-weight:600;line-height:1.4444444}.tiptap h4,.editor-content-typography h4{margin-top:0;font-size:1.1em;font-weight:600;line-height:1.4444444}.tiptap p,.editor-content-typography p{margin-top:0;line-height:1.45;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.tiptap ul,.tiptap ol,.editor-content-typography ul,.editor-content-typography ol{margin-top:0;padding-left:1.625em}.tiptap ul,.editor-content-typography ul{list-style-type:disc}.tiptap ol,.editor-content-typography ol{list-style-type:decimal}.tiptap li,.editor-content-typography li{margin-top:.2em;line-height:1.45;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.tiptap blockquote,.editor-content-typography blockquote{margin-top:0;margin-bottom:1rem;border-left-width:3px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));padding-left:.875rem;font-style:italic;line-height:1.45;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.tiptap blockquote p,.editor-content-typography blockquote p{margin-bottom:0;color:inherit}.tiptap pre,.editor-content-typography pre{margin-top:0;margin-bottom:1rem;white-space:pre-wrap;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;line-height:1.5;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.tiptap pre code,.editor-content-typography pre code{background-color:transparent;padding:0;color:inherit}.tiptap code:not(pre code),.editor-content-typography code:not(pre code){border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.125rem .25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.tiptap a,.editor-content-typography a{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));text-decoration-line:none}.tiptap a:hover,.editor-content-typography a:hover{text-decoration-line:underline}.tiptap>*:last-child,.editor-content-typography *:last-child{margin-bottom:0}[data-v-438af34f] .tiptap .is-empty:before{content:attr(data-placeholder);float:left;height:0;pointer-events:none;font-weight:400;font-style:italic;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.animated-gradient[data-v-f1f0dadf]{background:repeating-linear-gradient(to right,#fff0,#ffffffbf,#fff0);width:100%;background-size:200% auto;background-position:0 100%;animation:gradient-f1f0dadf 2s infinite;animation-fill-mode:forwards;animation-timing-function:linear}@keyframes gradient-f1f0dadf{0%{background-position:0 0}to{background-position:-200% 0}}@media print{.tiered-rule-header[data-v-9e78b558]{-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}.tiered-table-print-wrapper[data-v-9e78b558]{-moz-column-break-inside:auto;break-inside:auto;page-break-inside:auto}.tiered-table-print thead[data-v-9e78b558]{display:table-header-group}.tiered-table-print-row[data-v-9e78b558]{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}.conditions-root:focus-within>.conditions-with-context-menu[data-v-ecf44f22],.conditions-root:hover>.conditions-with-context-menu[data-v-ecf44f22]{padding-right:3rem}.conditions-root:focus-within>.conditions-with-context-menu+.context-menu-wrapper[data-v-ecf44f22],.conditions-root:hover>.conditions-with-context-menu+.context-menu-wrapper[data-v-ecf44f22]{opacity:1}.nested-conditions-border:before{background-image:url("data:image/svg+xml,%3Csvg width='4' height='5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='m0 0 4 4v1L0 1V0Z' fill='%23CDD6DF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h4v5H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}@media print{.pricing-item-heading[data-v-3d026d53]{-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}.pricing-item-block[data-v-3d026d53]{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}@media print{.section-label[data-v-f430a83c]{-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}}@media print{.category-heading[data-v-2ac99a3d]{-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}[data-v-2ac99a3d] .collapsible-card-print-root .card-header-print-root{border-bottom-width:0}}@media print{[data-v-82e565eb] .card-surface{box-shadow:none!important;border-color:#e5e7eb!important}}.slide-left-enter-active[data-v-1a3d5742],.slide-left-leave-active[data-v-1a3d5742]{transition:all .5s ease}.slide-left-enter-from[data-v-1a3d5742],.slide-left-leave-to[data-v-1a3d5742]{opacity:0;transform:translate(30px)}.slide-right-enter-active[data-v-1a3d5742],.slide-right-leave-active[data-v-1a3d5742]{transition:all .5s ease}.slide-right-enter-from[data-v-1a3d5742],.slide-right-leave-to[data-v-1a3d5742]{opacity:0;transform:translate(-30px)}.slide-top-enter-active[data-v-1a3d5742],.slide-top-leave-active[data-v-1a3d5742]{transition:all .5s ease}.slide-top-enter-from[data-v-1a3d5742],.slide-top-leave-to[data-v-1a3d5742]{opacity:0;transform:translateY(30px)}.slide-bottom-enter-active[data-v-1a3d5742],.slide-bottom-leave-active[data-v-1a3d5742]{transition:all .5s ease}.slide-bottom-enter-from[data-v-1a3d5742],.slide-bottom-leave-to[data-v-1a3d5742]{opacity:0;transform:translateY(-30px)}.fade-enter-active[data-v-1a3d5742],.fade-leave-active[data-v-1a3d5742]{transition:all .5s ease}.fade-enter-from[data-v-1a3d5742],.fade-leave-to[data-v-1a3d5742]{opacity:0}