@intercartx/booster-core 0.0.1-beta.29 → 0.0.1-beta.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/api/types.d.ts +18 -15
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.js +1 -0
  4. package/dist/models/business/OrderSummary.d.ts +4 -2
  5. package/dist/models/business/OrderSummary.js +64 -3
  6. package/dist/models/business/pay-button/PayButton.js +12 -10
  7. package/dist/models/business/payment/CCPayment.js +15 -10
  8. package/dist/models/business/payment/FxpCCPayment.js +15 -10
  9. package/dist/models/business/payment/StripeCCPayment.js +19 -11
  10. package/dist/report-event.d.ts +2 -0
  11. package/dist/report-event.js +12 -0
  12. package/dist/styles/global.css +1 -1
  13. package/dist/styles/order-summary.css +1 -1
  14. package/package.json +1 -1
package/dist/api/types.d.ts CHANGED
@@ -15,20 +15,7 @@ interface ShippingMethod {
15
15
  price: number | string;
16
16
  currency: string;
17
17
  }
18
- interface BaseOrderProduct {
19
- display: {
20
- title: string;
21
- subTitle: string;
22
- image: string;
23
- quantity: number;
24
- price: number | string;
25
- originPrice: number | string;
26
- discount: number;
27
- productId?: string;
28
- [key: string]: any;
29
- }[];
30
- }
31
- interface OneTimeOrderProduct extends BaseOrderProduct {
18
+ interface OneTimeOrderProduct {
32
19
  purchase: {
33
20
  cart: {
34
21
  quantity: number;
@@ -41,8 +28,9 @@ interface OneTimeOrderProduct extends BaseOrderProduct {
41
28
  }[];
42
29
  coupon?: string[];
43
30
  };
31
+ display: Display[];
44
32
  }
45
- interface SubscriptionOrderProduct extends BaseOrderProduct {
33
+ interface SubscriptionOrderProduct {
46
34
  subscription: {
47
35
  pricePlan: {
48
36
  products: {
@@ -56,6 +44,21 @@ interface SubscriptionOrderProduct extends BaseOrderProduct {
56
44
  }[];
57
45
  planId?: string;
58
46
  };
47
+ displays: {
48
+ display: Display[];
49
+ interval: number;
50
+ }[];
51
+ }
52
+ interface Display {
53
+ title: string;
54
+ subTitle: string;
55
+ image: string;
56
+ quantity: number;
57
+ price: number | string;
58
+ originPrice: number | string;
59
+ discount: number;
60
+ productId?: string;
61
+ [key: string]: any;
59
62
  }
60
63
  type OrderProduct = OneTimeOrderProduct | SubscriptionOrderProduct;
61
64
  interface BrowserInfo {
package/dist/index.d.ts CHANGED
@@ -3,3 +3,4 @@ export * from './models';
3
3
  export * from './utils';
4
4
  export * from './types';
5
5
  export * from './api';
6
+ export * from './report-event';
package/dist/index.js CHANGED
@@ -3,3 +3,4 @@ export * from './models';
3
3
  export * from './utils';
4
4
  export * from './types';
5
5
  export * from './api';
6
+ export * from './report-event';
package/dist/models/business/OrderSummary.d.ts CHANGED
@@ -1,8 +1,9 @@
1
- import { OrderProduct } from "../../api/types";
1
+ import { OneTimeOrderProduct, SubscriptionOrderProduct } from "../../api/types";
2
2
  import { FeeCalculateResponse } from "../../api/utils/types";
3
3
  import { BusinessModel } from "./Business";
4
4
  export declare class OrderSummaryModel extends BusinessModel {
5
- displayProductList: OrderProduct['display'];
5
+ displayProductList: OneTimeOrderProduct['display'] | SubscriptionOrderProduct['displays'][0]['display'];
6
+ isSubscription: boolean;
6
7
  isOpen: boolean;
7
8
  fees: FeeCalculateResponse['feeDetail'];
8
9
  reactiveKeys: string[];
@@ -12,4 +13,5 @@ export declare class OrderSummaryModel extends BusinessModel {
12
13
  get total(): string;
13
14
  get isLoading(): boolean;
14
15
  toggleOpen(): void;
16
+ getSubscriptionPlanTexts(): string[];
15
17
  }
package/dist/models/business/OrderSummary.js CHANGED
@@ -4,17 +4,25 @@ import { globalState } from "../GlobalState";
4
4
  import { BusinessModel } from "./Business";
5
5
  export class OrderSummaryModel extends BusinessModel {
6
6
  constructor() {
7
+ var _a, _b, _c;
7
8
  super();
8
9
  this.displayProductList = [];
10
+ this.isSubscription = false;
9
11
  this.isOpen = false;
10
12
  this.fees = {};
11
13
  this.reactiveKeys = ['isOpen', 'isLoading', 'fees', 'total'];
12
14
  const { processorData } = globalState.getConfig();
13
- const { productInfo } = processorData;
14
- if (!productInfo || !productInfo.display.length)
15
+ // const { productInfo } = processorData
16
+ const productInfo = processorData.productInfo;
17
+ if (!productInfo ||
18
+ ('display' in productInfo && !productInfo.display.length) ||
19
+ ('displays' in productInfo && !((_b = (_a = productInfo.displays[0]) === null || _a === void 0 ? void 0 : _a.display) === null || _b === void 0 ? void 0 : _b.length))) {
15
20
  return;
21
+ }
22
+ this.isSubscription = 'subscription' in productInfo;
23
+ const display = 'display' in productInfo ? productInfo.display : (_c = productInfo.displays[0]) === null || _c === void 0 ? void 0 : _c.display;
16
24
  // 价格单位转成元显示
17
- this.displayProductList = productInfo.display.map(product => ({
25
+ this.displayProductList = display.map(product => ({
18
26
  ...product,
19
27
  price: divide100(product.price),
20
28
  originPrice: divide100(product.originPrice),
@@ -53,4 +61,57 @@ export class OrderSummaryModel extends BusinessModel {
53
61
  toggleOpen() {
54
62
  this.isOpen = !this.isOpen;
55
63
  }
64
+ getSubscriptionPlanTexts() {
65
+ var _a, _b, _c, _d;
66
+ if (!this.isSubscription)
67
+ return [];
68
+ const productInfo = (_b = (_a = globalState.getConfig()) === null || _a === void 0 ? void 0 : _a.processorData) === null || _b === void 0 ? void 0 : _b.productInfo;
69
+ if (!productInfo || !((_c = productInfo === null || productInfo === void 0 ? void 0 : productInfo.displays) === null || _c === void 0 ? void 0 : _c.length))
70
+ return [];
71
+ const texts = [];
72
+ const { displays, subscription } = productInfo;
73
+ const currency = ((_d = globalState.getConfig()) === null || _d === void 0 ? void 0 : _d.currency) || 'USD';
74
+ displays.forEach((displayItem, index) => {
75
+ var _a;
76
+ // Calculate total price for this interval
77
+ const totalPrice = displayItem.display.reduce((sum, item) => {
78
+ return plus(sum, divide100(Number(item.price) * item.quantity));
79
+ }, '0');
80
+ // Get recurring type from pricePlan
81
+ const recurring = ((_a = subscription.pricePlan[index]) === null || _a === void 0 ? void 0 : _a.recurring) || 'month';
82
+ const interval = displayItem.interval;
83
+ // Format price with currency
84
+ const priceText = `${currency} ${totalPrice}`;
85
+ if (interval === -1) {
86
+ // Recurring forever
87
+ if (index === 0) {
88
+ // First and only plan, recurring forever
89
+ texts.push(`${priceText} per ${recurring}`);
90
+ }
91
+ else {
92
+ // After previous plans, recurring forever
93
+ texts.push(`Then ${priceText} per ${recurring}`);
94
+ }
95
+ }
96
+ else if (index === 0) {
97
+ // First interval with specific count
98
+ if (interval === 1) {
99
+ texts.push(`First ${recurring} at ${priceText}`);
100
+ }
101
+ else {
102
+ texts.push(`First ${interval} ${recurring}s at ${priceText}`);
103
+ }
104
+ }
105
+ else {
106
+ // Subsequent intervals with specific count
107
+ if (interval === 1) {
108
+ texts.push(`Then ${recurring} at ${priceText}`);
109
+ }
110
+ else {
111
+ texts.push(`Then ${interval} ${recurring}s at ${priceText}`);
112
+ }
113
+ }
114
+ });
115
+ return texts;
116
+ }
56
117
  }
package/dist/models/business/pay-button/PayButton.js CHANGED
@@ -10,7 +10,6 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
10
10
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11
11
  };
12
12
  var _PayButtonModel_instances, _PayButtonModel_paymentConfig, _PayButtonModel_createPaymentHandler;
13
- import { TracksityTracker, tracksityTracker } from "../../../utils/tracksity";
14
13
  import { HTTPError, ResponseErrorCode } from "../../../api";
15
14
  import { CheckoutEvents } from "../../../types";
16
15
  import { globalState } from "../../GlobalState";
@@ -18,6 +17,7 @@ import { BusinessModel } from "../Business";
18
17
  import { ACHPaymentHandler } from "./ACHPaymentHandler";
19
18
  import { CCPaymentHandler } from "./CCPaymentHandler";
20
19
  import { PPPaymentHandler } from "./PPPaymentHandler";
20
+ import { reportEvent } from "../../../report-event";
21
21
  var PaymentMethod;
22
22
  (function (PaymentMethod) {
23
23
  PaymentMethod["PP"] = "PP";
@@ -50,18 +50,20 @@ export class PayButtonModel extends BusinessModel {
50
50
  return this.paymentHandler.preparePaymentData();
51
51
  }
52
52
  async handlePayment() {
53
- var _a;
53
+ var _a, _b, _c;
54
54
  try {
55
55
  globalState.emit(CheckoutEvents.ERROR_TIP_SHOW, '');
56
56
  await this.paymentHandler.handlePayment();
57
- const config = ((_a = globalState.getConfig().processorData.productInfo) === null || _a === void 0 ? void 0 : _a.display) || [];
58
- const contents = config.map((item) => ({
59
- content_id: item.productId || '',
60
- content_name: item.title || '',
61
- price: Number(item.price),
62
- quantity: Number(item.quantity),
63
- }));
64
- tracksityTracker.event("PlaceAnOrder", TracksityTracker.buildEcommerceData(contents));
57
+ const productInfo = (_c = (_b = (_a = globalState.getConfig()) === null || _a === void 0 ? void 0 : _a.processorData) === null || _b === void 0 ? void 0 : _b.productInfo) !== null && _c !== void 0 ? _c : [];
58
+ reportEvent("PlaceAnOrder", productInfo);
59
+ // const config = globalState.getConfig().processorData.productInfo?.display || []
60
+ // const contents: TracksityContent[] = config.map((item) => ({
61
+ // content_id: item.productId || '',
62
+ // content_name: item.title || '',
63
+ // price: Number(item.price),
64
+ // quantity: Number(item.quantity),
65
+ // }))
66
+ // tracksityTracker.event("PlaceAnOrder", TracksityTracker.buildEcommerceData(contents))
65
67
  }
66
68
  catch (error) {
67
69
  if (error instanceof HTTPError) {
package/dist/models/business/payment/CCPayment.js CHANGED
@@ -5,7 +5,7 @@ import { globalState } from "../../GlobalState";
5
5
  import { InputModel } from "../../Input";
6
6
  import { BusinessModel } from "../Business";
7
7
  import { PaymentMethod } from "./types";
8
- import { tracksityTracker, TracksityTracker } from "../../../utils/tracksity";
8
+ import { reportEvent } from "../../../report-event";
9
9
  // 最普通的信用卡支付
10
10
  export class CCPaymentModel extends BusinessModel {
11
11
  constructor(props) {
@@ -19,16 +19,21 @@ export class CCPaymentModel extends BusinessModel {
19
19
  }
20
20
  };
21
21
  this.handleSecurityCodeBlur = () => {
22
- var _a;
22
+ var _a, _b, _c;
23
23
  if (this.cardNumber.validate()) {
24
- const config = ((_a = globalState.getConfig().processorData.productInfo) === null || _a === void 0 ? void 0 : _a.display) || [];
25
- const contents = config.map(item => ({
26
- content_id: item.productId || '',
27
- content_name: item.title || '',
28
- price: Number(item.price),
29
- quantity: Number(item.quantity),
30
- }));
31
- tracksityTracker.event("AddPaymentInfo", TracksityTracker.buildEcommerceData(contents));
24
+ const productInfo = (_c = (_b = (_a = globalState.getConfig()) === null || _a === void 0 ? void 0 : _a.processorData) === null || _b === void 0 ? void 0 : _b.productInfo) !== null && _c !== void 0 ? _c : [];
25
+ reportEvent("AddPaymentInfo", productInfo);
26
+ // const config = globalState.getConfig().processorData.productInfo?.display || []
27
+ // const contents: TracksityContent[] = config.map(item => ({
28
+ // content_id: item.productId || '',
29
+ // content_name: item.title || '',
30
+ // price: Number(item.price),
31
+ // quantity: Number(item.quantity),
32
+ // }))
33
+ // tracksityTracker.event(
34
+ // "AddPaymentInfo",
35
+ // TracksityTracker.buildEcommerceData(contents)
36
+ // );
32
37
  }
33
38
  };
34
39
  this.handleExpiry = (value) => {
package/dist/models/business/payment/FxpCCPayment.js CHANGED
@@ -10,9 +10,9 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
10
10
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11
11
  };
12
12
  var _FxpCCPaymentModel_instances, _FxpCCPaymentModel_gateway, _FxpCCPaymentModel_cssUrl, _FxpCCPaymentModel_merNo, _FxpCCPaymentModel_merKey, _FxpCCPaymentModel_gatewayNo, _FxpCCPaymentModel_notifyUrl, _FxpCCPaymentModel_gatewayUrl, _FxpCCPaymentModel_initialize, _FxpCCPaymentModel_loadScript, _FxpCCPaymentModel_FXPInit, _FxpCCPaymentModel_FXPCardInfoCompleted;
13
- import { TracksityTracker, tracksityTracker } from "../../../utils";
14
13
  import { globalState } from "../../GlobalState";
15
14
  import { BusinessModel } from "../Business";
15
+ import { reportEvent } from "../../../report-event";
16
16
  export class FxpCCPaymentModel extends BusinessModel {
17
17
  constructor(config) {
18
18
  super();
@@ -34,15 +34,20 @@ export class FxpCCPaymentModel extends BusinessModel {
34
34
  (_a = window.Forunexpay) === null || _a === void 0 ? void 0 : _a.init(__classPrivateFieldGet(this, _FxpCCPaymentModel_gatewayUrl, "f"), __classPrivateFieldGet(this, _FxpCCPaymentModel_cssUrl, "f"));
35
35
  __classPrivateFieldGet(this, _FxpCCPaymentModel_FXPInit, "f").call(this);
36
36
  __classPrivateFieldGet(this, _FxpCCPaymentModel_instances, "m", _FxpCCPaymentModel_FXPCardInfoCompleted).call(this, () => {
37
- var _a;
38
- const config = ((_a = globalState.getConfig().processorData.productInfo) === null || _a === void 0 ? void 0 : _a.display) || [];
39
- const contents = config.map(item => ({
40
- content_id: item.productId || '',
41
- content_name: item.title || '',
42
- price: Number(item.price),
43
- quantity: Number(item.quantity),
44
- }));
45
- tracksityTracker.event("AddPaymentInfo", TracksityTracker.buildEcommerceData(contents));
37
+ var _a, _b, _c;
38
+ const productInfo = (_c = (_b = (_a = globalState.getConfig()) === null || _a === void 0 ? void 0 : _a.processorData) === null || _b === void 0 ? void 0 : _b.productInfo) !== null && _c !== void 0 ? _c : [];
39
+ reportEvent("AddPaymentInfo", productInfo);
40
+ // const config = globalState.getConfig().processorData.productInfo?.display || []
41
+ // const contents: TracksityContent[] = config.map(item => ({
42
+ // content_id: item.productId || '',
43
+ // content_name: item.title || '',
44
+ // price: Number(item.price),
45
+ // quantity: Number(item.quantity),
46
+ // }))
47
+ // tracksityTracker.event(
48
+ // "AddPaymentInfo",
49
+ // TracksityTracker.buildEcommerceData(contents)
50
+ // );
46
51
  });
47
52
  this.loading = false;
48
53
  }
package/dist/models/business/payment/StripeCCPayment.js CHANGED
@@ -10,7 +10,8 @@ import { BusinessModel } from "../Business";
10
10
  import { v4 as uuidv4 } from "uuid";
11
11
  import { globalState } from "../../GlobalState";
12
12
  import { PaymentMethod } from "./types";
13
- import { TracksityTracker, tracksityTracker } from "../../../utils";
13
+ // import { TracksityContent, TracksityTracker, tracksityTracker } from "../../../utils";
14
+ import { reportEvent } from "../../../report-event";
14
15
  export class StripeCCPaymentModel extends BusinessModel {
15
16
  constructor(config) {
16
17
  super();
@@ -98,7 +99,9 @@ export class StripeCCPaymentModel extends BusinessModel {
98
99
  const mode = ((_a = config.processorData.productInfo) === null || _a === void 0 ? void 0 : _a.subscription)
99
100
  ? "subscription"
100
101
  : "payment";
101
- const allAmount = config.processorData.productInfo.display.reduce((prev, curr) => {
102
+ const display = 'display' in config.processorData.productInfo ?
103
+ config.processorData.productInfo.display : config.processorData.productInfo.displays[0].display;
104
+ const allAmount = display.reduce((prev, curr) => {
102
105
  return prev + Number(curr.price) * Number(curr.quantity);
103
106
  }, 0);
104
107
  return {
@@ -123,16 +126,21 @@ export class StripeCCPaymentModel extends BusinessModel {
123
126
  }
124
127
  });
125
128
  this.onCompleteChange(() => {
126
- var _a;
127
129
  // TODO: 处理支付完成事件
128
- const config = ((_a = globalState.getConfig().processorData.productInfo) === null || _a === void 0 ? void 0 : _a.display) || [];
129
- const contents = config.map(item => ({
130
- content_id: item.productId || '',
131
- content_name: item.title || '',
132
- price: Number(item.price),
133
- quantity: Number(item.quantity),
134
- }));
135
- tracksityTracker.event("AddPaymentInfo", TracksityTracker.buildEcommerceData(contents));
130
+ var _a, _b, _c;
131
+ const productInfo = (_c = (_b = (_a = globalState.getConfig()) === null || _a === void 0 ? void 0 : _a.processorData) === null || _b === void 0 ? void 0 : _b.productInfo) !== null && _c !== void 0 ? _c : [];
132
+ reportEvent("AddPaymentInfo", productInfo);
133
+ // const config = globalState.getConfig().processorData.productInfo?.display || []
134
+ // const contents: TracksityContent[] = config.map(item => ({
135
+ // content_id: item.productId || '',
136
+ // content_name: item.title || '',
137
+ // price: Number(item.price),
138
+ // quantity: Number(item.quantity),
139
+ // }))
140
+ // tracksityTracker.event(
141
+ // "AddPaymentInfo",
142
+ // TracksityTracker.buildEcommerceData(contents)
143
+ // );
136
144
  });
137
145
  });
138
146
  }
package/dist/report-event.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { OrderProduct } from "./api/types";
2
+ export declare function reportEvent(eventName: string, productInfoata: OrderProduct): void;
package/dist/report-event.js ADDED
@@ -0,0 +1,12 @@
1
+ import { TracksityTracker, tracksityTracker } from "./utils/tracksity";
2
+ export function reportEvent(eventName, productInfoata) {
3
+ const display = 'display' in productInfoata ?
4
+ productInfoata.display : productInfoata.displays[0].display;
5
+ const contents = display.map(item => ({
6
+ content_id: item.productId || '',
7
+ content_name: item.title || '',
8
+ price: Number(item.price),
9
+ quantity: Number(item.quantity),
10
+ }));
11
+ tracksityTracker.event(eventName, TracksityTracker.buildEcommerceData(contents));
12
+ }
package/dist/styles/global.css CHANGED
@@ -1 +1 @@
1
- .booster-scope .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}.booster-scope .pointer-events-none{pointer-events:none}.booster-scope .visible{visibility:visible}.booster-scope .invisible{visibility:hidden}.booster-scope .static{position:static}.booster-scope .fixed{position:fixed}.booster-scope .absolute{position:absolute}.booster-scope .relative{position:relative}.booster-scope .inset-0{inset:0px}.booster-scope .bottom-0{bottom:0px}.booster-scope .bottom-\[-1px\]{bottom:-1px}.booster-scope .left-0{left:0px}.booster-scope .left-1\/2{left:50%}.booster-scope .left-5{left:1.25rem}.booster-scope .left-7{left:1.75rem}.booster-scope .left-8{left:2rem}.booster-scope .left-\[-1px\]{left:-1px}.booster-scope .left-\[85\%\]{left:85%}.booster-scope .left-\[calc\(\.75rem-2px\)\]{left:calc(.75rem - 2px)}.booster-scope .right-0{right:0px}.booster-scope .right-4{right:1rem}.booster-scope .right-\[-1px\]{right:-1px}.booster-scope .right-\[1em\]{right:1em}.booster-scope .top-0{top:0px}.booster-scope .top-1\/2{top:50%}.booster-scope .top-16{top:4rem}.booster-scope .top-4{top:1rem}.booster-scope .top-5{top:1.25rem}.booster-scope .top-\[-1px\]{top:-1px}.booster-scope .top-\[-6px\]{top:-6px}.booster-scope .top-full{top:100%}.booster-scope .z-10{z-index:10}.booster-scope .z-20{z-index:20}.booster-scope .z-50{z-index:50}.booster-scope .z-\[1055\]{z-index:1055}.booster-scope .z-\[2\]{z-index:2}.booster-scope .m-4{margin:1rem}.booster-scope .-mx-1\.5{margin-left:-0.375rem;margin-right:-0.375rem}.booster-scope .-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem}.booster-scope .mx-auto{margin-left:auto;margin-right:auto}.booster-scope .my-4{margin-top:1rem;margin-bottom:1rem}.booster-scope .mb-4{margin-bottom:1rem}.booster-scope .ml-auto{margin-left:auto}.booster-scope .mr-5{margin-right:1.25rem}.booster-scope .mr-\[2px\]{margin-right:2px}.booster-scope .mt-2{margin-top:0.5rem}.booster-scope .box-border{box-sizing:border-box}.booster-scope .block{display:block}.booster-scope .inline-block{display:inline-block}.booster-scope .flex{display:flex}.booster-scope .inline-flex{display:inline-flex}.booster-scope .grid{display:grid}.booster-scope .contents{display:contents}.booster-scope .hidden{display:none}.booster-scope .aspect-\[50\/29\]{aspect-ratio:50/29}.booster-scope .h-1{height:0.25rem}.booster-scope .h-12{height:3rem}.booster-scope .h-16{height:4rem}.booster-scope .h-2{height:0.5rem}.booster-scope .h-3{height:0.75rem}.booster-scope .h-4{height:1rem}.booster-scope .h-5{height:1.25rem}.booster-scope .h-6{height:1.5rem}.booster-scope .h-\[1\.6rem\]{height:1.6rem}.booster-scope .h-\[1em\]{height:1em}.booster-scope .h-\[4rem\]{height:4rem}.booster-scope .h-\[calc\(3\.5rem\+2px\)\]{height:calc(3.5rem + 2px)}.booster-scope .h-full{height:100%}.booster-scope .max-h-0{max-height:0px}.booster-scope .max-h-\[55px\]{max-height:55px}.booster-scope .max-h-\[57rem\]{max-height:57rem}.booster-scope .min-h-\[180px\]{min-height:180px}.booster-scope .w-12{width:3rem}.booster-scope .w-16{width:4rem}.booster-scope .w-2{width:0.5rem}.booster-scope .w-4{width:1rem}.booster-scope .w-5{width:1.25rem}.booster-scope .w-6{width:1.5rem}.booster-scope .w-\[1\.25rem\]{width:1.25rem}.booster-scope .w-\[1em\]{width:1em}.booster-scope .w-\[2\.5rem\]{width:2.5rem}.booster-scope .w-\[4rem\]{width:4rem}.booster-scope .w-\[8rem\]{width:8rem}.booster-scope .w-full{width:100%}.booster-scope .min-w-\[60px\]{min-width:60px}.booster-scope .max-w-\[auto\]{max-width:auto}.booster-scope .max-w-sm{max-width:24rem}.booster-scope .flex-1{flex:1 1 0%}.booster-scope .flex-\[var\(--flex-left\)\]{flex:var(--flex-left)}.booster-scope .flex-\[var\(--flex-right\)\]{flex:var(--flex-right)}.booster-scope .flex-shrink{flex-shrink:1}.booster-scope .origin-\[0_0\]{transform-origin:0 0}.booster-scope .-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))}.booster-scope .-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))}.booster-scope .-translate-y-\[0\.35rem\]{--tw-translate-y:-0.35rem;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))}.booster-scope .translate-x-\[0\.15rem\]{--tw-translate-x:0.15rem;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))}.booster-scope .scale-\[0\.85\]{--tw-scale-x:0.85;--tw-scale-y:0.85;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))}.booster-scope .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))}.booster-scope .cursor-default{cursor:default}.booster-scope .cursor-not-allowed{cursor:not-allowed}.booster-scope .cursor-pointer{cursor:pointer}.booster-scope .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.booster-scope .grid-rows-\[0fr\]{grid-template-rows:0fr}.booster-scope .grid-rows-\[1fr\]{grid-template-rows:1fr}.booster-scope .flex-col{flex-direction:column}.booster-scope .items-center{align-items:center}.booster-scope .items-stretch{align-items:stretch}.booster-scope .justify-end{justify-content:flex-end}.booster-scope .justify-center{justify-content:center}.booster-scope .justify-between{justify-content:space-between}.booster-scope .gap-12{gap:3rem}.booster-scope .gap-2{gap:0.5rem}.booster-scope .gap-3{gap:0.75rem}.booster-scope .gap-4{gap:1rem}.booster-scope .space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.booster-scope .overflow-hidden{overflow:hidden}.booster-scope .rounded{border-radius:0.25rem}.booster-scope .rounded-2xl{border-radius:1rem}.booster-scope .rounded-\[50rem\]{border-radius:50rem}.booster-scope .rounded-full{border-radius:9999px}.booster-scope .rounded-lg{border-radius:0.5rem}.booster-scope .rounded-md{border-radius:0.375rem}.booster-scope .rounded-b-md{border-bottom-right-radius:0.375rem;border-bottom-left-radius:0.375rem}.booster-scope .rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.booster-scope .rounded-tl-none{border-top-left-radius:0px}.booster-scope .rounded-tr-none{border-top-right-radius:0px}.booster-scope .border{border-width:1px}.booster-scope .border-2{border-width:2px}.booster-scope .border-4{border-width:4px}.booster-scope .border-b-0{border-bottom-width:0px}.booster-scope .border-l-0{border-left-width:0px}.booster-scope .border-l-\[1px\]{border-left-width:1px}.booster-scope .border-r-0{border-right-width:0px}.booster-scope .border-r-\[1px\]{border-right-width:1px}.booster-scope .border-t-0{border-top-width:0px}.booster-scope .border-t-\[1px\]{border-top-width:1px}.booster-scope .border-none{border-style:none}.booster-scope .border-\[\#006FFB\]{--tw-border-opacity:1;border-color:rgb(0 111 251 / var(--tw-border-opacity, 1))}.booster-scope .border-\[\#3286F7\]{--tw-border-opacity:1;border-color:rgb(50 134 247 / var(--tw-border-opacity, 1))}.booster-scope .border-\[\#dee2e6\]{--tw-border-opacity:1;border-color:rgb(222 226 230 / var(--tw-border-opacity, 1))}.booster-scope .border-black{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.booster-scope .border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.booster-scope .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.booster-scope .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.booster-scope .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.booster-scope .border-transparent{border-color:transparent}.booster-scope .border-t-transparent{border-top-color:transparent}.booster-scope .bg-\[\#006FFB\]{--tw-bg-opacity:1;background-color:rgb(0 111 251 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#0070ba\]{--tw-bg-opacity:1;background-color:rgb(0 112 186 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#3286F7\]{--tw-bg-opacity:1;background-color:rgb(50 134 247 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#f8f9fa\]{--tw-bg-opacity:1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.booster-scope .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.booster-scope .bg-black\/50{background-color:rgb(0 0 0 / 0.5)}.booster-scope .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.booster-scope .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.booster-scope .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.booster-scope .bg-transparent{background-color:transparent}.booster-scope .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .bg-opacity-50{--tw-bg-opacity:0.5}.booster-scope .bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.booster-scope .from-\[\#0070ba\]{--tw-gradient-from:#0070ba var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 112 186 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.booster-scope .to-\[\#009cde\]{--tw-gradient-to:#009cde var(--tw-gradient-to-position)}.booster-scope .fill-\[\#6c757d\]{fill:#6c757d}.booster-scope .p-1\.5{padding:0.375rem}.booster-scope .p-4{padding:1rem}.booster-scope .p-8{padding:2rem}.booster-scope .px-3{padding-left:0.75rem;padding-right:0.75rem}.booster-scope .px-4{padding-left:1rem;padding-right:1rem}.booster-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.booster-scope .px-6{padding-left:1.5rem;padding-right:1.5rem}.booster-scope .px-\[0\.6em\]{padding-left:0.6em;padding-right:0.6em}.booster-scope .py-2{padding-top:0.5rem;padding-bottom:0.5rem}.booster-scope .py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.booster-scope .py-3{padding-top:0.75rem;padding-bottom:0.75rem}.booster-scope .py-4{padding-top:1rem;padding-bottom:1rem}.booster-scope .py-\[0\.2em\]{padding-top:0.2em;padding-bottom:0.2em}.booster-scope .pb-3{padding-bottom:0.75rem}.booster-scope .pb-6{padding-bottom:1.5rem}.booster-scope .pb-\[\.375rem\]{padding-bottom:.375rem}.booster-scope .pb-\[\.625rem\]{padding-bottom:.625rem}.booster-scope .pb-\[0\.375rem\]{padding-bottom:0.375rem}.booster-scope .pb-\[0\.625rem\]{padding-bottom:0.625rem}.booster-scope .pl-\[\.15rem\]{padding-left:.15rem}.booster-scope .pl-\[2\.25rem\]{padding-left:2.25rem}.booster-scope .pl-\[2\.75rem\]{padding-left:2.75rem}.booster-scope .pt-12{padding-top:3rem}.booster-scope .pt-4{padding-top:1rem}.booster-scope .pt-6{padding-top:1.5rem}.booster-scope .pt-\[1\.4rem\]{padding-top:1.4rem}.booster-scope .pt-\[1\.625rem\]{padding-top:1.625rem}.booster-scope .text-center{text-align:center}.booster-scope .text-right{text-align:right}.booster-scope .text-end{text-align:end}.booster-scope .align-baseline{vertical-align:baseline}.booster-scope .align-\[2px\]{vertical-align:2px}.booster-scope .text-2xl{font-size:1.5rem;line-height:2rem}.booster-scope .text-4xl{font-size:2.25rem;line-height:2.5rem}.booster-scope .text-\[0\.875rem\]{font-size:0.875rem}.booster-scope .text-\[1em\]{font-size:1em}.booster-scope .text-base{font-size:1rem;line-height:1.5rem}.booster-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.booster-scope .text-sm{font-size:0.875rem;line-height:1.25rem}.booster-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.booster-scope .text-xs{font-size:0.75rem;line-height:1rem}.booster-scope .font-bold{font-weight:700}.booster-scope .font-light{font-weight:300}.booster-scope .font-medium{font-weight:500}.booster-scope .font-semibold{font-weight:600}.booster-scope .text-\[\#0070ba\]{--tw-text-opacity:1;color:rgb(0 112 186 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#212529\]{--tw-text-opacity:1;color:rgb(33 37 41 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#212529\]\/65{color:rgb(33 37 41 / 0.65)}.booster-scope .text-\[\#aaa\]{--tw-text-opacity:1;color:rgb(170 170 170 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#dee2e6\]{--tw-text-opacity:1;color:rgb(222 226 230 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#df1b41\]{--tw-text-opacity:1;color:rgb(223 27 65 / var(--tw-text-opacity, 1))}.booster-scope .text-\[rgba\(33\2c 37\2c 41\2c 0\.65\)\]{color:rgba(33,37,41,0.65)}.booster-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.booster-scope .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.booster-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.booster-scope .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.booster-scope .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)}.booster-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.booster-scope .outline{outline-style:solid}.booster-scope .transition-\[grid\]{transition-property:grid;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .delay-200{transition-delay:200ms}.booster-scope .duration-100{transition-duration:100ms}.booster-scope .duration-1000{transition-duration:1000ms}.booster-scope .duration-300{transition-duration:300ms}.booster-scope .duration-500{transition-duration:500ms}.booster-scope .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.booster-scope .content-\[\'\'\]{--tw-content:'';content:var(--tw-content)}.booster-scope{scroll-behavior:smooth}.booster-scope *, .booster-scope *::before, .booster-scope *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid #e5e7eb}.booster-scope button, .booster-scope input, .booster-scope optgroup, .booster-scope select, .booster-scope textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.booster-scope ul{list-style:none}.booster-scope button, .booster-scope input:where([type=button]), .booster-scope input:where([type=reset]), .booster-scope input:where([type=submit]){-webkit-appearance:button;background-color:rgba(0,0,0,0);background-image:none}.booster-scope audio, .booster-scope canvas, .booster-scope embed, .booster-scope iframe, .booster-scope img, .booster-scope object, .booster-scope svg, .booster-scope video{display:block;vertical-align:middle}.booster-scope .hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.booster-scope .hover\:bg-\[\#005ea6\]:hover{--tw-bg-opacity:1;background-color:rgb(0 94 166 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:bg-\[\#f8f9fa\]:hover{--tw-bg-opacity:1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.booster-scope .hover\:shadow-lg:hover{--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)}.booster-scope .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.booster-scope .focus\:ring-2: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(2px + 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)}.booster-scope .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.booster-scope .focus\:ring-offset-red-50:focus{--tw-ring-offset-color:#fef2f2}.booster-scope .active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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))}@media (min-width: 640px){.booster-scope .sm\:m-7{margin:1.75rem}.booster-scope .sm\:max-w-\[520px\]{max-width:520px}}@media (min-width: 768px){.booster-scope .md\:mx-0{margin-left:0px;margin-right:0px}.booster-scope .md\:mr-0{margin-right:0px}.booster-scope .md\:grid{display:grid}.booster-scope .md\:grid-cols-\[0fr_5fr_4fr\]{grid-template-columns:0fr 5fr 4fr}.booster-scope .md\:border-t-0{border-top-width:0px}.booster-scope .md\:p-12{padding:3rem}.booster-scope .md\:px-12{padding-left:3rem;padding-right:3rem}}@media (min-width: 1024px){.booster-scope .lg\:w-1\/2{width:50%}.booster-scope .lg\:flex-row{flex-direction:row}}@media (min-width: 1280px){.booster-scope .xl\:max-w-\[var\(--right-side-width\)\]{max-width:var(--right-side-width)}.booster-scope .xl\:grid-cols-\[var\(--wrapper-padding\)_var\(--left-side-width\)_1fr\]{grid-template-columns:var(--wrapper-padding) var(--left-side-width) 1fr}.booster-scope .xl\:border-l{border-left-width:1px}}
1
+ .booster-scope .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}.booster-scope .pointer-events-none{pointer-events:none}.booster-scope .visible{visibility:visible}.booster-scope .invisible{visibility:hidden}.booster-scope .static{position:static}.booster-scope .fixed{position:fixed}.booster-scope .absolute{position:absolute}.booster-scope .relative{position:relative}.booster-scope .inset-0{inset:0px}.booster-scope .bottom-0{bottom:0px}.booster-scope .bottom-\[-1px\]{bottom:-1px}.booster-scope .left-0{left:0px}.booster-scope .left-1\/2{left:50%}.booster-scope .left-5{left:1.25rem}.booster-scope .left-7{left:1.75rem}.booster-scope .left-8{left:2rem}.booster-scope .left-\[-1px\]{left:-1px}.booster-scope .left-\[calc\(\.75rem-2px\)\]{left:calc(.75rem - 2px)}.booster-scope .right-0{right:0px}.booster-scope .right-4{right:1rem}.booster-scope .right-\[-1px\]{right:-1px}.booster-scope .right-\[-6px\]{right:-6px}.booster-scope .right-\[1em\]{right:1em}.booster-scope .top-0{top:0px}.booster-scope .top-1\/2{top:50%}.booster-scope .top-16{top:4rem}.booster-scope .top-4{top:1rem}.booster-scope .top-5{top:1.25rem}.booster-scope .top-\[-1px\]{top:-1px}.booster-scope .top-\[-6px\]{top:-6px}.booster-scope .top-full{top:100%}.booster-scope .z-10{z-index:10}.booster-scope .z-20{z-index:20}.booster-scope .z-50{z-index:50}.booster-scope .z-\[1055\]{z-index:1055}.booster-scope .z-\[2\]{z-index:2}.booster-scope .m-4{margin:1rem}.booster-scope .-mx-1\.5{margin-left:-0.375rem;margin-right:-0.375rem}.booster-scope .-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem}.booster-scope .mx-auto{margin-left:auto;margin-right:auto}.booster-scope .my-4{margin-top:1rem;margin-bottom:1rem}.booster-scope .mb-4{margin-bottom:1rem}.booster-scope .ml-auto{margin-left:auto}.booster-scope .mr-5{margin-right:1.25rem}.booster-scope .mr-\[2px\]{margin-right:2px}.booster-scope .mt-2{margin-top:0.5rem}.booster-scope .box-border{box-sizing:border-box}.booster-scope .block{display:block}.booster-scope .inline-block{display:inline-block}.booster-scope .flex{display:flex}.booster-scope .inline-flex{display:inline-flex}.booster-scope .grid{display:grid}.booster-scope .contents{display:contents}.booster-scope .hidden{display:none}.booster-scope .aspect-\[50\/29\]{aspect-ratio:50/29}.booster-scope .h-1{height:0.25rem}.booster-scope .h-12{height:3rem}.booster-scope .h-16{height:4rem}.booster-scope .h-2{height:0.5rem}.booster-scope .h-3{height:0.75rem}.booster-scope .h-4{height:1rem}.booster-scope .h-5{height:1.25rem}.booster-scope .h-6{height:1.5rem}.booster-scope .h-\[1\.6rem\]{height:1.6rem}.booster-scope .h-\[1em\]{height:1em}.booster-scope .h-\[4rem\]{height:4rem}.booster-scope .h-\[calc\(3\.5rem\+2px\)\]{height:calc(3.5rem + 2px)}.booster-scope .h-full{height:100%}.booster-scope .max-h-0{max-height:0px}.booster-scope .max-h-\[55px\]{max-height:55px}.booster-scope .max-h-\[57rem\]{max-height:57rem}.booster-scope .min-h-\[180px\]{min-height:180px}.booster-scope .w-12{width:3rem}.booster-scope .w-16{width:4rem}.booster-scope .w-2{width:0.5rem}.booster-scope .w-4{width:1rem}.booster-scope .w-5{width:1.25rem}.booster-scope .w-6{width:1.5rem}.booster-scope .w-\[1\.25rem\]{width:1.25rem}.booster-scope .w-\[1em\]{width:1em}.booster-scope .w-\[2\.5rem\]{width:2.5rem}.booster-scope .w-\[4rem\]{width:4rem}.booster-scope .w-\[8rem\]{width:8rem}.booster-scope .w-full{width:100%}.booster-scope .min-w-\[60px\]{min-width:60px}.booster-scope .max-w-\[auto\]{max-width:auto}.booster-scope .max-w-sm{max-width:24rem}.booster-scope .flex-1{flex:1 1 0%}.booster-scope .flex-\[var\(--flex-left\)\]{flex:var(--flex-left)}.booster-scope .flex-\[var\(--flex-right\)\]{flex:var(--flex-right)}.booster-scope .flex-shrink{flex-shrink:1}.booster-scope .origin-\[0_0\]{transform-origin:0 0}.booster-scope .-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))}.booster-scope .-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))}.booster-scope .-translate-y-\[0\.35rem\]{--tw-translate-y:-0.35rem;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))}.booster-scope .translate-x-\[0\.15rem\]{--tw-translate-x:0.15rem;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))}.booster-scope .scale-\[0\.85\]{--tw-scale-x:0.85;--tw-scale-y:0.85;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))}.booster-scope .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))}.booster-scope .cursor-default{cursor:default}.booster-scope .cursor-not-allowed{cursor:not-allowed}.booster-scope .cursor-pointer{cursor:pointer}.booster-scope .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.booster-scope .grid-rows-\[0fr\]{grid-template-rows:0fr}.booster-scope .grid-rows-\[1fr\]{grid-template-rows:1fr}.booster-scope .flex-col{flex-direction:column}.booster-scope .items-center{align-items:center}.booster-scope .items-stretch{align-items:stretch}.booster-scope .justify-end{justify-content:flex-end}.booster-scope .justify-center{justify-content:center}.booster-scope .justify-between{justify-content:space-between}.booster-scope .gap-12{gap:3rem}.booster-scope .gap-2{gap:0.5rem}.booster-scope .gap-3{gap:0.75rem}.booster-scope .gap-4{gap:1rem}.booster-scope .space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.booster-scope .overflow-hidden{overflow:hidden}.booster-scope .rounded{border-radius:0.25rem}.booster-scope .rounded-2xl{border-radius:1rem}.booster-scope .rounded-\[50\%\]{border-radius:50%}.booster-scope .rounded-full{border-radius:9999px}.booster-scope .rounded-lg{border-radius:0.5rem}.booster-scope .rounded-md{border-radius:0.375rem}.booster-scope .rounded-b-md{border-bottom-right-radius:0.375rem;border-bottom-left-radius:0.375rem}.booster-scope .rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.booster-scope .rounded-tl-none{border-top-left-radius:0px}.booster-scope .rounded-tr-none{border-top-right-radius:0px}.booster-scope .border{border-width:1px}.booster-scope .border-2{border-width:2px}.booster-scope .border-4{border-width:4px}.booster-scope .border-b-0{border-bottom-width:0px}.booster-scope .border-l-0{border-left-width:0px}.booster-scope .border-l-\[1px\]{border-left-width:1px}.booster-scope .border-r-0{border-right-width:0px}.booster-scope .border-r-\[1px\]{border-right-width:1px}.booster-scope .border-t-0{border-top-width:0px}.booster-scope .border-t-\[1px\]{border-top-width:1px}.booster-scope .border-none{border-style:none}.booster-scope .border-\[\#006FFB\]{--tw-border-opacity:1;border-color:rgb(0 111 251 / var(--tw-border-opacity, 1))}.booster-scope .border-\[\#3286F7\]{--tw-border-opacity:1;border-color:rgb(50 134 247 / var(--tw-border-opacity, 1))}.booster-scope .border-\[\#dee2e6\]{--tw-border-opacity:1;border-color:rgb(222 226 230 / var(--tw-border-opacity, 1))}.booster-scope .border-black{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.booster-scope .border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.booster-scope .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.booster-scope .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.booster-scope .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.booster-scope .border-transparent{border-color:transparent}.booster-scope .border-t-transparent{border-top-color:transparent}.booster-scope .bg-\[\#006FFB\]{--tw-bg-opacity:1;background-color:rgb(0 111 251 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#0070ba\]{--tw-bg-opacity:1;background-color:rgb(0 112 186 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#3286F7\]{--tw-bg-opacity:1;background-color:rgb(50 134 247 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#f8f9fa\]{--tw-bg-opacity:1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.booster-scope .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.booster-scope .bg-black\/50{background-color:rgb(0 0 0 / 0.5)}.booster-scope .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.booster-scope .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.booster-scope .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.booster-scope .bg-transparent{background-color:transparent}.booster-scope .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .bg-opacity-50{--tw-bg-opacity:0.5}.booster-scope .bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.booster-scope .from-\[\#0070ba\]{--tw-gradient-from:#0070ba var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 112 186 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.booster-scope .to-\[\#009cde\]{--tw-gradient-to:#009cde var(--tw-gradient-to-position)}.booster-scope .fill-\[\#6c757d\]{fill:#6c757d}.booster-scope .p-1\.5{padding:0.375rem}.booster-scope .p-4{padding:1rem}.booster-scope .p-8{padding:2rem}.booster-scope .px-3{padding-left:0.75rem;padding-right:0.75rem}.booster-scope .px-4{padding-left:1rem;padding-right:1rem}.booster-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.booster-scope .px-6{padding-left:1.5rem;padding-right:1.5rem}.booster-scope .py-2{padding-top:0.5rem;padding-bottom:0.5rem}.booster-scope .py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.booster-scope .py-3{padding-top:0.75rem;padding-bottom:0.75rem}.booster-scope .py-4{padding-top:1rem;padding-bottom:1rem}.booster-scope .pb-3{padding-bottom:0.75rem}.booster-scope .pb-6{padding-bottom:1.5rem}.booster-scope .pb-\[\.375rem\]{padding-bottom:.375rem}.booster-scope .pb-\[\.625rem\]{padding-bottom:.625rem}.booster-scope .pb-\[0\.375rem\]{padding-bottom:0.375rem}.booster-scope .pb-\[0\.625rem\]{padding-bottom:0.625rem}.booster-scope .pl-4{padding-left:1rem}.booster-scope .pl-\[\.15rem\]{padding-left:.15rem}.booster-scope .pl-\[2\.25rem\]{padding-left:2.25rem}.booster-scope .pl-\[2\.75rem\]{padding-left:2.75rem}.booster-scope .pt-12{padding-top:3rem}.booster-scope .pt-4{padding-top:1rem}.booster-scope .pt-6{padding-top:1.5rem}.booster-scope .pt-\[1\.4rem\]{padding-top:1.4rem}.booster-scope .pt-\[1\.625rem\]{padding-top:1.625rem}.booster-scope .text-center{text-align:center}.booster-scope .text-right{text-align:right}.booster-scope .text-end{text-align:end}.booster-scope .align-baseline{vertical-align:baseline}.booster-scope .align-\[2px\]{vertical-align:2px}.booster-scope .text-2xl{font-size:1.5rem;line-height:2rem}.booster-scope .text-4xl{font-size:2.25rem;line-height:2.5rem}.booster-scope .text-\[0\.875rem\]{font-size:0.875rem}.booster-scope .text-\[1em\]{font-size:1em}.booster-scope .text-base{font-size:1rem;line-height:1.5rem}.booster-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.booster-scope .text-sm{font-size:0.875rem;line-height:1.25rem}.booster-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.booster-scope .text-xs{font-size:0.75rem;line-height:1rem}.booster-scope .font-bold{font-weight:700}.booster-scope .font-light{font-weight:300}.booster-scope .font-medium{font-weight:500}.booster-scope .font-semibold{font-weight:600}.booster-scope .text-\[\#0070ba\]{--tw-text-opacity:1;color:rgb(0 112 186 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#212529\]{--tw-text-opacity:1;color:rgb(33 37 41 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#212529\]\/65{color:rgb(33 37 41 / 0.65)}.booster-scope .text-\[\#aaa\]{--tw-text-opacity:1;color:rgb(170 170 170 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#dee2e6\]{--tw-text-opacity:1;color:rgb(222 226 230 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#df1b41\]{--tw-text-opacity:1;color:rgb(223 27 65 / var(--tw-text-opacity, 1))}.booster-scope .text-\[rgb\(163\2c 174\2c 184\)\]{--tw-text-opacity:1;color:rgb(163 174 184 / var(--tw-text-opacity, 1))}.booster-scope .text-\[rgba\(33\2c 37\2c 41\2c 0\.65\)\]{color:rgba(33,37,41,0.65)}.booster-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.booster-scope .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.booster-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.booster-scope .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.booster-scope .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)}.booster-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.booster-scope .outline{outline-style:solid}.booster-scope .transition-\[grid\]{transition-property:grid;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .delay-200{transition-delay:200ms}.booster-scope .duration-100{transition-duration:100ms}.booster-scope .duration-1000{transition-duration:1000ms}.booster-scope .duration-300{transition-duration:300ms}.booster-scope .duration-500{transition-duration:500ms}.booster-scope .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.booster-scope .content-\[\'\'\]{--tw-content:'';content:var(--tw-content)}.booster-scope{scroll-behavior:smooth}.booster-scope *, .booster-scope *::before, .booster-scope *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid #e5e7eb}.booster-scope button, .booster-scope input, .booster-scope optgroup, .booster-scope select, .booster-scope textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.booster-scope ul{list-style:none}.booster-scope button, .booster-scope input:where([type=button]), .booster-scope input:where([type=reset]), .booster-scope input:where([type=submit]){-webkit-appearance:button;background-color:rgba(0,0,0,0);background-image:none}.booster-scope audio, .booster-scope canvas, .booster-scope embed, .booster-scope iframe, .booster-scope img, .booster-scope object, .booster-scope svg, .booster-scope video{display:block;vertical-align:middle}.booster-scope .hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.booster-scope .hover\:bg-\[\#005ea6\]:hover{--tw-bg-opacity:1;background-color:rgb(0 94 166 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:bg-\[\#f8f9fa\]:hover{--tw-bg-opacity:1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.booster-scope .hover\:shadow-lg:hover{--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)}.booster-scope .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.booster-scope .focus\:ring-2: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(2px + 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)}.booster-scope .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.booster-scope .focus\:ring-offset-red-50:focus{--tw-ring-offset-color:#fef2f2}.booster-scope .active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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))}@media (min-width: 640px){.booster-scope .sm\:m-7{margin:1.75rem}.booster-scope .sm\:max-w-\[520px\]{max-width:520px}}@media (min-width: 768px){.booster-scope .md\:mx-0{margin-left:0px;margin-right:0px}.booster-scope .md\:mr-0{margin-right:0px}.booster-scope .md\:grid{display:grid}.booster-scope .md\:grid-cols-\[0fr_5fr_4fr\]{grid-template-columns:0fr 5fr 4fr}.booster-scope .md\:border-t-0{border-top-width:0px}.booster-scope .md\:p-12{padding:3rem}.booster-scope .md\:px-12{padding-left:3rem;padding-right:3rem}}@media (min-width: 1024px){.booster-scope .lg\:w-1\/2{width:50%}.booster-scope .lg\:flex-row{flex-direction:row}}@media (min-width: 1280px){.booster-scope .xl\:max-w-\[var\(--right-side-width\)\]{max-width:var(--right-side-width)}.booster-scope .xl\:grid-cols-\[var\(--wrapper-padding\)_var\(--left-side-width\)_1fr\]{grid-template-columns:var(--wrapper-padding) var(--left-side-width) 1fr}.booster-scope .xl\:border-l{border-left-width:1px}}
package/dist/styles/order-summary.css CHANGED
@@ -1 +1 @@
1
- .booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-order-summary{--order-summary-width: 100%;--saving-text-color: rgb(25, 135, 84);--quantity-badge-color: rgb(108,117,125);--subscription-text-color: rgb(163,174,184);--old-price-text-color: rgb(108,117,125);--text-size: var(--itx-font-size-sm);font-size:var(--text-size)}.booster-scope .itx-order-summary .order-summary-wrapper{padding-left: 1rem;padding-right: 1rem;width:var(--order-summary-width);border:var(--itx-border-width) solid var(--itx-border-color);border-radius:var(--itx-border-radius)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving{max-height: 0px;overflow: hidden;transition-property: max-height;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving .content{display: flex;align-items: center;justify-content: space-between;padding-top: 1rem;padding-bottom: 1rem;font-weight: 500;color:var(--saving-text-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving.drawer-open{max-height: 55px;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener{display: flex;cursor: pointer;align-items: center;justify-content: space-between;padding-top: 1rem;padding-bottom: 1rem;transition-property: transform;transition-duration: 500ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener.drawer-open{border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener .opener-title{display: flex;align-items: center;justify-content: center}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener .opener-price{text-align: right;font-weight: 700}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content{display: flex;max-height: 0px;flex-direction: column;gap: 0.25rem;overflow: hidden;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 500ms}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content.drawer-open{max-height: 57rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list{display: flex;width: 100%;flex-direction: column;align-items: center;gap: 1rem;padding-top: 1rem;padding-bottom: 1rem;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list>div{display: flex;width: 100%;align-items: center;justify-content: space-between;gap: 1rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container{position: relative}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container>img{height: 4rem;width: 4rem;-o-object-fit: cover;object-fit: cover;border-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container .product-image-badge{position: absolute;top: -6px;left: 85%;display: inline-block;--tw-translate-x: -50%;--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));border-radius: 50rem;padding-left: 0.6em;padding-right: 0.6em;padding-top: 0.2em;padding-bottom: 0.2em;vertical-align: baseline;font-size: 0.75rem;line-height: 1rem;--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1));background-color:var(--quantity-badge-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container{flex: 1 1 0%}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-text{font-weight: 500}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-subtitle{font-size: 0.75rem;line-height: 1rem;font-weight: 300;--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container{display: flex;flex-direction: column;justify-content: center;text-align: right}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container .product-old-price{text-align: end;font-size: 0.75rem;line-height: 1rem;text-decoration-line: line-through;color:var(--old-price-text-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{display: flex;flex-direction: column;padding-top: 0.75rem;padding-bottom: 0.75rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .total-container{padding-bottom: 0.75rem;font-weight: 500}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .order-item{display: flex;align-items: center;justify-content: space-between}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{display: flex;flex-direction: column;gap: 0.25rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .order-saving{margin-bottom: 0.75rem;color:var(--saving-text-color)}.booster-scope .itx-order-summary .subscription-subtotal{margin-top: 0.5rem;display: flex;align-items: center;justify-content: space-between;font-size: 0.875rem;color:var(--subscription-text-color)}.booster-scope .itx-order-summary .subscription-subtotal .subtotal{padding-left: 1rem}.booster-scope .itx-order-summary .subscription-subtotal .text{display: flex;flex-direction: column;justify-content: flex-end;padding-right: 1rem;text-align: right}.booster-scope .itx-order-summary .hidden{display:none}.booster-scope .itx-order-summary .mask{height: 1rem;width: 3rem}@keyframes pulse{50%{opacity: .5}}.booster-scope .itx-order-summary .mask{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;border-radius: 0.25rem;--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))}
1
+ .booster-scope{--itx-font-size-base: inherit;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.2rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-order-summary{--order-summary-width: 100%;--saving-text-color: rgb(25, 135, 84);--quantity-badge-color: rgb(108,117,125);--subscription-text-color: rgb(163,174,184);--old-price-text-color: rgb(108,117,125);--text-size: var(--itx-font-size-sm);font-size:var(--text-size)}.booster-scope .itx-order-summary .order-summary-wrapper{padding-left: 1rem;padding-right: 1rem;width:var(--order-summary-width);border:var(--itx-border-width) solid var(--itx-border-color);border-radius:var(--itx-border-radius)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving{max-height: 0px;overflow: hidden;transition-property: max-height;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving .content{display: flex;align-items: center;justify-content: space-between;padding-top: 1rem;padding-bottom: 1rem;font-weight: 500;color:var(--saving-text-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving.drawer-open{max-height: 55px;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener{display: flex;cursor: pointer;align-items: center;justify-content: space-between;padding-top: 1rem;padding-bottom: 1rem;transition-property: transform;transition-duration: 500ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener.drawer-open{border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener .opener-title{display: flex;align-items: center;justify-content: center}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener .opener-price{text-align: right;font-weight: 700}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content{display: flex;max-height: 0px;flex-direction: column;gap: 0.25rem;overflow: hidden;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 500ms}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content.drawer-open{max-height: 57rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list{display: flex;width: 100%;flex-direction: column;align-items: center;gap: 1rem;padding-top: 1rem;padding-bottom: 1rem;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list>div{display: flex;width: 100%;align-items: center;justify-content: space-between;gap: 1rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container{position: relative}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container>img{height: 4rem;width: 4rem;-o-object-fit: cover;object-fit: cover;border-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container .product-image-badge{position: absolute;top: -6px;right: -6px;height: 1rem;width: 1rem;border-radius: 50%;text-align: center;vertical-align: baseline;font-size: 0.75rem;line-height: 1rem;--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1));background-color:var(--quantity-badge-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container{flex: 1 1 0%}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-text{font-weight: 500}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-subtitle{font-size: 0.75rem;line-height: 1rem;font-weight: 300;--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container{display: flex;flex-direction: column;justify-content: center;text-align: right}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container .product-old-price{text-align: end;font-size: 0.75rem;line-height: 1rem;text-decoration-line: line-through;color:var(--old-price-text-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{display: flex;flex-direction: column;padding-top: 0.75rem;padding-bottom: 0.75rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .total-container{padding-bottom: 0.75rem;font-weight: 500}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .order-item{display: flex;align-items: center;justify-content: space-between}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{display: flex;flex-direction: column;gap: 0.25rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .order-saving{margin-bottom: 0.75rem;color:var(--saving-text-color)}.booster-scope .itx-order-summary .subscription-subtotal{margin-top: 0.5rem;display: flex;align-items: center;justify-content: space-between;font-size: 0.875rem;color:var(--subscription-text-color)}.booster-scope .itx-order-summary .subscription-subtotal .subtotal{padding-left: 1rem}.booster-scope .itx-order-summary .subscription-subtotal .text{display: flex;flex-direction: column;justify-content: flex-end;padding-right: 1rem;text-align: right}.booster-scope .itx-order-summary .hidden{display:none}.booster-scope .itx-order-summary .mask{height: 1rem;width: 3rem}@keyframes pulse{50%{opacity: .5}}.booster-scope .itx-order-summary .mask{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;border-radius: 0.25rem;--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))}.booster-scope .subscription-plan{margin-top: 0.5rem;display: flex;align-items: center;justify-content: space-between;font-size: 0.875rem;--tw-text-opacity: 1;color: rgb(163 174 184 / var(--tw-text-opacity, 1))}.booster-scope .subscription-plan .subscription-plan-title{padding-left: 1rem}.booster-scope .subscription-plan .subscription-plan-list{display: flex;flex-direction: column;justify-content: flex-end;padding-right: 1rem;text-align: right}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intercartx/booster-core",
3
- "version": "0.0.1-beta.29",
3
+ "version": "0.0.1-beta.30",
4
4
  "description": "核心功能库，提供结账系统的业务逻辑、数据模型、验证工具、API 接口和样式文件",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",