@royaloperahouse/harmonic 0.11.0-o → 0.11.0-q
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/components/Typography/Typography.d.ts +1 -1
- package/dist/components/atoms/RotatorButtons/RotatorButtons.d.ts +1 -1
- package/dist/components/atoms/RotatorButtons/RotatorButtons.style.d.ts +1 -0
- package/dist/components/molecules/Card/Card.style.d.ts +1 -1
- package/dist/components/molecules/ImageWithCaption/ImageWithCaption.style.d.ts +1 -1
- package/dist/components/organisms/Carousels/Carousel/Carousel.style.d.ts +1 -0
- package/dist/harmonic.cjs.development.js +242 -174
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +242 -174
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/types/buttonTypes.d.ts +6 -0
- package/package.json +1 -1
|
@@ -301,12 +301,14 @@ var Caption = function Caption(_ref7) {
|
|
|
301
301
|
var children = _ref7.children,
|
|
302
302
|
_ref7$color = _ref7.color,
|
|
303
303
|
color = _ref7$color === void 0 ? 'inherit' : _ref7$color,
|
|
304
|
+
_ref7$tag = _ref7.tag,
|
|
305
|
+
Tag = _ref7$tag === void 0 ? 'p' : _ref7$tag,
|
|
304
306
|
className = _ref7.className;
|
|
305
307
|
var classNames = createClassNames('captiontext', {
|
|
306
308
|
color: color,
|
|
307
309
|
className: className
|
|
308
310
|
}, typographyStyles);
|
|
309
|
-
return /*#__PURE__*/React__default.createElement(
|
|
311
|
+
return /*#__PURE__*/React__default.createElement(Tag, {
|
|
310
312
|
className: classNames
|
|
311
313
|
}, children);
|
|
312
314
|
};
|
|
@@ -3424,10 +3426,12 @@ var Radio2Component = function Radio2Component(_ref, ref) {
|
|
|
3424
3426
|
};
|
|
3425
3427
|
var Radio2 = /*#__PURE__*/React.forwardRef(Radio2Component);
|
|
3426
3428
|
|
|
3427
|
-
var _templateObject$f, _templateObject2$9, _templateObject3$5;
|
|
3429
|
+
var _templateObject$f, _templateObject2$9, _templateObject3$5, _templateObject4$3, _templateObject5$2;
|
|
3428
3430
|
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3429
|
-
var
|
|
3430
|
-
var
|
|
3431
|
+
var BaseIconWrapper = /*#__PURE__*/styled__default.div(_templateObject2$9 || (_templateObject2$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n"])));
|
|
3432
|
+
var IconWrapper$1 = /*#__PURE__*/styled__default(BaseIconWrapper)(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--rotator-button-bg-color);\n color: var(--rotator-button-color);\n\n svg path {\n fill: var(--rotator-button-color);\n }\n\n :hover {\n cursor: pointer;\n background-color: var(--rotator-button-hover-bg-color);\n\n && svg path {\n fill: var(--rotator-button-hover-color);\n }\n }\n"])));
|
|
3433
|
+
var IconUnavailableWrapper = /*#__PURE__*/styled__default(BaseIconWrapper)(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-state-disabled);\n color: var(--color-primary-black);\n opacity: 0.2;\n\n svg path {\n fill: var(--color-primary-black);\n }\n\n @media ", " {\n pointer-events: none;\n }\n"])), devices.mobile);
|
|
3434
|
+
var FullscreenIconWrapper = /*#__PURE__*/styled__default(IconWrapper$1)(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 20px;\n\n @media ", " {\n display: none;\n pointer-events: none;\n }\n"])), devices.mobileAndTablet);
|
|
3431
3435
|
|
|
3432
3436
|
var RotatorButtons = function RotatorButtons(_ref) {
|
|
3433
3437
|
var onClickPrev = _ref.onClickPrev,
|
|
@@ -3436,6 +3440,11 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3436
3440
|
availablePrev = _ref$availablePrev === void 0 ? true : _ref$availablePrev,
|
|
3437
3441
|
_ref$availableNext = _ref.availableNext,
|
|
3438
3442
|
availableNext = _ref$availableNext === void 0 ? true : _ref$availableNext,
|
|
3443
|
+
_ref$showFullscreen = _ref.showFullscreen,
|
|
3444
|
+
showFullscreen = _ref$showFullscreen === void 0 ? false : _ref$showFullscreen,
|
|
3445
|
+
onClickFullscreen = _ref.onClickFullscreen,
|
|
3446
|
+
_ref$isFullscreen = _ref.isFullscreen,
|
|
3447
|
+
isFullscreen = _ref$isFullscreen === void 0 ? false : _ref$isFullscreen,
|
|
3439
3448
|
className = _ref.className;
|
|
3440
3449
|
var onClickLeftHandler = function onClickLeftHandler() {
|
|
3441
3450
|
if (onClickPrev) {
|
|
@@ -3457,6 +3466,11 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3457
3466
|
onClickRightHandler();
|
|
3458
3467
|
}
|
|
3459
3468
|
};
|
|
3469
|
+
var onClickFullscreenHandler = function onClickFullscreenHandler() {
|
|
3470
|
+
if (onClickFullscreen) {
|
|
3471
|
+
onClickFullscreen();
|
|
3472
|
+
}
|
|
3473
|
+
};
|
|
3460
3474
|
var renderPrevIcon = function renderPrevIcon() {
|
|
3461
3475
|
return /*#__PURE__*/React__default.createElement(Icon, {
|
|
3462
3476
|
iconName: "CarouselArrow",
|
|
@@ -3468,6 +3482,13 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3468
3482
|
iconName: "CarouselArrow"
|
|
3469
3483
|
});
|
|
3470
3484
|
};
|
|
3485
|
+
var renderFullscreenIcon = function renderFullscreenIcon() {
|
|
3486
|
+
return isFullscreen ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
3487
|
+
iconName: "Minimise"
|
|
3488
|
+
}) : /*#__PURE__*/React__default.createElement(Icon, {
|
|
3489
|
+
iconName: "FullScreen"
|
|
3490
|
+
});
|
|
3491
|
+
};
|
|
3471
3492
|
return /*#__PURE__*/React__default.createElement(ButtonsContainer, {
|
|
3472
3493
|
className: className
|
|
3473
3494
|
}, availablePrev ? (/*#__PURE__*/React__default.createElement(IconWrapper$1, {
|
|
@@ -3490,7 +3511,14 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3490
3511
|
role: "button"
|
|
3491
3512
|
}, renderNextIcon())) : (/*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
|
|
3492
3513
|
"data-testid": "iconnextnoavailable"
|
|
3493
|
-
}, renderNextIcon()))
|
|
3514
|
+
}, renderNextIcon())), showFullscreen && (/*#__PURE__*/React__default.createElement(FullscreenIconWrapper, {
|
|
3515
|
+
onClick: onClickFullscreenHandler,
|
|
3516
|
+
tabIndex: 0,
|
|
3517
|
+
"data-testid": "iconfullscreen",
|
|
3518
|
+
className: "carousel-icon-wrapper-fullscreen",
|
|
3519
|
+
"aria-label": isFullscreen ? 'Exit fullscreen' : 'Open fullscreen',
|
|
3520
|
+
role: "button"
|
|
3521
|
+
}, renderFullscreenIcon())));
|
|
3494
3522
|
};
|
|
3495
3523
|
|
|
3496
3524
|
var _templateObject$g;
|
|
@@ -3570,11 +3598,11 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3570
3598
|
}) : children));
|
|
3571
3599
|
};
|
|
3572
3600
|
|
|
3573
|
-
var _templateObject$j, _templateObject2$b, _templateObject3$6, _templateObject4$
|
|
3601
|
+
var _templateObject$j, _templateObject2$b, _templateObject3$6, _templateObject4$4;
|
|
3574
3602
|
var SponsorshipWrapper = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 80px;\n height: 80px;\n position: relative;\n\n @media ", " {\n width: 40px;\n height: 40px;\n }\n"])), devices.mobileAndTablet);
|
|
3575
3603
|
var SponsorshipLinkText = /*#__PURE__*/styled__default.span(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n whitespace: nowrap;\n borderwidth: 0;\n"])));
|
|
3576
3604
|
var SponsorshipLink = /*#__PURE__*/styled__default.a(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n inset: 0;\n width: 80px;\n height: 80px;\n z-index: 2;\n text-decoration: none;\n background: transparent;\n\n @media ", " {\n width: 40px;\n height: 40px;\n }\n"])), devices.mobileAndTablet);
|
|
3577
|
-
var SponsorshipStyledIframe = /*#__PURE__*/styled__default.iframe(_templateObject4$
|
|
3605
|
+
var SponsorshipStyledIframe = /*#__PURE__*/styled__default.iframe(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n display: block;\n width: 80px;\n height: 80px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n\n @media ", " {\n transform: scale(0.5);\n transform-origin: top left;\n }\n"])), devices.mobileAndTablet);
|
|
3578
3606
|
|
|
3579
3607
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
3580
3608
|
var DEFAULT_SPONSORSHIP_TITLE = 'rolex';
|
|
@@ -3758,7 +3786,7 @@ var TabLink = function TabLink(_ref) {
|
|
|
3758
3786
|
}))) : null, children);
|
|
3759
3787
|
};
|
|
3760
3788
|
|
|
3761
|
-
var _templateObject$m, _templateObject2$e, _templateObject3$7, _templateObject4$
|
|
3789
|
+
var _templateObject$m, _templateObject2$e, _templateObject3$7, _templateObject4$5;
|
|
3762
3790
|
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3763
3791
|
var width = _ref.width;
|
|
3764
3792
|
return width ? width + "px;" : '100%;';
|
|
@@ -3785,7 +3813,7 @@ var TextAreaBox = /*#__PURE__*/styled__default.textarea(_templateObject3$7 || (_
|
|
|
3785
3813
|
var darkMode = _ref7.darkMode;
|
|
3786
3814
|
return darkMode ? 'var(--base-color-lemonchiffon)' : 'var(--base-color-lapislazuli)';
|
|
3787
3815
|
});
|
|
3788
|
-
var TextAreaError = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3816
|
+
var TextAreaError = /*#__PURE__*/styled__default.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n color: ", ";\n margin-block: 15px 0;\n"])), function (_ref8) {
|
|
3789
3817
|
var darkMode = _ref8.darkMode;
|
|
3790
3818
|
return darkMode ? 'color: var(--base-color-white)' : '';
|
|
3791
3819
|
}, function (_ref9) {
|
|
@@ -3881,7 +3909,7 @@ var TextArea = function TextArea(_ref) {
|
|
|
3881
3909
|
}, error)))));
|
|
3882
3910
|
};
|
|
3883
3911
|
|
|
3884
|
-
var _templateObject$n, _templateObject2$f, _templateObject3$8, _templateObject4$
|
|
3912
|
+
var _templateObject$n, _templateObject2$f, _templateObject3$8, _templateObject4$6, _templateObject5$3, _templateObject6$1, _templateObject7;
|
|
3885
3913
|
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3886
3914
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3887
3915
|
var width = _ref.width;
|
|
@@ -3901,8 +3929,8 @@ var Input = /*#__PURE__*/styled__default.input(_templateObject3$8 || (_templateO
|
|
|
3901
3929
|
if (darkMode) return "4px solid var(--base-color-lemonchiffon)";
|
|
3902
3930
|
return "3px solid var(--base-color-lapislazuli)";
|
|
3903
3931
|
}, devices.mobile);
|
|
3904
|
-
var ShowHideButton = /*#__PURE__*/styled__default.button(_templateObject4$
|
|
3905
|
-
var TextLabel$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
3932
|
+
var ShowHideButton = /*#__PURE__*/styled__default.button(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n width: 53px;\n top: 50%;\n margin-top: calc(var(--line-height-overline-1) / 2 * -1);\n right: 20px;\n border: none;\n background: none;\n padding: 0;\n display: block;\n text-align: left;\n cursor: pointer;\n white-space: nowrap;\n color: var(--color-base-black);\n"])));
|
|
3933
|
+
var TextLabel$1 = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
3906
3934
|
var darkMode = _ref5.darkMode;
|
|
3907
3935
|
if (darkMode) return "var(--color-base-white)";
|
|
3908
3936
|
return "var(--base-color-black)";
|
|
@@ -4015,7 +4043,7 @@ var TextFieldComponent = function TextFieldComponent(_ref, ref) {
|
|
|
4015
4043
|
};
|
|
4016
4044
|
var TextField = /*#__PURE__*/React.forwardRef(TextFieldComponent);
|
|
4017
4045
|
|
|
4018
|
-
var _templateObject$o, _templateObject2$g, _templateObject3$9, _templateObject4$
|
|
4046
|
+
var _templateObject$o, _templateObject2$g, _templateObject3$9, _templateObject4$7, _templateObject5$4;
|
|
4019
4047
|
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4020
4048
|
var textStyles = /*#__PURE__*/styled.css(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
|
|
4021
4049
|
var theme = _ref.theme;
|
|
@@ -4048,12 +4076,12 @@ var Input$1 = /*#__PURE__*/styled__default.input(_templateObject3$9 || (_templat
|
|
|
4048
4076
|
if (darkMode) return "4px solid " + theme.colors.lemonChiffon;
|
|
4049
4077
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
4050
4078
|
});
|
|
4051
|
-
var TextLabel$2 = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
4079
|
+
var TextLabel$2 = /*#__PURE__*/styled__default.p(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n"])), textStyles, function (_ref9) {
|
|
4052
4080
|
var darkMode = _ref9.darkMode,
|
|
4053
4081
|
theme = _ref9.theme;
|
|
4054
4082
|
return darkMode ? theme.colors.white : theme.colors.black;
|
|
4055
4083
|
});
|
|
4056
|
-
var ErrorLabel$2 = /*#__PURE__*/styled__default.p(_templateObject5$
|
|
4084
|
+
var ErrorLabel$2 = /*#__PURE__*/styled__default.p(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n"])), textStyles, function (_ref0) {
|
|
4057
4085
|
var darkMode = _ref0.darkMode,
|
|
4058
4086
|
theme = _ref0.theme;
|
|
4059
4087
|
return darkMode ? theme.colors.white : theme.colors.error;
|
|
@@ -4129,7 +4157,7 @@ var TextLogoProduct;
|
|
|
4129
4157
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4130
4158
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4131
4159
|
|
|
4132
|
-
var _templateObject$q, _templateObject2$i, _templateObject3$a, _templateObject4$
|
|
4160
|
+
var _templateObject$q, _templateObject2$i, _templateObject3$a, _templateObject4$8;
|
|
4133
4161
|
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4134
4162
|
var dark = _ref.dark;
|
|
4135
4163
|
return dark ? 'white' : 'errorstate';
|
|
@@ -4159,7 +4187,7 @@ var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$a || (
|
|
|
4159
4187
|
dark = _ref6.dark;
|
|
4160
4188
|
return dark && error ? '1px solid var(--base-color-errorstate)' : 'none';
|
|
4161
4189
|
}, devices.mobile);
|
|
4162
|
-
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$
|
|
4190
|
+
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n &:checked ~ ", " {\n background-color: var(\n --base-color-", "\n );\n & svg {\n display: block;\n path {\n fill: var(\n --base-color-", "\n );\n }\n }\n }\n"])), TickboxCheckmark, function (_ref7) {
|
|
4163
4191
|
var dark = _ref7.dark,
|
|
4164
4192
|
whiteBox = _ref7.whiteBox,
|
|
4165
4193
|
disabled = _ref7.disabled;
|
|
@@ -4250,7 +4278,7 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4250
4278
|
}, error))));
|
|
4251
4279
|
};
|
|
4252
4280
|
|
|
4253
|
-
var _templateObject$r, _templateObject2$j, _templateObject3$b, _templateObject4$
|
|
4281
|
+
var _templateObject$r, _templateObject2$j, _templateObject3$b, _templateObject4$9, _templateObject5$5, _templateObject6$2;
|
|
4254
4282
|
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4255
4283
|
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
4256
4284
|
var error = _ref.error,
|
|
@@ -4286,8 +4314,8 @@ var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$b || (_
|
|
|
4286
4314
|
if (darkMode) return '4px solid var(--base-color-lemonchiffon)';
|
|
4287
4315
|
return '3px solid var(--base-color-lapislazuli)';
|
|
4288
4316
|
});
|
|
4289
|
-
var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4290
|
-
var TextLabel$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4317
|
+
var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n color: inherit;\n svg {\n font-size: 12px;\n width: 1em;\n height: 1em;\n fill: currentColor;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n input[type='checkbox']:checked + ", " & {\n display: block;\n }\n"])), Tickbox$1);
|
|
4318
|
+
var TextLabel$3 = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref6) {
|
|
4291
4319
|
var darkMode = _ref6.darkMode,
|
|
4292
4320
|
disabled = _ref6.disabled;
|
|
4293
4321
|
if (darkMode && disabled) return 'var(--base-color-light-grey)';
|
|
@@ -4361,7 +4389,7 @@ var Tickbox2Component = function Tickbox2Component(_ref, ref) {
|
|
|
4361
4389
|
};
|
|
4362
4390
|
var Tickbox2 = /*#__PURE__*/React.forwardRef(Tickbox2Component);
|
|
4363
4391
|
|
|
4364
|
-
var _templateObject$s, _templateObject2$k, _templateObject3$c, _templateObject4$
|
|
4392
|
+
var _templateObject$s, _templateObject2$k, _templateObject3$c, _templateObject4$a, _templateObject5$6, _templateObject6$3, _templateObject7$1, _templateObject8;
|
|
4365
4393
|
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-", ");\n"])), function (_ref) {
|
|
4366
4394
|
var color = _ref.color;
|
|
4367
4395
|
return color;
|
|
@@ -4371,8 +4399,8 @@ var Line = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObje
|
|
|
4371
4399
|
return color;
|
|
4372
4400
|
}, devices.mobileAndTablet);
|
|
4373
4401
|
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
|
|
4374
|
-
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4375
|
-
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4402
|
+
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4403
|
+
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
4376
4404
|
var TimerValueSeparator = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 20px;\n\n @media ", " {\n margin: 0 12px;\n }\n"])), devices.mobileAndTablet);
|
|
4377
4405
|
var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4378
4406
|
var TimerValue = /*#__PURE__*/styled__default.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -4485,12 +4513,12 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
4485
4513
|
}));
|
|
4486
4514
|
};
|
|
4487
4515
|
|
|
4488
|
-
var _templateObject$u, _templateObject2$l, _templateObject3$d, _templateObject4$
|
|
4516
|
+
var _templateObject$u, _templateObject2$l, _templateObject3$d, _templateObject4$b, _templateObject5$7, _templateObject6$4, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject0;
|
|
4489
4517
|
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
|
|
4490
4518
|
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
4491
4519
|
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
4492
|
-
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4493
|
-
var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4520
|
+
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
|
|
4521
|
+
var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
4494
4522
|
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
4495
4523
|
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 17px;\n height: 17px;\n background: none;\n border: none;\n padding: 0;\n svg {\n width: 100%;\n height: 100%;\n }\n cursor: pointer;\n"])));
|
|
4496
4524
|
var thumbStyles = /*#__PURE__*/styled.css(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n -webkit-appearance: none;\n appearance: none;\n border: none;\n height: 8px;\n width: 8px;\n border-radius: 50%;\n background: #ffffff;\n border: none;\n transform: translateY(-25%);\n"])));
|
|
@@ -4675,7 +4703,7 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
4675
4703
|
}))));
|
|
4676
4704
|
};
|
|
4677
4705
|
|
|
4678
|
-
var _templateObject$v, _templateObject2$m, _templateObject3$e, _templateObject4$
|
|
4706
|
+
var _templateObject$v, _templateObject2$m, _templateObject3$e, _templateObject4$c, _templateObject5$8;
|
|
4679
4707
|
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
4680
4708
|
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
4681
4709
|
var darkMode = _ref.darkMode;
|
|
@@ -4703,11 +4731,11 @@ var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templa
|
|
|
4703
4731
|
var disabled = _ref6.disabled;
|
|
4704
4732
|
return disabled ? 'midgrey' : 'black';
|
|
4705
4733
|
});
|
|
4706
|
-
var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$
|
|
4734
|
+
var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 51px;\n border: 0;\n text-align: center;\n font-family: var(--font-family-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n background-color: transparent;\n cursor: ", ";\n"])), function (_ref7) {
|
|
4707
4735
|
var disabled = _ref7.disabled;
|
|
4708
4736
|
return disabled ? 'not-allowed' : 'text';
|
|
4709
4737
|
});
|
|
4710
|
-
var StepperButton = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4738
|
+
var StepperButton = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n\n span {\n display: flex;\n justify-content: center;\n }\n\n svg {\n width: 40%;\n height: auto;\n }\n"])), function (_ref8) {
|
|
4711
4739
|
var disabled = _ref8.disabled;
|
|
4712
4740
|
return disabled ? 'not-allowed' : 'pointer';
|
|
4713
4741
|
});
|
|
@@ -4991,7 +5019,7 @@ var SocialLinks = function SocialLinks(_ref) {
|
|
|
4991
5019
|
}));
|
|
4992
5020
|
};
|
|
4993
5021
|
|
|
4994
|
-
var _templateObject$x, _templateObject2$o, _templateObject3$f, _templateObject4$
|
|
5022
|
+
var _templateObject$x, _templateObject2$o, _templateObject3$f, _templateObject4$d, _templateObject5$9, _templateObject6$5, _templateObject7$3, _templateObject8$2, _templateObject9$1, _templateObject0$1, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
|
4995
5023
|
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 4px;\n\n @media ", " {\n padding-top: 0px;\n }\n\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
4996
5024
|
var isMenuOpen = _ref.isMenuOpen;
|
|
4997
5025
|
return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--color-base-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
|
|
@@ -5001,7 +5029,7 @@ var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$o ||
|
|
|
5001
5029
|
return isMobile ? zIndexes.overlay : zIndexes.searchOverlay;
|
|
5002
5030
|
}, devices.mobileAndTablet);
|
|
5003
5031
|
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--color-base-white);\n height: 140px;\n justify-content: space-evenly;\n width: 100%;\n z-index: ", ";\n\n @media ", " {\n height: 60px;\n }\n"])), zIndexes.navigation, devices.mobileAndTablet);
|
|
5004
|
-
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5032
|
+
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n opacity: ", ";\n transform: ", ";\n transition:\n opacity 0.3s ease,\n transform 0.3s ease,\n visibility 0.3s ease;\n background-color: var(--color-base-white);\n height: 100px;\n border-top: 1px solid var(--color-base-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 86px;\n top: 144px;\n }\n"])), function (_ref3) {
|
|
5005
5033
|
var visible = _ref3.visible;
|
|
5006
5034
|
return visible ? 'visible' : 'hidden';
|
|
5007
5035
|
}, function (_ref4) {
|
|
@@ -5011,7 +5039,7 @@ var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$c || (_
|
|
|
5011
5039
|
var visible = _ref5.visible;
|
|
5012
5040
|
return visible ? 'translateY(0)' : 'translateY(-10px)';
|
|
5013
5041
|
}, zIndexes.search, devices.mobile);
|
|
5014
|
-
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
5042
|
+
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n opacity: ", ";\n transform: ", ";\n transition:\n opacity 0.3s ease,\n transform 0.3s ease,\n visibility 0.3s ease;\n background-color: var(--color-base-white);\n border-top: 1px solid var(--color-base-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n height: 100px;\n\n @media ", " {\n height: 86px;\n top: 144px;\n }\n"])), function (_ref6) {
|
|
5015
5043
|
var visible = _ref6.visible;
|
|
5016
5044
|
return visible ? 'visible' : 'hidden';
|
|
5017
5045
|
}, function (_ref7) {
|
|
@@ -5038,7 +5066,7 @@ var NavTopContainerMobile = /*#__PURE__*/styled__default.div(_templateObject13 |
|
|
|
5038
5066
|
var _templateObject$y;
|
|
5039
5067
|
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 100%;\n\n @media ", " {\n column-gap: 20px;\n }\n"])), devices.mobile);
|
|
5040
5068
|
|
|
5041
|
-
var _templateObject$z, _templateObject2$p, _templateObject3$g, _templateObject4$
|
|
5069
|
+
var _templateObject$z, _templateObject2$p, _templateObject3$g, _templateObject4$e, _templateObject5$a, _templateObject6$6;
|
|
5042
5070
|
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n padding-top: 3px;\n padding-bottom: 3px;\n\n & svg path {\n fill: var(--color-primary-black);\n }\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--color-primary-red);\n padding-bottom: 2px;\n && a {\n color: var(--color-primary-red);\n }\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n\n ", "\n"])), function (_ref) {
|
|
5043
5071
|
var selected = _ref.selected;
|
|
5044
5072
|
if (selected) {
|
|
@@ -5054,8 +5082,8 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$z || (_te
|
|
|
5054
5082
|
});
|
|
5055
5083
|
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5056
5084
|
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n width: 12px;\n height: 12px;\n position: absolute;\n top: 8px;\n margin-left: 6px;\n"])));
|
|
5057
|
-
var BasketInfo = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5058
|
-
var BasketNum = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
5085
|
+
var BasketInfo = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media ", " {\n width: max-content;\n }\n"])), devices.mobileAndTablet);
|
|
5086
|
+
var BasketNum = /*#__PURE__*/styled__default.span(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-white);\n font-size: 10px;\n font-family: var(--font-family-sans);\n"])));
|
|
5059
5087
|
var BasketText = /*#__PURE__*/styled__default.a(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--harmonic-font-size-navigation);\n font-family: var(--font-family-sans);\n font-weight: var(--font-weight-navigation);\n color: var(--color-primary-black);\n margin-left: 6px;\n text-decoration: none;\n"])));
|
|
5060
5088
|
|
|
5061
5089
|
var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
|
|
@@ -5471,7 +5499,7 @@ var NavTop = function NavTop(_ref) {
|
|
|
5471
5499
|
}));
|
|
5472
5500
|
};
|
|
5473
5501
|
|
|
5474
|
-
var _templateObject$B, _templateObject2$r, _templateObject3$h, _templateObject4$
|
|
5502
|
+
var _templateObject$B, _templateObject2$r, _templateObject3$h, _templateObject4$f;
|
|
5475
5503
|
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
5476
5504
|
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
5477
5505
|
if (props.showMenu) {
|
|
@@ -5480,7 +5508,7 @@ var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$r || (_te
|
|
|
5480
5508
|
return "display: none;";
|
|
5481
5509
|
});
|
|
5482
5510
|
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\n font-size: var(--harmonic-font-size-navigation);\n font-family: var(--font-family-sans);\n color: var(--color-primary-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--color-primary-red);\n }\n }\n\n && svg path {\n fill: var(--color-primary-black);\n }\n\n :hover {\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
5483
|
-
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5511
|
+
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 0;\n }\n }\n"])), devices.mobileAndTablet);
|
|
5484
5512
|
|
|
5485
5513
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
5486
5514
|
var Tabs = function Tabs(_ref) {
|
|
@@ -5606,11 +5634,11 @@ var Tabs = function Tabs(_ref) {
|
|
|
5606
5634
|
}, "Menu"))))));
|
|
5607
5635
|
};
|
|
5608
5636
|
|
|
5609
|
-
var _templateObject$C, _templateObject2$s, _templateObject3$i, _templateObject5$
|
|
5637
|
+
var _templateObject$C, _templateObject2$s, _templateObject3$i, _templateObject5$b, _templateObject6$7, _templateObject7$4;
|
|
5610
5638
|
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: transparent;\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
5611
5639
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
5612
5640
|
var SvgContainerClose = /*#__PURE__*/styled__default.button(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n\n &:focus {\n outline: 2px solid var(--color-primary-black);\n outline-offset: 2px;\n }\n"])));
|
|
5613
|
-
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5641
|
+
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-serif);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--color-base-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
5614
5642
|
var TextLinkWrapper$1 = /*#__PURE__*/styled__default(TextLink)(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
5615
5643
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-right: 8px;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5616
5644
|
|
|
@@ -5913,12 +5941,12 @@ var Navigation = function Navigation(_ref) {
|
|
|
5913
5941
|
})))))));
|
|
5914
5942
|
};
|
|
5915
5943
|
|
|
5916
|
-
var _templateObject$D, _templateObject2$t, _templateObject3$j, _templateObject4$
|
|
5944
|
+
var _templateObject$D, _templateObject2$t, _templateObject3$j, _templateObject4$g, _templateObject5$c, _templateObject6$8, _templateObject7$5;
|
|
5917
5945
|
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n padding: 44px 0px;\n grid-template-areas: '. . policy policy policy policy social social social social logo logo logo logo . .';\n\n @media ", " {\n padding: 40px 0px;\n gap: 24px;\n }\n\n @media ", " {\n padding: 20px 0px;\n row-gap: 40px;\n grid-template-areas:\n '. social social social social social social social social social social social social .'\n '. policy policy policy policy policy policy policy policy policy policy policy policy .'\n '. logo logo logo logo logo logo logo logo logo logo logo logo .';\n }\n"])), devices.tablet, devices.mobile);
|
|
5918
5946
|
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: policy;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media ", " {\n gap: 20px;\n }\n\n @media ", " {\n gap: 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
5919
5947
|
var SocialAndNewsletterSection = /*#__PURE__*/styled__default(GridItem)(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: social;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n\n @media ", " {\n gap: 40px;\n }\n"])), devices.mobile);
|
|
5920
|
-
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5921
|
-
var LogoAndDescriptionSection = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
5948
|
+
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
5949
|
+
var LogoAndDescriptionSection = /*#__PURE__*/styled__default(GridItem)(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
5922
5950
|
var SponsorLogoContainer = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
5923
5951
|
var TextLinkWrapper$2 = /*#__PURE__*/styled__default(TextLink)(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 24px;\n letter-spacing: 0.4px;\n color: var(--color-base-white);\n border-bottom: unset;\n text-decoration: underline;\n text-underline-offset: 6px;\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
5924
5952
|
|
|
@@ -5997,7 +6025,7 @@ var Footer = function Footer(_ref) {
|
|
|
5997
6025
|
}, additionalInfo))));
|
|
5998
6026
|
};
|
|
5999
6027
|
|
|
6000
|
-
var _templateObject$F, _templateObject2$u, _templateObject3$k, _templateObject4$
|
|
6028
|
+
var _templateObject$F, _templateObject2$u, _templateObject3$k, _templateObject4$h, _templateObject5$d, _templateObject8$3, _templateObject9$2, _templateObject0$2;
|
|
6001
6029
|
var LIST_ITEM_GAP = 32;
|
|
6002
6030
|
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--color-base-white);\n z-index: ", ";\n\n ", "\n"])), function (_ref) {
|
|
6003
6031
|
var bottomBorder = _ref.bottomBorder;
|
|
@@ -6007,8 +6035,8 @@ var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$F ||
|
|
|
6007
6035
|
return withShadow && styled.css(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
6008
6036
|
});
|
|
6009
6037
|
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
6010
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6011
|
-
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
6038
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
6039
|
+
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref3) {
|
|
6012
6040
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
6013
6041
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
6014
6042
|
}, LIST_ITEM_GAP, function (_ref4) {
|
|
@@ -6133,26 +6161,15 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6133
6161
|
return id === selectedItem;
|
|
6134
6162
|
};
|
|
6135
6163
|
var onClickTab = function onClickTab(e, id) {
|
|
6136
|
-
e.preventDefault();
|
|
6137
6164
|
if (onTabClick) {
|
|
6138
6165
|
onTabClick(e, id);
|
|
6139
6166
|
}
|
|
6140
6167
|
setSelectedItem(id);
|
|
6141
|
-
};
|
|
6142
|
-
React.useEffect(function () {
|
|
6143
|
-
if (!selectedItem) return;
|
|
6144
|
-
var targetSectionElement = document.getElementById(selectedItem);
|
|
6145
|
-
if (targetSectionElement) {
|
|
6146
|
-
targetSectionElement.scrollIntoView({
|
|
6147
|
-
behavior: 'auto',
|
|
6148
|
-
block: 'start'
|
|
6149
|
-
});
|
|
6150
|
-
}
|
|
6151
6168
|
var clickedTab = document.getElementById("tablink-" + selectedItem);
|
|
6152
6169
|
if (clickedTab) {
|
|
6153
6170
|
clickedTab.focus();
|
|
6154
6171
|
}
|
|
6155
|
-
}
|
|
6172
|
+
};
|
|
6156
6173
|
var getScrollWidth = function getScrollWidth() {
|
|
6157
6174
|
var width = 0;
|
|
6158
6175
|
var selectedItemIndex = tabs.findIndex(function (el) {
|
|
@@ -6357,7 +6374,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6357
6374
|
})))) : null))));
|
|
6358
6375
|
};
|
|
6359
6376
|
|
|
6360
|
-
var _templateObject$G, _templateObject2$v, _templateObject3$l, _templateObject4$
|
|
6377
|
+
var _templateObject$G, _templateObject2$v, _templateObject3$l, _templateObject4$i, _templateObject6$9, _templateObject7$6, _templateObject8$4, _templateObject9$3, _templateObject0$3;
|
|
6361
6378
|
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6362
6379
|
var sticky = _ref.sticky;
|
|
6363
6380
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -6367,7 +6384,7 @@ var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$l || (_
|
|
|
6367
6384
|
var title = _ref2.title;
|
|
6368
6385
|
return title ? 'row' : 'row-reverse';
|
|
6369
6386
|
}, devices.tablet, devices.mobile);
|
|
6370
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6387
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
|
|
6371
6388
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
6372
6389
|
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
6373
6390
|
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
@@ -7019,21 +7036,21 @@ var BodyContent = function BodyContent(_ref) {
|
|
|
7019
7036
|
})));
|
|
7020
7037
|
};
|
|
7021
7038
|
|
|
7022
|
-
var _templateObject$J, _templateObject2$x, _templateObject3$n, _templateObject4$
|
|
7039
|
+
var _templateObject$J, _templateObject2$x, _templateObject3$n, _templateObject4$j, _templateObject5$e, _templateObject6$a, _templateObject7$7, _templateObject8$5;
|
|
7023
7040
|
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
|
|
7024
7041
|
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
7025
7042
|
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'liga' off,\n 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
7026
7043
|
var theme = _ref.theme;
|
|
7027
7044
|
return theme.colors.primary;
|
|
7028
7045
|
}, exports.Colors.White);
|
|
7029
|
-
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7046
|
+
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media ", " {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n }\n\n ", "\n"])), function (_ref2) {
|
|
7030
7047
|
var stackCtasEarly = _ref2.stackCtasEarly;
|
|
7031
7048
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
7032
7049
|
}, function (_ref3) {
|
|
7033
7050
|
var stackCtasEarly = _ref3.stackCtasEarly;
|
|
7034
7051
|
return stackCtasEarly && "\n @media " + devices.smallDesktop + ", " + devices.mobileAndTablet + " {\n * {\n width: 100%;\n }\n }\n ";
|
|
7035
7052
|
});
|
|
7036
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7053
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
7037
7054
|
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
7038
7055
|
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n padding: 5px 0 8px 0;\n"])));
|
|
7039
7056
|
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-darkgrey);\n"])));
|
|
@@ -7210,11 +7227,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
7210
7227
|
}, children)));
|
|
7211
7228
|
};
|
|
7212
7229
|
|
|
7213
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$o, _templateObject4$
|
|
7230
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$o, _templateObject4$k;
|
|
7214
7231
|
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
7215
7232
|
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
7216
7233
|
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7217
|
-
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
7234
|
+
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
7218
7235
|
|
|
7219
7236
|
var _excluded$g = ["isOpen", "setIsOpen", "children", "appElementId"];
|
|
7220
7237
|
var MAX_Z_INDEX = 9999999999;
|
|
@@ -7391,8 +7408,8 @@ var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
|
|
|
7391
7408
|
return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
|
|
7392
7409
|
};
|
|
7393
7410
|
|
|
7394
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$p, _templateObject4$
|
|
7395
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n"])), function (_ref) {
|
|
7411
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$p, _templateObject4$l, _templateObject5$f, _templateObject6$b, _templateObject7$8, _templateObject8$6, _templateObject9$4;
|
|
7412
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n \n &:fullscreen {\n background: var(--color-base-white);\n padding-top: 44px;\n padding-bottom: 84px;\n\n .swipe-slide > figure {\n height: var(--fullscreen-figure-height);\n }\n }\n"])), function (_ref) {
|
|
7396
7413
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
7397
7414
|
return "& {\n .swipe-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n\n > figure {\n margin: 0px;\n " + getImageSlideStyles(imagesHeightDesktop) + "\n }\n }\n }";
|
|
7398
7415
|
}, devices.mobile, function (_ref2) {
|
|
@@ -7405,14 +7422,15 @@ var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A |
|
|
|
7405
7422
|
return "\n & {\n .swipe-slide {\n " + getCardSlideDesktopStyles(type, isActive) + "\n }\n }\n\n @media " + devices.tablet + " {\n & {\n .swipe-slide {\n width: " + (type === exports.CarouselType.SmallCard ? '30%' : '40%') + ";\n }\n }\n }\n ";
|
|
7406
7423
|
}, devices.mobile, /*#__PURE__*/getCardSlideMobileStyles());
|
|
7407
7424
|
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n padding-bottom: 0;\n }\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile, devices.mobile);
|
|
7408
|
-
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7409
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7425
|
+
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n user-select: text;\n"])));
|
|
7426
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
7410
7427
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
7411
7428
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
7412
7429
|
});
|
|
7413
|
-
var
|
|
7414
|
-
var
|
|
7415
|
-
var
|
|
7430
|
+
var TitleText = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n"])));
|
|
7431
|
+
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n // @media ", " {\n // display: none;\n // }\n"])), devices.mobile);
|
|
7432
|
+
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
7433
|
+
var SwipeGridWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
|
|
7416
7434
|
var active = _ref5.active;
|
|
7417
7435
|
return active ? 'grid-column: 1 / span 16' : '';
|
|
7418
7436
|
}, devices.tablet, function (_ref6) {
|
|
@@ -7759,6 +7777,7 @@ var GRID_OFFSET_MARGIN = {
|
|
|
7759
7777
|
tablet: 15,
|
|
7760
7778
|
desktop: 3
|
|
7761
7779
|
};
|
|
7780
|
+
var FULLSCREEN_FIGCAPTION_HEIGHT = 34;
|
|
7762
7781
|
var Carousel = function Carousel(_ref) {
|
|
7763
7782
|
var children = _ref.children,
|
|
7764
7783
|
type = _ref.type,
|
|
@@ -7776,12 +7795,37 @@ var Carousel = function Carousel(_ref) {
|
|
|
7776
7795
|
_ref$useOffset = _ref.useOffset,
|
|
7777
7796
|
useOffset = _ref$useOffset === void 0 ? true : _ref$useOffset;
|
|
7778
7797
|
var _useState = React.useState(false),
|
|
7779
|
-
|
|
7780
|
-
|
|
7781
|
-
var _useState2 = React.useState(
|
|
7782
|
-
|
|
7783
|
-
|
|
7798
|
+
isFullscreen = _useState[0],
|
|
7799
|
+
setIsFullscreen = _useState[1];
|
|
7800
|
+
var _useState2 = React.useState(false),
|
|
7801
|
+
active = _useState2[0],
|
|
7802
|
+
setActive = _useState2[1];
|
|
7803
|
+
var _useState3 = React.useState(0),
|
|
7804
|
+
slidesOffsetBefore = _useState3[0],
|
|
7805
|
+
setSlidesOffsetBefore = _useState3[1];
|
|
7784
7806
|
var swipeRef = React.useRef(null);
|
|
7807
|
+
var carouselRef = React.useRef(null);
|
|
7808
|
+
var titleButtonsGridRef = React.useRef(null);
|
|
7809
|
+
React.useEffect(function () {
|
|
7810
|
+
if (type !== exports.CarouselType.Image) return undefined;
|
|
7811
|
+
var handleFullscreenChange = function handleFullscreenChange() {
|
|
7812
|
+
var isFs = document.fullscreenElement === carouselRef.current;
|
|
7813
|
+
setIsFullscreen(isFs);
|
|
7814
|
+
if (isFs && titleButtonsGridRef.current) {
|
|
7815
|
+
var _titleButtonsGridRef$, _carouselRef$current;
|
|
7816
|
+
var titleButtonsGridHeight = ((_titleButtonsGridRef$ = titleButtonsGridRef.current) == null ? void 0 : _titleButtonsGridRef$.getBoundingClientRect().height) || 0;
|
|
7817
|
+
var titleButtonsGridStyle = getComputedStyle(titleButtonsGridRef.current);
|
|
7818
|
+
var titleButtonsGridMarginBottom = parseInt(titleButtonsGridStyle.marginBottom, 10) || 0;
|
|
7819
|
+
// Example: Calculate height dynamically
|
|
7820
|
+
var height = window.innerHeight - titleButtonsGridHeight - titleButtonsGridMarginBottom - FULLSCREEN_FIGCAPTION_HEIGHT;
|
|
7821
|
+
(_carouselRef$current = carouselRef.current) == null || _carouselRef$current.style.setProperty('--fullscreen-figure-height', height + "px");
|
|
7822
|
+
}
|
|
7823
|
+
};
|
|
7824
|
+
document.addEventListener('fullscreenchange', handleFullscreenChange);
|
|
7825
|
+
return function () {
|
|
7826
|
+
document.removeEventListener('fullscreenchange', handleFullscreenChange);
|
|
7827
|
+
};
|
|
7828
|
+
}, []);
|
|
7785
7829
|
React.useEffect(function () {
|
|
7786
7830
|
if (!useOffset || !active) return undefined;
|
|
7787
7831
|
var updateWindowDimensions = function updateWindowDimensions() {
|
|
@@ -7807,6 +7851,13 @@ var Carousel = function Carousel(_ref) {
|
|
|
7807
7851
|
var _swipeRef$current2;
|
|
7808
7852
|
(_swipeRef$current2 = swipeRef.current) == null || _swipeRef$current2.prevSlide();
|
|
7809
7853
|
};
|
|
7854
|
+
var onClickFullscreen = function onClickFullscreen() {
|
|
7855
|
+
if (!isFullscreen && carouselRef.current) {
|
|
7856
|
+
carouselRef.current.requestFullscreen();
|
|
7857
|
+
} else if (isFullscreen) {
|
|
7858
|
+
document.exitFullscreen();
|
|
7859
|
+
}
|
|
7860
|
+
};
|
|
7810
7861
|
var onActiveChangeHandler = function onActiveChangeHandler(value) {
|
|
7811
7862
|
if (useOffset && !active) {
|
|
7812
7863
|
setActive(value);
|
|
@@ -7822,18 +7873,21 @@ var Carousel = function Carousel(_ref) {
|
|
|
7822
7873
|
imagesHeightDevice: imagesHeightDevice,
|
|
7823
7874
|
imagesHeightDesktop: imagesHeightDesktop,
|
|
7824
7875
|
role: "region",
|
|
7825
|
-
"aria-labelledby": carouselTitleId
|
|
7826
|
-
|
|
7876
|
+
"aria-labelledby": carouselTitleId,
|
|
7877
|
+
ref: carouselRef
|
|
7878
|
+
}, /*#__PURE__*/React__default.createElement(TitleButtonsGrid, {
|
|
7879
|
+
ref: titleButtonsGridRef
|
|
7880
|
+
}, /*#__PURE__*/React__default.createElement(TitleGridItem, {
|
|
7827
7881
|
columnStartDesktop: 3,
|
|
7828
7882
|
columnSpanDesktop: 10,
|
|
7829
7883
|
columnStartDevice: 2,
|
|
7830
|
-
columnSpanDevice:
|
|
7884
|
+
columnSpanDevice: 9
|
|
7831
7885
|
}, title && (/*#__PURE__*/React__default.createElement(CarouselInfoWrapper, {
|
|
7832
7886
|
"data-testid": "carousel-title-wrapper"
|
|
7833
7887
|
}, /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
7834
7888
|
id: carouselTitleId,
|
|
7835
7889
|
isDescriptionPresent: !!description
|
|
7836
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7890
|
+
}, /*#__PURE__*/React__default.createElement(TitleText, {
|
|
7837
7891
|
size: "medium",
|
|
7838
7892
|
serif: true,
|
|
7839
7893
|
hierarchy: titleSemanticLevelValue
|
|
@@ -7842,14 +7896,17 @@ var Carousel = function Carousel(_ref) {
|
|
|
7842
7896
|
}, description)))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
7843
7897
|
columnStartDesktop: 14,
|
|
7844
7898
|
columnSpanDesktop: 2,
|
|
7845
|
-
columnStartDevice:
|
|
7899
|
+
columnStartDevice: 13,
|
|
7846
7900
|
columnSpanDevice: 2
|
|
7847
7901
|
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
7848
7902
|
"data-testid": "carousel-buttons-wrapper"
|
|
7849
7903
|
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
7850
7904
|
onClickNext: onNext,
|
|
7851
7905
|
onClickPrev: onPrev,
|
|
7852
|
-
availablePrev: true
|
|
7906
|
+
availablePrev: true,
|
|
7907
|
+
showFullscreen: type === exports.CarouselType.Image,
|
|
7908
|
+
onClickFullscreen: onClickFullscreen,
|
|
7909
|
+
isFullscreen: isFullscreen
|
|
7853
7910
|
})))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(SwipeGridWrapper, {
|
|
7854
7911
|
active: active,
|
|
7855
7912
|
columnStartDesktop: 3,
|
|
@@ -7867,16 +7924,16 @@ var Carousel = function Carousel(_ref) {
|
|
|
7867
7924
|
}, children))));
|
|
7868
7925
|
};
|
|
7869
7926
|
|
|
7870
|
-
var _templateObject$P, _templateObject2$C, _templateObject3$q, _templateObject4$
|
|
7927
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$q, _templateObject4$m, _templateObject5$g, _templateObject6$c, _templateObject7$9, _templateObject8$7, _templateObject9$5, _templateObject0$4, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14, _templateObject15;
|
|
7871
7928
|
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n user-select: none;\n\n .highlight-carousel-text {\n color: var(--color-base-white);\n }\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
7872
7929
|
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 12;\n padding: 12px 0 12px var(--grid-margin);\n min-height: 64px;\n box-sizing: border-box;\n width: 100%;\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7873
7930
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7874
|
-
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7875
|
-
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7931
|
+
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 7;\n padding: 0 12px 12px var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: 100%;\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7932
|
+
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 16px;\n width: 102px;\n height: 28px;\n }\n }\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7876
7933
|
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
7877
7934
|
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
7878
7935
|
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n flex-direction: row;\n\n @media ", " {\n & {\n margin-top: 16px;\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n display: flex;\n flex-direction: column;\n }\n"])), devices.tablet, devices.mobile);
|
|
7879
|
-
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
7936
|
+
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swipe-slide {\n width: calc(100% - 50px - var(--rotator-button-width));\n -webkit-transform: translate3d(0, 0, 0);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7880
7937
|
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$4 || (_templateObject0$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
|
|
7881
7938
|
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject1$1 || (_templateObject1$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\n & {\n display: flex;\n grid-area: 1 / 12 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\n & {\n display: flex;\n grid-area: 1 / 11 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7882
7939
|
var HtmlBodyText = /*#__PURE__*/styled__default.p(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
@@ -8049,15 +8106,15 @@ var InfoSection = function InfoSection(_ref) {
|
|
|
8049
8106
|
}, additionalInfo)))));
|
|
8050
8107
|
};
|
|
8051
8108
|
|
|
8052
|
-
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$
|
|
8109
|
+
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$n, _templateObject5$h, _templateObject6$d;
|
|
8053
8110
|
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
8054
8111
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-light-grey);\n width: 100%;\n"])));
|
|
8055
8112
|
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
|
|
8056
8113
|
var isVisible = _ref.isVisible;
|
|
8057
8114
|
return isVisible ? 'visible' : 'hidden';
|
|
8058
8115
|
}, devices.mobile);
|
|
8059
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8060
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8116
|
+
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
8117
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n max-height: ", ";\n\n @media print {\n max-height: max-content;\n }\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), function (_ref2) {
|
|
8061
8118
|
var textHeight = _ref2.textHeight;
|
|
8062
8119
|
return textHeight;
|
|
8063
8120
|
}, devices.mobile);
|
|
@@ -8188,7 +8245,7 @@ var Accordions = function Accordions(_ref) {
|
|
|
8188
8245
|
}));
|
|
8189
8246
|
};
|
|
8190
8247
|
|
|
8191
|
-
var _templateObject$T, _templateObject2$E, _templateObject3$s, _templateObject4$
|
|
8248
|
+
var _templateObject$T, _templateObject2$E, _templateObject3$s, _templateObject4$o, _templateObject5$i;
|
|
8192
8249
|
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: var(--announcement-banner-bg-color);\n color: var(--announcement-banner-color);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), devices.mobile);
|
|
8193
8250
|
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n cursor: ", ";\n\n ", "\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n\n path {\n fill: var(--announcement-banner-color);\n }\n }\n"])), function (_ref) {
|
|
8194
8251
|
var isClickable = _ref.isClickable;
|
|
@@ -8198,8 +8255,8 @@ var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$E || (_te
|
|
|
8198
8255
|
return isClickable && "\n :hover:not(:active) {\n && svg path {\n fill: var(--announcement-banner-hover-color);\n }\n }\n :active {\n && svg path {\n fill: var(--announcement-banner-pressed-color);\n }\n }\n ";
|
|
8199
8256
|
});
|
|
8200
8257
|
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-sans);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--announcement-banner-color);\n a {\n color: var(--announcement-banner-color);\n text-decoration: underline;\n }\n\n * {\n margin-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: 0;\n margin-inline-end: 0;\n }\n"])));
|
|
8201
|
-
var OverlineWrapper = /*#__PURE__*/styled__default(HarmonicOverline)(_templateObject4$
|
|
8202
|
-
var BannerContentWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
8258
|
+
var OverlineWrapper = /*#__PURE__*/styled__default(HarmonicOverline)(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 4px;\n && {\n color: var(--announcement-banner-color);\n }\n"])));
|
|
8259
|
+
var BannerContentWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n grid-column: 3 / span 10;\n }\n\n @media ", ", ", " {\n && {\n grid-column: 3 / span 12;\n }\n }\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.desktop, devices.largeDesktop, devices.mobile, function (_ref3) {
|
|
8203
8260
|
var variant = _ref3.variant;
|
|
8204
8261
|
return variant === BannerVariants['service-persistent'] ? '8px' : '0px';
|
|
8205
8262
|
}, function (_ref4) {
|
|
@@ -8271,7 +8328,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8271
8328
|
}))))));
|
|
8272
8329
|
};
|
|
8273
8330
|
|
|
8274
|
-
var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$
|
|
8331
|
+
var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$a, _templateObject8$8, _templateObject9$6, _templateObject0$5, _templateObject1$2, _templateObject10$2, _templateObject11$2, _templateObject12$2;
|
|
8275
8332
|
var LENGTH_LARGE_TEXT = 28;
|
|
8276
8333
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8277
8334
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8287,18 +8344,18 @@ var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$F || (_te
|
|
|
8287
8344
|
return lineColor ? "var(--color-" + lineColor + ")" : 'var(--color-primary-background)';
|
|
8288
8345
|
}, zIndexes.contentOverlay);
|
|
8289
8346
|
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -6px;\n"])));
|
|
8290
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8347
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: 24px;\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref4) {
|
|
8291
8348
|
var fullWidth = _ref4.fullWidth;
|
|
8292
8349
|
return fullWidth ? '0' : '20px';
|
|
8293
8350
|
}, function (_ref5) {
|
|
8294
8351
|
var fullWidth = _ref5.fullWidth;
|
|
8295
8352
|
return fullWidth ? '0' : '20px';
|
|
8296
8353
|
});
|
|
8297
|
-
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8354
|
+
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8298
8355
|
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8299
|
-
var TextContainer$2 = /*#__PURE__*/styled__default
|
|
8356
|
+
var TextContainer$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow-wrap: break-word;\n"])));
|
|
8300
8357
|
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8301
|
-
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$
|
|
8358
|
+
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
|
|
8302
8359
|
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject0$5 || (_templateObject0$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 25px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (_ref6) {
|
|
8303
8360
|
var isVisible = _ref6.isVisible;
|
|
8304
8361
|
return isVisible ? "visible" : 'hidden';
|
|
@@ -8482,14 +8539,14 @@ var Card = function Card(_ref) {
|
|
|
8482
8539
|
size: "medium"
|
|
8483
8540
|
}, title)), subtitle ? (/*#__PURE__*/React__default.createElement(SubtitleContainer, null, /*#__PURE__*/React__default.createElement(HarmonicOverline, {
|
|
8484
8541
|
size: "large"
|
|
8485
|
-
}, subtitle))) : null, /*#__PURE__*/React__default.createElement(
|
|
8486
|
-
|
|
8487
|
-
|
|
8542
|
+
}, subtitle))) : null, /*#__PURE__*/React__default.createElement(TextContainer$2, {
|
|
8543
|
+
tag: "div",
|
|
8544
|
+
size: "large",
|
|
8488
8545
|
id: cardDescriptionId,
|
|
8489
8546
|
dangerouslySetInnerHTML: {
|
|
8490
8547
|
__html: truncatedText
|
|
8491
8548
|
}
|
|
8492
|
-
})
|
|
8549
|
+
}), highlightText && (/*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
8493
8550
|
size: "large",
|
|
8494
8551
|
color: "red"
|
|
8495
8552
|
}, highlightText))))), auxiliaryCTA && (/*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
@@ -8554,12 +8611,12 @@ var Cards = function Cards(_ref) {
|
|
|
8554
8611
|
}));
|
|
8555
8612
|
};
|
|
8556
8613
|
|
|
8557
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$
|
|
8614
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$b;
|
|
8558
8615
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
8559
8616
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), devices.mobileAndTablet);
|
|
8560
8617
|
var AddressWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
8561
|
-
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8562
|
-
var MobileSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8618
|
+
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
8619
|
+
var MobileSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8563
8620
|
var DesktopSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8564
8621
|
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n a {\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n color: var(--color-base-black);\n text-decoration: underline;\n text-underline-offset: 4px;\n margin-right: 13px;\n display: inline-block;\n\n &:last-child {\n margin-right: 0;\n }\n\n @media ", " {\n font-size: 17px;\n line-height: 24px;\n }\n }\n"])), devices.mobile);
|
|
8565
8622
|
|
|
@@ -8612,16 +8669,16 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8612
8669
|
}, addressString)))))))));
|
|
8613
8670
|
};
|
|
8614
8671
|
|
|
8615
|
-
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$
|
|
8672
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$r, _templateObject5$l, _templateObject6$g;
|
|
8616
8673
|
var BodyTextRelative = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8617
8674
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 36px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
8618
8675
|
return props.clickable ? 'pointer' : 'default';
|
|
8619
8676
|
}, devices.mobile);
|
|
8620
8677
|
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
8621
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8678
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 20px;\n\n & * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
|
|
8622
8679
|
return props.showImage ? 2 : '1 / span 4';
|
|
8623
8680
|
}, devices.mobile);
|
|
8624
|
-
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8681
|
+
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
8625
8682
|
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
|
|
8626
8683
|
return !!props.truncate && "\n overflow: hidden;\n position: relative;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n min-height: 1em;\n max-height: 3em;\n ";
|
|
8627
8684
|
});
|
|
@@ -8696,7 +8753,7 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
8696
8753
|
}), link.text))));
|
|
8697
8754
|
};
|
|
8698
8755
|
|
|
8699
|
-
var _templateObject$Y, _templateObject2$J, _templateObject3$w, _templateObject4$
|
|
8756
|
+
var _templateObject$Y, _templateObject2$J, _templateObject3$w, _templateObject4$s, _templateObject5$m;
|
|
8700
8757
|
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
8701
8758
|
var imageToLeft = _ref.imageToLeft;
|
|
8702
8759
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
@@ -8709,8 +8766,8 @@ var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$w |
|
|
|
8709
8766
|
var imageToLeft = _ref3.imageToLeft;
|
|
8710
8767
|
return imageToLeft ? 'right' : 'left';
|
|
8711
8768
|
}, devices.mobile);
|
|
8712
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
8713
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8769
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
8770
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
8714
8771
|
|
|
8715
8772
|
var Editorial = function Editorial(_ref) {
|
|
8716
8773
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -8808,7 +8865,7 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
8808
8865
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
|
|
8809
8866
|
};
|
|
8810
8867
|
|
|
8811
|
-
var _templateObject$_, _templateObject2$L, _templateObject3$y, _templateObject4$
|
|
8868
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$y, _templateObject4$t;
|
|
8812
8869
|
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: var(--information-panel-color);\n background-color: var(--information-panel-bg-color);\n\n @media ", " {\n padding: 40px 0;\n }\n"])), devices.mobile);
|
|
8813
8870
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8814
8871
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n @media ", " {\n margin-top: 16px;\n }\n\n a {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n\n :hover:not(:active) {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n\n :active {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n }\n"])), devices.mobile, function (_ref) {
|
|
@@ -8854,7 +8911,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$y || (
|
|
|
8854
8911
|
theme = _ref10.theme;
|
|
8855
8912
|
return getTextColor$4(variant, theme, COLORS$4.pressed);
|
|
8856
8913
|
});
|
|
8857
|
-
var InfoBodyWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject4$
|
|
8914
|
+
var InfoBodyWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--information-panel-color);\n\n a {\n text-decoration: underline;\n color: var(--information-panel-color);\n }\n\n @media ", " {\n padding-top: 4px;\n }\n"])), devices.mobile);
|
|
8858
8915
|
|
|
8859
8916
|
// Helper function for rendering buttons based on the variant
|
|
8860
8917
|
var renderButton = function renderButton(_ref) {
|
|
@@ -8980,7 +9037,7 @@ var Information = function Information(_ref) {
|
|
|
8980
9037
|
})))));
|
|
8981
9038
|
};
|
|
8982
9039
|
|
|
8983
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$
|
|
9040
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$c, _templateObject8$9;
|
|
8984
9041
|
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: var(--page-header-bg-color);\n color: var(--color-base-white);\n\n ", ";\n\n h1,\n h2,\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
8985
9042
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8986
9043
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -8990,11 +9047,11 @@ var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$z || (_te
|
|
|
8990
9047
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
8991
9048
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
8992
9049
|
});
|
|
8993
|
-
var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9050
|
+
var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
|
|
8994
9051
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
8995
9052
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
8996
9053
|
}, devices.mobile);
|
|
8997
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9054
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 43px;\n\n ", ";\n\n @media ", " {\n & {\n height: 33px;\n margin-top: 10px;\n margin-bottom: 20px;\n }\n }\n"])), function (_ref4) {
|
|
8998
9055
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
8999
9056
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
9000
9057
|
}, devices.mobile);
|
|
@@ -9081,12 +9138,12 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9081
9138
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
9082
9139
|
};
|
|
9083
9140
|
|
|
9084
|
-
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$
|
|
9141
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$d, _templateObject8$a;
|
|
9085
9142
|
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
9086
9143
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
9087
9144
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
9088
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9089
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9145
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
9146
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9090
9147
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
9091
9148
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
9092
9149
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
@@ -9152,7 +9209,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
9152
9209
|
}, "Scroll Down"))) : null);
|
|
9153
9210
|
};
|
|
9154
9211
|
|
|
9155
|
-
var _templateObject$11, _templateObject2$O, _templateObject3$B, _templateObject4$
|
|
9212
|
+
var _templateObject$11, _templateObject2$O, _templateObject3$B, _templateObject4$w, _templateObject5$p;
|
|
9156
9213
|
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
9157
9214
|
var color = _ref.color;
|
|
9158
9215
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
@@ -9165,8 +9222,8 @@ var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templat
|
|
|
9165
9222
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
9166
9223
|
});
|
|
9167
9224
|
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
9168
|
-
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9169
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9225
|
+
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
9226
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
9170
9227
|
|
|
9171
9228
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
9172
9229
|
var _image$src, _image$alt;
|
|
@@ -9196,12 +9253,12 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9196
9253
|
})))));
|
|
9197
9254
|
};
|
|
9198
9255
|
|
|
9199
|
-
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$
|
|
9256
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$x, _templateObject5$q, _templateObject6$j, _templateObject7$e, _templateObject8$b, _templateObject9$7, _templateObject0$6, _templateObject1$3;
|
|
9200
9257
|
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9201
9258
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9202
9259
|
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
9203
|
-
var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9204
|
-
var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9260
|
+
var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: var(--grid-outer-margin);\n bottom: 20px;\n z-index: 10;\n\n @media ", " {\n right: var(--grid-margin);\n bottom: 10px;\n }\n"])), devices.tablet);
|
|
9261
|
+
var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--heading-promo-bg-color);\n border-bottom: ", ";\n display: ", ";\n\n @media ", " {\n padding: 12px 0 20px;\n }\n"])), function (_ref) {
|
|
9205
9262
|
var theme = _ref.theme;
|
|
9206
9263
|
return theme == exports.ThemeType.Cinema ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
9207
9264
|
}, function (_ref2) {
|
|
@@ -9217,7 +9274,7 @@ var MainButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject8$b || (
|
|
|
9217
9274
|
var isAdditionalButtonPresent = _ref4.isAdditionalButtonPresent;
|
|
9218
9275
|
return isAdditionalButtonPresent ? '20px' : '0';
|
|
9219
9276
|
});
|
|
9220
|
-
var AdditionalButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
9277
|
+
var AdditionalButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n width: 100%;\n display: flex;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9221
9278
|
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject0$6 || (_templateObject0$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 10px 0;\n\n h1,\n h2,\n h3 {\n color: ", ";\n }\n\n @media ", " {\n padding: 0;\n order: 2;\n margin-bottom: ", ";\n }\n"])), function (_ref5) {
|
|
9222
9279
|
var theme = _ref5.theme;
|
|
9223
9280
|
return theme == exports.ThemeType.Cinema ? 'var(--color-base-black)' : 'var(--color-base-white)';
|
|
@@ -9410,11 +9467,11 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9410
9467
|
})))))))))));
|
|
9411
9468
|
};
|
|
9412
9469
|
|
|
9413
|
-
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$
|
|
9470
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$r, _templateObject6$k, _templateObject7$f, _templateObject8$c, _templateObject9$8, _templateObject0$7;
|
|
9414
9471
|
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
9415
9472
|
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
9416
9473
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9417
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9474
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
9418
9475
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
9419
9476
|
var invert = _ref.invert,
|
|
9420
9477
|
theme = _ref.theme;
|
|
@@ -9433,7 +9490,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
9433
9490
|
}, devices.tablet, devices.mobile);
|
|
9434
9491
|
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: logo;\n padding-left: 50px;\n justify-content: left;\n align-items: center;\n width: 100%;\n @media ", " {\n padding-left: 0px;\n justify-content: center;\n }\n @media ", " {\n width: fit-content;\n }\n"])), devices.mobile, devices.tablet);
|
|
9435
9492
|
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: title;\n align-items: center;\n justify-content: center;\n font-family: var(--font-family-header);\n text-transform: uppercase;\n text-align: center;\n padding: 0 2em;\n @media ", " {\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9436
|
-
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
9493
|
+
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: cta;\n justify-content: right;\n align-items: center;\n padding-right: 50px;\n @media ", " {\n padding-right: 0px;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9437
9494
|
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject0$7 || (_templateObject0$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (_ref5) {
|
|
9438
9495
|
var invert = _ref5.invert,
|
|
9439
9496
|
theme = _ref5.theme;
|
|
@@ -9664,11 +9721,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9664
9721
|
}), linkText))))));
|
|
9665
9722
|
};
|
|
9666
9723
|
|
|
9667
|
-
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$
|
|
9724
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$s, _templateObject6$l, _templateObject7$g, _templateObject8$d;
|
|
9668
9725
|
var linkButtonStyles = /*#__PURE__*/styled.css(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n background: none;\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n font: inherit;\n padding: 0;\n\n span {\n height: 1.5em;\n width: 1.5em;\n\n svg > path {\n fill: var(--color-base-black);\n }\n }\n\n &:hover {\n outline: none;\n }\n"])));
|
|
9669
9726
|
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9670
9727
|
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9671
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject5$
|
|
9728
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\n align-items: center;\n justify-content: center;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: 0 auto;\n\n li {\n margin-left: 24px;\n color: var(--color-base-black);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n li:first-child {\n margin-left: 0px;\n }\n"])));
|
|
9672
9729
|
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9673
9730
|
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9674
9731
|
var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: ", ";\n border-bottom: ", ";\n }\n\n :hover {\n cursor: pointer;\n color: var(--color-primary-red);\n border-bottom: 1px solid var(--color-primary-red);\n svg > path {\n fill: var(--color-base-black);\n }\n }\n"])), function (_ref) {
|
|
@@ -9819,12 +9876,12 @@ var Pagination = function Pagination(_ref) {
|
|
|
9819
9876
|
}))))));
|
|
9820
9877
|
};
|
|
9821
9878
|
|
|
9822
|
-
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$
|
|
9879
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$t, _templateObject6$m, _templateObject7$h;
|
|
9823
9880
|
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
9824
9881
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9825
9882
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9826
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9827
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9883
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9884
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9828
9885
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
9829
9886
|
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9830
9887
|
|
|
@@ -9883,14 +9940,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9883
9940
|
}));
|
|
9884
9941
|
};
|
|
9885
9942
|
|
|
9886
|
-
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$
|
|
9943
|
+
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$z;
|
|
9887
9944
|
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9888
9945
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
|
|
9889
9946
|
var columnCount = _ref.columnCount;
|
|
9890
9947
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9891
9948
|
}, devices.mobile, devices.tablet);
|
|
9892
9949
|
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
9893
|
-
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9950
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9894
9951
|
|
|
9895
9952
|
// Get the total character length of a property in an array of objects
|
|
9896
9953
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -10017,7 +10074,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
10017
10074
|
}, creditEntries);
|
|
10018
10075
|
};
|
|
10019
10076
|
|
|
10020
|
-
var _templateObject$17, _templateObject3$H, _templateObject4$
|
|
10077
|
+
var _templateObject$17, _templateObject3$H, _templateObject4$A, _templateObject5$u, _templateObject6$n, _templateObject7$i, _templateObject8$e, _templateObject9$9, _templateObject0$8, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16;
|
|
10021
10078
|
var LENGTH_TEXT = 28;
|
|
10022
10079
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
10023
10080
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -10058,18 +10115,18 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$H ||
|
|
|
10058
10115
|
}
|
|
10059
10116
|
return '';
|
|
10060
10117
|
});
|
|
10061
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10118
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref7) {
|
|
10062
10119
|
var marginBottom = _ref7.marginBottom;
|
|
10063
10120
|
return marginBottom + "px";
|
|
10064
10121
|
}, function (_ref8) {
|
|
10065
10122
|
var mobileMarginBottom = _ref8.mobileMarginBottom;
|
|
10066
10123
|
return mobileMarginBottom && "\n @media " + devices.mobile + " {\n margin-bottom: " + mobileMarginBottom + "px;\n }\n ";
|
|
10067
10124
|
});
|
|
10068
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10125
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
10069
10126
|
var TextLinkWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
10070
10127
|
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
10071
10128
|
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
10072
|
-
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
10129
|
+
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
10073
10130
|
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject0$8 || (_templateObject0$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin: 0 50px 0 20px;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
10074
10131
|
var asCardOverrides = /*#__PURE__*/styled.css(_templateObject1$4 || (_templateObject1$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: row;\n @media ", " {\n flex-direction: row;\n }\n }\n"])), ButtonsContainer$2, devices.tablet);
|
|
10075
10132
|
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref9) {
|
|
@@ -10272,7 +10329,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10272
10329
|
}))));
|
|
10273
10330
|
};
|
|
10274
10331
|
|
|
10275
|
-
var _templateObject$18, _templateObject2$U, _templateObject3$I, _templateObject4$
|
|
10332
|
+
var _templateObject$18, _templateObject2$U, _templateObject3$I, _templateObject4$B, _templateObject5$v, _templateObject6$o, _templateObject7$j;
|
|
10276
10333
|
var LENGTH_TEXT$2 = 28;
|
|
10277
10334
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10278
10335
|
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
@@ -10290,8 +10347,8 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
10290
10347
|
var imageToLeft = _ref4.imageToLeft;
|
|
10291
10348
|
return imageToLeft ? 'right' : 'left';
|
|
10292
10349
|
}, devices.mobile);
|
|
10293
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$
|
|
10294
|
-
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$
|
|
10350
|
+
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10351
|
+
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10295
10352
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n margin-bottom: 32px;\n whiete-space: break-spaces;\n overflow-wrap: break-word;\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10296
10353
|
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref5) {
|
|
10297
10354
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
@@ -10743,7 +10800,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10743
10800
|
}, description)))));
|
|
10744
10801
|
};
|
|
10745
10802
|
|
|
10746
|
-
var _templateObject$1e, _templateObject2$X, _templateObject3$L, _templateObject4$
|
|
10803
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$L, _templateObject4$C, _templateObject5$w, _templateObject6$p, _templateObject7$k, _templateObject8$f, _templateObject9$a, _templateObject0$9, _templateObject1$5;
|
|
10747
10804
|
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
10748
10805
|
var theme = _ref.theme;
|
|
10749
10806
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10759,7 +10816,7 @@ var borderStyles = /*#__PURE__*/styled.css(_templateObject2$X || (_templateObjec
|
|
|
10759
10816
|
return theme.colors.darkgrey;
|
|
10760
10817
|
});
|
|
10761
10818
|
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10762
|
-
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$
|
|
10819
|
+
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
10763
10820
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
10764
10821
|
var theme = _ref5.theme;
|
|
10765
10822
|
return {
|
|
@@ -10767,11 +10824,11 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10767
10824
|
color: theme.colors.black,
|
|
10768
10825
|
title: 'Select Arrow'
|
|
10769
10826
|
};
|
|
10770
|
-
})(_templateObject5$
|
|
10827
|
+
})(_templateObject5$w || (_templateObject5$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
10771
10828
|
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10772
10829
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10773
10830
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10774
|
-
var Option = /*#__PURE__*/styled__default.li(_templateObject9$
|
|
10831
|
+
var Option = /*#__PURE__*/styled__default.li(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10775
10832
|
var theme = _ref6.theme,
|
|
10776
10833
|
hover = _ref6.hover;
|
|
10777
10834
|
var _theme$colors = theme.colors,
|
|
@@ -11124,7 +11181,7 @@ function Select(_ref3) {
|
|
|
11124
11181
|
})))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
11125
11182
|
}
|
|
11126
11183
|
|
|
11127
|
-
var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$
|
|
11184
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$D;
|
|
11128
11185
|
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11129
11186
|
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .harmonic-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .harmonic-select__control--is-focused {\n border-color: var(--base-color-dark-grey);\n box-shadow: ", ";\n }\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .harmonic-select__single-value,\n .harmonic-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .harmonic-select__placeholder {\n color: var(--base-color-dark-grey);\n }\n .harmonic-select__single-value {\n color: var(--base-color-black);\n }\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--base-color-light-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--base-color-dark-grey);\n }\n }\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-dark-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .harmonic-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--base-color-mid-grey);\n }\n }\n .harmonic-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .harmonic-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
11130
11187
|
var width = _ref.width;
|
|
@@ -11148,7 +11205,7 @@ var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templ
|
|
|
11148
11205
|
if (darkMode) return "var(--base-color-white)";
|
|
11149
11206
|
return "var(--base-color-black)";
|
|
11150
11207
|
});
|
|
11151
|
-
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11208
|
+
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
11152
11209
|
var darkMode = _ref6.darkMode;
|
|
11153
11210
|
if (darkMode) return "var(--base-color-white)";
|
|
11154
11211
|
return "var(--base-color-errorstate)";
|
|
@@ -11263,7 +11320,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
11263
11320
|
};
|
|
11264
11321
|
|
|
11265
11322
|
var _templateObject$1g, _templateObject2$Z;
|
|
11266
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% -
|
|
11323
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 34px);\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n\n @media ", " {\n height: calc(100% - 30px);\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
|
|
11267
11324
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
11268
11325
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
11269
11326
|
return aspectRatio;
|
|
@@ -11271,9 +11328,18 @@ var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1g || (_temp
|
|
|
11271
11328
|
var _ref2$aspectRatio = _ref2.aspectRatio,
|
|
11272
11329
|
aspectRatio = _ref2$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref2$aspectRatio,
|
|
11273
11330
|
height = _ref2.height;
|
|
11274
|
-
return "calc(calc(" + height + "px -
|
|
11331
|
+
return "calc(calc(" + height + "px - 34px) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
11332
|
+
}, devices.mobile, function (_ref3) {
|
|
11333
|
+
var _ref3$aspectRatio = _ref3.aspectRatio,
|
|
11334
|
+
aspectRatio = _ref3$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref3$aspectRatio;
|
|
11335
|
+
return aspectRatio;
|
|
11336
|
+
}, function (_ref4) {
|
|
11337
|
+
var _ref4$aspectRatio = _ref4.aspectRatio,
|
|
11338
|
+
aspectRatio = _ref4$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref4$aspectRatio,
|
|
11339
|
+
height = _ref4.height;
|
|
11340
|
+
return "calc(calc(" + height + "px - 30px) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
11275
11341
|
});
|
|
11276
|
-
var CaptionWrapper = /*#__PURE__*/styled__default
|
|
11342
|
+
var CaptionWrapper = /*#__PURE__*/styled__default(Caption)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: 22px;\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n word-break: var(--word-break-body);\n font-style: italic;\n\n @media ", " {\n height: 18px;\n }\n"])), devices.mobile);
|
|
11277
11343
|
|
|
11278
11344
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
11279
11345
|
var caption = _ref.caption,
|
|
@@ -11304,7 +11370,9 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11304
11370
|
return /*#__PURE__*/React__default.isValidElement(child) ? /*#__PURE__*/React__default.cloneElement(child, {
|
|
11305
11371
|
alt: child.props.alt || 'Visual representation'
|
|
11306
11372
|
}) : child;
|
|
11307
|
-
})), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper,
|
|
11373
|
+
})), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, {
|
|
11374
|
+
tag: "figcaption"
|
|
11375
|
+
}, caption));
|
|
11308
11376
|
};
|
|
11309
11377
|
|
|
11310
11378
|
var _templateObject$1h, _templateObject2$_, _templateObject3$N;
|
|
@@ -11338,12 +11406,12 @@ var Quote = function Quote(_ref) {
|
|
|
11338
11406
|
}, attribution))));
|
|
11339
11407
|
};
|
|
11340
11408
|
|
|
11341
|
-
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$
|
|
11409
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$E, _templateObject5$x, _templateObject6$q;
|
|
11342
11410
|
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
11343
11411
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11344
11412
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11345
|
-
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11346
|
-
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11413
|
+
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11414
|
+
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
11347
11415
|
var TitleWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
11348
11416
|
|
|
11349
11417
|
var MiniCard = function MiniCard(_ref) {
|
|
@@ -11382,18 +11450,18 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11382
11450
|
}, title)))));
|
|
11383
11451
|
};
|
|
11384
11452
|
|
|
11385
|
-
var _templateObject$1j, _templateObject2$10, _templateObject3$P, _templateObject4$
|
|
11453
|
+
var _templateObject$1j, _templateObject2$10, _templateObject3$P, _templateObject4$F, _templateObject5$y;
|
|
11386
11454
|
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
11387
11455
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
11388
11456
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
11389
11457
|
var isVisible = _ref.isVisible;
|
|
11390
11458
|
return isVisible ? 'visible' : 'hidden';
|
|
11391
11459
|
});
|
|
11392
|
-
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11460
|
+
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
11393
11461
|
var isVisible = _ref2.isVisible;
|
|
11394
11462
|
return isVisible ? 'visible' : 'hidden';
|
|
11395
11463
|
});
|
|
11396
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11464
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
|
|
11397
11465
|
|
|
11398
11466
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
11399
11467
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -11474,15 +11542,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11474
11542
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11475
11543
|
};
|
|
11476
11544
|
|
|
11477
|
-
var _templateObject$1k, _templateObject2$11, _templateObject3$Q, _templateObject4$
|
|
11545
|
+
var _templateObject$1k, _templateObject2$11, _templateObject3$Q, _templateObject4$G, _templateObject5$z;
|
|
11478
11546
|
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11479
11547
|
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
11480
11548
|
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
11481
|
-
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
11549
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
11482
11550
|
var isActive = _ref.isActive;
|
|
11483
11551
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
11484
11552
|
}, exports.Colors.MidGrey);
|
|
11485
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
11553
|
+
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
|
|
11486
11554
|
var isOpen = _ref2.isOpen;
|
|
11487
11555
|
return isOpen ? 'block' : 'none';
|
|
11488
11556
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -11638,15 +11706,15 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11638
11706
|
});
|
|
11639
11707
|
};
|
|
11640
11708
|
|
|
11641
|
-
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$
|
|
11709
|
+
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$H, _templateObject5$A, _templateObject6$r;
|
|
11642
11710
|
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11643
11711
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11644
11712
|
var Section = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11645
11713
|
var color = _ref.color;
|
|
11646
11714
|
return "var(--base-color-" + color + ")";
|
|
11647
11715
|
});
|
|
11648
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11649
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11716
|
+
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
11717
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11650
11718
|
var color = _ref2.color;
|
|
11651
11719
|
return "var(--base-color-" + color + ")";
|
|
11652
11720
|
});
|
|
@@ -11732,14 +11800,14 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11732
11800
|
}, strengthLabel))));
|
|
11733
11801
|
};
|
|
11734
11802
|
|
|
11735
|
-
var _templateObject$1m, _templateObject2$13, _templateObject3$S, _templateObject4$
|
|
11803
|
+
var _templateObject$1m, _templateObject2$13, _templateObject3$S, _templateObject4$I, _templateObject5$B, _templateObject6$s, _templateObject7$l, _templateObject8$g;
|
|
11736
11804
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11737
11805
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11738
11806
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11739
|
-
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$
|
|
11807
|
+
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n text-transform: capitalize;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n min-width: 150px;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
11740
11808
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11741
11809
|
}, devices.tablet, devices.mobile);
|
|
11742
|
-
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$
|
|
11810
|
+
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n vertical-align: middle;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n min-width: 150px;\n }\n"])), function (props) {
|
|
11743
11811
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11744
11812
|
}, devices.mobile);
|
|
11745
11813
|
var PaginationWrapper = /*#__PURE__*/styled__default(Pagination)(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 40px;\n padding-bottom: 80px;\n\n @media ", " {\n padding-top: 24px;\n padding-bottom: 60px;\n }\n"])), devices.mobile);
|
|
@@ -11947,7 +12015,7 @@ var Table = function Table(_ref) {
|
|
|
11947
12015
|
}))));
|
|
11948
12016
|
};
|
|
11949
12017
|
|
|
11950
|
-
var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$
|
|
12018
|
+
var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$J, _templateObject5$C, _templateObject6$t, _templateObject7$m, _templateObject8$h, _templateObject9$b, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
|
|
11951
12019
|
var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11952
12020
|
var theme = _ref.theme;
|
|
11953
12021
|
return "var(--color-" + theme + ")";
|
|
@@ -11957,12 +12025,12 @@ var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$1n || (_temp
|
|
|
11957
12025
|
});
|
|
11958
12026
|
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11959
12027
|
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
|
|
11960
|
-
var Error = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11961
|
-
var Form = /*#__PURE__*/styled__default.form(_templateObject5$
|
|
12028
|
+
var Error = /*#__PURE__*/styled__default.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
12029
|
+
var Form = /*#__PURE__*/styled__default.form(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error);
|
|
11962
12030
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
11963
12031
|
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11964
12032
|
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
11965
|
-
var ButtonWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
12033
|
+
var ButtonWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n color: var(--base-color-white);\n text-decoration: none;\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
11966
12034
|
var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$a || (_templateObject0$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 36px;\n\n @media ", " {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n"])), devices.mobile);
|
|
11967
12035
|
var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject1$6 || (_templateObject1$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div > p {\n margin: 0;\n }\n"])));
|
|
11968
12036
|
var DropdownAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1 / -1;\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n gap: var(--grid-column-gap);\n cursor: pointer;\n"])));
|
|
@@ -12370,13 +12438,13 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12370
12438
|
}))))));
|
|
12371
12439
|
};
|
|
12372
12440
|
|
|
12373
|
-
var _templateObject$1o, _templateObject2$15, _templateObject4$
|
|
12441
|
+
var _templateObject$1o, _templateObject2$15, _templateObject4$K, _templateObject5$D;
|
|
12374
12442
|
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n border-bottom: 1px solid var(--color-base-light-grey);\n\n ", "\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, function (_ref) {
|
|
12375
12443
|
var withShadow = _ref.withShadow;
|
|
12376
12444
|
return withShadow && styled.css(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12377
12445
|
}, devices.mobile);
|
|
12378
|
-
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
12379
|
-
var ContentWrapper$3 = /*#__PURE__*/styled__default.a(_templateObject5$
|
|
12446
|
+
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 24px;\n min-width: 24px;\n max-height: 24px;\n max-width: 24px;\n border: none;\n padding: 0;\n background: none;\n\n :hover {\n cursor: pointer;\n }\n\n @media ", " {\n min-height: 12px;\n min-width: 12px;\n max-height: 12px;\n max-width: 12px;\n }\n"])), devices.mobile);
|
|
12447
|
+
var ContentWrapper$3 = /*#__PURE__*/styled__default.a(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
12380
12448
|
|
|
12381
12449
|
var AnchorBar = function AnchorBar(_ref) {
|
|
12382
12450
|
var cta = _ref.cta,
|