@sonic-equipment/ui 121.0.0 → 123.0.0
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.
- package/dist/checkout/adyen-payment.d.ts +21 -0
- package/dist/checkout/adyen-payment.js +165 -0
- package/dist/checkout/parse-amount.d.ts +2 -0
- package/dist/checkout/parse-amount.js +10 -0
- package/dist/checkout/payment-details.d.ts +5 -0
- package/dist/checkout/payment-details.js +21 -0
- package/dist/checkout/payment.d.ts +6 -0
- package/dist/checkout/payment.js +69 -0
- package/dist/collapsables/accordion/accordion-item.d.ts +2 -1
- package/dist/collapsables/accordion/accordion-item.js +6 -2
- package/dist/collapsables/accordion/accordion.module.css.js +1 -1
- package/dist/config.js +1 -1
- package/dist/exports.d.ts +18 -0
- package/dist/forms/field-error/field-error.d.ts +14 -1
- package/dist/forms/field-error/field-error.js +15 -1
- package/dist/forms/input/input.d.ts +1 -0
- package/dist/forms/input/input.js +2 -2
- package/dist/forms/number-field/number-field.d.ts +3 -1
- package/dist/forms/number-field/number-field.js +3 -3
- package/dist/forms/text-field/text-field.d.ts +4 -1
- package/dist/forms/text-field/text-field.js +3 -3
- package/dist/forms/textarea/textarea.d.ts +1 -0
- package/dist/forms/textarea/textarea.js +10 -10
- package/dist/icons/stroke/stroke-information-icon.js +7 -0
- package/dist/index.js +20 -2
- package/dist/intl/translation-id.d.ts +1 -1
- package/dist/pages/cart-page/cart-page.js +1 -0
- package/dist/shared/api/storefront/hooks/authentication/use-create-guest-account.d.ts +4 -0
- package/dist/shared/api/storefront/hooks/authentication/use-create-guest-account.js +21 -0
- package/dist/shared/api/storefront/hooks/authentication/use-patch-session.d.ts +4 -0
- package/dist/shared/api/storefront/hooks/authentication/use-patch-session.js +15 -0
- package/dist/shared/api/storefront/hooks/authentication/use-sign-in.js +14 -9
- package/dist/shared/api/storefront/hooks/authentication/use-sign-out.js +1 -2
- package/dist/shared/api/storefront/hooks/cart/use-add-product-to-current-cart.js +1 -7
- package/dist/shared/api/storefront/hooks/cart/use-delete-cart-line-by-id.js +1 -4
- package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart.js +3 -1
- package/dist/shared/api/storefront/hooks/cart/use-patch-cart.d.ts +3 -4
- package/dist/shared/api/storefront/hooks/cart/use-patch-cart.js +6 -8
- package/dist/shared/api/storefront/hooks/cart/use-place-order.d.ts +3 -3
- package/dist/shared/api/storefront/hooks/cart/use-place-order.js +7 -8
- package/dist/shared/api/storefront/hooks/cart/use-update-cart-line-by-id.js +1 -13
- package/dist/shared/api/storefront/hooks/customer/use-fetch-bill-to-addresses.d.ts +1 -0
- package/dist/shared/api/storefront/hooks/customer/use-fetch-bill-to-addresses.js +14 -0
- package/dist/shared/api/storefront/hooks/customer/use-fetch-ship-to-addresses.d.ts +3 -0
- package/dist/shared/api/storefront/hooks/customer/use-fetch-ship-to-addresses.js +15 -0
- package/dist/shared/api/storefront/hooks/customer/use-update-bill-to-address.d.ts +6 -0
- package/dist/shared/api/storefront/hooks/customer/use-update-bill-to-address.js +17 -0
- package/dist/shared/api/storefront/hooks/payment/use-create-adyen-session.d.ts +3 -0
- package/dist/shared/api/storefront/hooks/payment/use-create-adyen-session.js +10 -0
- package/dist/shared/api/storefront/hooks/payment/use-fetch-adyen-config.d.ts +1 -0
- package/dist/shared/api/storefront/hooks/payment/use-fetch-adyen-config.js +14 -0
- package/dist/shared/api/storefront/hooks/payment/use-invalidate-adyen.d.ts +1 -0
- package/dist/shared/api/storefront/hooks/payment/use-invalidate-adyen.js +9 -0
- package/dist/shared/api/storefront/model/shop.model.d.ts +17 -0
- package/dist/shared/api/storefront/services/cart-service.d.ts +15 -2
- package/dist/shared/api/storefront/services/cart-service.js +68 -3
- package/dist/shared/api/storefront/services/customer-service.d.ts +8 -0
- package/dist/shared/api/storefront/services/customer-service.js +31 -0
- package/dist/shared/api/storefront/services/payment-service.d.ts +8 -0
- package/dist/shared/api/storefront/services/payment-service.js +29 -0
- package/dist/shared/feature-flags/use-feature-flags.d.ts +1 -1
- package/dist/shared/feature-flags/use-feature-flags.js +1 -1
- package/dist/shared/model/address.d.ts +2 -0
- package/dist/shared/model/address.js +7 -0
- package/dist/shared/model/countries.d.ts +225 -0
- package/dist/shared/model/countries.js +260 -0
- package/dist/shared/utils/price.d.ts +38 -0
- package/dist/shared/utils/price.js +39 -1
- package/dist/shared/utils/random.d.ts +10 -0
- package/dist/shared/utils/random.js +16 -0
- package/dist/styles.css +169 -77
- package/dist/tooltip/tooltip.d.ts +9 -0
- package/dist/tooltip/tooltip.js +21 -0
- package/dist/tooltip/tooltip.module.css.js +3 -0
- package/package.json +2 -2
|
@@ -1 +1,39 @@
|
|
|
1
1
|
export declare const formatPrice: (price: number) => string;
|
|
2
|
+
export declare const currencies: {
|
|
3
|
+
AR: string;
|
|
4
|
+
AU: string;
|
|
5
|
+
BR: string;
|
|
6
|
+
CA: string;
|
|
7
|
+
CH: string;
|
|
8
|
+
CN: string;
|
|
9
|
+
CZ: string;
|
|
10
|
+
DK: string;
|
|
11
|
+
GB: string;
|
|
12
|
+
HK: string;
|
|
13
|
+
HR: string;
|
|
14
|
+
HU: string;
|
|
15
|
+
ID: string;
|
|
16
|
+
IN: string;
|
|
17
|
+
JP: string;
|
|
18
|
+
KR: string;
|
|
19
|
+
LA: string;
|
|
20
|
+
MG: string;
|
|
21
|
+
MX: string;
|
|
22
|
+
MY: string;
|
|
23
|
+
NO: string;
|
|
24
|
+
NZ: string;
|
|
25
|
+
PH: string;
|
|
26
|
+
PL: string;
|
|
27
|
+
RO: string;
|
|
28
|
+
RS: string;
|
|
29
|
+
RU: string;
|
|
30
|
+
SE: string;
|
|
31
|
+
SG: string;
|
|
32
|
+
SK: string;
|
|
33
|
+
TH: string;
|
|
34
|
+
TW: string;
|
|
35
|
+
US: string;
|
|
36
|
+
VN: string;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
39
|
+
export declare const getCurrencyByCountryCode: (countryCode: string) => any;
|
|
@@ -2,5 +2,43 @@ const formatPrice = (price) => new Intl.NumberFormat('en-US', {
|
|
|
2
2
|
maximumFractionDigits: 2,
|
|
3
3
|
minimumFractionDigits: 2,
|
|
4
4
|
}).format(price);
|
|
5
|
+
const currencies = {
|
|
6
|
+
AR: 'ARS',
|
|
7
|
+
AU: 'AUD',
|
|
8
|
+
BR: 'BRL',
|
|
9
|
+
CA: 'CAD',
|
|
10
|
+
CH: 'CHF',
|
|
11
|
+
CN: 'CNY',
|
|
12
|
+
CZ: 'CZK',
|
|
13
|
+
DK: 'DKK',
|
|
14
|
+
GB: 'GBP',
|
|
15
|
+
HK: 'HKD',
|
|
16
|
+
HR: 'HRK',
|
|
17
|
+
HU: 'HUN',
|
|
18
|
+
ID: 'IDR',
|
|
19
|
+
IN: 'INR',
|
|
20
|
+
JP: 'JPY',
|
|
21
|
+
KR: 'KRW',
|
|
22
|
+
LA: 'LAK',
|
|
23
|
+
MG: 'MGA',
|
|
24
|
+
MX: 'MXN',
|
|
25
|
+
MY: 'MYR',
|
|
26
|
+
NO: 'NOK',
|
|
27
|
+
NZ: 'NZD',
|
|
28
|
+
PH: 'PHP',
|
|
29
|
+
PL: 'PLN',
|
|
30
|
+
RO: 'RON',
|
|
31
|
+
RS: 'RSD',
|
|
32
|
+
RU: 'RUB',
|
|
33
|
+
SE: 'SEK',
|
|
34
|
+
SG: 'SGD',
|
|
35
|
+
SK: 'SKK',
|
|
36
|
+
TH: 'THB',
|
|
37
|
+
TW: 'TWD',
|
|
38
|
+
US: 'USD',
|
|
39
|
+
VN: 'VND',
|
|
40
|
+
default: 'EUR',
|
|
41
|
+
};
|
|
42
|
+
const getCurrencyByCountryCode = (countryCode) => currencies[countryCode] || currencies.default;
|
|
5
43
|
|
|
6
|
-
export { formatPrice };
|
|
44
|
+
export { currencies, formatPrice, getCurrencyByCountryCode };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare function random<T>(array: T[]): T;
|
|
2
|
+
export declare function random<T>(array: T[] | ({
|
|
3
|
+
length: 0;
|
|
4
|
+
} & never[])): T | undefined;
|
|
5
|
+
export declare function random(max: number): number;
|
|
6
|
+
export declare function random(min: number, max: number): number;
|
|
7
|
+
export declare function random(minMax: number, max?: number): number;
|
|
8
|
+
export declare function randomInt(max: number): number;
|
|
9
|
+
export declare function randomInt(min: number, max: number): number;
|
|
10
|
+
export declare function randomInt(minMax: number, max?: number): number;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
function random(minMaxArray, max) {
|
|
2
|
+
if (Array.isArray(minMaxArray)) {
|
|
3
|
+
const randomEntry = minMaxArray[randomInt(minMaxArray.length)];
|
|
4
|
+
if (!randomEntry)
|
|
5
|
+
throw new Error('Array is empty');
|
|
6
|
+
return randomEntry;
|
|
7
|
+
}
|
|
8
|
+
const _min = max === undefined ? 0 : minMaxArray;
|
|
9
|
+
const _max = max === undefined ? minMaxArray : max;
|
|
10
|
+
return Math.random() * (_max - _min) + _min;
|
|
11
|
+
}
|
|
12
|
+
function randomInt(minMax, max) {
|
|
13
|
+
return Math.floor(random(minMax, max));
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export { random, randomInt };
|
package/dist/styles.css
CHANGED
|
@@ -148,12 +148,16 @@
|
|
|
148
148
|
--color-red-950: #4d0206;
|
|
149
149
|
|
|
150
150
|
/* Neutrals */
|
|
151
|
-
--color-gray-
|
|
152
|
-
--color-gray-50: #fbfbfb;
|
|
153
|
-
--color-gray-75: #f6f6f6;
|
|
151
|
+
--color-gray-50: #f6f6f6;
|
|
154
152
|
--color-gray-100: #ededed;
|
|
155
|
-
--color-gray-
|
|
156
|
-
--color-gray-
|
|
153
|
+
--color-gray-200: #d5d5d5;
|
|
154
|
+
--color-gray-300: #bcbcbc;
|
|
155
|
+
--color-gray-400: #8e8e8e;
|
|
156
|
+
--color-gray-500: #6f6f6f;
|
|
157
|
+
--color-gray-600: #5f5f5f;
|
|
158
|
+
--color-gray-700: #474747;
|
|
159
|
+
--color-gray-800: #2f2f2f;
|
|
160
|
+
--color-gray-900: #181818;
|
|
157
161
|
|
|
158
162
|
/*********************************************************
|
|
159
163
|
*
|
|
@@ -185,8 +189,8 @@
|
|
|
185
189
|
|
|
186
190
|
/* Brand neutrals */
|
|
187
191
|
--color-brand-light-gray: var(--color-gray-100);
|
|
188
|
-
--color-brand-medium-gray: var(--color-gray-
|
|
189
|
-
--color-brand-dark-gray: var(--color-gray-
|
|
192
|
+
--color-brand-medium-gray: var(--color-gray-300);
|
|
193
|
+
--color-brand-dark-gray: var(--color-gray-500);
|
|
190
194
|
|
|
191
195
|
/* State */
|
|
192
196
|
--color-focus-ring: var(--color-brand-red);
|
|
@@ -252,6 +256,7 @@
|
|
|
252
256
|
position: relative;
|
|
253
257
|
display: inline-flex;
|
|
254
258
|
align-items: center;
|
|
259
|
+
cursor: pointer;
|
|
255
260
|
font: inherit;
|
|
256
261
|
gap: var(--space-4);
|
|
257
262
|
-webkit-tap-highlight-color: transparent;
|
|
@@ -347,7 +352,6 @@
|
|
|
347
352
|
border: none;
|
|
348
353
|
background: none;
|
|
349
354
|
color: var(--color);
|
|
350
|
-
cursor: pointer;
|
|
351
355
|
font: inherit;
|
|
352
356
|
font-size: var(--button-font-size);
|
|
353
357
|
font-weight: var(--font-weight-bold);
|
|
@@ -375,9 +379,13 @@
|
|
|
375
379
|
}
|
|
376
380
|
|
|
377
381
|
.accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb[disabled] {
|
|
378
|
-
--color: var(--color-gray
|
|
382
|
+
--color: var(--color-brand-light-gray);
|
|
379
383
|
}
|
|
380
384
|
|
|
385
|
+
.accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-QEO2d .accordion-module--Rwpb {
|
|
386
|
+
cursor: pointer;
|
|
387
|
+
}
|
|
388
|
+
|
|
381
389
|
.accordion-module-9WvAH .accordion-module-lf9d- .accordion-module-KZjMo {
|
|
382
390
|
display: grid;
|
|
383
391
|
grid-template-rows: 0fr;
|
|
@@ -416,12 +424,12 @@
|
|
|
416
424
|
}
|
|
417
425
|
|
|
418
426
|
.accordion-module-9WvAH .accordion-module-lf9d-:has(.accordion-module--Rwpb[disabled]) {
|
|
419
|
-
border-color: var(--color-gray
|
|
427
|
+
border-color: var(--color-brand-light-gray);
|
|
420
428
|
}
|
|
421
429
|
|
|
422
430
|
@media (hover: hover) {
|
|
423
|
-
.accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb:hover {
|
|
424
|
-
background-color: var(--color-gray
|
|
431
|
+
.accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-QEO2d .accordion-module--Rwpb:hover {
|
|
432
|
+
background-color: var(--color-brand-light-gray);
|
|
425
433
|
}
|
|
426
434
|
}
|
|
427
435
|
|
|
@@ -989,8 +997,8 @@
|
|
|
989
997
|
padding: 0 var(--space-8);
|
|
990
998
|
}
|
|
991
999
|
.input-module-2woJR:has([data-disabled]) {
|
|
992
|
-
background-color: var(--color-gray
|
|
993
|
-
color: var(--color-gray
|
|
1000
|
+
background-color: var(--color-brand-light-gray);
|
|
1001
|
+
color: var(--color-medium-gray);
|
|
994
1002
|
}
|
|
995
1003
|
.input-module-2woJR.input-module-hEEuy,
|
|
996
1004
|
.input-module-2woJR:has([data-focused]) {
|
|
@@ -3486,64 +3494,7 @@ button.swiper-pagination-bullet {
|
|
|
3486
3494
|
margin: 0;
|
|
3487
3495
|
}
|
|
3488
3496
|
|
|
3489
|
-
.country-selector-dialog-module-mMJS0 {
|
|
3490
|
-
max-width: 342px;
|
|
3491
|
-
padding: var(--space-36) var(--space-24);
|
|
3492
|
-
}
|
|
3493
|
-
|
|
3494
|
-
.country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY {
|
|
3495
|
-
display: grid;
|
|
3496
|
-
}
|
|
3497
|
-
|
|
3498
|
-
.country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-7VjsF {
|
|
3499
|
-
display: block;
|
|
3500
|
-
margin-bottom: var(--space-16);
|
|
3501
|
-
margin-inline: auto;
|
|
3502
|
-
}
|
|
3503
|
-
|
|
3504
|
-
.country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-IdVDt {
|
|
3505
|
-
margin-top: 0;
|
|
3506
|
-
margin-bottom: var(--space-12);
|
|
3507
|
-
}
|
|
3508
|
-
|
|
3509
|
-
.country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-Nvikf {
|
|
3510
|
-
display: grid;
|
|
3511
|
-
gap: var(--space-24);
|
|
3512
|
-
}
|
|
3513
|
-
|
|
3514
|
-
.country-selector-trigger-module-aioDu {
|
|
3515
|
-
all: unset;
|
|
3516
|
-
display: inline-flex;
|
|
3517
|
-
align-items: center;
|
|
3518
|
-
gap: var(--space-8);
|
|
3519
|
-
}
|
|
3520
|
-
|
|
3521
|
-
.country-selector-trigger-module-aioDu:hover {
|
|
3522
|
-
cursor: pointer;
|
|
3523
|
-
}
|
|
3524
|
-
|
|
3525
|
-
.country-selector-trigger-module-aioDu:focus-visible {
|
|
3526
|
-
box-shadow: var(--shadow-focus-outline);
|
|
3527
|
-
}
|
|
3528
|
-
|
|
3529
|
-
.country-selector-trigger-module-aioDu .country-selector-trigger-module-zOSJK {
|
|
3530
|
-
width: 24px;
|
|
3531
|
-
height: 24px;
|
|
3532
|
-
border: 1px solid var(--color-white);
|
|
3533
|
-
border-radius: 50%;
|
|
3534
|
-
}
|
|
3535
|
-
|
|
3536
|
-
.country-selector-trigger-module-aioDu .country-selector-trigger-module-TE8tl {
|
|
3537
|
-
display: flex;
|
|
3538
|
-
color: var(--color-white);
|
|
3539
|
-
font: inherit;
|
|
3540
|
-
line-height: 1;
|
|
3541
|
-
}
|
|
3542
|
-
|
|
3543
|
-
.country-selector-trigger-module-aioDu .country-selector-trigger-module-TE8tl .country-selector-trigger-module-GNRDD {
|
|
3544
|
-
margin-inline: var(--space-4);
|
|
3545
|
-
}
|
|
3546
|
-
|
|
3497
|
+
.adyen-checkout__spinner__wrapper{align-items:center;display:flex;height:100%;justify-content:center}.adyen-checkout__spinner__wrapper--inline{display:inline-block;height:auto;margin-right:8px}[dir=rtl] .adyen-checkout__spinner__wrapper--inline{margin-left:8px;margin-right:0}.adyen-checkout__spinner{animation:rotate-spinner 1.5s linear infinite;border:3px solid #0075ff;border-radius:50%;border-top-color:transparent;height:43px;width:43px}.adyen-checkout__spinner--large{height:43px;width:43px}.adyen-checkout__spinner--small{border-width:2px;height:16px;width:16px}.adyen-checkout__spinner--medium{height:28px;width:28px}@keyframes rotate-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.adyen-checkout__button{background:#00112c;border:0;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;font-weight:500;height:48px;margin:0;padding:15px;text-decoration:none;transition:background .3s ease-out,box-shadow .3s ease-out;width:100%}.adyen-checkout__button:focus{box-shadow:0 0 0 2px #99c2ff;outline:0}.adyen-checkout__button:hover{background:#1c3045;box-shadow:0 0,0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14)}.adyen-checkout__button:active{background:#3a4a5c}.adyen-checkout__button:hover:focus{box-shadow:0 0 0 2px #99c2ff,0 3px 4px rgba(0,15,45,.2)}.adyen-checkout__button:disabled,.adyen-checkout__button:disabled:hover{box-shadow:none;cursor:not-allowed;opacity:.4;-webkit-user-select:all;-moz-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--loading{background:#687282;box-shadow:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__button.adyen-checkout__button--pay{display:flex;justify-content:center;margin-top:24px}.adyen-checkout__button.adyen-checkout__button--pay:disabled{opacity:.4}.adyen-checkout__button.adyen-checkout__button--standalone{margin-top:0}.adyen-checkout__button.adyen-checkout__button--inline{display:block;font-size:.81em;height:auto;padding:10px 8px;width:auto}.adyen-checkout__button.adyen-checkout__button--ghost{background:none;border:0;color:#00112c}.adyen-checkout__button.adyen-checkout__button--ghost:hover{background:#f7f8f9;box-shadow:none}.adyen-checkout__button.adyen-checkout__button--ghost:active{background:#e6e9eb;box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary{background:#fff;border:1px solid #00112c;color:#00112c;padding:10px 12px}.adyen-checkout__button.adyen-checkout__button--secondary:hover{background:#f7f8f9;box-shadow:0 2px 4px rgba(27,42,60,.2),0 4px 5px rgba(27,42,60,.14)}.adyen-checkout__button.adyen-checkout__button--secondary:active,.adyen-checkout__button.adyen-checkout__button--secondary:active:hover{background:#f7f8f9;box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary:disabled,.adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover{background-color:#f7f8f9;border-color:#99a3ad;box-shadow:none;cursor:not-allowed;opacity:.5;-webkit-user-select:all;-moz-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner{border-color:transparent #00112c #00112c}.adyen-checkout__button.adyen-checkout__button--action{background:rgba(0,102,255,.1);border:1px solid transparent;color:#0075ff;padding:10px 12px}.adyen-checkout__button.adyen-checkout__button--action:hover{background:rgba(0,102,255,.2);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--action:active,.adyen-checkout__button.adyen-checkout__button--action:active:hover{background:rgba(0,102,255,.3);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--link{background:transparent;border:1px solid transparent;border-radius:3px;color:#0075ff;font-weight:400;padding:2px}.adyen-checkout__button.adyen-checkout__button--link:hover{background:transparent;box-shadow:none;text-decoration:underline}.adyen-checkout__button.adyen-checkout__button--completed,.adyen-checkout__button.adyen-checkout__button--completed:active,.adyen-checkout__button.adyen-checkout__button--completed:active:hover,.adyen-checkout__button.adyen-checkout__button--completed:hover{background:#089a43;color:#fff}.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon{filter:brightness(0) invert(1)}.adyen-checkout__button__content{align-items:center;display:flex;height:100%;justify-content:center}.adyen-checkout__button__icon{margin-right:12px}[dir=rtl] .adyen-checkout__button__icon{margin-left:12px;margin-right:0}.adyen-checkout__button__text{display:block;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__button .adyen-checkout__spinner{border-color:transparent #fff #fff}.checkout-secondary-button__text{font-size:.85em;margin-left:5px;margin-top:1px}.adyen-checkout__fieldset{display:block;padding-bottom:8px;width:100%}.adyen-checkout__fieldset:last-of-type{padding-bottom:0}.adyen-checkout__fieldset+.adyen-checkout__fieldset{margin-top:16px}.adyen-checkout__fieldset__title{color:#687282;display:block;font-size:.68em;font-weight:700;letter-spacing:1px;margin:0;padding:0 0 12px;text-transform:uppercase}.adyen-checkout__field-group,.adyen-checkout__fieldset__fields{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.adyen-checkout__field-group:last-of-type .adyen-checkout__field{margin-bottom:0}.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields{color:#00112c;font-size:.81em;line-height:19px;margin:0}.adyen-checkout__field{display:block;margin-bottom:16px;width:100%}.adyen-checkout__field:last-of-type{margin-bottom:0}.adyen-checkout__label{display:block;position:relative}.adyen-checkout__helper-text,.adyen-checkout__label__text{color:#00112c;display:block;font-size:.81em;font-weight:400;line-height:13px;padding-bottom:5px}.adyen-checkout__label-adornment--end{position:absolute;right:0;top:0}.adyen-checkout__helper-text{color:#687282}.adyen-checkout__label__text{display:block;overflow:hidden;text-overflow:ellipsis;transition:color .1s ease-out;white-space:nowrap}.adyen-checkout__label__text--error{color:#c12424}.adyen-checkout__label--focused .adyen-checkout__label__text{color:#0075ff}.adyen-checkout__error-text{align-items:center;color:#c12424;display:flex;font-size:.75em;font-weight:400;margin-top:4px}.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation{display:none}.adyen-checkout__radio_group__input{opacity:0;position:absolute}.adyen-checkout__radio_group__label{color:inherit;display:block;font-size:.81em;font-weight:400;line-height:16px;overflow:visible;padding-bottom:0;padding-left:24px;position:relative}.adyen-checkout__label--focused .adyen-checkout__radio_group__label{color:inherit}.adyen-checkout__radio_group__label:before{background-color:#fff;border:1px solid #b9c4c9;border-radius:50%;content:"";height:16px;left:0;position:absolute;top:0;transition:border-color .2s ease-out,box-shadow .2s ease-out;width:16px}.adyen-checkout__radio_group__label:hover:before{border-color:#99a3ad;box-shadow:0 0 0 2px #d4d9db;cursor:pointer}.adyen-checkout__radio_group__label:after{background-color:#fff;border-radius:50%;box-shadow:0 1px 1px rgba(0,15,45,.25);content:"";display:block;height:6px;left:5px;margin:0 auto;position:absolute;top:5px;transform:scale(0);transition:transform .2s ease-out;width:6px}.adyen-checkout__radio_group__label:hover{border-color:#0075ff;cursor:pointer}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__label--selected{background-color:#0075ff;border:0;transition:all .2s ease-out}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after{transform:scale(1)}.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{border-color:#0075ff;box-shadow:0 0 0 2px rgba(0,102,255,.4)}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:hover:before,.adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label:before{box-shadow:0 0 0 2px rgba(0,102,255,.4)}.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before{border:1px solid #c12424}.adyen-checkout__checkbox{display:block}.adyen-checkout__checkbox__label{color:#00112c;cursor:pointer;display:inline-block;font-size:.81em;font-weight:400;line-height:19px;padding-left:24px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=rtl] .adyen-checkout__checkbox__label{padding-left:0;padding-right:24px}.adyen-checkout__checkbox__input{opacity:0;pointer-events:none;position:absolute}.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:before{opacity:1}.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:after{background-color:#0075ff;border:1px solid #0075ff}.adyen-checkout__checkbox__input:checked:hover+.adyen-checkout__checkbox__label:after{border-color:#0075ff;box-shadow:0 0 0 2px rgba(0,102,255,.4)}.adyen-checkout__checkbox__input:focus+.adyen-checkout__checkbox__label:after{border:1px solid #0075ff;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__checkbox__input:hover:not(:focus)+.adyen-checkout__checkbox__label:after{border-color:#99a3ad;box-shadow:0 0 0 2px #d4d9db}.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before{border-color:transparent #fff #fff transparent;border-radius:0 2px 1px;border-style:solid;border-width:1px 2px 2px 1px;content:"";height:11px;left:1px;opacity:0;position:absolute;top:2px;transform:rotate(37deg);transform-origin:100% 100%;transition:opacity .2s ease-out;width:6px;z-index:1}[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before{left:auto;right:8px}.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{background-color:#fff;border:1px solid #b9c4c9;border-radius:3px;content:"";height:16px;left:0;position:absolute;top:0;transition:background .15s ease-out,border .05s ease-out,box-shadow .1s ease-out;width:16px;z-index:0}[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{left:auto;right:0}.adyen-checkout__field--consentCheckbox{background:#e6e9eb;border:1px solid #e6e9eb;border-radius:6px;padding:14px 14px 13px}[dir=rtl] .adyen-checkout__field--consentCheckbox{padding:14px 14px 13px}.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error{border-color:#c12424}.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation{right:-5px;top:10px}.Select-module_adyen-checkout__dropdown__0Mj-n{position:relative}.Select-module_adyen-checkout__dropdown__button__yTyqq{align-items:center;cursor:pointer;display:flex}.Select-module_adyen-checkout__dropdown__button__yTyqq:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982Z' fill='%23687282'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:6px;position:absolute;right:16px;width:8px}[dir=rtl] .Select-module_adyen-checkout__dropdown__button__yTyqq:after{left:16px;right:auto}.Select-module_adyen-checkout__dropdown__button--active__Ej-JR:after{transform:rotate(180deg)}.Select-module_adyen-checkout__filter-input__CwPBS{background:#fff;border:0;caret-color:#0075ff;color:#00112c;font-family:inherit;font-size:1em;height:100%;padding:0;width:100%}.Select-module_adyen-checkout__filter-input__CwPBS::-moz-placeholder{color:#b9c4c9;font-weight:200}.Select-module_adyen-checkout__filter-input__CwPBS::placeholder{color:#b9c4c9;font-weight:200}.Select-module_adyen-checkout__filter-input__CwPBS:active,.Select-module_adyen-checkout__filter-input__CwPBS:focus{outline:0}.Select-module_adyen-checkout__dropdown__list__YtEzj{background:#fff;display:none;list-style:none;margin:0 0 50px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:1}.Select-module_adyen-checkout__dropdown__list__YtEzj.Select-module_adyen-checkout__dropdown__list--active__Gegw2{display:block}.Select-module_adyen-checkout__dropdown__element__ORU4-{align-items:center;display:flex}.adyen-checkout__image{opacity:0;transition:opacity .6s ease-out}.adyen-checkout__image--loaded{opacity:1}.adyen-checkout__dropdown__button-icon--left{flex-direction:row-reverse;justify-content:flex-end}.adyen-checkout__dropdown__button-icon--left>img{margin-left:0;margin-right:12px}.adyen-checkout__dropdown{font-size:1em;max-width:100%;width:100%}.adyen-checkout__dropdown__button{background:#fff;border:1px solid #b9c4c9;border-radius:6px;color:#00112c;font-size:1em;height:40px;line-height:20px;outline:0;padding:7px 24px 7px 12px;text-decoration:none;transition:border .2s ease-out,box-shadow .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}[dir=rtl] .adyen-checkout__dropdown__button{padding:7px 12px 7px 24px}.adyen-checkout__dropdown__button:hover{border-color:#99a3ad}.adyen-checkout__dropdown__button__icon{border-radius:3px;height:26px;margin-right:12px;max-width:40px}.adyen-checkout__dropdown__button--disabled{opacity:.4}.adyen-checkout__dropdown__button--active,.adyen-checkout__dropdown__button--active:hover,.adyen-checkout__dropdown__button:active,.adyen-checkout__dropdown__button:focus{border-color:#0075ff;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__dropdown__button--readonly,.adyen-checkout__dropdown__button--readonly--active,.adyen-checkout__dropdown__button--readonly:focus,.adyen-checkout__dropdown__button--readonly:hover{background:#e6e9eb;border-color:transparent;color:#00112c;cursor:not-allowed}.adyen-checkout__dropdown__button--readonly:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982Z' fill='%23B9C4C9'/%3E%3C/svg%3E")}.adyen-checkout__dropdown__button--invalid{border-color:#c12424}.adyen-checkout__dropdown__button--valid{border-bottom-color:#089a43}.adyen-checkout__dropdown__button__text{flex-grow:1;overflow:hidden;pointer-events:none;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__dropdown__button__secondary-text{margin-right:16px}.adyen-checkout__dropdown__list{border-radius:6px;box-shadow:0 2px 7px rgba(0,15,45,.3);max-height:375px;z-index:2}.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active{margin-top:2px}.adyen-checkout__dropdown__element{border:1px solid transparent;cursor:pointer;font-size:.81em;-webkit-hyphens:auto;hyphens:auto;line-height:20px;outline:0;padding:8px;transition:background .2s ease-out,border-color .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:break-word}.adyen-checkout__dropdown__element:last-child{border-bottom:0}.adyen-checkout__dropdown__element:active,.adyen-checkout__dropdown__element:focus,.adyen-checkout__dropdown__element:hover{background:rgba(230,233,235,.6)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active{background:rgba(0,102,255,.1)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active:active,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active:focus,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active:hover{background:rgba(0,102,255,.15)}.adyen-checkout__dropdown__element--disabled{cursor:not-allowed;opacity:.4}.adyen-checkout__dropdown__element__icon{border-radius:3px;margin-right:12px;max-height:26px;max-width:40px}.adyen-checkout__dropdown__element__text{flex-grow:1}.adyen-checkout__dropdown__element__secondary-text:not(:last-child){margin-right:8px}.adyen-checkout__dropdown__element__flag{margin-left:8px;margin-right:10px;max-height:18px;max-width:27px}.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation{right:32px}.adyen-checkout__field-wrapper{display:flex;width:100%}.adyen-checkout__field--20{width:20%}.adyen-checkout__field--30{width:30%}.adyen-checkout__field--40{width:40%}.adyen-checkout__field--50{width:50%}.adyen-checkout__field--60{width:60%}.adyen-checkout__field--70{width:70%}.adyen-checkout__field--80{width:80%}.adyen-checkout__field--col-70{width:calc(70% - 8px)}.adyen-checkout__field--col-30{width:calc(30% - 8px)}.adyen-checkout__field--col-50{width:calc(50% - 8px)}.adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-right:8px}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-left:8px;margin-right:0}.adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:8px}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:0;margin-right:8px}.adyen-checkout__field-wrapper:last-of-type>.adyen-checkout__field{margin-bottom:0}.adyen-checkout__input{background:#fff;border:1px solid #b9c4c9;border-radius:6px;caret-color:#0075ff;color:#00112c;display:block;font-family:inherit;font-size:1em;height:40px;outline:none;padding:5px 8px;position:relative;transition:border .2s ease-out,box-shadow .2s ease-out;width:100%}.adyen-checkout__input:hover{border-color:#99a3ad}.adyen-checkout__input:required{box-shadow:none}.adyen-checkout__input--disabled,.adyen-checkout__input[readonly]{background:#e6e9eb;border-color:#e6e9eb}.adyen-checkout__input--disabled:hover{border-color:#e6e9eb}.adyen-checkout__input-wrapper{display:block;position:relative}.adyen-checkout__input-wrapper--block{display:block}.adyen-checkout-input__inline-validation{height:16px;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px}[dir=rtl] .adyen-checkout-input__inline-validation{left:14px;right:auto}[dir=ltr] .adyen-checkout-input__inline-validation{left:auto;right:14px}.adyen-checkout-input__inline-validation--valid{color:#089a43}.adyen-checkout-input__inline-validation--invalid{color:#c12424}.adyen-checkout__input--valid{border-bottom-color:#089a43}.adyen-checkout__input--error,.adyen-checkout__input--error:hover,.adyen-checkout__input--invalid,.adyen-checkout__input--invalid:hover{border-color:#c12424}.adyen-checkout__input::-moz-placeholder{color:#707070;font-weight:200}.adyen-checkout__input::placeholder{color:#707070;font-weight:200}.adyen-checkout__input--date{padding-right:30px}.adyen-checkout__input--focus,.adyen-checkout__input--focus:hover,.adyen-checkout__input:active,.adyen-checkout__input:active:hover,.adyen-checkout__input:focus,.adyen-checkout__input:focus:hover{border:1px solid #0075ff;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__input[readonly],.adyen-checkout__input[readonly]:hover{background-color:#e6e9eb;border-color:transparent;color:#687282;cursor:default}.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group{display:flex}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group{display:flex;margin:8px 0}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper{margin-right:20px}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child{margin:0}.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress{padding-bottom:8px}.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress{margin-top:24px;padding-bottom:8px}.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress{margin-bottom:0}.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox{margin-top:22px}.adyen-checkout__input--separateDeliveryAddress+.adyen-checkout__checkbox__label{margin-top:16px}.adyen-checkout__amazonpay__button{margin:auto}.adyen-checkout__amazonpay .adyen-checkout__button--ghost{display:block;margin:8px auto 0;width:auto}@supports (-webkit-appearance:-apple-pay-button){.ApplePayButton-module_apple-pay-button__l5g-d,.ApplePayButton-module_apple-pay__gYjuP{-webkit-appearance:-apple-pay-button}.ApplePayButton-module_apple-pay-button__l5g-d{cursor:pointer;display:inline-block}.ApplePayButton-module_apple-pay-button-black__istwW{-apple-pay-button-style:black}.ApplePayButton-module_apple-pay-button-white__-wLaE{-apple-pay-button-style:white}.ApplePayButton-module_apple-pay-button-white-with-line__MlRq7{-apple-pay-button-style:white-outline}.ApplePayButton-module_apple-pay-button--type-plain__ycfNl{-apple-pay-button-type:plain}.ApplePayButton-module_apple-pay-button--type-buy__9m8AB{-apple-pay-button-type:buy}.ApplePayButton-module_apple-pay-button--type-donate__HmRdK{-apple-pay-button-type:donate}.ApplePayButton-module_apple-pay-button--type-check-out__XdGWd{-apple-pay-button-type:check-out}.ApplePayButton-module_apple-pay-button--type-book__-v-VY{-apple-pay-button-type:book}.ApplePayButton-module_apple-pay-button--type-subscribe__WxWIF{-apple-pay-button-type:subscribe}.ApplePayButton-module_apple-pay-button--type-add-money__zeBA8{-apple-pay-button-type:add-money}.ApplePayButton-module_apple-pay-button--type-contribute__G3E8e{-apple-pay-button-type:contribute}.ApplePayButton-module_apple-pay-button--type-order__ggI6j{-apple-pay-button-type:order}.ApplePayButton-module_apple-pay-button--type-reload__QbgLd{-apple-pay-button-type:reload}.ApplePayButton-module_apple-pay-button--type-rent__VzC-E{-apple-pay-button-type:rent}.ApplePayButton-module_apple-pay-button--type-support__6EjmY{-apple-pay-button-type:support}.ApplePayButton-module_apple-pay-button--type-tip__bdzGK{-apple-pay-button-type:tip}.ApplePayButton-module_apple-pay-button--type-top-up__Eb3qR{-apple-pay-button-type:top-up}}@supports not (-webkit-appearance:-apple-pay-button){.ApplePayButton-module_apple-pay-button__l5g-d{background-position:50% 50%;background-repeat:no-repeat;background-size:100% 60%;border-radius:5px;box-sizing:border-box;display:inline-block;max-height:64px;min-height:32px;min-width:200px;padding:0}.ApplePayButton-module_apple-pay-button-black__istwW{background-color:black;background-image:-webkit-named-image(apple-pay-logo-white)}.ApplePayButton-module_apple-pay-button-white-with-line__MlRq7,.ApplePayButton-module_apple-pay-button-white__-wLaE{background-color:white;background-image:-webkit-named-image(apple-pay-logo-black)}.ApplePayButton-module_apple-pay-button-white-with-line__MlRq7{border:.5px solid black}}.adyen-checkout__applepay__button{height:48px;width:240px}.adyen-checkout__dropin .adyen-checkout__applepay__button{width:100%}.adyen-checkout__issuer-button{align-items:center;background-color:#fff;border:none;border-radius:6px;box-shadow:inset 0 0 0 1px #b9c4c9;cursor:pointer;display:flex;flex-basis:47%;flex-grow:2;font-size:.81em;height:40px;padding:0 12px;transition:background .3s ease-out,box-shadow .3s ease-out}.adyen-checkout__issuer-button:active{color:black}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus{box-shadow:inset 0 0 0 2px #99a3ad;outline:none}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible{box-shadow:inset 0 0 0 2px #99a3ad;outline:none}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover{box-shadow:inset 0 0 0 2px #99a3ad;outline:none}.adyen-checkout__issuer-button--selected{background:#fff;box-shadow:inset 0 0 0 2px #0075ff;color:#0075ff;font-weight:500;height:40px;transition:none}.adyen-checkout__issuer-button-img{margin-right:8px;max-height:26px}.adyen-checkout__issuer-button-group{display:flex;flex-wrap:wrap;gap:16px 16px}.adyen-checkout__content-separator{align-items:center;color:#687282;display:flex;font-size:13px;justify-content:center;line-height:19px;margin-bottom:16px;margin-top:16px;white-space:nowrap}.adyen-checkout__content-separator:after,.adyen-checkout__content-separator:before{background:#e6e9eb;content:"";display:block;height:1px;width:100%}.adyen-checkout__content-separator:after{margin-left:20px}.adyen-checkout__content-separator:before{margin-right:20px}.adyen-checkout__field--issuer-list{margin-bottom:0}.adyen-checkout__issuer-list__termsAndConditions{text-align:center}.adyen-checkout__card-input__form{transition:opacity .25s ease-out}.adyen-checkout__card__cardNumber{max-width:400px}.adyen-checkout__card__cardNumber__input{padding:5px 8px}.adyen-checkout__card__exp-date__input--oneclick{font-weight:400;line-height:30px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__card__holderName,.adyen-checkout__field--expiryDate,.adyen-checkout__field--storedCard{margin-bottom:0}.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,.adyen-checkout__card__holderName,.adyen-checkout__card__kcp-authentication,.adyen-checkout__card__socialSecurityNumber,.adyen-checkout__installments,.adyen-checkout__store-details{margin-top:16px}.adyen-checkout__card-input.adyen-checkout__card-input--loading{pointer-events:none}.adyen-checkout-error-panel+.adyen-checkout__card__holderName,.adyen-checkout-error-panel--sr-only+.adyen-checkout__card__holderName,.adyen-checkout__card__holderName:first-child{margin:0 0 16px}.adyen-checkout__field--cardNumber .adyen-checkout__input--error .adyen-checkout__card__cardNumber__brandIcon,.adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint{opacity:0}@keyframes cvc-indicate-location{0%{opacity:1}to{opacity:.3}}.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:cvc-indicate-location}.adyen-checkout__card__cvc__hint__wrapper{align-items:center;backface-visibility:visible;display:flex;height:100%;margin:0 10px;position:absolute;right:0;top:0;transform:translateZ(0);transform-origin:center;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.455,.03,.515,.955);width:27px;will-change:transform}.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper{transform:rotateY(180deg)}.adyen-checkout__card__cvc__hint{backface-visibility:hidden;position:absolute;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper{align-items:center;bottom:0;display:flex;position:absolute;right:0;top:0;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden{opacity:0}.adyen-checkout__field__exp-date_hint{height:18px;margin:0 10px 0 0;width:27px}.adyen-checkout__card__cvc__hint--front{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.adyen-checkout__card__cvc__hint__wrapper{transition:none}}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields{justify-content:left}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group{display:flex;flex-direction:column}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper{margin-top:20px}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments{margin-left:15px;position:relative;top:42px;width:30%}.LoadingWrapper-module_loading-input__form__ffCKa{opacity:1}.LoadingWrapper-module_loading-input__form--loading__7GmVo{opacity:0}.LoadingWrapper-module_loading-input__spinner__GxA51{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.LoadingWrapper-module_loading-input__spinner--active__ENNBS{display:block}.CardInput-module_card-input__wrapper__wXSCw{position:relative}.CardInput-module_card-input__wrapper__wXSCw *,.CardInput-module_card-input__wrapper__wXSCw :after,.CardInput-module_card-input__wrapper__wXSCw :before{box-sizing:border-box}.CardInput-module_card-input__icon__3Cz5M{border-radius:3px;height:18px;margin-left:7px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:27px}.CardInput-module_card-input__form__fRo1r{opacity:1}.CardInput-module_card-input__spinner__-j2Qi{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.CardInput-module_card-input__spinner--active__slD7w{display:block}.CardInput-module_card-input__form--loading__rrmdj{opacity:0}.CardInput-module_adyen-checkout__input__11tlB{display:block;max-height:100px}.CardInput-module_adyen-checkout__card__cvc__input--hidden__VIlHV,.CardInput-module_adyen-checkout__card__exp-date__input--hidden__evi6-{display:none}.CardInput-module_adyen-checkout__card__exp-cvc__exp-date__input--hidden__YC3VT{justify-content:flex-end}.CardInput-module_revolving-plan-installments__disabled__VhNj2{opacity:.4;pointer-events:none}.adyen-checkout-error-panel{margin-bottom:20px}.adyen-checkout-error-panel .adyen-checkout-error-panel__wrapper{font-size:.75em}.adyen-checkout-error-panel--sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.adyen-checkout__card__dual-branding__buttons{display:flex;opacity:.4;pointer-events:none}.adyen-checkout__card__dual-branding__buttons--active{opacity:1;pointer-events:auto}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon{cursor:pointer;opacity:1}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child{right:40px}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected{opacity:.5}.adyen-checkout__card__brands{display:flex;flex-basis:auto;flex-shrink:1;flex-wrap:wrap;gap:4px;height:16px;margin-bottom:16px;margin-top:-8px;overflow:hidden;transition:all .2s ease-out}.adyen-checkout__card__brands--hidden{height:0;margin:-8px 0 8px;opacity:0}.adyen-checkout__card__brands img{border-radius:3px;height:16px;width:24px}.adyen-checkout__card__brands__brand-wrapper{display:inline-block;height:16px;position:relative;width:24px}.adyen-checkout__card__brands__brand-wrapper:after{border:1px solid rgba(0,27,43,.17);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout-ctp__otp-resend-code{color:#0075ff;cursor:pointer;font-size:13px;font-weight:400;margin-left:auto}.adyen-checkout-ctp__otp-resend-code--confirmation,.adyen-checkout-ctp__otp-resend-code--disabled{color:#687282;cursor:default;font-size:13px;font-weight:400;margin-left:auto;pointer-events:none}.adyen-checkout-ctp__otp-resend-code--confirmation{align-items:center;display:flex}.adyen-checkout-ctp__otp-resend-code--confirmation>img{margin-left:4px}.adyen-checkout-ctp__otp-resend-code-counter{color:black;cursor:default;display:inline-block;font-size:13px;font-weight:400;margin-left:auto;text-align:right}.adyen-checkout__field.adyen-checkout__field--otp{margin-bottom:24px}.adyen-checkout__modal-wrapper{align-items:center;display:flex;height:100%;left:0;overflow-y:auto;overscroll-behavior-y:contain;padding:24px;position:fixed;top:0;visibility:hidden;width:100%;z-index:10}.adyen-checkout__modal-wrapper:before{background:rgba(0,17,44,.5);content:"";height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s linear;width:100%;z-index:10}.adyen-checkout__modal-wrapper--open{visibility:visible}.adyen-checkout__modal-wrapper--open .adyen-checkout__modal,.adyen-checkout__modal-wrapper--open:before{opacity:1}.adyen-checkout__modal{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,17,44,.15);margin:auto;opacity:0;padding:16px;position:relative;transition:opacity .2s ease,visibility .2s ease;z-index:11}@media (max-width:480px){.adyen-checkout__modal-wrapper{padding:0}.adyen-checkout__modal{border-radius:0;height:100%}}.adyen-checkout__ctp-modal-header-image{display:block;margin:auto}.adyen-checkout__ctp-modal-title{font-size:20px;font-weight:700;line-height:24px;margin:0 0 12px;padding:0}.adyen-checkout__ctp-modal-text{font-size:13px;font-weight:400;line-height:19px;margin-bottom:16px}.adyen-checkout__ctp-modal-benefits{margin-left:0;padding-left:20px}.adyen-checkout__ctp-modal-benefits li{list-style:disc;margin-bottom:16px}.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal{max-width:464px}.adyen_checkout-ctp__brand-wrapper--popup{justify-content:center;margin-bottom:24px}.adyen_checkout-ctp__brand-wrapper{align-items:center;display:flex;height:18px}.adyen_checkout-ctp__brand-logo{margin-right:6px;width:24px}.adyen_checkout-ctp__brand-pipe{height:15px;margin-right:6px}.adyen_checkout-ctp__brand-scheme{margin-right:6px;-o-object-fit:none;object-fit:none}.adyen_checkout-ctp__brand-scheme-mc{width:27px}.adyen_checkout-ctp__brand-scheme-visa{width:35px}.adyen-web__ctp-info-button{background-color:white;border:0;cursor:pointer;padding:0}.adyen-checkout-ctp__otp-subtitle--highlighted{color:#00112c;font-weight:500}.adyen-checkout-ctp__section-logout-button{color:#0075ff;cursor:pointer;font-size:13px;font-weight:400;line-height:19px;margin-left:auto}.adyen-checkout-ctp__section-logout-button--disabled{color:#687282;pointer-events:none}.adyen-checkout-ctp__section{background-color:white;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:16px;position:relative}.adyen-checkout-ctp__section-brand{align-items:center;display:flex;height:18px;margin-bottom:14px}.adyen-checkout-ctp__section .adyen-checkout__fieldset{margin-bottom:24px}.adyen-checkout-ctp__section-header{align-items:center;display:flex}.adyen-checkout-ctp__section-header-title{font-size:17px;font-weight:600;line-height:22px;margin:0 0 4px;padding:0;width:auto}@media screen and (max-width:400px){.adyen-checkout-ctp__section-header-title{font-size:15px}}.adyen-checkout-ctp__section-header-adornment{margin-left:5px}.adyen-checkout-ctp__section-text{color:#687282;font-size:13px;font-weight:400;line-height:19px;margin:0 0 16px}.adyen-checkout-ctp__separator{color:#00112c;font-size:13px;font-weight:400}.adyen-checkout-ctp__card-list-single-card{align-items:center;background-color:#f7f8f9;border-radius:6px;display:flex;font-size:13px;font-weight:400;height:40px;line-height:19px;padding:12px}.adyen-checkout-ctp__card-list-single-card-expired{color:#687282;text-decoration:line-through}.adyen-checkout-ctp__expired-label{color:#687282;font-weight:500;line-height:17px;margin-left:auto}.adyen-checkout-ctp__card-image{border-radius:3px;margin-right:8px}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled{opacity:1}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__text{margin:0;opacity:.4;text-decoration:line-through}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__secondary-text{color:#687282;font-weight:500;line-height:17px}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled{opacity:1}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__text{opacity:.4;text-decoration:line-through}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__secondary-text{color:#687282;font-weight:500;opacity:1}.adyen-checkout-ctp__card{background-color:white;border:none;border-radius:4px;box-shadow:0 0 0 2px #999595;cursor:pointer;height:40px;margin:0 0 20px;width:100%}.adyen-checkout-ctp__empty-cards{align-items:center;background-color:#f7f8f9;border-radius:6px;color:#687282;display:flex;font-size:13px;font-weight:400;height:40px;line-height:19px;margin-bottom:24px;padding:12px 16px}.adyen-checkout__iframe--ctpIframe{pointer-events:auto}.adyen-checkout__iframe--ctpIframe-hidden{display:none}.adyen-checkout-ctp__loading-image{display:block;margin:30px auto auto}.adyen-checkout-ctp__loading-subtitle{font-size:16px;line-height:19px;margin:0 auto 58px;max-width:280px;text-align:center}.adyen-checkout__field.adyen-checkout__field--shopperLogin{margin-bottom:24px}.adyen-checkout__button-group{background:transparent;display:flex;justify-content:space-between}.adyen-checkout__button-group .adyen-checkout__button{background:transparent;border:0;box-shadow:inset 0 0 0 1px #99a3ad;color:#00112c;font-size:.81em;font-weight:400;height:40px;line-height:40px;margin-right:8px;padding:0;text-align:center}.adyen-checkout__button-group .adyen-checkout__button:last-child{margin-right:0}.adyen-checkout__button-group .adyen-checkout__button:hover{background:transparent;box-shadow:inset 0 0 0 2px #99a3ad}.adyen-checkout__button-group .adyen-checkout__button:active{background:#f7f8f9;box-shadow:inset 0 0 0 2px #99a3ad}.adyen-checkout__button-group .adyen-checkout__button--disabled,.adyen-checkout__button-group .adyen-checkout__button--disabled:hover{cursor:not-allowed;opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__button-group .adyen-checkout__button--selected,.adyen-checkout__button-group .adyen-checkout__button--selected:active,.adyen-checkout__button-group .adyen-checkout__button--selected:active:hover,.adyen-checkout__button-group .adyen-checkout__button--selected:hover{background:#e5efff;box-shadow:inset 0 0 0 2px #0075ff;color:#0075ff;font-weight:500;height:40px;transition:none}.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input{opacity:0;pointer-events:none;position:absolute}.adyen-checkout__adyen-giving .adyen-checkout__status__icon{display:block;margin:56px auto 32px}.adyen-checkout__adyen-giving .adyen-checkout__status__text{color:#00112c;margin-bottom:56px;text-align:center}.adyen-checkout__campaign{background:#00112c;border-radius:6px;height:227px;overflow:hidden;position:relative}.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description{text-decoration:underline}.adyen-checkout__campaign-container{height:100%}.adyen-checkout__campaign-logo{border:2px solid rgba(255,255,255,.4);border-radius:3px;display:block;height:48px;margin-bottom:16px;overflow:hidden;width:48px}.adyen-checkout__campaign-background-image{background-color:#00112c;background-position:50%;background-size:cover;height:100%}.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before{background:inherit;content:"";height:100%;position:absolute;transition:transform .6s ease-out;width:100%}.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before{transform:scale(1.1)}.adyen-checkout__campaign-link .adyen-checkout__campaign-content{pointer-events:none}.adyen-checkout__campaign-content{bottom:0;padding:16px;position:absolute;z-index:2}.adyen-checkout__campaign-description,.adyen-checkout__campaign-title{color:#fff;font-weight:400;margin:0}.adyen-checkout__campaign-title{font-size:1em;margin-bottom:8px}.adyen-checkout__campaign-description{font-size:.81em;line-height:19px}.adyen-checkout__adyen-giving-actions{margin-top:16px}.adyen-checkout__button.adyen-checkout__button--donate{margin:16px auto 8px}.adyen-checkout__button.adyen-checkout__button--decline{display:block;margin:auto;width:auto}.adyen-checkout__paywithgoogle{height:48px}.adyen-checkout__paywithgoogle>div>button,.adyen-checkout__paywithgoogle>div>button.long,.adyen-checkout__paywithgoogle>div>button.short{height:48px;transition:background-color .3s ease-out,box-shadow .3s ease-out}.adyen-checkout__paywithgoogle>div>button.long:focus,.adyen-checkout__paywithgoogle>div>button.short:focus,.adyen-checkout__paywithgoogle>div>button:focus{box-shadow:0 0 0 2px #99c2ff;outline:0}.adyen-checkout__paywithgoogle>div>button.gpay-button{padding:15px 24px 13px}.adyen-checkout__econtext-input__field>.adyen-checkout__button--pay:only-child{margin-top:0}.adyen-checkout__voucher-result{border-radius:12px;box-sizing:border-box;position:relative;text-align:center}.adyen-checkout__voucher-result__bottom,.adyen-checkout__voucher-result__top{background:#fff;border:1px solid #d4d9db}.adyen-checkout__voucher-result__top{border-bottom:0;border-radius:12px 12px 0 0;padding:40px 0 24px}.adyen-checkout__voucher-result__bottom{border-radius:0 0 12px 12px;border-top:0}.adyen-checkout__voucher-result__separator{align-items:center;background:#fff;display:flex;height:13px;margin:0 auto;position:relative;width:calc(100% - 14px)}.adyen-checkout__voucher-result__separator:after,.adyen-checkout__voucher-result__separator:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCAwIDUgMiAxLjUgNEg3VjBIMFptMCAxMyA1LTIgMS41LTRIN3Y2SDBaIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTYuNDIzIDYuNUM2LjQyMyAzLjMxMiAzLjc4My43NTYuNS41MThjMy4zODYuMjM2IDYgMi44NTUgNiA1Ljk4MiAwIDMuMTI3LTIuNjE0IDUuNzQ2LTYgNS45ODN2LS4wMDFjMy4yODQtLjIzNyA1LjkyMy0yLjc5NCA1LjkyMy01Ljk4MloiIHN0cm9rZT0iI0Q0RDlEQiIvPjxwYXRoIGZpbGw9IiNENEQ5REIiIGQ9Ik0wIDBoMXYxSDB6TTAgMTJoMXYxSDB6Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg3djEzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+")}.adyen-checkout__voucher-result__separator:before{left:-7px}.adyen-checkout__voucher-result__separator:after,.adyen-checkout__voucher-result__separator:before{background-position:100%;background-repeat:no-repeat;content:"";height:13px;position:absolute;top:0;width:7px}.adyen-checkout__voucher-result__separator:after{right:-7px;transform:rotate(-180deg)}.adyen-checkout__voucher-result__separator__inner{border-top:1px solid #e6e9eb;width:100%}.adyen-checkout__voucher-result__image{align-items:center;display:flex;justify-content:center;margin-bottom:40px;width:100%}.adyen-checkout__link--voucher-result-instructions{display:inline-block}.adyen-checkout__voucher-result__image__wrapper{display:block;height:48px;margin:0 24px;position:relative}.adyen-checkout__voucher-result__image__wrapper:after{border:1px solid rgba(0,27,43,.17);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__voucher-result__image__wrapper:nth-child(2):before{border-left:1px solid #d4d9db;content:"";height:64px;left:-24.5px;position:absolute;top:-8px;width:1px}.adyen-checkout__voucher-result__image__brand,.adyen-checkout__voucher-result__image__issuer{border-radius:3px;height:48px}.adyen-checkout__voucher-result__introduction{color:#00112c;font-size:.81em;line-height:19px;margin:0 auto;max-width:400px;text-align:center}.adyen-checkout__voucher-result__amount{color:#00112c;font-size:1em;font-weight:700;margin:24px auto 0;text-align:center}.adyen-checkout__voucher-result__surcharge{color:#687282;display:block;font-size:.81em;font-weight:400;line-height:19px;text-align:center}.adyen-checkout__voucher-result__code__label{display:block;font-weight:400;left:0;line-height:19px;margin:0 auto;position:absolute;right:0;top:-2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.adyen-checkout__voucher-result__code__label:before{content:"";position:absolute}.adyen-checkout__voucher-result__code__label__text{background:#fff;color:#00112c;font-size:13px;letter-spacing:normal;line-height:1;padding:0 8px}.adyen-checkout__voucher-result__code__barcode{display:block;height:56px;margin:0 auto 8px;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__voucher-result__code{border-width:1px 0;color:#00112c;display:inline-block;font-size:1.5em;font-weight:700;letter-spacing:1px;line-height:1.2;margin:0 auto;padding:16px 48px;position:relative;text-align:center;-webkit-user-select:all;-moz-user-select:all;user-select:all;width:100%;word-break:break-word}.adyen-checkout__voucher-result__details{list-style:none;margin:-1px auto 0;padding:0}.adyen-checkout__voucher-result__details__item{border-top:1px solid #e6e9eb;color:#00112c;display:flex;font-size:.81em;justify-content:space-between;padding:16px 24px;word-break:break-word}.adyen-checkout__voucher-result__details__item:last-child{margin-bottom:0}.adyen-checkout__voucher-result__details__label{max-width:50%;text-align:left}.adyen-checkout__voucher-result__details__value{font-weight:700;max-width:50%;text-align:right}.adyen-checkout__voucher-result__actions{align-items:center;display:flex;justify-content:center;list-style:none;margin:0 auto 32px;max-width:100%;min-width:200px;padding:0;width:300px}.adyen-checkout__voucher-result__actions__item{margin:0 4px}.adyen-checkout__paypal__buttons{position:relative;z-index:0}.adyen-checkout__paypal__button{display:flex;margin-bottom:16px}.adyen-checkout__paypal__button:empty{display:none}.adyen-checkout__paypal__status--pending{margin:16px 0}.adyen-checkout__paypal__status--processing{align-items:center;display:flex;font-size:13px;justify-content:center;padding:24px 0}.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending{margin:-16px 0 38px}.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing{padding:20px 0 65px}.adyen-checkout__phone-input{direction:ltr}.adyen-checkout__phone-input .adyen-checkout__input-wrapper{width:100%}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input{height:auto;padding:0}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input:focus{border:1px solid #0075ff;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button{border:0;border-bottom-right-radius:0;border-top-right-radius:0;height:35px;width:auto}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after{box-sizing:revert;height:10px;left:40px}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input--phoneNumber{border:1px solid transparent;height:35px;margin-left:8px;padding-left:15px}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput{align-items:center;display:flex}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput:focus{border:1px solid #0075ff;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__phoneNumber{align-items:center;display:flex;margin-left:65px;width:100%}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__countryFlag{position:absolute}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover{box-shadow:none}.adyen-checkout__threeds2__challenge,.adyen-checkout__threeds2__challenge-container{background-color:transparent;box-sizing:border-box;display:block;height:inherit;min-height:400px;overflow:hidden;position:relative;width:100%}.adyen-checkout__threeds2__challenge--01,.adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe{height:400px;width:250px}.adyen-checkout__threeds2__challenge--02,.adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe{height:400px;width:390px}.adyen-checkout__threeds2__challenge--03,.adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe{height:600px;width:500px}.adyen-checkout__threeds2__challenge--04,.adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe{height:400px;width:600px}.adyen-checkout__threeds2__challenge--05,.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe{height:100%;width:100%}.adyen-checkout__iframe--threeDSIframe{border:0;left:0;position:absolute;top:0}.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon{display:block;margin:56px auto 32px}.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text{color:#c12424;margin-bottom:56px;text-align:center}.adyen-checkout__qr-loader{background:#fff;border:1px solid #d4d9db;border-radius:12px;padding:40px;text-align:center}.adyen-checkout__qr-loader--result{padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__qr-loader__brand-logo{border-radius:3px;width:74px}.adyen-checkout__qr-loader__subtitle{margin:32px auto 0;max-width:400px}.adyen-checkout__qr-loader__subtitle--result{margin-bottom:32px}.adyen-checkout__qr-loader__payment_amount,.adyen-checkout__qr-loader__subtitle{color:#00112c;font-size:1em;line-height:19px}.adyen-checkout__qr-loader__icon{height:88px;width:88px}.adyen-checkout__qr-loader__payment_amount{font-weight:700}.adyen-checkout__qr-loader__progress{background:#d4d9db;border-radius:24px;height:4px;margin:32px auto 12px;padding-right:3%;width:152px}[dir=rtl] .adyen-checkout__qr-loader__progress{padding-left:3%;padding-right:0}.adyen-checkout__qr-loader__percentage{background:#0075ff;border-radius:24px;display:block;height:100%}.adyen-checkout__qr-loader__countdown{color:#687282;font-size:.81em}.adyen-checkout__qr-loader>.adyen-checkout__spinner__wrapper{margin:60px 0}.adyen-checkout__qr-loader__app-link{display:none;margin-top:16px}.adyen-checkout__button.adyen-checkout__button--qr-loader{margin-top:24px;text-decoration:none}.adyen-checkout__qr-loader__instructions{color:#687282;font-size:1em;line-height:1.5;margin-top:32px}.adyen-checkout__qr-loader__actions{align-items:center;display:flex;justify-content:center;margin-top:32px}@media only screen and (max-device-width:1200px){.adyen-checkout__qr-loader__app-link{display:block}}.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code{font-size:.81em;line-height:19px;padding:24px;word-break:break-all}.adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code{font-size:.81em;line-height:19px;padding:24px;word-break:break-all}.adyen-checkout__alert-message{border-radius:6px;display:flex;font-size:.81em;margin:0 0 16px;padding:12px;text-align:left}.adyen-checkout__alert-message--error{background:#fbe6ed}.adyen-checkout__alert-message--warning{background:#ffeacc}.adyen-checkout__alert-message--info{background:#e5efff}.adyen-checkout__alert-message__icon{height:14px;margin-right:8px;width:14px}.adyen-checkout__giftcard-result__header{align-items:center;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:400;justify-content:space-between;position:relative;width:100%}.adyen-checkout__giftcard-result__header__title{align-items:center;display:flex}.adyen-checkout__giftcard-result__name{margin-left:8px}.adyen-checkout__giftcard-result__balance{list-style:none;margin:16px 0 0;padding:0}.adyen-checkout__giftcard-result__balance__item{display:flex;justify-content:space-between;margin-bottom:8px}.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit{color:#687282}.adyen-checkout__giftcard-result__balance__item:last-child{margin-bottom:0}.adyen-checkout__giftcard-result__balance__value--amount{font-weight:700}.adyen-checkout__giftcard-result__remaining-balance{color:#687282;font-size:13px;line-height:19px;margin:8px auto 0;text-align:center}.DropinComponent-module_adyen-checkout__payment-methods-list__mAjAm{list-style:none;margin:0;padding:0}.DropinComponent-module_adyen-checkout__payment-method__nWdwg{display:block;max-height:60px}.DropinComponent-module_adyen-checkout__payment-method__details__-rsW7{display:none}.DropinComponent-module_adyen-checkout__payment-method__image__nB80V{height:26px;width:40px}.DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA{margin-right:8px}[dir=rtl] .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA{margin-left:8px;margin-right:0}.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF{max-height:100%}.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7{display:block}.adyen-checkout__payment-method__disable-confirmation{background:#c12424;border-left:1px solid #b82222;border-right:1px solid #b82222;color:#fff;font-size:.81em;margin:0 -17px;max-height:0;opacity:0;overflow:hidden;transition:opacity .15s ease-out,max-height .15s linear,margin-bottom .1s linear}.adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open{margin-bottom:16px;max-height:62px;opacity:1}.adyen-checkout__payment-method__disable-confirmation__content{align-items:center;display:flex;justify-content:space-between;padding:8px 16px}.adyen-checkout__payment-method__disable-confirmation__buttons{display:flex}.adyen-checkout__payment-method__disable-confirmation__button{background:#c12424;border:1px solid transparent;border-radius:6px;color:#fff;cursor:pointer;display:block;height:auto;line-height:14px;margin:0 0 0 8px;padding:8px;width:auto}.adyen-checkout__payment-method__disable-confirmation__button:hover,.adyen-checkout__payment-method__disable-confirmation__button:hover:focus{background:#ac2020;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button:active,.adyen-checkout__payment-method__disable-confirmation__button:hover:active{background:#961c1c;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button--remove,.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled{border-color:#fff}.adyen-checkout__payment-method__disable-confirmation__button--cancel,.adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled{border-color:transparent}.adyen-checkout__payment-method{background:#fff;border:1px solid #e6e9eb;cursor:pointer;margin-top:-1px;position:relative;transition:opacity .3s ease-out;width:100%}.adyen-checkout__payment-method:focus{outline:0}.adyen-checkout__payment-method--selected+.adyen-checkout__payment-method,.adyen-checkout__payment-method:first-child{border-top-left-radius:12px;border-top-right-radius:12px;margin-top:0}.adyen-checkout__payment-method--next-selected,.adyen-checkout__payment-method:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin-bottom:0}.adyen-checkout__payment-method--loading{opacity:.2}.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading{opacity:.9}.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content,.adyen-checkout__payment-method--disabling{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__payment-method--disabling{opacity:.3}.adyen-checkout__payment-method__header{align-items:center;color:#00112c;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:400;justify-content:space-between;padding:12px 16px 12px 44px;position:relative;transition:background .1s ease-out;width:100%}[dir=rtl] .adyen-checkout__payment-method__header{padding:12px 44px 12px 12px}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header{padding:16px}.adyen-checkout__payment-method__header__title{align-items:center;background:none;border:none;color:#00112c;cursor:pointer;display:flex;flex-shrink:0;font-size:1em;font-weight:400;margin-right:16px;max-width:100%;padding:4px}[dir=rtl] .adyen-checkout__payment-method__header__title{margin-left:16px;margin-right:0}.adyen-checkout__payment-method__surcharge{color:#687282;margin-left:5px}.adyen-checkout__payment-method--selected{background:#f7f8f9;border:1px solid #e6e9eb;border-radius:12px;cursor:default;margin:8px 0;transition:margin .15s cubic-bezier(.4,0,.2,1) 0ms,opacity .3s ease-out}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header{flex-wrap:wrap}.adyen-checkout__payment-method__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__payment-method__name--selected{font-weight:500}.adyen-checkout__payment-method__details{padding:0 16px;position:relative}.adyen-checkout__payment-method__details__content{margin:0 0 16px}.adyen-checkout__payment-method__image__wrapper{height:26px;position:relative;width:40px}.adyen-checkout__payment-method__image__wrapper--outline:after{border:1px solid rgba(0,27,43,.17);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__payment-method__image{border-radius:3px;display:block}.adyen-checkout__payment-method__brands{display:flex;flex-basis:auto;flex-shrink:1;flex-wrap:wrap;height:16px;margin:4px 0;overflow:hidden;text-align:right}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number{color:#99a3ad;font-size:13px}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands{height:auto;overflow:visible;text-align:left}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper{display:inline-block;height:16px;margin-right:4px;transition:opacity .2s ease-out;width:24px}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child{margin:0}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper{margin-bottom:4px}.adyen-checkout__payment-method__brands img{height:16px;width:24px}.adyen-checkout__payment-method__image__wrapper--disabled{opacity:.25}.adyen-checkout__payment-method__radio{background-color:#fff;border:1px solid #b9c4c9;border-radius:50%;height:16px;left:16px;position:absolute;transition:border-color .2s ease-out,box-shadow .2s ease-out;width:16px}[dir=rtl] .adyen-checkout__payment-method__radio{left:auto;right:16px}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio{display:none}.adyen-checkout__payment-method__radio:after{background-color:#fff;border-radius:50%;content:"";display:block;height:6px;left:0;margin:0 auto;position:absolute;right:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease-out;width:6px}.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio{border-color:#99a3ad;box-shadow:0 0 0 2px #d4d9db;cursor:pointer}.adyen-checkout__payment-method__radio--selected{background-color:#0075ff;border:0;transition:all .3s ease-out}.adyen-checkout__payment-method__radio--selected:hover{box-shadow:0 0 0 2px rgba(0,102,255,.4)}.adyen-checkout__payment-method__radio--selected:after{transform:translateY(-50%) scale(1)}.adyen-checkout__order-payment-methods-list{list-style:none;margin:0 auto 16px;padding:0}.adyen-checkout__order-payment-method{background:#fff;border:1px solid #e6e9eb;margin-top:-1px;position:relative;width:100%}.adyen-checkout__order-payment-method:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.adyen-checkout__order-payment-method:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.adyen-checkout__order-payment-method__header{align-items:center;color:#00112c;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:500;justify-content:space-between;padding:16px;position:relative;transition:background .1s ease-out;width:100%}.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title{padding:0}.adyen-checkout__order-payment-method__details{padding:0 16px 16px}.adyen-checkout__order-payment-method__deducted-amount{display:flex;font-size:1em;justify-content:space-between;line-height:1em}.adyen-checkout__order-payment-method__deducted-amount__label{font-size:.81em}.adyen-checkout__order-payment-method__deducted-amount__value{font-weight:500}.adyen-checkout__order-remaining-amount{background:#ffeacc;border-radius:6px;color:#7f4a00;display:block;font-size:.81em;margin-bottom:16px;padding:8px 16px;width:100%}.adyen-checkout__order-remaining-amount strong{font-weight:700}.adyen-checkout__status{align-items:center;background-color:#fff;border:1px solid #d4d9db;border-radius:6px;color:#00112c;display:flex;flex-direction:column;font-size:1em;height:350px;justify-content:center;margin:0;padding:32px;text-align:center}.adyen-checkout__status__icon{margin-bottom:24px}.adyen-checkout__status .adyen-checkout__spinner__wrapper{max-height:88px}.adyen-checkout__dropin,.adyen-checkout__dropin *,.adyen-checkout__dropin :after,.adyen-checkout__dropin :before{box-sizing:border-box}.adyen-checkout__payment-methods-list--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__instant-payment-methods-list{list-style:none;margin:0;padding:0}.adyen-checkout__instant-payment-methods-list li:not(:last-child){margin-bottom:8px}.adyen-checkout__link{color:#0075ff;text-decoration:none}.adyen-checkout__link:hover{text-decoration:underline}.AchInput-module_sf-input__wrapper__lfdiv{position:relative}.AchInput-module_sf-input__wrapper__lfdiv *,.AchInput-module_sf-input__wrapper__lfdiv :after,.AchInput-module_sf-input__wrapper__lfdiv :before{box-sizing:border-box}.AchInput-module_adyen-checkout__input__8WwCR{display:block;max-height:100px}.adyen-checkout__loading-input__form{transition:opacity .25s ease-out}.adyen-checkout__pm__holderName{margin-bottom:0}.adyen-checkout__fieldset__title+.adyen-checkout__ach-sf__form{margin-top:0}.adyen-checkout__ach-input .adyen-checkout__fieldset--address,.adyen-checkout__ach-sf__form{margin-top:16px}.adyen-checkout__loading-input__form{transition:opacity .25s ease-out}.adyen-checkout-phone-input--new{direction:ltr}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper{width:100%}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input{height:auto;padding:0}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within{border:1px solid #0075ff}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within .adyen-checkout-dropdown--countrycode-selector{border-right:1px solid #0075ff}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button{border:0;border-bottom-right-radius:0;border-top-right-radius:0;height:35px;width:auto}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after{box-sizing:revert;height:10px}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover{box-shadow:none}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number{border:1px solid transparent;height:35px;line-height:35px;min-height:35px;padding-bottom:0;padding-left:15px;padding-top:0}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number:focus-within{border:1px solid #0075ff;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-dropdown--countrycode-selector{border-right:1px solid #dce0e5;min-width:134px;width:134px}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input-holder--phone-input{align-items:center;display:flex}.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-phone-number{align-items:center;display:flex;flex:3}.adyen-checkout-phone-input--new .adyen-checkout-phone-input__error-holder{margin-top:-10px}.adyen-checkout__await{background:#fff;border:1px solid #d4d9db;border-radius:12px;padding:40px;text-align:center}.adyen-checkout__await--result{padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__await__brand-logo{border-radius:3px;width:74px}.adyen-checkout__await__indicator-text,.adyen-checkout__await__subtitle{color:#00112c;font-size:1em;line-height:19px;margin-top:32px}.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text{margin-left:10px;margin-top:6px}.adyen-checkout__await__indicator-holder{display:flex;justify-content:center;margin-bottom:20px;margin-top:32px}.adyen-checkout__await__subtitle--result{margin-bottom:32px}.adyen-checkout__await__icon{height:88px;width:88px}.adyen-checkout__await__progress{background:#d4d9db;border-radius:24px;height:4px;margin:32px auto 12px;width:152px}.adyen-checkout__await__percentage{background:#0075ff;border-radius:24px;display:block;height:100%}.adyen-checkout__await__countdown{color:#687282;font-size:.81em}.adyen-checkout__await>.adyen-checkout__spinner__wrapper{margin:60px 0}.adyen-checkout__await__app-link{display:none;margin-top:16px}@media only screen and (max-device-width:1200px){.adyen-checkout__await__app-link{display:block}}.adyen-checkout__blik__helper{color:#00112c;font-size:1em;font-weight:400;margin:0 0 16px;padding:0}.adyen-checkout__bankTransfer__introduction{color:#00112c;font-size:.81em;font-weight:400;margin:0 0 16px;padding:0}.adyen-checkout__bankTransfer__emailField{margin:0 0 16px}.adyen-checkout__bacs--confirm{position:relative}.adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__bacs .adyen-checkout__field--inactive{pointer-events:none}.adyen-checkout__bacs .adyen-checkout__bacs--edit{cursor:pointer;position:absolute;right:0;top:-25px;width:20%}.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin{top:-50px}.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button{background:none;border:none;color:#0075ff;cursor:pointer;text-align:end;text-decoration:underline}.adyen-checkout__voucher-result__introduction{font-size:1em;max-width:420px}.adyen-checkout__klarna-widget{pointer-events:all}.adyen-checkout__field--vpa{margin-bottom:0}.adyen-checkout__segmented-control{background:#fff;border:1px solid #b9c4c9;border-radius:6px;display:flex;gap:4px;justify-content:space-between;padding:4px 5px}.adyen-checkout__segmented-control--disabled{pointer-events:none}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment{color:#8390a3}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment--selected{background:#f3f6f9;border:1.5px solid #8390a3}.adyen-checkout__segmented-control-segment{background:#fff;border:0;border-radius:6px;color:#0075ff;cursor:pointer;flex-grow:1;font-weight:500;height:40px;text-align:center;transition:background .3s ease-out;width:100%}.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover{background-color:#f7f8f9}.adyen-checkout__segmented-control-segment:active{background-color:#f7f8f9;border:1.5px solid #687282}.adyen-checkout__segmented-control-segment--selected{background:#e5f1ff;border:1.5px solid #0075ff;color:#0075ff;font-weight:700}.adyen-checkout_upi-mode-selection-text{font-size:13px;font-weight:400;line-height:19px;margin-bottom:7px;margin-top:0}.adyen-checkout__segmented-control--upi-margin-bottom{margin-bottom:16px}
|
|
3547
3498
|
.textarea-module-C6Xr1 {
|
|
3548
3499
|
position: relative;
|
|
3549
3500
|
display: inline-block;
|
|
@@ -3554,8 +3505,8 @@ button.swiper-pagination-bullet {
|
|
|
3554
3505
|
}
|
|
3555
3506
|
|
|
3556
3507
|
.textarea-module-C6Xr1:has([data-disabled]) {
|
|
3557
|
-
background-color: var(--color-gray
|
|
3558
|
-
color: var(--color-gray
|
|
3508
|
+
background-color: var(--color-brand-light-gray);
|
|
3509
|
+
color: var(--color-medium-gray);
|
|
3559
3510
|
}
|
|
3560
3511
|
|
|
3561
3512
|
.textarea-module-C6Xr1:has([data-focused]) {
|
|
@@ -3611,6 +3562,64 @@ button.swiper-pagination-bullet {
|
|
|
3611
3562
|
display: none;
|
|
3612
3563
|
}
|
|
3613
3564
|
|
|
3565
|
+
.country-selector-dialog-module-mMJS0 {
|
|
3566
|
+
max-width: 342px;
|
|
3567
|
+
padding: var(--space-36) var(--space-24);
|
|
3568
|
+
}
|
|
3569
|
+
|
|
3570
|
+
.country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY {
|
|
3571
|
+
display: grid;
|
|
3572
|
+
}
|
|
3573
|
+
|
|
3574
|
+
.country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-7VjsF {
|
|
3575
|
+
display: block;
|
|
3576
|
+
margin-bottom: var(--space-16);
|
|
3577
|
+
margin-inline: auto;
|
|
3578
|
+
}
|
|
3579
|
+
|
|
3580
|
+
.country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-IdVDt {
|
|
3581
|
+
margin-top: 0;
|
|
3582
|
+
margin-bottom: var(--space-12);
|
|
3583
|
+
}
|
|
3584
|
+
|
|
3585
|
+
.country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-Nvikf {
|
|
3586
|
+
display: grid;
|
|
3587
|
+
gap: var(--space-24);
|
|
3588
|
+
}
|
|
3589
|
+
|
|
3590
|
+
.country-selector-trigger-module-aioDu {
|
|
3591
|
+
all: unset;
|
|
3592
|
+
display: inline-flex;
|
|
3593
|
+
align-items: center;
|
|
3594
|
+
gap: var(--space-8);
|
|
3595
|
+
}
|
|
3596
|
+
|
|
3597
|
+
.country-selector-trigger-module-aioDu:hover {
|
|
3598
|
+
cursor: pointer;
|
|
3599
|
+
}
|
|
3600
|
+
|
|
3601
|
+
.country-selector-trigger-module-aioDu:focus-visible {
|
|
3602
|
+
box-shadow: var(--shadow-focus-outline);
|
|
3603
|
+
}
|
|
3604
|
+
|
|
3605
|
+
.country-selector-trigger-module-aioDu .country-selector-trigger-module-zOSJK {
|
|
3606
|
+
width: 24px;
|
|
3607
|
+
height: 24px;
|
|
3608
|
+
border: 1px solid var(--color-white);
|
|
3609
|
+
border-radius: 50%;
|
|
3610
|
+
}
|
|
3611
|
+
|
|
3612
|
+
.country-selector-trigger-module-aioDu .country-selector-trigger-module-TE8tl {
|
|
3613
|
+
display: flex;
|
|
3614
|
+
color: var(--color-white);
|
|
3615
|
+
font: inherit;
|
|
3616
|
+
line-height: 1;
|
|
3617
|
+
}
|
|
3618
|
+
|
|
3619
|
+
.country-selector-trigger-module-aioDu .country-selector-trigger-module-TE8tl .country-selector-trigger-module-GNRDD {
|
|
3620
|
+
margin-inline: var(--space-4);
|
|
3621
|
+
}
|
|
3622
|
+
|
|
3614
3623
|
.categories-grid-module-C751R {
|
|
3615
3624
|
--amount-of-columns: 2;
|
|
3616
3625
|
--border: 1px solid var(--color-brand-light-gray);
|
|
@@ -3765,7 +3774,7 @@ button.swiper-pagination-bullet {
|
|
|
3765
3774
|
border: none;
|
|
3766
3775
|
border-radius: 0;
|
|
3767
3776
|
background-blend-mode: darken;
|
|
3768
|
-
background-color: var(--color-gray-
|
|
3777
|
+
background-color: var(--color-gray-50);
|
|
3769
3778
|
color: currentcolor;
|
|
3770
3779
|
font: inherit;
|
|
3771
3780
|
font-size: var(--font-size-24);
|
|
@@ -4197,7 +4206,7 @@ button.swiper-pagination-bullet {
|
|
|
4197
4206
|
display: flex;
|
|
4198
4207
|
width: 100%;
|
|
4199
4208
|
aspect-ratio: 1 / 1;
|
|
4200
|
-
background-color: var(--color-gray
|
|
4209
|
+
background-color: var(--color-brand-light-gray);
|
|
4201
4210
|
outline: none;
|
|
4202
4211
|
}
|
|
4203
4212
|
|
|
@@ -4593,7 +4602,7 @@ button.swiper-pagination-bullet {
|
|
|
4593
4602
|
position: sticky;
|
|
4594
4603
|
top: 0;
|
|
4595
4604
|
padding: var(--space-24) var(--space-32) var(--space-32);
|
|
4596
|
-
border: 1px solid
|
|
4605
|
+
border: 1px solid #00000019;
|
|
4597
4606
|
border-radius: var(--border-radius-12);
|
|
4598
4607
|
background-color: var(--color-white);
|
|
4599
4608
|
}
|
|
@@ -5883,3 +5892,86 @@ button.swiper-pagination-bullet {
|
|
|
5883
5892
|
display: flex;
|
|
5884
5893
|
justify-content: flex-end;
|
|
5885
5894
|
}
|
|
5895
|
+
|
|
5896
|
+
.tooltip-module-T-DtX {
|
|
5897
|
+
--tooltip-bg-color: var(--color-gray-800);
|
|
5898
|
+
|
|
5899
|
+
display: inline-block;
|
|
5900
|
+
max-width: 250px;
|
|
5901
|
+
padding: 10px;
|
|
5902
|
+
border: 1px solid var(--tooltip-bg-color);
|
|
5903
|
+
border-radius: 6px;
|
|
5904
|
+
background: var(--tooltip-bg-color);
|
|
5905
|
+
color: var(--color-white);
|
|
5906
|
+
outline: none;
|
|
5907
|
+
word-break: break-word;
|
|
5908
|
+
}
|
|
5909
|
+
|
|
5910
|
+
.tooltip-module-T-DtX .tooltip-module-CBW5f svg {
|
|
5911
|
+
display: block;
|
|
5912
|
+
fill: var(--tooltip-bg-color);
|
|
5913
|
+
stroke: var(--tooltip-bg-color);
|
|
5914
|
+
stroke-width: 1px;
|
|
5915
|
+
}
|
|
5916
|
+
|
|
5917
|
+
.tooltip-module-T-DtX[data-placement='top']:has(.tooltip-module-CBW5f) {
|
|
5918
|
+
margin-bottom: 6px;
|
|
5919
|
+
}
|
|
5920
|
+
|
|
5921
|
+
.tooltip-module-T-DtX[data-placement='bottom']:has(.tooltip-module-CBW5f) {
|
|
5922
|
+
margin-top: 6px;
|
|
5923
|
+
}
|
|
5924
|
+
|
|
5925
|
+
.tooltip-module-T-DtX[data-placement='bottom'] .tooltip-module-CBW5f svg {
|
|
5926
|
+
transform: rotate(180deg);
|
|
5927
|
+
}
|
|
5928
|
+
|
|
5929
|
+
.tooltip-module-T-DtX[data-placement='right']:has(.tooltip-module-CBW5f) {
|
|
5930
|
+
margin-left: 6px;
|
|
5931
|
+
}
|
|
5932
|
+
|
|
5933
|
+
.tooltip-module-T-DtX[data-placement='right'] .tooltip-module-CBW5f svg {
|
|
5934
|
+
transform: rotate(90deg);
|
|
5935
|
+
}
|
|
5936
|
+
|
|
5937
|
+
.tooltip-module-T-DtX[data-placement='left']:has(.tooltip-module-CBW5f) {
|
|
5938
|
+
margin-right: 6px;
|
|
5939
|
+
}
|
|
5940
|
+
|
|
5941
|
+
.tooltip-module-T-DtX[data-placement='left'] .tooltip-module-CBW5f svg {
|
|
5942
|
+
transform: rotate(-90deg);
|
|
5943
|
+
}
|
|
5944
|
+
|
|
5945
|
+
.tooltip-module-T-DtX[data-entering] {
|
|
5946
|
+
animation: tooltip-module-zl1q9 200ms;
|
|
5947
|
+
}
|
|
5948
|
+
|
|
5949
|
+
.tooltip-module-T-DtX[data-exiting] {
|
|
5950
|
+
animation: tooltip-module-zl1q9 200ms reverse ease-in;
|
|
5951
|
+
}
|
|
5952
|
+
|
|
5953
|
+
.tooltip-module-3q6nr {
|
|
5954
|
+
min-width: unset;
|
|
5955
|
+
min-height: unset;
|
|
5956
|
+
color: currentcolor;
|
|
5957
|
+
}
|
|
5958
|
+
|
|
5959
|
+
.tooltip-module-3q6nr:hover {
|
|
5960
|
+
color: var(--color-primary);
|
|
5961
|
+
}
|
|
5962
|
+
|
|
5963
|
+
/* stylelint-disable-next-line selector-class-pattern */
|
|
5964
|
+
|
|
5965
|
+
.react-aria-Dialog {
|
|
5966
|
+
outline: 0;
|
|
5967
|
+
}
|
|
5968
|
+
|
|
5969
|
+
@keyframes tooltip-module-zl1q9 {
|
|
5970
|
+
from {
|
|
5971
|
+
opacity: 0;
|
|
5972
|
+
}
|
|
5973
|
+
|
|
5974
|
+
to {
|
|
5975
|
+
opacity: 1;
|
|
5976
|
+
}
|
|
5977
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { Placement } from 'react-aria';
|
|
3
|
+
export interface TooltipProps {
|
|
4
|
+
offset?: number;
|
|
5
|
+
placement?: Placement;
|
|
6
|
+
text: string;
|
|
7
|
+
trigger?: ReactElement;
|
|
8
|
+
}
|
|
9
|
+
export declare function Tooltip({ offset, placement, text, trigger, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useRef, useMemo, cloneElement } from 'react';
|
|
3
|
+
import { DialogTrigger, Popover, OverlayArrow, Dialog } from 'react-aria-components';
|
|
4
|
+
import { IconButton } from '../buttons/icon-button/icon-button.js';
|
|
5
|
+
import { StrokeInformationIcon } from '../icons/stroke/stroke-information-icon.js';
|
|
6
|
+
import { useDisclosure } from '../shared/hooks/use-disclosure.js';
|
|
7
|
+
import styles from './tooltip.module.css.js';
|
|
8
|
+
|
|
9
|
+
function InfoIcon(props) {
|
|
10
|
+
return (jsx(IconButton, { ...props, className: styles.trigger, children: jsx(StrokeInformationIcon, {}) }));
|
|
11
|
+
}
|
|
12
|
+
function Tooltip({ offset, placement = 'bottom', text, trigger = jsx(InfoIcon, {}), }) {
|
|
13
|
+
const { isOpen, setIsOpen, toggle } = useDisclosure();
|
|
14
|
+
const triggerRef = useRef(null);
|
|
15
|
+
const triggerWithHandler = useMemo(() => cloneElement(trigger, {
|
|
16
|
+
onClick: toggle,
|
|
17
|
+
}), [trigger, toggle]);
|
|
18
|
+
return (jsxs(DialogTrigger, { isOpen: isOpen, onOpenChange: setIsOpen, children: [jsx("div", { ref: triggerRef, children: triggerWithHandler }), jsxs(Popover, { className: styles.popover, offset: offset, placement: placement, triggerRef: triggerRef, children: [jsx(OverlayArrow, { className: styles.arrow, children: jsx("svg", { height: 12, viewBox: "0 0 12 12", width: 12, children: jsx("path", { d: "M0 0 L6 6 L12 0" }) }) }), jsx(Dialog, { className: styles.dialog, children: text })] })] }));
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export { Tooltip };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sonic-equipment/ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "123.0.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"engines": {
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
"vitest": "2.1.5"
|
|
126
126
|
},
|
|
127
127
|
"dependencies": {
|
|
128
|
-
"@adyen/adyen-web": "
|
|
128
|
+
"@adyen/adyen-web": "5.32.0",
|
|
129
129
|
"@algolia/autocomplete-core": "1.17.7",
|
|
130
130
|
"@algolia/autocomplete-plugin-query-suggestions": "1.17.7",
|
|
131
131
|
"@algolia/autocomplete-plugin-recent-searches": "1.17.7",
|