@royaloperahouse/harmonic 0.11.0-p → 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 +241 -162
- 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 +241 -162
- 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) {
|
|
@@ -6346,7 +6374,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6346
6374
|
})))) : null))));
|
|
6347
6375
|
};
|
|
6348
6376
|
|
|
6349
|
-
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;
|
|
6350
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) {
|
|
6351
6379
|
var sticky = _ref.sticky;
|
|
6352
6380
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -6356,7 +6384,7 @@ var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$l || (_
|
|
|
6356
6384
|
var title = _ref2.title;
|
|
6357
6385
|
return title ? 'row' : 'row-reverse';
|
|
6358
6386
|
}, devices.tablet, devices.mobile);
|
|
6359
|
-
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);
|
|
6360
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);
|
|
6361
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);
|
|
6362
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) {
|
|
@@ -7008,21 +7036,21 @@ var BodyContent = function BodyContent(_ref) {
|
|
|
7008
7036
|
})));
|
|
7009
7037
|
};
|
|
7010
7038
|
|
|
7011
|
-
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;
|
|
7012
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);
|
|
7013
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"])));
|
|
7014
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) {
|
|
7015
7043
|
var theme = _ref.theme;
|
|
7016
7044
|
return theme.colors.primary;
|
|
7017
7045
|
}, exports.Colors.White);
|
|
7018
|
-
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) {
|
|
7019
7047
|
var stackCtasEarly = _ref2.stackCtasEarly;
|
|
7020
7048
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
7021
7049
|
}, function (_ref3) {
|
|
7022
7050
|
var stackCtasEarly = _ref3.stackCtasEarly;
|
|
7023
7051
|
return stackCtasEarly && "\n @media " + devices.smallDesktop + ", " + devices.mobileAndTablet + " {\n * {\n width: 100%;\n }\n }\n ";
|
|
7024
7052
|
});
|
|
7025
|
-
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"])));
|
|
7026
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"])));
|
|
7027
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"])));
|
|
7028
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"])));
|
|
@@ -7199,11 +7227,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
7199
7227
|
}, children)));
|
|
7200
7228
|
};
|
|
7201
7229
|
|
|
7202
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$o, _templateObject4$
|
|
7230
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$o, _templateObject4$k;
|
|
7203
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);
|
|
7204
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);
|
|
7205
7233
|
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7206
|
-
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"])));
|
|
7207
7235
|
|
|
7208
7236
|
var _excluded$g = ["isOpen", "setIsOpen", "children", "appElementId"];
|
|
7209
7237
|
var MAX_Z_INDEX = 9999999999;
|
|
@@ -7380,8 +7408,8 @@ var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
|
|
|
7380
7408
|
return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
|
|
7381
7409
|
};
|
|
7382
7410
|
|
|
7383
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$p, _templateObject4$
|
|
7384
|
-
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) {
|
|
7385
7413
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
7386
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 }";
|
|
7387
7415
|
}, devices.mobile, function (_ref2) {
|
|
@@ -7394,14 +7422,15 @@ var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A |
|
|
|
7394
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 ";
|
|
7395
7423
|
}, devices.mobile, /*#__PURE__*/getCardSlideMobileStyles());
|
|
7396
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);
|
|
7397
|
-
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7398
|
-
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) {
|
|
7399
7427
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
7400
7428
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
7401
7429
|
});
|
|
7402
|
-
var
|
|
7403
|
-
var
|
|
7404
|
-
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) {
|
|
7405
7434
|
var active = _ref5.active;
|
|
7406
7435
|
return active ? 'grid-column: 1 / span 16' : '';
|
|
7407
7436
|
}, devices.tablet, function (_ref6) {
|
|
@@ -7748,6 +7777,7 @@ var GRID_OFFSET_MARGIN = {
|
|
|
7748
7777
|
tablet: 15,
|
|
7749
7778
|
desktop: 3
|
|
7750
7779
|
};
|
|
7780
|
+
var FULLSCREEN_FIGCAPTION_HEIGHT = 34;
|
|
7751
7781
|
var Carousel = function Carousel(_ref) {
|
|
7752
7782
|
var children = _ref.children,
|
|
7753
7783
|
type = _ref.type,
|
|
@@ -7765,12 +7795,37 @@ var Carousel = function Carousel(_ref) {
|
|
|
7765
7795
|
_ref$useOffset = _ref.useOffset,
|
|
7766
7796
|
useOffset = _ref$useOffset === void 0 ? true : _ref$useOffset;
|
|
7767
7797
|
var _useState = React.useState(false),
|
|
7768
|
-
|
|
7769
|
-
|
|
7770
|
-
var _useState2 = React.useState(
|
|
7771
|
-
|
|
7772
|
-
|
|
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];
|
|
7773
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
|
+
}, []);
|
|
7774
7829
|
React.useEffect(function () {
|
|
7775
7830
|
if (!useOffset || !active) return undefined;
|
|
7776
7831
|
var updateWindowDimensions = function updateWindowDimensions() {
|
|
@@ -7796,6 +7851,13 @@ var Carousel = function Carousel(_ref) {
|
|
|
7796
7851
|
var _swipeRef$current2;
|
|
7797
7852
|
(_swipeRef$current2 = swipeRef.current) == null || _swipeRef$current2.prevSlide();
|
|
7798
7853
|
};
|
|
7854
|
+
var onClickFullscreen = function onClickFullscreen() {
|
|
7855
|
+
if (!isFullscreen && carouselRef.current) {
|
|
7856
|
+
carouselRef.current.requestFullscreen();
|
|
7857
|
+
} else if (isFullscreen) {
|
|
7858
|
+
document.exitFullscreen();
|
|
7859
|
+
}
|
|
7860
|
+
};
|
|
7799
7861
|
var onActiveChangeHandler = function onActiveChangeHandler(value) {
|
|
7800
7862
|
if (useOffset && !active) {
|
|
7801
7863
|
setActive(value);
|
|
@@ -7811,18 +7873,21 @@ var Carousel = function Carousel(_ref) {
|
|
|
7811
7873
|
imagesHeightDevice: imagesHeightDevice,
|
|
7812
7874
|
imagesHeightDesktop: imagesHeightDesktop,
|
|
7813
7875
|
role: "region",
|
|
7814
|
-
"aria-labelledby": carouselTitleId
|
|
7815
|
-
|
|
7876
|
+
"aria-labelledby": carouselTitleId,
|
|
7877
|
+
ref: carouselRef
|
|
7878
|
+
}, /*#__PURE__*/React__default.createElement(TitleButtonsGrid, {
|
|
7879
|
+
ref: titleButtonsGridRef
|
|
7880
|
+
}, /*#__PURE__*/React__default.createElement(TitleGridItem, {
|
|
7816
7881
|
columnStartDesktop: 3,
|
|
7817
7882
|
columnSpanDesktop: 10,
|
|
7818
7883
|
columnStartDevice: 2,
|
|
7819
|
-
columnSpanDevice:
|
|
7884
|
+
columnSpanDevice: 9
|
|
7820
7885
|
}, title && (/*#__PURE__*/React__default.createElement(CarouselInfoWrapper, {
|
|
7821
7886
|
"data-testid": "carousel-title-wrapper"
|
|
7822
7887
|
}, /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
7823
7888
|
id: carouselTitleId,
|
|
7824
7889
|
isDescriptionPresent: !!description
|
|
7825
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7890
|
+
}, /*#__PURE__*/React__default.createElement(TitleText, {
|
|
7826
7891
|
size: "medium",
|
|
7827
7892
|
serif: true,
|
|
7828
7893
|
hierarchy: titleSemanticLevelValue
|
|
@@ -7831,14 +7896,17 @@ var Carousel = function Carousel(_ref) {
|
|
|
7831
7896
|
}, description)))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
7832
7897
|
columnStartDesktop: 14,
|
|
7833
7898
|
columnSpanDesktop: 2,
|
|
7834
|
-
columnStartDevice:
|
|
7899
|
+
columnStartDevice: 13,
|
|
7835
7900
|
columnSpanDevice: 2
|
|
7836
7901
|
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
7837
7902
|
"data-testid": "carousel-buttons-wrapper"
|
|
7838
7903
|
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
7839
7904
|
onClickNext: onNext,
|
|
7840
7905
|
onClickPrev: onPrev,
|
|
7841
|
-
availablePrev: true
|
|
7906
|
+
availablePrev: true,
|
|
7907
|
+
showFullscreen: type === exports.CarouselType.Image,
|
|
7908
|
+
onClickFullscreen: onClickFullscreen,
|
|
7909
|
+
isFullscreen: isFullscreen
|
|
7842
7910
|
})))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(SwipeGridWrapper, {
|
|
7843
7911
|
active: active,
|
|
7844
7912
|
columnStartDesktop: 3,
|
|
@@ -7856,16 +7924,16 @@ var Carousel = function Carousel(_ref) {
|
|
|
7856
7924
|
}, children))));
|
|
7857
7925
|
};
|
|
7858
7926
|
|
|
7859
|
-
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;
|
|
7860
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);
|
|
7861
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);
|
|
7862
7930
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7863
|
-
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7864
|
-
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);
|
|
7865
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"])));
|
|
7866
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);
|
|
7867
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);
|
|
7868
|
-
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);
|
|
7869
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);
|
|
7870
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);
|
|
7871
7939
|
var HtmlBodyText = /*#__PURE__*/styled__default.p(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
@@ -8038,15 +8106,15 @@ var InfoSection = function InfoSection(_ref) {
|
|
|
8038
8106
|
}, additionalInfo)))));
|
|
8039
8107
|
};
|
|
8040
8108
|
|
|
8041
|
-
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$
|
|
8109
|
+
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$n, _templateObject5$h, _templateObject6$d;
|
|
8042
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"])));
|
|
8043
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"])));
|
|
8044
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) {
|
|
8045
8113
|
var isVisible = _ref.isVisible;
|
|
8046
8114
|
return isVisible ? 'visible' : 'hidden';
|
|
8047
8115
|
}, devices.mobile);
|
|
8048
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8049
|
-
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) {
|
|
8050
8118
|
var textHeight = _ref2.textHeight;
|
|
8051
8119
|
return textHeight;
|
|
8052
8120
|
}, devices.mobile);
|
|
@@ -8177,7 +8245,7 @@ var Accordions = function Accordions(_ref) {
|
|
|
8177
8245
|
}));
|
|
8178
8246
|
};
|
|
8179
8247
|
|
|
8180
|
-
var _templateObject$T, _templateObject2$E, _templateObject3$s, _templateObject4$
|
|
8248
|
+
var _templateObject$T, _templateObject2$E, _templateObject3$s, _templateObject4$o, _templateObject5$i;
|
|
8181
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);
|
|
8182
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) {
|
|
8183
8251
|
var isClickable = _ref.isClickable;
|
|
@@ -8187,8 +8255,8 @@ var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$E || (_te
|
|
|
8187
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 ";
|
|
8188
8256
|
});
|
|
8189
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"])));
|
|
8190
|
-
var OverlineWrapper = /*#__PURE__*/styled__default(HarmonicOverline)(_templateObject4$
|
|
8191
|
-
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) {
|
|
8192
8260
|
var variant = _ref3.variant;
|
|
8193
8261
|
return variant === BannerVariants['service-persistent'] ? '8px' : '0px';
|
|
8194
8262
|
}, function (_ref4) {
|
|
@@ -8260,7 +8328,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8260
8328
|
}))))));
|
|
8261
8329
|
};
|
|
8262
8330
|
|
|
8263
|
-
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;
|
|
8264
8332
|
var LENGTH_LARGE_TEXT = 28;
|
|
8265
8333
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8266
8334
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8276,18 +8344,18 @@ var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$F || (_te
|
|
|
8276
8344
|
return lineColor ? "var(--color-" + lineColor + ")" : 'var(--color-primary-background)';
|
|
8277
8345
|
}, zIndexes.contentOverlay);
|
|
8278
8346
|
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -6px;\n"])));
|
|
8279
|
-
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) {
|
|
8280
8348
|
var fullWidth = _ref4.fullWidth;
|
|
8281
8349
|
return fullWidth ? '0' : '20px';
|
|
8282
8350
|
}, function (_ref5) {
|
|
8283
8351
|
var fullWidth = _ref5.fullWidth;
|
|
8284
8352
|
return fullWidth ? '0' : '20px';
|
|
8285
8353
|
});
|
|
8286
|
-
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);
|
|
8287
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);
|
|
8288
|
-
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"])));
|
|
8289
8357
|
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8290
|
-
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"])));
|
|
8291
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) {
|
|
8292
8360
|
var isVisible = _ref6.isVisible;
|
|
8293
8361
|
return isVisible ? "visible" : 'hidden';
|
|
@@ -8471,14 +8539,14 @@ var Card = function Card(_ref) {
|
|
|
8471
8539
|
size: "medium"
|
|
8472
8540
|
}, title)), subtitle ? (/*#__PURE__*/React__default.createElement(SubtitleContainer, null, /*#__PURE__*/React__default.createElement(HarmonicOverline, {
|
|
8473
8541
|
size: "large"
|
|
8474
|
-
}, subtitle))) : null, /*#__PURE__*/React__default.createElement(
|
|
8475
|
-
|
|
8476
|
-
|
|
8542
|
+
}, subtitle))) : null, /*#__PURE__*/React__default.createElement(TextContainer$2, {
|
|
8543
|
+
tag: "div",
|
|
8544
|
+
size: "large",
|
|
8477
8545
|
id: cardDescriptionId,
|
|
8478
8546
|
dangerouslySetInnerHTML: {
|
|
8479
8547
|
__html: truncatedText
|
|
8480
8548
|
}
|
|
8481
|
-
})
|
|
8549
|
+
}), highlightText && (/*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
8482
8550
|
size: "large",
|
|
8483
8551
|
color: "red"
|
|
8484
8552
|
}, highlightText))))), auxiliaryCTA && (/*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
@@ -8543,12 +8611,12 @@ var Cards = function Cards(_ref) {
|
|
|
8543
8611
|
}));
|
|
8544
8612
|
};
|
|
8545
8613
|
|
|
8546
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$
|
|
8614
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$b;
|
|
8547
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);
|
|
8548
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);
|
|
8549
8617
|
var AddressWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
8550
|
-
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8551
|
-
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);
|
|
8552
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);
|
|
8553
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);
|
|
8554
8622
|
|
|
@@ -8601,16 +8669,16 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8601
8669
|
}, addressString)))))))));
|
|
8602
8670
|
};
|
|
8603
8671
|
|
|
8604
|
-
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$
|
|
8672
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$r, _templateObject5$l, _templateObject6$g;
|
|
8605
8673
|
var BodyTextRelative = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8606
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) {
|
|
8607
8675
|
return props.clickable ? 'pointer' : 'default';
|
|
8608
8676
|
}, devices.mobile);
|
|
8609
8677
|
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
8610
|
-
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) {
|
|
8611
8679
|
return props.showImage ? 2 : '1 / span 4';
|
|
8612
8680
|
}, devices.mobile);
|
|
8613
|
-
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"])));
|
|
8614
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) {
|
|
8615
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 ";
|
|
8616
8684
|
});
|
|
@@ -8685,7 +8753,7 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
8685
8753
|
}), link.text))));
|
|
8686
8754
|
};
|
|
8687
8755
|
|
|
8688
|
-
var _templateObject$Y, _templateObject2$J, _templateObject3$w, _templateObject4$
|
|
8756
|
+
var _templateObject$Y, _templateObject2$J, _templateObject3$w, _templateObject4$s, _templateObject5$m;
|
|
8689
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) {
|
|
8690
8758
|
var imageToLeft = _ref.imageToLeft;
|
|
8691
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'";
|
|
@@ -8698,8 +8766,8 @@ var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$w |
|
|
|
8698
8766
|
var imageToLeft = _ref3.imageToLeft;
|
|
8699
8767
|
return imageToLeft ? 'right' : 'left';
|
|
8700
8768
|
}, devices.mobile);
|
|
8701
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
8702
|
-
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"])));
|
|
8703
8771
|
|
|
8704
8772
|
var Editorial = function Editorial(_ref) {
|
|
8705
8773
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -8797,7 +8865,7 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
8797
8865
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
|
|
8798
8866
|
};
|
|
8799
8867
|
|
|
8800
|
-
var _templateObject$_, _templateObject2$L, _templateObject3$y, _templateObject4$
|
|
8868
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$y, _templateObject4$t;
|
|
8801
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);
|
|
8802
8870
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8803
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) {
|
|
@@ -8843,7 +8911,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$y || (
|
|
|
8843
8911
|
theme = _ref10.theme;
|
|
8844
8912
|
return getTextColor$4(variant, theme, COLORS$4.pressed);
|
|
8845
8913
|
});
|
|
8846
|
-
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);
|
|
8847
8915
|
|
|
8848
8916
|
// Helper function for rendering buttons based on the variant
|
|
8849
8917
|
var renderButton = function renderButton(_ref) {
|
|
@@ -8969,7 +9037,7 @@ var Information = function Information(_ref) {
|
|
|
8969
9037
|
})))));
|
|
8970
9038
|
};
|
|
8971
9039
|
|
|
8972
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$
|
|
9040
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$c, _templateObject8$9;
|
|
8973
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) {
|
|
8974
9042
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8975
9043
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -8979,11 +9047,11 @@ var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$z || (_te
|
|
|
8979
9047
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
8980
9048
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
8981
9049
|
});
|
|
8982
|
-
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) {
|
|
8983
9051
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
8984
9052
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
8985
9053
|
}, devices.mobile);
|
|
8986
|
-
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) {
|
|
8987
9055
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
8988
9056
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
8989
9057
|
}, devices.mobile);
|
|
@@ -9070,12 +9138,12 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9070
9138
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
9071
9139
|
};
|
|
9072
9140
|
|
|
9073
|
-
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;
|
|
9074
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);
|
|
9075
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);
|
|
9076
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);
|
|
9077
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9078
|
-
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"])));
|
|
9079
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);
|
|
9080
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);
|
|
9081
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);
|
|
@@ -9141,7 +9209,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
9141
9209
|
}, "Scroll Down"))) : null);
|
|
9142
9210
|
};
|
|
9143
9211
|
|
|
9144
|
-
var _templateObject$11, _templateObject2$O, _templateObject3$B, _templateObject4$
|
|
9212
|
+
var _templateObject$11, _templateObject2$O, _templateObject3$B, _templateObject4$w, _templateObject5$p;
|
|
9145
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) {
|
|
9146
9214
|
var color = _ref.color;
|
|
9147
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 ";
|
|
@@ -9154,8 +9222,8 @@ var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templat
|
|
|
9154
9222
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
9155
9223
|
});
|
|
9156
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);
|
|
9157
|
-
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9158
|
-
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);
|
|
9159
9227
|
|
|
9160
9228
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
9161
9229
|
var _image$src, _image$alt;
|
|
@@ -9185,12 +9253,12 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9185
9253
|
})))));
|
|
9186
9254
|
};
|
|
9187
9255
|
|
|
9188
|
-
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;
|
|
9189
9257
|
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9190
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"])));
|
|
9191
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);
|
|
9192
|
-
var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9193
|
-
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) {
|
|
9194
9262
|
var theme = _ref.theme;
|
|
9195
9263
|
return theme == exports.ThemeType.Cinema ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
9196
9264
|
}, function (_ref2) {
|
|
@@ -9206,7 +9274,7 @@ var MainButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject8$b || (
|
|
|
9206
9274
|
var isAdditionalButtonPresent = _ref4.isAdditionalButtonPresent;
|
|
9207
9275
|
return isAdditionalButtonPresent ? '20px' : '0';
|
|
9208
9276
|
});
|
|
9209
|
-
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);
|
|
9210
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) {
|
|
9211
9279
|
var theme = _ref5.theme;
|
|
9212
9280
|
return theme == exports.ThemeType.Cinema ? 'var(--color-base-black)' : 'var(--color-base-white)';
|
|
@@ -9399,11 +9467,11 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9399
9467
|
})))))))))));
|
|
9400
9468
|
};
|
|
9401
9469
|
|
|
9402
|
-
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;
|
|
9403
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);
|
|
9404
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"])));
|
|
9405
9473
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9406
|
-
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);
|
|
9407
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) {
|
|
9408
9476
|
var invert = _ref.invert,
|
|
9409
9477
|
theme = _ref.theme;
|
|
@@ -9422,7 +9490,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
9422
9490
|
}, devices.tablet, devices.mobile);
|
|
9423
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);
|
|
9424
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);
|
|
9425
|
-
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);
|
|
9426
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) {
|
|
9427
9495
|
var invert = _ref5.invert,
|
|
9428
9496
|
theme = _ref5.theme;
|
|
@@ -9653,11 +9721,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9653
9721
|
}), linkText))))));
|
|
9654
9722
|
};
|
|
9655
9723
|
|
|
9656
|
-
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$
|
|
9724
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$s, _templateObject6$l, _templateObject7$g, _templateObject8$d;
|
|
9657
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"])));
|
|
9658
9726
|
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9659
9727
|
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9660
|
-
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"])));
|
|
9661
9729
|
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9662
9730
|
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9663
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) {
|
|
@@ -9808,12 +9876,12 @@ var Pagination = function Pagination(_ref) {
|
|
|
9808
9876
|
}))))));
|
|
9809
9877
|
};
|
|
9810
9878
|
|
|
9811
|
-
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$
|
|
9879
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$t, _templateObject6$m, _templateObject7$h;
|
|
9812
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);
|
|
9813
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"])));
|
|
9814
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"])));
|
|
9815
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9816
|
-
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"])));
|
|
9817
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"])));
|
|
9818
9886
|
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9819
9887
|
|
|
@@ -9872,14 +9940,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9872
9940
|
}));
|
|
9873
9941
|
};
|
|
9874
9942
|
|
|
9875
|
-
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$
|
|
9943
|
+
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$z;
|
|
9876
9944
|
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9877
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) {
|
|
9878
9946
|
var columnCount = _ref.columnCount;
|
|
9879
9947
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9880
9948
|
}, devices.mobile, devices.tablet);
|
|
9881
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"])));
|
|
9882
|
-
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"])));
|
|
9883
9951
|
|
|
9884
9952
|
// Get the total character length of a property in an array of objects
|
|
9885
9953
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -10006,7 +10074,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
10006
10074
|
}, creditEntries);
|
|
10007
10075
|
};
|
|
10008
10076
|
|
|
10009
|
-
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;
|
|
10010
10078
|
var LENGTH_TEXT = 28;
|
|
10011
10079
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
10012
10080
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -10047,18 +10115,18 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$H ||
|
|
|
10047
10115
|
}
|
|
10048
10116
|
return '';
|
|
10049
10117
|
});
|
|
10050
|
-
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) {
|
|
10051
10119
|
var marginBottom = _ref7.marginBottom;
|
|
10052
10120
|
return marginBottom + "px";
|
|
10053
10121
|
}, function (_ref8) {
|
|
10054
10122
|
var mobileMarginBottom = _ref8.mobileMarginBottom;
|
|
10055
10123
|
return mobileMarginBottom && "\n @media " + devices.mobile + " {\n margin-bottom: " + mobileMarginBottom + "px;\n }\n ";
|
|
10056
10124
|
});
|
|
10057
|
-
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"])));
|
|
10058
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"])));
|
|
10059
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);
|
|
10060
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);
|
|
10061
|
-
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);
|
|
10062
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);
|
|
10063
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);
|
|
10064
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) {
|
|
@@ -10261,7 +10329,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10261
10329
|
}))));
|
|
10262
10330
|
};
|
|
10263
10331
|
|
|
10264
|
-
var _templateObject$18, _templateObject2$U, _templateObject3$I, _templateObject4$
|
|
10332
|
+
var _templateObject$18, _templateObject2$U, _templateObject3$I, _templateObject4$B, _templateObject5$v, _templateObject6$o, _templateObject7$j;
|
|
10265
10333
|
var LENGTH_TEXT$2 = 28;
|
|
10266
10334
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10267
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) {
|
|
@@ -10279,8 +10347,8 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
10279
10347
|
var imageToLeft = _ref4.imageToLeft;
|
|
10280
10348
|
return imageToLeft ? 'right' : 'left';
|
|
10281
10349
|
}, devices.mobile);
|
|
10282
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$
|
|
10283
|
-
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"])));
|
|
10284
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);
|
|
10285
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) {
|
|
10286
10354
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
@@ -10732,7 +10800,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10732
10800
|
}, description)))));
|
|
10733
10801
|
};
|
|
10734
10802
|
|
|
10735
|
-
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;
|
|
10736
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) {
|
|
10737
10805
|
var theme = _ref.theme;
|
|
10738
10806
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10748,7 +10816,7 @@ var borderStyles = /*#__PURE__*/styled.css(_templateObject2$X || (_templateObjec
|
|
|
10748
10816
|
return theme.colors.darkgrey;
|
|
10749
10817
|
});
|
|
10750
10818
|
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10751
|
-
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"])));
|
|
10752
10820
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
10753
10821
|
var theme = _ref5.theme;
|
|
10754
10822
|
return {
|
|
@@ -10756,11 +10824,11 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10756
10824
|
color: theme.colors.black,
|
|
10757
10825
|
title: 'Select Arrow'
|
|
10758
10826
|
};
|
|
10759
|
-
})(_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"])));
|
|
10760
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);
|
|
10761
10829
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10762
10830
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10763
|
-
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) {
|
|
10764
10832
|
var theme = _ref6.theme,
|
|
10765
10833
|
hover = _ref6.hover;
|
|
10766
10834
|
var _theme$colors = theme.colors,
|
|
@@ -11113,7 +11181,7 @@ function Select(_ref3) {
|
|
|
11113
11181
|
})))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
11114
11182
|
}
|
|
11115
11183
|
|
|
11116
|
-
var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$
|
|
11184
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$D;
|
|
11117
11185
|
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11118
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) {
|
|
11119
11187
|
var width = _ref.width;
|
|
@@ -11137,7 +11205,7 @@ var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templ
|
|
|
11137
11205
|
if (darkMode) return "var(--base-color-white)";
|
|
11138
11206
|
return "var(--base-color-black)";
|
|
11139
11207
|
});
|
|
11140
|
-
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) {
|
|
11141
11209
|
var darkMode = _ref6.darkMode;
|
|
11142
11210
|
if (darkMode) return "var(--base-color-white)";
|
|
11143
11211
|
return "var(--base-color-errorstate)";
|
|
@@ -11252,7 +11320,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
11252
11320
|
};
|
|
11253
11321
|
|
|
11254
11322
|
var _templateObject$1g, _templateObject2$Z;
|
|
11255
|
-
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) {
|
|
11256
11324
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
11257
11325
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
11258
11326
|
return aspectRatio;
|
|
@@ -11260,9 +11328,18 @@ var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1g || (_temp
|
|
|
11260
11328
|
var _ref2$aspectRatio = _ref2.aspectRatio,
|
|
11261
11329
|
aspectRatio = _ref2$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref2$aspectRatio,
|
|
11262
11330
|
height = _ref2.height;
|
|
11263
|
-
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] + ")";
|
|
11264
11341
|
});
|
|
11265
|
-
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);
|
|
11266
11343
|
|
|
11267
11344
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
11268
11345
|
var caption = _ref.caption,
|
|
@@ -11293,7 +11370,9 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11293
11370
|
return /*#__PURE__*/React__default.isValidElement(child) ? /*#__PURE__*/React__default.cloneElement(child, {
|
|
11294
11371
|
alt: child.props.alt || 'Visual representation'
|
|
11295
11372
|
}) : child;
|
|
11296
|
-
})), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper,
|
|
11373
|
+
})), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, {
|
|
11374
|
+
tag: "figcaption"
|
|
11375
|
+
}, caption));
|
|
11297
11376
|
};
|
|
11298
11377
|
|
|
11299
11378
|
var _templateObject$1h, _templateObject2$_, _templateObject3$N;
|
|
@@ -11327,12 +11406,12 @@ var Quote = function Quote(_ref) {
|
|
|
11327
11406
|
}, attribution))));
|
|
11328
11407
|
};
|
|
11329
11408
|
|
|
11330
|
-
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$
|
|
11409
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$E, _templateObject5$x, _templateObject6$q;
|
|
11331
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"])));
|
|
11332
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"])));
|
|
11333
11412
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11334
|
-
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11335
|
-
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);
|
|
11336
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);
|
|
11337
11416
|
|
|
11338
11417
|
var MiniCard = function MiniCard(_ref) {
|
|
@@ -11371,18 +11450,18 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11371
11450
|
}, title)))));
|
|
11372
11451
|
};
|
|
11373
11452
|
|
|
11374
|
-
var _templateObject$1j, _templateObject2$10, _templateObject3$P, _templateObject4$
|
|
11453
|
+
var _templateObject$1j, _templateObject2$10, _templateObject3$P, _templateObject4$F, _templateObject5$y;
|
|
11375
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"])));
|
|
11376
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"])));
|
|
11377
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) {
|
|
11378
11457
|
var isVisible = _ref.isVisible;
|
|
11379
11458
|
return isVisible ? 'visible' : 'hidden';
|
|
11380
11459
|
});
|
|
11381
|
-
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) {
|
|
11382
11461
|
var isVisible = _ref2.isVisible;
|
|
11383
11462
|
return isVisible ? 'visible' : 'hidden';
|
|
11384
11463
|
});
|
|
11385
|
-
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"])));
|
|
11386
11465
|
|
|
11387
11466
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
11388
11467
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -11463,15 +11542,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11463
11542
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11464
11543
|
};
|
|
11465
11544
|
|
|
11466
|
-
var _templateObject$1k, _templateObject2$11, _templateObject3$Q, _templateObject4$
|
|
11545
|
+
var _templateObject$1k, _templateObject2$11, _templateObject3$Q, _templateObject4$G, _templateObject5$z;
|
|
11467
11546
|
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11468
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);
|
|
11469
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);
|
|
11470
|
-
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) {
|
|
11471
11550
|
var isActive = _ref.isActive;
|
|
11472
11551
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
11473
11552
|
}, exports.Colors.MidGrey);
|
|
11474
|
-
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) {
|
|
11475
11554
|
var isOpen = _ref2.isOpen;
|
|
11476
11555
|
return isOpen ? 'block' : 'none';
|
|
11477
11556
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -11627,15 +11706,15 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11627
11706
|
});
|
|
11628
11707
|
};
|
|
11629
11708
|
|
|
11630
|
-
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$
|
|
11709
|
+
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$H, _templateObject5$A, _templateObject6$r;
|
|
11631
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"])));
|
|
11632
11711
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11633
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) {
|
|
11634
11713
|
var color = _ref.color;
|
|
11635
11714
|
return "var(--base-color-" + color + ")";
|
|
11636
11715
|
});
|
|
11637
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11638
|
-
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) {
|
|
11639
11718
|
var color = _ref2.color;
|
|
11640
11719
|
return "var(--base-color-" + color + ")";
|
|
11641
11720
|
});
|
|
@@ -11721,14 +11800,14 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11721
11800
|
}, strengthLabel))));
|
|
11722
11801
|
};
|
|
11723
11802
|
|
|
11724
|
-
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;
|
|
11725
11804
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11726
11805
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11727
11806
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11728
|
-
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) {
|
|
11729
11808
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11730
11809
|
}, devices.tablet, devices.mobile);
|
|
11731
|
-
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) {
|
|
11732
11811
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11733
11812
|
}, devices.mobile);
|
|
11734
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);
|
|
@@ -11936,7 +12015,7 @@ var Table = function Table(_ref) {
|
|
|
11936
12015
|
}))));
|
|
11937
12016
|
};
|
|
11938
12017
|
|
|
11939
|
-
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;
|
|
11940
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) {
|
|
11941
12020
|
var theme = _ref.theme;
|
|
11942
12021
|
return "var(--color-" + theme + ")";
|
|
@@ -11946,12 +12025,12 @@ var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$1n || (_temp
|
|
|
11946
12025
|
});
|
|
11947
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);
|
|
11948
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);
|
|
11949
|
-
var Error = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11950
|
-
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);
|
|
11951
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);
|
|
11952
12031
|
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11953
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);
|
|
11954
|
-
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);
|
|
11955
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);
|
|
11956
12035
|
var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject1$6 || (_templateObject1$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div > p {\n margin: 0;\n }\n"])));
|
|
11957
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"])));
|
|
@@ -12359,13 +12438,13 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12359
12438
|
}))))));
|
|
12360
12439
|
};
|
|
12361
12440
|
|
|
12362
|
-
var _templateObject$1o, _templateObject2$15, _templateObject4$
|
|
12441
|
+
var _templateObject$1o, _templateObject2$15, _templateObject4$K, _templateObject5$D;
|
|
12363
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) {
|
|
12364
12443
|
var withShadow = _ref.withShadow;
|
|
12365
12444
|
return withShadow && styled.css(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12366
12445
|
}, devices.mobile);
|
|
12367
|
-
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
12368
|
-
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"])));
|
|
12369
12448
|
|
|
12370
12449
|
var AnchorBar = function AnchorBar(_ref) {
|
|
12371
12450
|
var cta = _ref.cta,
|