@royaloperahouse/harmonic 0.11.0-o → 0.11.0-q
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Typography/Typography.d.ts +1 -1
- package/dist/components/atoms/RotatorButtons/RotatorButtons.d.ts +1 -1
- package/dist/components/atoms/RotatorButtons/RotatorButtons.style.d.ts +1 -0
- package/dist/components/molecules/Card/Card.style.d.ts +1 -1
- package/dist/components/molecules/ImageWithCaption/ImageWithCaption.style.d.ts +1 -1
- package/dist/components/organisms/Carousels/Carousel/Carousel.style.d.ts +1 -0
- package/dist/harmonic.cjs.development.js +242 -174
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +242 -174
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/types/buttonTypes.d.ts +6 -0
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -321,12 +321,14 @@ var Caption = function Caption(_ref7) {
|
|
|
321
321
|
var children = _ref7.children,
|
|
322
322
|
_ref7$color = _ref7.color,
|
|
323
323
|
color = _ref7$color === void 0 ? 'inherit' : _ref7$color,
|
|
324
|
+
_ref7$tag = _ref7.tag,
|
|
325
|
+
Tag = _ref7$tag === void 0 ? 'p' : _ref7$tag,
|
|
324
326
|
className = _ref7.className;
|
|
325
327
|
var classNames = createClassNames('captiontext', {
|
|
326
328
|
color: color,
|
|
327
329
|
className: className
|
|
328
330
|
}, typographyStyles);
|
|
329
|
-
return /*#__PURE__*/React__default.createElement(
|
|
331
|
+
return /*#__PURE__*/React__default.createElement(Tag, {
|
|
330
332
|
className: classNames
|
|
331
333
|
}, children);
|
|
332
334
|
};
|
|
@@ -3448,10 +3450,12 @@ var Radio2Component = function Radio2Component(_ref, ref) {
|
|
|
3448
3450
|
};
|
|
3449
3451
|
var Radio2 = /*#__PURE__*/forwardRef(Radio2Component);
|
|
3450
3452
|
|
|
3451
|
-
var _templateObject$f, _templateObject2$9, _templateObject3$5;
|
|
3453
|
+
var _templateObject$f, _templateObject2$9, _templateObject3$5, _templateObject4$3, _templateObject5$2;
|
|
3452
3454
|
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3453
|
-
var
|
|
3454
|
-
var
|
|
3455
|
+
var BaseIconWrapper = /*#__PURE__*/styled.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"])));
|
|
3456
|
+
var IconWrapper$1 = /*#__PURE__*/styled(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"])));
|
|
3457
|
+
var IconUnavailableWrapper = /*#__PURE__*/styled(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);
|
|
3458
|
+
var FullscreenIconWrapper = /*#__PURE__*/styled(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);
|
|
3455
3459
|
|
|
3456
3460
|
var RotatorButtons = function RotatorButtons(_ref) {
|
|
3457
3461
|
var onClickPrev = _ref.onClickPrev,
|
|
@@ -3460,6 +3464,11 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3460
3464
|
availablePrev = _ref$availablePrev === void 0 ? true : _ref$availablePrev,
|
|
3461
3465
|
_ref$availableNext = _ref.availableNext,
|
|
3462
3466
|
availableNext = _ref$availableNext === void 0 ? true : _ref$availableNext,
|
|
3467
|
+
_ref$showFullscreen = _ref.showFullscreen,
|
|
3468
|
+
showFullscreen = _ref$showFullscreen === void 0 ? false : _ref$showFullscreen,
|
|
3469
|
+
onClickFullscreen = _ref.onClickFullscreen,
|
|
3470
|
+
_ref$isFullscreen = _ref.isFullscreen,
|
|
3471
|
+
isFullscreen = _ref$isFullscreen === void 0 ? false : _ref$isFullscreen,
|
|
3463
3472
|
className = _ref.className;
|
|
3464
3473
|
var onClickLeftHandler = function onClickLeftHandler() {
|
|
3465
3474
|
if (onClickPrev) {
|
|
@@ -3481,6 +3490,11 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3481
3490
|
onClickRightHandler();
|
|
3482
3491
|
}
|
|
3483
3492
|
};
|
|
3493
|
+
var onClickFullscreenHandler = function onClickFullscreenHandler() {
|
|
3494
|
+
if (onClickFullscreen) {
|
|
3495
|
+
onClickFullscreen();
|
|
3496
|
+
}
|
|
3497
|
+
};
|
|
3484
3498
|
var renderPrevIcon = function renderPrevIcon() {
|
|
3485
3499
|
return /*#__PURE__*/React__default.createElement(Icon, {
|
|
3486
3500
|
iconName: "CarouselArrow",
|
|
@@ -3492,6 +3506,13 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3492
3506
|
iconName: "CarouselArrow"
|
|
3493
3507
|
});
|
|
3494
3508
|
};
|
|
3509
|
+
var renderFullscreenIcon = function renderFullscreenIcon() {
|
|
3510
|
+
return isFullscreen ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
3511
|
+
iconName: "Minimise"
|
|
3512
|
+
}) : /*#__PURE__*/React__default.createElement(Icon, {
|
|
3513
|
+
iconName: "FullScreen"
|
|
3514
|
+
});
|
|
3515
|
+
};
|
|
3495
3516
|
return /*#__PURE__*/React__default.createElement(ButtonsContainer, {
|
|
3496
3517
|
className: className
|
|
3497
3518
|
}, availablePrev ? (/*#__PURE__*/React__default.createElement(IconWrapper$1, {
|
|
@@ -3514,7 +3535,14 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3514
3535
|
role: "button"
|
|
3515
3536
|
}, renderNextIcon())) : (/*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
|
|
3516
3537
|
"data-testid": "iconnextnoavailable"
|
|
3517
|
-
}, renderNextIcon()))
|
|
3538
|
+
}, renderNextIcon())), showFullscreen && (/*#__PURE__*/React__default.createElement(FullscreenIconWrapper, {
|
|
3539
|
+
onClick: onClickFullscreenHandler,
|
|
3540
|
+
tabIndex: 0,
|
|
3541
|
+
"data-testid": "iconfullscreen",
|
|
3542
|
+
className: "carousel-icon-wrapper-fullscreen",
|
|
3543
|
+
"aria-label": isFullscreen ? 'Exit fullscreen' : 'Open fullscreen',
|
|
3544
|
+
role: "button"
|
|
3545
|
+
}, renderFullscreenIcon())));
|
|
3518
3546
|
};
|
|
3519
3547
|
|
|
3520
3548
|
var _templateObject$g;
|
|
@@ -3594,11 +3622,11 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3594
3622
|
}) : children));
|
|
3595
3623
|
};
|
|
3596
3624
|
|
|
3597
|
-
var _templateObject$j, _templateObject2$b, _templateObject3$6, _templateObject4$
|
|
3625
|
+
var _templateObject$j, _templateObject2$b, _templateObject3$6, _templateObject4$4;
|
|
3598
3626
|
var SponsorshipWrapper = /*#__PURE__*/styled.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);
|
|
3599
3627
|
var SponsorshipLinkText = /*#__PURE__*/styled.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"])));
|
|
3600
3628
|
var SponsorshipLink = /*#__PURE__*/styled.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);
|
|
3601
|
-
var SponsorshipStyledIframe = /*#__PURE__*/styled.iframe(_templateObject4$
|
|
3629
|
+
var SponsorshipStyledIframe = /*#__PURE__*/styled.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);
|
|
3602
3630
|
|
|
3603
3631
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
3604
3632
|
var DEFAULT_SPONSORSHIP_TITLE = 'rolex';
|
|
@@ -3782,7 +3810,7 @@ var TabLink = function TabLink(_ref) {
|
|
|
3782
3810
|
}))) : null, children);
|
|
3783
3811
|
};
|
|
3784
3812
|
|
|
3785
|
-
var _templateObject$m, _templateObject2$e, _templateObject3$7, _templateObject4$
|
|
3813
|
+
var _templateObject$m, _templateObject2$e, _templateObject3$7, _templateObject4$5;
|
|
3786
3814
|
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3787
3815
|
var width = _ref.width;
|
|
3788
3816
|
return width ? width + "px;" : '100%;';
|
|
@@ -3809,7 +3837,7 @@ var TextAreaBox = /*#__PURE__*/styled.textarea(_templateObject3$7 || (_templateO
|
|
|
3809
3837
|
var darkMode = _ref7.darkMode;
|
|
3810
3838
|
return darkMode ? 'var(--base-color-lemonchiffon)' : 'var(--base-color-lapislazuli)';
|
|
3811
3839
|
});
|
|
3812
|
-
var TextAreaError = /*#__PURE__*/styled.div(_templateObject4$
|
|
3840
|
+
var TextAreaError = /*#__PURE__*/styled.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n color: ", ";\n margin-block: 15px 0;\n"])), function (_ref8) {
|
|
3813
3841
|
var darkMode = _ref8.darkMode;
|
|
3814
3842
|
return darkMode ? 'color: var(--base-color-white)' : '';
|
|
3815
3843
|
}, function (_ref9) {
|
|
@@ -3905,7 +3933,7 @@ var TextArea = function TextArea(_ref) {
|
|
|
3905
3933
|
}, error)))));
|
|
3906
3934
|
};
|
|
3907
3935
|
|
|
3908
|
-
var _templateObject$n, _templateObject2$f, _templateObject3$8, _templateObject4$
|
|
3936
|
+
var _templateObject$n, _templateObject2$f, _templateObject3$8, _templateObject4$6, _templateObject5$3, _templateObject6$1, _templateObject7;
|
|
3909
3937
|
var Container$1 = /*#__PURE__*/styled.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3910
3938
|
var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3911
3939
|
var width = _ref.width;
|
|
@@ -3925,8 +3953,8 @@ var Input = /*#__PURE__*/styled.input(_templateObject3$8 || (_templateObject3$8
|
|
|
3925
3953
|
if (darkMode) return "4px solid var(--base-color-lemonchiffon)";
|
|
3926
3954
|
return "3px solid var(--base-color-lapislazuli)";
|
|
3927
3955
|
}, devices.mobile);
|
|
3928
|
-
var ShowHideButton = /*#__PURE__*/styled.button(_templateObject4$
|
|
3929
|
-
var TextLabel$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
3956
|
+
var ShowHideButton = /*#__PURE__*/styled.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"])));
|
|
3957
|
+
var TextLabel$1 = /*#__PURE__*/styled.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
3930
3958
|
var darkMode = _ref5.darkMode;
|
|
3931
3959
|
if (darkMode) return "var(--color-base-white)";
|
|
3932
3960
|
return "var(--base-color-black)";
|
|
@@ -4039,7 +4067,7 @@ var TextFieldComponent = function TextFieldComponent(_ref, ref) {
|
|
|
4039
4067
|
};
|
|
4040
4068
|
var TextField = /*#__PURE__*/forwardRef(TextFieldComponent);
|
|
4041
4069
|
|
|
4042
|
-
var _templateObject$o, _templateObject2$g, _templateObject3$9, _templateObject4$
|
|
4070
|
+
var _templateObject$o, _templateObject2$g, _templateObject3$9, _templateObject4$7, _templateObject5$4;
|
|
4043
4071
|
var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4044
4072
|
var textStyles = /*#__PURE__*/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) {
|
|
4045
4073
|
var theme = _ref.theme;
|
|
@@ -4072,12 +4100,12 @@ var Input$1 = /*#__PURE__*/styled.input(_templateObject3$9 || (_templateObject3$
|
|
|
4072
4100
|
if (darkMode) return "4px solid " + theme.colors.lemonChiffon;
|
|
4073
4101
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
4074
4102
|
});
|
|
4075
|
-
var TextLabel$2 = /*#__PURE__*/styled.p(_templateObject4$
|
|
4103
|
+
var TextLabel$2 = /*#__PURE__*/styled.p(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n"])), textStyles, function (_ref9) {
|
|
4076
4104
|
var darkMode = _ref9.darkMode,
|
|
4077
4105
|
theme = _ref9.theme;
|
|
4078
4106
|
return darkMode ? theme.colors.white : theme.colors.black;
|
|
4079
4107
|
});
|
|
4080
|
-
var ErrorLabel$2 = /*#__PURE__*/styled.p(_templateObject5$
|
|
4108
|
+
var ErrorLabel$2 = /*#__PURE__*/styled.p(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n"])), textStyles, function (_ref0) {
|
|
4081
4109
|
var darkMode = _ref0.darkMode,
|
|
4082
4110
|
theme = _ref0.theme;
|
|
4083
4111
|
return darkMode ? theme.colors.white : theme.colors.error;
|
|
@@ -4153,7 +4181,7 @@ var TextLogoProduct;
|
|
|
4153
4181
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4154
4182
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4155
4183
|
|
|
4156
|
-
var _templateObject$q, _templateObject2$i, _templateObject3$a, _templateObject4$
|
|
4184
|
+
var _templateObject$q, _templateObject2$i, _templateObject3$a, _templateObject4$8;
|
|
4157
4185
|
var TickboxError = /*#__PURE__*/styled.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4158
4186
|
var dark = _ref.dark;
|
|
4159
4187
|
return dark ? 'white' : 'errorstate';
|
|
@@ -4183,7 +4211,7 @@ var TickboxCheckmark = /*#__PURE__*/styled.span(_templateObject3$a || (_template
|
|
|
4183
4211
|
dark = _ref6.dark;
|
|
4184
4212
|
return dark && error ? '1px solid var(--base-color-errorstate)' : 'none';
|
|
4185
4213
|
}, devices.mobile);
|
|
4186
|
-
var TickboxInput = /*#__PURE__*/styled.input(_templateObject4$
|
|
4214
|
+
var TickboxInput = /*#__PURE__*/styled.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) {
|
|
4187
4215
|
var dark = _ref7.dark,
|
|
4188
4216
|
whiteBox = _ref7.whiteBox,
|
|
4189
4217
|
disabled = _ref7.disabled;
|
|
@@ -4275,7 +4303,7 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4275
4303
|
}, error))));
|
|
4276
4304
|
};
|
|
4277
4305
|
|
|
4278
|
-
var _templateObject$r, _templateObject2$j, _templateObject3$b, _templateObject4$
|
|
4306
|
+
var _templateObject$r, _templateObject2$j, _templateObject3$b, _templateObject4$9, _templateObject5$5, _templateObject6$2;
|
|
4279
4307
|
var Container$2 = /*#__PURE__*/styled.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4280
4308
|
var Tickbox$1 = /*#__PURE__*/styled.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) {
|
|
4281
4309
|
var error = _ref.error,
|
|
@@ -4311,8 +4339,8 @@ var TickboxLabel$2 = /*#__PURE__*/styled.label(_templateObject3$b || (_templateO
|
|
|
4311
4339
|
if (darkMode) return '4px solid var(--base-color-lemonchiffon)';
|
|
4312
4340
|
return '3px solid var(--base-color-lapislazuli)';
|
|
4313
4341
|
});
|
|
4314
|
-
var TickboxIcon = /*#__PURE__*/styled.div(_templateObject4$
|
|
4315
|
-
var TextLabel$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
4342
|
+
var TickboxIcon = /*#__PURE__*/styled.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);
|
|
4343
|
+
var TextLabel$3 = /*#__PURE__*/styled.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref6) {
|
|
4316
4344
|
var darkMode = _ref6.darkMode,
|
|
4317
4345
|
disabled = _ref6.disabled;
|
|
4318
4346
|
if (darkMode && disabled) return 'var(--base-color-light-grey)';
|
|
@@ -4386,7 +4414,7 @@ var Tickbox2Component = function Tickbox2Component(_ref, ref) {
|
|
|
4386
4414
|
};
|
|
4387
4415
|
var Tickbox2 = /*#__PURE__*/forwardRef(Tickbox2Component);
|
|
4388
4416
|
|
|
4389
|
-
var _templateObject$s, _templateObject2$k, _templateObject3$c, _templateObject4$
|
|
4417
|
+
var _templateObject$s, _templateObject2$k, _templateObject3$c, _templateObject4$a, _templateObject5$6, _templateObject6$3, _templateObject7$1, _templateObject8;
|
|
4390
4418
|
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-", ");\n"])), function (_ref) {
|
|
4391
4419
|
var color = _ref.color;
|
|
4392
4420
|
return color;
|
|
@@ -4396,8 +4424,8 @@ var Line = /*#__PURE__*/styled.div(_templateObject2$k || (_templateObject2$k = /
|
|
|
4396
4424
|
return color;
|
|
4397
4425
|
}, devices.mobileAndTablet);
|
|
4398
4426
|
var TitleWrapper = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
|
|
4399
|
-
var ValuesWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
4400
|
-
var TimerLabel = /*#__PURE__*/styled.div(_templateObject5$
|
|
4427
|
+
var ValuesWrapper = /*#__PURE__*/styled.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4428
|
+
var TimerLabel = /*#__PURE__*/styled.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
4401
4429
|
var TimerValueSeparator = /*#__PURE__*/styled.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 20px;\n\n @media ", " {\n margin: 0 12px;\n }\n"])), devices.mobileAndTablet);
|
|
4402
4430
|
var TimerValueWrapper = /*#__PURE__*/styled.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4403
4431
|
var TimerValue = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -4510,12 +4538,12 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
4510
4538
|
}));
|
|
4511
4539
|
};
|
|
4512
4540
|
|
|
4513
|
-
var _templateObject$u, _templateObject2$l, _templateObject3$d, _templateObject4$
|
|
4541
|
+
var _templateObject$u, _templateObject2$l, _templateObject3$d, _templateObject4$b, _templateObject5$7, _templateObject6$4, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject0;
|
|
4514
4542
|
var VideoPlayButton = /*#__PURE__*/styled.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"])));
|
|
4515
4543
|
var VideoFullscreenButton = /*#__PURE__*/styled.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"])));
|
|
4516
4544
|
var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
4517
|
-
var VideoControlsInnerWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
4518
|
-
var LeftWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
4545
|
+
var VideoControlsInnerWrapper = /*#__PURE__*/styled.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"])));
|
|
4546
|
+
var LeftWrapper = /*#__PURE__*/styled.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
4519
4547
|
var VideoVolume = /*#__PURE__*/styled.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
4520
4548
|
var VideoMute = /*#__PURE__*/styled.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"])));
|
|
4521
4549
|
var thumbStyles = /*#__PURE__*/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"])));
|
|
@@ -4700,7 +4728,7 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
4700
4728
|
}))));
|
|
4701
4729
|
};
|
|
4702
4730
|
|
|
4703
|
-
var _templateObject$v, _templateObject2$m, _templateObject3$e, _templateObject4$
|
|
4731
|
+
var _templateObject$v, _templateObject2$m, _templateObject3$e, _templateObject4$c, _templateObject5$8;
|
|
4704
4732
|
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
4705
4733
|
var StepperError = /*#__PURE__*/styled.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) {
|
|
4706
4734
|
var darkMode = _ref.darkMode;
|
|
@@ -4728,11 +4756,11 @@ var StepperBox = /*#__PURE__*/styled.div(_templateObject3$e || (_templateObject3
|
|
|
4728
4756
|
var disabled = _ref6.disabled;
|
|
4729
4757
|
return disabled ? 'midgrey' : 'black';
|
|
4730
4758
|
});
|
|
4731
|
-
var StepperValue = /*#__PURE__*/styled.input(_templateObject4$
|
|
4759
|
+
var StepperValue = /*#__PURE__*/styled.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) {
|
|
4732
4760
|
var disabled = _ref7.disabled;
|
|
4733
4761
|
return disabled ? 'not-allowed' : 'text';
|
|
4734
4762
|
});
|
|
4735
|
-
var StepperButton = /*#__PURE__*/styled.div(_templateObject5$
|
|
4763
|
+
var StepperButton = /*#__PURE__*/styled.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) {
|
|
4736
4764
|
var disabled = _ref8.disabled;
|
|
4737
4765
|
return disabled ? 'not-allowed' : 'pointer';
|
|
4738
4766
|
});
|
|
@@ -5016,7 +5044,7 @@ var SocialLinks = function SocialLinks(_ref) {
|
|
|
5016
5044
|
}));
|
|
5017
5045
|
};
|
|
5018
5046
|
|
|
5019
|
-
var _templateObject$x, _templateObject2$o, _templateObject3$f, _templateObject4$
|
|
5047
|
+
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;
|
|
5020
5048
|
var NavigationWrapper = /*#__PURE__*/styled.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) {
|
|
5021
5049
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5022
5050
|
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 ";
|
|
@@ -5026,7 +5054,7 @@ var FullScreenContainer = /*#__PURE__*/styled.div(_templateObject2$o || (_templa
|
|
|
5026
5054
|
return isMobile ? zIndexes.overlay : zIndexes.searchOverlay;
|
|
5027
5055
|
}, devices.mobileAndTablet);
|
|
5028
5056
|
var NavigationGrid = /*#__PURE__*/styled(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);
|
|
5029
|
-
var SearchBackground = /*#__PURE__*/styled.div(_templateObject4$
|
|
5057
|
+
var SearchBackground = /*#__PURE__*/styled.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) {
|
|
5030
5058
|
var visible = _ref3.visible;
|
|
5031
5059
|
return visible ? 'visible' : 'hidden';
|
|
5032
5060
|
}, function (_ref4) {
|
|
@@ -5036,7 +5064,7 @@ var SearchBackground = /*#__PURE__*/styled.div(_templateObject4$c || (_templateO
|
|
|
5036
5064
|
var visible = _ref5.visible;
|
|
5037
5065
|
return visible ? 'translateY(0)' : 'translateY(-10px)';
|
|
5038
5066
|
}, zIndexes.search, devices.mobile);
|
|
5039
|
-
var GridItemSearch = /*#__PURE__*/styled(GridItem)(_templateObject5$
|
|
5067
|
+
var GridItemSearch = /*#__PURE__*/styled(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) {
|
|
5040
5068
|
var visible = _ref6.visible;
|
|
5041
5069
|
return visible ? 'visible' : 'hidden';
|
|
5042
5070
|
}, function (_ref7) {
|
|
@@ -5063,7 +5091,7 @@ var NavTopContainerMobile = /*#__PURE__*/styled.div(_templateObject13 || (_templ
|
|
|
5063
5091
|
var _templateObject$y;
|
|
5064
5092
|
var NavTopContainer$1 = /*#__PURE__*/styled.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);
|
|
5065
5093
|
|
|
5066
|
-
var _templateObject$z, _templateObject2$p, _templateObject3$g, _templateObject4$
|
|
5094
|
+
var _templateObject$z, _templateObject2$p, _templateObject3$g, _templateObject4$e, _templateObject5$a, _templateObject6$6;
|
|
5067
5095
|
var BasketContainer = /*#__PURE__*/styled.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) {
|
|
5068
5096
|
var selected = _ref.selected;
|
|
5069
5097
|
if (selected) {
|
|
@@ -5079,8 +5107,8 @@ var BasketContainer = /*#__PURE__*/styled.div(_templateObject$z || (_templateObj
|
|
|
5079
5107
|
});
|
|
5080
5108
|
var SvgContainer = /*#__PURE__*/styled.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"])));
|
|
5081
5109
|
var NumContainer = /*#__PURE__*/styled.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"])));
|
|
5082
|
-
var BasketInfo = /*#__PURE__*/styled.div(_templateObject4$
|
|
5083
|
-
var BasketNum = /*#__PURE__*/styled.span(_templateObject5$
|
|
5110
|
+
var BasketInfo = /*#__PURE__*/styled.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);
|
|
5111
|
+
var BasketNum = /*#__PURE__*/styled.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"])));
|
|
5084
5112
|
var BasketText = /*#__PURE__*/styled.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"])));
|
|
5085
5113
|
|
|
5086
5114
|
var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
|
|
@@ -5496,7 +5524,7 @@ var NavTop = function NavTop(_ref) {
|
|
|
5496
5524
|
}));
|
|
5497
5525
|
};
|
|
5498
5526
|
|
|
5499
|
-
var _templateObject$B, _templateObject2$r, _templateObject3$h, _templateObject4$
|
|
5527
|
+
var _templateObject$B, _templateObject2$r, _templateObject3$h, _templateObject4$f;
|
|
5500
5528
|
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
5501
5529
|
var ItemsContainer = /*#__PURE__*/styled.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) {
|
|
5502
5530
|
if (props.showMenu) {
|
|
@@ -5505,7 +5533,7 @@ var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$r || (_templateObj
|
|
|
5505
5533
|
return "display: none;";
|
|
5506
5534
|
});
|
|
5507
5535
|
var MenuContainer$1 = /*#__PURE__*/styled.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);
|
|
5508
|
-
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$
|
|
5536
|
+
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 0;\n }\n }\n"])), devices.mobileAndTablet);
|
|
5509
5537
|
|
|
5510
5538
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
5511
5539
|
var Tabs = function Tabs(_ref) {
|
|
@@ -5631,11 +5659,11 @@ var Tabs = function Tabs(_ref) {
|
|
|
5631
5659
|
}, "Menu"))))));
|
|
5632
5660
|
};
|
|
5633
5661
|
|
|
5634
|
-
var _templateObject$C, _templateObject2$s, _templateObject3$i, _templateObject5$
|
|
5662
|
+
var _templateObject$C, _templateObject2$s, _templateObject3$i, _templateObject5$b, _templateObject6$7, _templateObject7$4;
|
|
5635
5663
|
var SearchBarContainer = /*#__PURE__*/styled.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);
|
|
5636
5664
|
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
5637
5665
|
var SvgContainerClose = /*#__PURE__*/styled.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"])));
|
|
5638
|
-
var InputContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
5666
|
+
var InputContainer = /*#__PURE__*/styled.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);
|
|
5639
5667
|
var TextLinkWrapper$1 = /*#__PURE__*/styled(TextLink)(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
5640
5668
|
var SearchArrowContainer = /*#__PURE__*/styled.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"])));
|
|
5641
5669
|
|
|
@@ -5938,12 +5966,12 @@ var Navigation = function Navigation(_ref) {
|
|
|
5938
5966
|
})))))));
|
|
5939
5967
|
};
|
|
5940
5968
|
|
|
5941
|
-
var _templateObject$D, _templateObject2$t, _templateObject3$j, _templateObject4$
|
|
5969
|
+
var _templateObject$D, _templateObject2$t, _templateObject3$j, _templateObject4$g, _templateObject5$c, _templateObject6$8, _templateObject7$5;
|
|
5942
5970
|
var FooterSection = /*#__PURE__*/styled(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);
|
|
5943
5971
|
var PolicyLinksSection = /*#__PURE__*/styled(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);
|
|
5944
5972
|
var SocialAndNewsletterSection = /*#__PURE__*/styled(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);
|
|
5945
|
-
var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
5946
|
-
var LogoAndDescriptionSection = /*#__PURE__*/styled(GridItem)(_templateObject5$
|
|
5973
|
+
var SectionWrapper = /*#__PURE__*/styled.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);
|
|
5974
|
+
var LogoAndDescriptionSection = /*#__PURE__*/styled(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);
|
|
5947
5975
|
var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
5948
5976
|
var TextLinkWrapper$2 = /*#__PURE__*/styled(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"])));
|
|
5949
5977
|
|
|
@@ -6022,7 +6050,7 @@ var Footer = function Footer(_ref) {
|
|
|
6022
6050
|
}, additionalInfo))));
|
|
6023
6051
|
};
|
|
6024
6052
|
|
|
6025
|
-
var _templateObject$F, _templateObject2$u, _templateObject3$k, _templateObject4$
|
|
6053
|
+
var _templateObject$F, _templateObject2$u, _templateObject3$k, _templateObject4$h, _templateObject5$d, _templateObject8$3, _templateObject9$2, _templateObject0$2;
|
|
6026
6054
|
var LIST_ITEM_GAP = 32;
|
|
6027
6055
|
var AnchorTabbarWrapper = /*#__PURE__*/styled.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) {
|
|
6028
6056
|
var bottomBorder = _ref.bottomBorder;
|
|
@@ -6032,8 +6060,8 @@ var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$F || (_templat
|
|
|
6032
6060
|
return withShadow && css(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
6033
6061
|
});
|
|
6034
6062
|
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
6035
|
-
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
6036
|
-
var TabsList = /*#__PURE__*/styled.ul(_templateObject5$
|
|
6063
|
+
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
6064
|
+
var TabsList = /*#__PURE__*/styled.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) {
|
|
6037
6065
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
6038
6066
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
6039
6067
|
}, LIST_ITEM_GAP, function (_ref4) {
|
|
@@ -6174,26 +6202,15 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6174
6202
|
return id === selectedItem;
|
|
6175
6203
|
};
|
|
6176
6204
|
var onClickTab = function onClickTab(e, id) {
|
|
6177
|
-
e.preventDefault();
|
|
6178
6205
|
if (onTabClick) {
|
|
6179
6206
|
onTabClick(e, id);
|
|
6180
6207
|
}
|
|
6181
6208
|
setSelectedItem(id);
|
|
6182
|
-
};
|
|
6183
|
-
useEffect(function () {
|
|
6184
|
-
if (!selectedItem) return;
|
|
6185
|
-
var targetSectionElement = document.getElementById(selectedItem);
|
|
6186
|
-
if (targetSectionElement) {
|
|
6187
|
-
targetSectionElement.scrollIntoView({
|
|
6188
|
-
behavior: 'auto',
|
|
6189
|
-
block: 'start'
|
|
6190
|
-
});
|
|
6191
|
-
}
|
|
6192
6209
|
var clickedTab = document.getElementById("tablink-" + selectedItem);
|
|
6193
6210
|
if (clickedTab) {
|
|
6194
6211
|
clickedTab.focus();
|
|
6195
6212
|
}
|
|
6196
|
-
}
|
|
6213
|
+
};
|
|
6197
6214
|
var getScrollWidth = function getScrollWidth() {
|
|
6198
6215
|
var width = 0;
|
|
6199
6216
|
var selectedItemIndex = tabs.findIndex(function (el) {
|
|
@@ -6398,7 +6415,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6398
6415
|
})))) : null))));
|
|
6399
6416
|
};
|
|
6400
6417
|
|
|
6401
|
-
var _templateObject$G, _templateObject2$v, _templateObject3$l, _templateObject4$
|
|
6418
|
+
var _templateObject$G, _templateObject2$v, _templateObject3$l, _templateObject4$i, _templateObject6$9, _templateObject7$6, _templateObject8$4, _templateObject9$3, _templateObject0$3;
|
|
6402
6419
|
var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
|
|
6403
6420
|
var sticky = _ref.sticky;
|
|
6404
6421
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -6408,7 +6425,7 @@ var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$l || (_templateO
|
|
|
6408
6425
|
var title = _ref2.title;
|
|
6409
6426
|
return title ? 'row' : 'row-reverse';
|
|
6410
6427
|
}, devices.tablet, devices.mobile);
|
|
6411
|
-
var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$
|
|
6428
|
+
var AnchorTitle = /*#__PURE__*/styled.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);
|
|
6412
6429
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled.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);
|
|
6413
6430
|
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
6414
6431
|
var PrimaryButtonReverse = /*#__PURE__*/styled(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) {
|
|
@@ -7060,21 +7077,21 @@ var BodyContent = function BodyContent(_ref) {
|
|
|
7060
7077
|
})));
|
|
7061
7078
|
};
|
|
7062
7079
|
|
|
7063
|
-
var _templateObject$J, _templateObject2$x, _templateObject3$n, _templateObject4$
|
|
7080
|
+
var _templateObject$J, _templateObject2$x, _templateObject3$n, _templateObject4$j, _templateObject5$e, _templateObject6$a, _templateObject7$7, _templateObject8$5;
|
|
7064
7081
|
var Wrapper$2 = /*#__PURE__*/styled.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);
|
|
7065
7082
|
var PromoLabelWrapper = /*#__PURE__*/styled.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"])));
|
|
7066
7083
|
var PromoLabel = /*#__PURE__*/styled.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) {
|
|
7067
7084
|
var theme = _ref.theme;
|
|
7068
7085
|
return theme.colors.primary;
|
|
7069
7086
|
}, Colors.White);
|
|
7070
|
-
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
7087
|
+
var ButtonContainer = /*#__PURE__*/styled.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) {
|
|
7071
7088
|
var stackCtasEarly = _ref2.stackCtasEarly;
|
|
7072
7089
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
7073
7090
|
}, function (_ref3) {
|
|
7074
7091
|
var stackCtasEarly = _ref3.stackCtasEarly;
|
|
7075
7092
|
return stackCtasEarly && "\n @media " + devices.smallDesktop + ", " + devices.mobileAndTablet + " {\n * {\n width: 100%;\n }\n }\n ";
|
|
7076
7093
|
});
|
|
7077
|
-
var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject5$
|
|
7094
|
+
var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
7078
7095
|
var OfferTextWrapper = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
7079
7096
|
var PriceRow = /*#__PURE__*/styled.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"])));
|
|
7080
7097
|
var LineThrough = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-darkgrey);\n"])));
|
|
@@ -7251,11 +7268,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
7251
7268
|
}, children)));
|
|
7252
7269
|
};
|
|
7253
7270
|
|
|
7254
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$o, _templateObject4$
|
|
7271
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$o, _templateObject4$k;
|
|
7255
7272
|
var InnerModal = /*#__PURE__*/styled.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);
|
|
7256
7273
|
var CloseButton = /*#__PURE__*/styled.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);
|
|
7257
7274
|
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7258
|
-
var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$
|
|
7275
|
+
var Overlay = /*#__PURE__*/styled(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"])));
|
|
7259
7276
|
|
|
7260
7277
|
var _excluded$g = ["isOpen", "setIsOpen", "children", "appElementId"];
|
|
7261
7278
|
var MAX_Z_INDEX = 9999999999;
|
|
@@ -7432,8 +7449,8 @@ var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
|
|
|
7432
7449
|
return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
|
|
7433
7450
|
};
|
|
7434
7451
|
|
|
7435
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$p, _templateObject4$
|
|
7436
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n"])), function (_ref) {
|
|
7452
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$p, _templateObject4$l, _templateObject5$f, _templateObject6$b, _templateObject7$8, _templateObject8$6, _templateObject9$4;
|
|
7453
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled.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) {
|
|
7437
7454
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
7438
7455
|
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 }";
|
|
7439
7456
|
}, devices.mobile, function (_ref2) {
|
|
@@ -7446,14 +7463,15 @@ var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$A || (_templ
|
|
|
7446
7463
|
return "\n & {\n .swipe-slide {\n " + getCardSlideDesktopStyles(type, isActive) + "\n }\n }\n\n @media " + devices.tablet + " {\n & {\n .swipe-slide {\n width: " + (type === CarouselType.SmallCard ? '30%' : '40%') + ";\n }\n }\n }\n ";
|
|
7447
7464
|
}, devices.mobile, /*#__PURE__*/getCardSlideMobileStyles());
|
|
7448
7465
|
var TitleButtonsGrid = /*#__PURE__*/styled(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);
|
|
7449
|
-
var CarouselInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
7450
|
-
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
7466
|
+
var CarouselInfoWrapper = /*#__PURE__*/styled.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"])));
|
|
7467
|
+
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
7451
7468
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
7452
7469
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
7453
7470
|
});
|
|
7454
|
-
var
|
|
7455
|
-
var
|
|
7456
|
-
var
|
|
7471
|
+
var TitleText = /*#__PURE__*/styled(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"])));
|
|
7472
|
+
var ButtonsWrapper = /*#__PURE__*/styled.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);
|
|
7473
|
+
var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
7474
|
+
var SwipeGridWrapper = /*#__PURE__*/styled(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) {
|
|
7457
7475
|
var active = _ref5.active;
|
|
7458
7476
|
return active ? 'grid-column: 1 / span 16' : '';
|
|
7459
7477
|
}, devices.tablet, function (_ref6) {
|
|
@@ -7800,6 +7818,7 @@ var GRID_OFFSET_MARGIN = {
|
|
|
7800
7818
|
tablet: 15,
|
|
7801
7819
|
desktop: 3
|
|
7802
7820
|
};
|
|
7821
|
+
var FULLSCREEN_FIGCAPTION_HEIGHT = 34;
|
|
7803
7822
|
var Carousel = function Carousel(_ref) {
|
|
7804
7823
|
var children = _ref.children,
|
|
7805
7824
|
type = _ref.type,
|
|
@@ -7817,12 +7836,37 @@ var Carousel = function Carousel(_ref) {
|
|
|
7817
7836
|
_ref$useOffset = _ref.useOffset,
|
|
7818
7837
|
useOffset = _ref$useOffset === void 0 ? true : _ref$useOffset;
|
|
7819
7838
|
var _useState = useState(false),
|
|
7820
|
-
|
|
7821
|
-
|
|
7822
|
-
var _useState2 = useState(
|
|
7823
|
-
|
|
7824
|
-
|
|
7839
|
+
isFullscreen = _useState[0],
|
|
7840
|
+
setIsFullscreen = _useState[1];
|
|
7841
|
+
var _useState2 = useState(false),
|
|
7842
|
+
active = _useState2[0],
|
|
7843
|
+
setActive = _useState2[1];
|
|
7844
|
+
var _useState3 = useState(0),
|
|
7845
|
+
slidesOffsetBefore = _useState3[0],
|
|
7846
|
+
setSlidesOffsetBefore = _useState3[1];
|
|
7825
7847
|
var swipeRef = useRef(null);
|
|
7848
|
+
var carouselRef = useRef(null);
|
|
7849
|
+
var titleButtonsGridRef = useRef(null);
|
|
7850
|
+
useEffect(function () {
|
|
7851
|
+
if (type !== CarouselType.Image) return undefined;
|
|
7852
|
+
var handleFullscreenChange = function handleFullscreenChange() {
|
|
7853
|
+
var isFs = document.fullscreenElement === carouselRef.current;
|
|
7854
|
+
setIsFullscreen(isFs);
|
|
7855
|
+
if (isFs && titleButtonsGridRef.current) {
|
|
7856
|
+
var _titleButtonsGridRef$, _carouselRef$current;
|
|
7857
|
+
var titleButtonsGridHeight = ((_titleButtonsGridRef$ = titleButtonsGridRef.current) == null ? void 0 : _titleButtonsGridRef$.getBoundingClientRect().height) || 0;
|
|
7858
|
+
var titleButtonsGridStyle = getComputedStyle(titleButtonsGridRef.current);
|
|
7859
|
+
var titleButtonsGridMarginBottom = parseInt(titleButtonsGridStyle.marginBottom, 10) || 0;
|
|
7860
|
+
// Example: Calculate height dynamically
|
|
7861
|
+
var height = window.innerHeight - titleButtonsGridHeight - titleButtonsGridMarginBottom - FULLSCREEN_FIGCAPTION_HEIGHT;
|
|
7862
|
+
(_carouselRef$current = carouselRef.current) == null || _carouselRef$current.style.setProperty('--fullscreen-figure-height', height + "px");
|
|
7863
|
+
}
|
|
7864
|
+
};
|
|
7865
|
+
document.addEventListener('fullscreenchange', handleFullscreenChange);
|
|
7866
|
+
return function () {
|
|
7867
|
+
document.removeEventListener('fullscreenchange', handleFullscreenChange);
|
|
7868
|
+
};
|
|
7869
|
+
}, []);
|
|
7826
7870
|
useEffect(function () {
|
|
7827
7871
|
if (!useOffset || !active) return undefined;
|
|
7828
7872
|
var updateWindowDimensions = function updateWindowDimensions() {
|
|
@@ -7848,6 +7892,13 @@ var Carousel = function Carousel(_ref) {
|
|
|
7848
7892
|
var _swipeRef$current2;
|
|
7849
7893
|
(_swipeRef$current2 = swipeRef.current) == null || _swipeRef$current2.prevSlide();
|
|
7850
7894
|
};
|
|
7895
|
+
var onClickFullscreen = function onClickFullscreen() {
|
|
7896
|
+
if (!isFullscreen && carouselRef.current) {
|
|
7897
|
+
carouselRef.current.requestFullscreen();
|
|
7898
|
+
} else if (isFullscreen) {
|
|
7899
|
+
document.exitFullscreen();
|
|
7900
|
+
}
|
|
7901
|
+
};
|
|
7851
7902
|
var onActiveChangeHandler = function onActiveChangeHandler(value) {
|
|
7852
7903
|
if (useOffset && !active) {
|
|
7853
7904
|
setActive(value);
|
|
@@ -7863,18 +7914,21 @@ var Carousel = function Carousel(_ref) {
|
|
|
7863
7914
|
imagesHeightDevice: imagesHeightDevice,
|
|
7864
7915
|
imagesHeightDesktop: imagesHeightDesktop,
|
|
7865
7916
|
role: "region",
|
|
7866
|
-
"aria-labelledby": carouselTitleId
|
|
7867
|
-
|
|
7917
|
+
"aria-labelledby": carouselTitleId,
|
|
7918
|
+
ref: carouselRef
|
|
7919
|
+
}, /*#__PURE__*/React__default.createElement(TitleButtonsGrid, {
|
|
7920
|
+
ref: titleButtonsGridRef
|
|
7921
|
+
}, /*#__PURE__*/React__default.createElement(TitleGridItem, {
|
|
7868
7922
|
columnStartDesktop: 3,
|
|
7869
7923
|
columnSpanDesktop: 10,
|
|
7870
7924
|
columnStartDevice: 2,
|
|
7871
|
-
columnSpanDevice:
|
|
7925
|
+
columnSpanDevice: 9
|
|
7872
7926
|
}, title && (/*#__PURE__*/React__default.createElement(CarouselInfoWrapper, {
|
|
7873
7927
|
"data-testid": "carousel-title-wrapper"
|
|
7874
7928
|
}, /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
7875
7929
|
id: carouselTitleId,
|
|
7876
7930
|
isDescriptionPresent: !!description
|
|
7877
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7931
|
+
}, /*#__PURE__*/React__default.createElement(TitleText, {
|
|
7878
7932
|
size: "medium",
|
|
7879
7933
|
serif: true,
|
|
7880
7934
|
hierarchy: titleSemanticLevelValue
|
|
@@ -7883,14 +7937,17 @@ var Carousel = function Carousel(_ref) {
|
|
|
7883
7937
|
}, description)))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
7884
7938
|
columnStartDesktop: 14,
|
|
7885
7939
|
columnSpanDesktop: 2,
|
|
7886
|
-
columnStartDevice:
|
|
7940
|
+
columnStartDevice: 13,
|
|
7887
7941
|
columnSpanDevice: 2
|
|
7888
7942
|
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
7889
7943
|
"data-testid": "carousel-buttons-wrapper"
|
|
7890
7944
|
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
7891
7945
|
onClickNext: onNext,
|
|
7892
7946
|
onClickPrev: onPrev,
|
|
7893
|
-
availablePrev: true
|
|
7947
|
+
availablePrev: true,
|
|
7948
|
+
showFullscreen: type === CarouselType.Image,
|
|
7949
|
+
onClickFullscreen: onClickFullscreen,
|
|
7950
|
+
isFullscreen: isFullscreen
|
|
7894
7951
|
})))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(SwipeGridWrapper, {
|
|
7895
7952
|
active: active,
|
|
7896
7953
|
columnStartDesktop: 3,
|
|
@@ -7908,16 +7965,16 @@ var Carousel = function Carousel(_ref) {
|
|
|
7908
7965
|
}, children))));
|
|
7909
7966
|
};
|
|
7910
7967
|
|
|
7911
|
-
var _templateObject$P, _templateObject2$C, _templateObject3$q, _templateObject4$
|
|
7968
|
+
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;
|
|
7912
7969
|
var HighlightsGrid = /*#__PURE__*/styled(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);
|
|
7913
7970
|
var CarouselTitleWrapper = /*#__PURE__*/styled.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);
|
|
7914
7971
|
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7915
|
-
var InfoWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
7916
|
-
var InfoLogoWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
7972
|
+
var InfoWrapper = /*#__PURE__*/styled.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);
|
|
7973
|
+
var InfoLogoWrapper = /*#__PURE__*/styled.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);
|
|
7917
7974
|
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
7918
7975
|
var InfoTextWrapper = /*#__PURE__*/styled.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);
|
|
7919
7976
|
var InfoLinkWrapper = /*#__PURE__*/styled.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);
|
|
7920
|
-
var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject9$
|
|
7977
|
+
var CarouselWrapper = /*#__PURE__*/styled.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);
|
|
7921
7978
|
var RotatorButtonsWrapper = /*#__PURE__*/styled.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);
|
|
7922
7979
|
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.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);
|
|
7923
7980
|
var HtmlBodyText = /*#__PURE__*/styled.p(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
@@ -8090,15 +8147,15 @@ var InfoSection = function InfoSection(_ref) {
|
|
|
8090
8147
|
}, additionalInfo)))));
|
|
8091
8148
|
};
|
|
8092
8149
|
|
|
8093
|
-
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$
|
|
8150
|
+
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$n, _templateObject5$h, _templateObject6$d;
|
|
8094
8151
|
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
8095
8152
|
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-light-grey);\n width: 100%;\n"])));
|
|
8096
8153
|
var ChildrenContainer = /*#__PURE__*/styled.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) {
|
|
8097
8154
|
var isVisible = _ref.isVisible;
|
|
8098
8155
|
return isVisible ? 'visible' : 'hidden';
|
|
8099
8156
|
}, devices.mobile);
|
|
8100
|
-
var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject4$
|
|
8101
|
-
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
8157
|
+
var TitleContainer$3 = /*#__PURE__*/styled.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);
|
|
8158
|
+
var ContentContainer = /*#__PURE__*/styled.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) {
|
|
8102
8159
|
var textHeight = _ref2.textHeight;
|
|
8103
8160
|
return textHeight;
|
|
8104
8161
|
}, devices.mobile);
|
|
@@ -8229,7 +8286,7 @@ var Accordions = function Accordions(_ref) {
|
|
|
8229
8286
|
}));
|
|
8230
8287
|
};
|
|
8231
8288
|
|
|
8232
|
-
var _templateObject$T, _templateObject2$E, _templateObject3$s, _templateObject4$
|
|
8289
|
+
var _templateObject$T, _templateObject2$E, _templateObject3$s, _templateObject4$o, _templateObject5$i;
|
|
8233
8290
|
var AnnouncementBannerWrapper = /*#__PURE__*/styled.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);
|
|
8234
8291
|
var SvgContainer$2 = /*#__PURE__*/styled.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) {
|
|
8235
8292
|
var isClickable = _ref.isClickable;
|
|
@@ -8239,8 +8296,8 @@ var SvgContainer$2 = /*#__PURE__*/styled.div(_templateObject2$E || (_templateObj
|
|
|
8239
8296
|
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 ";
|
|
8240
8297
|
});
|
|
8241
8298
|
var ContentContainer$1 = /*#__PURE__*/styled.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"])));
|
|
8242
|
-
var OverlineWrapper = /*#__PURE__*/styled(HarmonicOverline)(_templateObject4$
|
|
8243
|
-
var BannerContentWrapper = /*#__PURE__*/styled(GridItem)(_templateObject5$
|
|
8299
|
+
var OverlineWrapper = /*#__PURE__*/styled(HarmonicOverline)(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 4px;\n && {\n color: var(--announcement-banner-color);\n }\n"])));
|
|
8300
|
+
var BannerContentWrapper = /*#__PURE__*/styled(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) {
|
|
8244
8301
|
var variant = _ref3.variant;
|
|
8245
8302
|
return variant === BannerVariants['service-persistent'] ? '8px' : '0px';
|
|
8246
8303
|
}, function (_ref4) {
|
|
@@ -8312,7 +8369,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8312
8369
|
}))))));
|
|
8313
8370
|
};
|
|
8314
8371
|
|
|
8315
|
-
var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$
|
|
8372
|
+
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;
|
|
8316
8373
|
var LENGTH_LARGE_TEXT = 28;
|
|
8317
8374
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8318
8375
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8328,18 +8385,18 @@ var HoverContainer = /*#__PURE__*/styled.div(_templateObject2$F || (_templateObj
|
|
|
8328
8385
|
return lineColor ? "var(--color-" + lineColor + ")" : 'var(--color-primary-background)';
|
|
8329
8386
|
}, zIndexes.contentOverlay);
|
|
8330
8387
|
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -6px;\n"])));
|
|
8331
|
-
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
8388
|
+
var ContentContainer$2 = /*#__PURE__*/styled.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) {
|
|
8332
8389
|
var fullWidth = _ref4.fullWidth;
|
|
8333
8390
|
return fullWidth ? '0' : '20px';
|
|
8334
8391
|
}, function (_ref5) {
|
|
8335
8392
|
var fullWidth = _ref5.fullWidth;
|
|
8336
8393
|
return fullWidth ? '0' : '20px';
|
|
8337
8394
|
});
|
|
8338
|
-
var TitleContainer$4 = /*#__PURE__*/styled.div(_templateObject5$
|
|
8395
|
+
var TitleContainer$4 = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8339
8396
|
var TitleContainerMobile = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8340
|
-
var TextContainer$2 = /*#__PURE__*/styled
|
|
8397
|
+
var TextContainer$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow-wrap: break-word;\n"])));
|
|
8341
8398
|
var HighlightTextContainer = /*#__PURE__*/styled.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8342
|
-
var SubtitleContainer = /*#__PURE__*/styled.span(_templateObject9$
|
|
8399
|
+
var SubtitleContainer = /*#__PURE__*/styled.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
|
|
8343
8400
|
var LabelContainer = /*#__PURE__*/styled.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) {
|
|
8344
8401
|
var isVisible = _ref6.isVisible;
|
|
8345
8402
|
return isVisible ? "visible" : 'hidden';
|
|
@@ -8523,14 +8580,14 @@ var Card = function Card(_ref) {
|
|
|
8523
8580
|
size: "medium"
|
|
8524
8581
|
}, title)), subtitle ? (/*#__PURE__*/React__default.createElement(SubtitleContainer, null, /*#__PURE__*/React__default.createElement(HarmonicOverline, {
|
|
8525
8582
|
size: "large"
|
|
8526
|
-
}, subtitle))) : null, /*#__PURE__*/React__default.createElement(
|
|
8527
|
-
|
|
8528
|
-
|
|
8583
|
+
}, subtitle))) : null, /*#__PURE__*/React__default.createElement(TextContainer$2, {
|
|
8584
|
+
tag: "div",
|
|
8585
|
+
size: "large",
|
|
8529
8586
|
id: cardDescriptionId,
|
|
8530
8587
|
dangerouslySetInnerHTML: {
|
|
8531
8588
|
__html: truncatedText
|
|
8532
8589
|
}
|
|
8533
|
-
})
|
|
8590
|
+
}), highlightText && (/*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
8534
8591
|
size: "large",
|
|
8535
8592
|
color: "red"
|
|
8536
8593
|
}, highlightText))))), auxiliaryCTA && (/*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
@@ -8595,12 +8652,12 @@ var Cards = function Cards(_ref) {
|
|
|
8595
8652
|
}));
|
|
8596
8653
|
};
|
|
8597
8654
|
|
|
8598
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$
|
|
8655
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$b;
|
|
8599
8656
|
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
8600
8657
|
var Wrapper$4 = /*#__PURE__*/styled.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);
|
|
8601
8658
|
var AddressWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
8602
|
-
var TitleWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
8603
|
-
var MobileSuffixWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
8659
|
+
var TitleWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
8660
|
+
var MobileSuffixWrapper = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8604
8661
|
var DesktopSuffixWrapper = /*#__PURE__*/styled.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8605
8662
|
var DetailsWrapper = /*#__PURE__*/styled.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);
|
|
8606
8663
|
|
|
@@ -8653,16 +8710,16 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8653
8710
|
}, addressString)))))))));
|
|
8654
8711
|
};
|
|
8655
8712
|
|
|
8656
|
-
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$
|
|
8713
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$r, _templateObject5$l, _templateObject6$g;
|
|
8657
8714
|
var BodyTextRelative = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8658
8715
|
var ContentSummaryWrapper = /*#__PURE__*/styled.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) {
|
|
8659
8716
|
return props.clickable ? 'pointer' : 'default';
|
|
8660
8717
|
}, devices.mobile);
|
|
8661
8718
|
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
8662
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
8719
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled.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) {
|
|
8663
8720
|
return props.showImage ? 2 : '1 / span 4';
|
|
8664
8721
|
}, devices.mobile);
|
|
8665
|
-
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject5$
|
|
8722
|
+
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
8666
8723
|
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.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) {
|
|
8667
8724
|
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 ";
|
|
8668
8725
|
});
|
|
@@ -8737,7 +8794,7 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
8737
8794
|
}), link.text))));
|
|
8738
8795
|
};
|
|
8739
8796
|
|
|
8740
|
-
var _templateObject$Y, _templateObject2$J, _templateObject3$w, _templateObject4$
|
|
8797
|
+
var _templateObject$Y, _templateObject2$J, _templateObject3$w, _templateObject4$s, _templateObject5$m;
|
|
8741
8798
|
var EditorialGrid = /*#__PURE__*/styled.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) {
|
|
8742
8799
|
var imageToLeft = _ref.imageToLeft;
|
|
8743
8800
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
@@ -8750,8 +8807,8 @@ var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$w || (_templ
|
|
|
8750
8807
|
var imageToLeft = _ref3.imageToLeft;
|
|
8751
8808
|
return imageToLeft ? 'right' : 'left';
|
|
8752
8809
|
}, devices.mobile);
|
|
8753
|
-
var EditorialSubtitle = /*#__PURE__*/styled.span(_templateObject4$
|
|
8754
|
-
var EditorialText = /*#__PURE__*/styled.div(_templateObject5$
|
|
8810
|
+
var EditorialSubtitle = /*#__PURE__*/styled.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"])));
|
|
8811
|
+
var EditorialText = /*#__PURE__*/styled.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"])));
|
|
8755
8812
|
|
|
8756
8813
|
var Editorial = function Editorial(_ref) {
|
|
8757
8814
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -8849,7 +8906,7 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
8849
8906
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
|
|
8850
8907
|
};
|
|
8851
8908
|
|
|
8852
|
-
var _templateObject$_, _templateObject2$L, _templateObject3$y, _templateObject4$
|
|
8909
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$y, _templateObject4$t;
|
|
8853
8910
|
var InfoWrapper$1 = /*#__PURE__*/styled(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);
|
|
8854
8911
|
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8855
8912
|
var InfoCTAWrapper = /*#__PURE__*/styled('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) {
|
|
@@ -8895,7 +8952,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$y || (_template
|
|
|
8895
8952
|
theme = _ref10.theme;
|
|
8896
8953
|
return getTextColor$4(variant, theme, COLORS$4.pressed);
|
|
8897
8954
|
});
|
|
8898
|
-
var InfoBodyWrapper = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject4$
|
|
8955
|
+
var InfoBodyWrapper = /*#__PURE__*/styled(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);
|
|
8899
8956
|
|
|
8900
8957
|
// Helper function for rendering buttons based on the variant
|
|
8901
8958
|
var renderButton = function renderButton(_ref) {
|
|
@@ -9021,7 +9078,7 @@ var Information = function Information(_ref) {
|
|
|
9021
9078
|
})))));
|
|
9022
9079
|
};
|
|
9023
9080
|
|
|
9024
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$
|
|
9081
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$c, _templateObject8$9;
|
|
9025
9082
|
var PageHeadingWrapper = /*#__PURE__*/styled('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) {
|
|
9026
9083
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
9027
9084
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -9031,11 +9088,11 @@ var BadgeWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObj
|
|
|
9031
9088
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
9032
9089
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
9033
9090
|
});
|
|
9034
|
-
var TitleWrapper$3 = /*#__PURE__*/styled.div(_templateObject4$
|
|
9091
|
+
var TitleWrapper$3 = /*#__PURE__*/styled.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) {
|
|
9035
9092
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
9036
9093
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
9037
9094
|
}, devices.mobile);
|
|
9038
|
-
var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
9095
|
+
var ChildrenWrapper = /*#__PURE__*/styled.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) {
|
|
9039
9096
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
9040
9097
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
9041
9098
|
}, devices.mobile);
|
|
@@ -9122,12 +9179,12 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9122
9179
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
9123
9180
|
};
|
|
9124
9181
|
|
|
9125
|
-
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$
|
|
9182
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$d, _templateObject8$a;
|
|
9126
9183
|
var ImpactWrapper = /*#__PURE__*/styled.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);
|
|
9127
9184
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.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);
|
|
9128
9185
|
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
9129
|
-
var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
9130
|
-
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
9186
|
+
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
9187
|
+
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9131
9188
|
var TextWrapper$1 = /*#__PURE__*/styled.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);
|
|
9132
9189
|
var ButtonWrapper$2 = /*#__PURE__*/styled.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);
|
|
9133
9190
|
var ScrollDownWrapper = /*#__PURE__*/styled.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);
|
|
@@ -9193,7 +9250,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
9193
9250
|
}, "Scroll Down"))) : null);
|
|
9194
9251
|
};
|
|
9195
9252
|
|
|
9196
|
-
var _templateObject$11, _templateObject2$O, _templateObject3$B, _templateObject4$
|
|
9253
|
+
var _templateObject$11, _templateObject2$O, _templateObject3$B, _templateObject4$w, _templateObject5$p;
|
|
9197
9254
|
var PanelGrid = /*#__PURE__*/styled(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) {
|
|
9198
9255
|
var color = _ref.color;
|
|
9199
9256
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
@@ -9206,8 +9263,8 @@ var LeftPanel = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$
|
|
|
9206
9263
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
9207
9264
|
});
|
|
9208
9265
|
var RightPanel = /*#__PURE__*/styled.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);
|
|
9209
|
-
var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
9210
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
9266
|
+
var InfoWrapper$2 = /*#__PURE__*/styled.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);
|
|
9267
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled.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);
|
|
9211
9268
|
|
|
9212
9269
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
9213
9270
|
var _image$src, _image$alt;
|
|
@@ -9237,12 +9294,12 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9237
9294
|
})))));
|
|
9238
9295
|
};
|
|
9239
9296
|
|
|
9240
|
-
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$
|
|
9297
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$x, _templateObject5$q, _templateObject6$j, _templateObject7$e, _templateObject8$b, _templateObject9$7, _templateObject0$6, _templateObject1$3;
|
|
9241
9298
|
var Wrapper$5 = /*#__PURE__*/styled.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9242
9299
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9243
9300
|
var SponsorWrapper$1 = /*#__PURE__*/styled.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);
|
|
9244
|
-
var ImageButtonWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
9245
|
-
var ContentSection = /*#__PURE__*/styled.div(_templateObject5$
|
|
9301
|
+
var ImageButtonWrapper = /*#__PURE__*/styled.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);
|
|
9302
|
+
var ContentSection = /*#__PURE__*/styled.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) {
|
|
9246
9303
|
var theme = _ref.theme;
|
|
9247
9304
|
return theme == ThemeType.Cinema ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
9248
9305
|
}, function (_ref2) {
|
|
@@ -9258,7 +9315,7 @@ var MainButtonWrapper = /*#__PURE__*/styled.div(_templateObject8$b || (_template
|
|
|
9258
9315
|
var isAdditionalButtonPresent = _ref4.isAdditionalButtonPresent;
|
|
9259
9316
|
return isAdditionalButtonPresent ? '20px' : '0';
|
|
9260
9317
|
});
|
|
9261
|
-
var AdditionalButtonWrapper = /*#__PURE__*/styled.div(_templateObject9$
|
|
9318
|
+
var AdditionalButtonWrapper = /*#__PURE__*/styled.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n width: 100%;\n display: flex;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9262
9319
|
var TitleWrapper$4 = /*#__PURE__*/styled.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) {
|
|
9263
9320
|
var theme = _ref5.theme;
|
|
9264
9321
|
return theme == ThemeType.Cinema ? 'var(--color-base-black)' : 'var(--color-base-white)';
|
|
@@ -9451,11 +9508,11 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9451
9508
|
})))))))))));
|
|
9452
9509
|
};
|
|
9453
9510
|
|
|
9454
|
-
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$
|
|
9511
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$r, _templateObject6$k, _templateObject7$f, _templateObject8$c, _templateObject9$8, _templateObject0$7;
|
|
9455
9512
|
var BrandingTextBlock = /*#__PURE__*/styled.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);
|
|
9456
9513
|
var BrandingTextBody = /*#__PURE__*/styled.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"])));
|
|
9457
9514
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9458
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
9515
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.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);
|
|
9459
9516
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(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) {
|
|
9460
9517
|
var invert = _ref.invert,
|
|
9461
9518
|
theme = _ref.theme;
|
|
@@ -9474,7 +9531,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$k || (
|
|
|
9474
9531
|
}, devices.tablet, devices.mobile);
|
|
9475
9532
|
var CompactHeaderLogoWrapper = /*#__PURE__*/styled.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);
|
|
9476
9533
|
var CompactHeaderTitleWrapper = /*#__PURE__*/styled.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);
|
|
9477
|
-
var CompactHeaderCTAWrapper = /*#__PURE__*/styled.div(_templateObject9$
|
|
9534
|
+
var CompactHeaderCTAWrapper = /*#__PURE__*/styled.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);
|
|
9478
9535
|
var PrimaryButtonWithInversion = /*#__PURE__*/styled(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) {
|
|
9479
9536
|
var invert = _ref5.invert,
|
|
9480
9537
|
theme = _ref5.theme;
|
|
@@ -9705,11 +9762,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9705
9762
|
}), linkText))))));
|
|
9706
9763
|
};
|
|
9707
9764
|
|
|
9708
|
-
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$
|
|
9765
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$s, _templateObject6$l, _templateObject7$g, _templateObject8$d;
|
|
9709
9766
|
var linkButtonStyles = /*#__PURE__*/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"])));
|
|
9710
9767
|
var PageNav = /*#__PURE__*/styled.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9711
9768
|
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9712
|
-
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject5$
|
|
9769
|
+
var PageNumberWrapper = /*#__PURE__*/styled.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"])));
|
|
9713
9770
|
var LastPageItem = /*#__PURE__*/styled.li(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9714
9771
|
var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9715
9772
|
var TextLinkPagination = /*#__PURE__*/styled(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) {
|
|
@@ -9860,12 +9917,12 @@ var Pagination = function Pagination(_ref) {
|
|
|
9860
9917
|
}))))));
|
|
9861
9918
|
};
|
|
9862
9919
|
|
|
9863
|
-
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$
|
|
9920
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$t, _templateObject6$m, _templateObject7$h;
|
|
9864
9921
|
var PeopleListingGrid = /*#__PURE__*/styled(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);
|
|
9865
9922
|
var PersonWrapper = /*#__PURE__*/styled.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"])));
|
|
9866
9923
|
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9867
|
-
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
9868
|
-
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$
|
|
9924
|
+
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9925
|
+
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9869
9926
|
var PersonLink = /*#__PURE__*/styled.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"])));
|
|
9870
9927
|
var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9871
9928
|
|
|
@@ -9924,14 +9981,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9924
9981
|
}));
|
|
9925
9982
|
};
|
|
9926
9983
|
|
|
9927
|
-
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$
|
|
9984
|
+
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$z;
|
|
9928
9985
|
var ReplacementWrapper$1 = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9929
9986
|
var CreditListingWrapper = /*#__PURE__*/styled(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) {
|
|
9930
9987
|
var columnCount = _ref.columnCount;
|
|
9931
9988
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9932
9989
|
}, devices.mobile, devices.tablet);
|
|
9933
9990
|
var DescriptionWrapper = /*#__PURE__*/styled.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"])));
|
|
9934
|
-
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
9991
|
+
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9935
9992
|
|
|
9936
9993
|
// Get the total character length of a property in an array of objects
|
|
9937
9994
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -10058,7 +10115,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
10058
10115
|
}, creditEntries);
|
|
10059
10116
|
};
|
|
10060
10117
|
|
|
10061
|
-
var _templateObject$17, _templateObject3$H, _templateObject4$
|
|
10118
|
+
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;
|
|
10062
10119
|
var LENGTH_TEXT = 28;
|
|
10063
10120
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
10064
10121
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -10099,18 +10156,18 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$H || (_templat
|
|
|
10099
10156
|
}
|
|
10100
10157
|
return '';
|
|
10101
10158
|
});
|
|
10102
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
10159
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref7) {
|
|
10103
10160
|
var marginBottom = _ref7.marginBottom;
|
|
10104
10161
|
return marginBottom + "px";
|
|
10105
10162
|
}, function (_ref8) {
|
|
10106
10163
|
var mobileMarginBottom = _ref8.mobileMarginBottom;
|
|
10107
10164
|
return mobileMarginBottom && "\n @media " + devices.mobile + " {\n margin-bottom: " + mobileMarginBottom + "px;\n }\n ";
|
|
10108
10165
|
});
|
|
10109
|
-
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
10166
|
+
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
10110
10167
|
var TextLinkWrapper$3 = /*#__PURE__*/styled.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"])));
|
|
10111
10168
|
var ExtraContentWrapper = /*#__PURE__*/styled.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);
|
|
10112
10169
|
var IconWrapper$2 = /*#__PURE__*/styled.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);
|
|
10113
|
-
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$
|
|
10170
|
+
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
10114
10171
|
var MobileTitleWrapper = /*#__PURE__*/styled.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);
|
|
10115
10172
|
var asCardOverrides = /*#__PURE__*/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);
|
|
10116
10173
|
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled.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) {
|
|
@@ -10313,7 +10370,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10313
10370
|
}))));
|
|
10314
10371
|
};
|
|
10315
10372
|
|
|
10316
|
-
var _templateObject$18, _templateObject2$U, _templateObject3$I, _templateObject4$
|
|
10373
|
+
var _templateObject$18, _templateObject2$U, _templateObject3$I, _templateObject4$B, _templateObject5$v, _templateObject6$o, _templateObject7$j;
|
|
10317
10374
|
var LENGTH_TEXT$2 = 28;
|
|
10318
10375
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10319
10376
|
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
@@ -10331,8 +10388,8 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$I ||
|
|
|
10331
10388
|
var imageToLeft = _ref4.imageToLeft;
|
|
10332
10389
|
return imageToLeft ? 'right' : 'left';
|
|
10333
10390
|
}, devices.mobile);
|
|
10334
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$
|
|
10335
|
-
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$
|
|
10391
|
+
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10392
|
+
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10336
10393
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(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);
|
|
10337
10394
|
var ButtonsContainer$3 = /*#__PURE__*/styled.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) {
|
|
10338
10395
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
@@ -10784,7 +10841,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10784
10841
|
}, description)))));
|
|
10785
10842
|
};
|
|
10786
10843
|
|
|
10787
|
-
var _templateObject$1e, _templateObject2$X, _templateObject3$L, _templateObject4$
|
|
10844
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$L, _templateObject4$C, _templateObject5$w, _templateObject6$p, _templateObject7$k, _templateObject8$f, _templateObject9$a, _templateObject0$9, _templateObject1$5;
|
|
10788
10845
|
var stateStyles = /*#__PURE__*/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) {
|
|
10789
10846
|
var theme = _ref.theme;
|
|
10790
10847
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10800,7 +10857,7 @@ var borderStyles = /*#__PURE__*/css(_templateObject2$X || (_templateObject2$X =
|
|
|
10800
10857
|
return theme.colors.darkgrey;
|
|
10801
10858
|
});
|
|
10802
10859
|
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10803
|
-
var listItemStyles = /*#__PURE__*/css(_templateObject4$
|
|
10860
|
+
var listItemStyles = /*#__PURE__*/css(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
10804
10861
|
var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
10805
10862
|
var theme = _ref5.theme;
|
|
10806
10863
|
return {
|
|
@@ -10808,11 +10865,11 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
10808
10865
|
color: theme.colors.black,
|
|
10809
10866
|
title: 'Select Arrow'
|
|
10810
10867
|
};
|
|
10811
|
-
})(_templateObject5$
|
|
10868
|
+
})(_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"])));
|
|
10812
10869
|
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10813
10870
|
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10814
10871
|
var Options = /*#__PURE__*/styled.div(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10815
|
-
var Option = /*#__PURE__*/styled.li(_templateObject9$
|
|
10872
|
+
var Option = /*#__PURE__*/styled.li(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10816
10873
|
var theme = _ref6.theme,
|
|
10817
10874
|
hover = _ref6.hover;
|
|
10818
10875
|
var _theme$colors = theme.colors,
|
|
@@ -11165,7 +11222,7 @@ function Select(_ref3) {
|
|
|
11165
11222
|
})))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
11166
11223
|
}
|
|
11167
11224
|
|
|
11168
|
-
var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$
|
|
11225
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$D;
|
|
11169
11226
|
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11170
11227
|
var SelectWrapper$1 = /*#__PURE__*/styled.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) {
|
|
11171
11228
|
var width = _ref.width;
|
|
@@ -11189,7 +11246,7 @@ var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject
|
|
|
11189
11246
|
if (darkMode) return "var(--base-color-white)";
|
|
11190
11247
|
return "var(--base-color-black)";
|
|
11191
11248
|
});
|
|
11192
|
-
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$
|
|
11249
|
+
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
11193
11250
|
var darkMode = _ref6.darkMode;
|
|
11194
11251
|
if (darkMode) return "var(--base-color-white)";
|
|
11195
11252
|
return "var(--base-color-errorstate)";
|
|
@@ -11304,7 +11361,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
11304
11361
|
};
|
|
11305
11362
|
|
|
11306
11363
|
var _templateObject$1g, _templateObject2$Z;
|
|
11307
|
-
var Wrapper$7 = /*#__PURE__*/styled.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% -
|
|
11364
|
+
var Wrapper$7 = /*#__PURE__*/styled.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) {
|
|
11308
11365
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
11309
11366
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
11310
11367
|
return aspectRatio;
|
|
@@ -11312,9 +11369,18 @@ var Wrapper$7 = /*#__PURE__*/styled.figure(_templateObject$1g || (_templateObjec
|
|
|
11312
11369
|
var _ref2$aspectRatio = _ref2.aspectRatio,
|
|
11313
11370
|
aspectRatio = _ref2$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref2$aspectRatio,
|
|
11314
11371
|
height = _ref2.height;
|
|
11315
|
-
return "calc(calc(" + height + "px -
|
|
11372
|
+
return "calc(calc(" + height + "px - 34px) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
11373
|
+
}, devices.mobile, function (_ref3) {
|
|
11374
|
+
var _ref3$aspectRatio = _ref3.aspectRatio,
|
|
11375
|
+
aspectRatio = _ref3$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref3$aspectRatio;
|
|
11376
|
+
return aspectRatio;
|
|
11377
|
+
}, function (_ref4) {
|
|
11378
|
+
var _ref4$aspectRatio = _ref4.aspectRatio,
|
|
11379
|
+
aspectRatio = _ref4$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref4$aspectRatio,
|
|
11380
|
+
height = _ref4.height;
|
|
11381
|
+
return "calc(calc(" + height + "px - 30px) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
11316
11382
|
});
|
|
11317
|
-
var CaptionWrapper = /*#__PURE__*/styled
|
|
11383
|
+
var CaptionWrapper = /*#__PURE__*/styled(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);
|
|
11318
11384
|
|
|
11319
11385
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
11320
11386
|
var caption = _ref.caption,
|
|
@@ -11345,7 +11411,9 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11345
11411
|
return /*#__PURE__*/React__default.isValidElement(child) ? /*#__PURE__*/React__default.cloneElement(child, {
|
|
11346
11412
|
alt: child.props.alt || 'Visual representation'
|
|
11347
11413
|
}) : child;
|
|
11348
|
-
})), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper,
|
|
11414
|
+
})), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, {
|
|
11415
|
+
tag: "figcaption"
|
|
11416
|
+
}, caption));
|
|
11349
11417
|
};
|
|
11350
11418
|
|
|
11351
11419
|
var _templateObject$1h, _templateObject2$_, _templateObject3$N;
|
|
@@ -11379,12 +11447,12 @@ var Quote = function Quote(_ref) {
|
|
|
11379
11447
|
}, attribution))));
|
|
11380
11448
|
};
|
|
11381
11449
|
|
|
11382
|
-
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$
|
|
11450
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$E, _templateObject5$x, _templateObject6$q;
|
|
11383
11451
|
var CardContainer$1 = /*#__PURE__*/styled.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"])));
|
|
11384
11452
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11385
11453
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11386
|
-
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
11387
|
-
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
11454
|
+
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11455
|
+
var IconWrapper$3 = /*#__PURE__*/styled.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);
|
|
11388
11456
|
var TitleWrapper$5 = /*#__PURE__*/styled.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);
|
|
11389
11457
|
|
|
11390
11458
|
var MiniCard = function MiniCard(_ref) {
|
|
@@ -11423,18 +11491,18 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11423
11491
|
}, title)))));
|
|
11424
11492
|
};
|
|
11425
11493
|
|
|
11426
|
-
var _templateObject$1j, _templateObject2$10, _templateObject3$P, _templateObject4$
|
|
11494
|
+
var _templateObject$1j, _templateObject2$10, _templateObject3$P, _templateObject4$F, _templateObject5$y;
|
|
11427
11495
|
var ReadMoreContainer = /*#__PURE__*/styled.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"])));
|
|
11428
11496
|
var LinkContainer = /*#__PURE__*/styled.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"])));
|
|
11429
11497
|
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
11430
11498
|
var isVisible = _ref.isVisible;
|
|
11431
11499
|
return isVisible ? 'visible' : 'hidden';
|
|
11432
11500
|
});
|
|
11433
|
-
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
11501
|
+
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
11434
11502
|
var isVisible = _ref2.isVisible;
|
|
11435
11503
|
return isVisible ? 'visible' : 'hidden';
|
|
11436
11504
|
});
|
|
11437
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$
|
|
11505
|
+
var ContentContainer$5 = /*#__PURE__*/styled.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"])));
|
|
11438
11506
|
|
|
11439
11507
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
11440
11508
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -11515,15 +11583,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11515
11583
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11516
11584
|
};
|
|
11517
11585
|
|
|
11518
|
-
var _templateObject$1k, _templateObject2$11, _templateObject3$Q, _templateObject4$
|
|
11586
|
+
var _templateObject$1k, _templateObject2$11, _templateObject3$Q, _templateObject4$G, _templateObject5$z;
|
|
11519
11587
|
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11520
11588
|
var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey);
|
|
11521
11589
|
var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey);
|
|
11522
|
-
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$
|
|
11590
|
+
var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref) {
|
|
11523
11591
|
var isActive = _ref.isActive;
|
|
11524
11592
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
11525
11593
|
}, Colors.MidGrey);
|
|
11526
|
-
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$
|
|
11594
|
+
var MobileMenuList = /*#__PURE__*/styled.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) {
|
|
11527
11595
|
var isOpen = _ref2.isOpen;
|
|
11528
11596
|
return isOpen ? 'block' : 'none';
|
|
11529
11597
|
}, Colors.White, Colors.DarkGrey, MenuItem$1);
|
|
@@ -11679,15 +11747,15 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11679
11747
|
});
|
|
11680
11748
|
};
|
|
11681
11749
|
|
|
11682
|
-
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$
|
|
11750
|
+
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$H, _templateObject5$A, _templateObject6$r;
|
|
11683
11751
|
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11684
11752
|
var Sections = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11685
11753
|
var Section = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11686
11754
|
var color = _ref.color;
|
|
11687
11755
|
return "var(--base-color-" + color + ")";
|
|
11688
11756
|
});
|
|
11689
|
-
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$
|
|
11690
|
-
var Text = /*#__PURE__*/styled.div(_templateObject5$
|
|
11757
|
+
var BottomLine = /*#__PURE__*/styled.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"])));
|
|
11758
|
+
var Text = /*#__PURE__*/styled.div(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11691
11759
|
var color = _ref2.color;
|
|
11692
11760
|
return "var(--base-color-" + color + ")";
|
|
11693
11761
|
});
|
|
@@ -11773,14 +11841,14 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11773
11841
|
}, strengthLabel))));
|
|
11774
11842
|
};
|
|
11775
11843
|
|
|
11776
|
-
var _templateObject$1m, _templateObject2$13, _templateObject3$S, _templateObject4$
|
|
11844
|
+
var _templateObject$1m, _templateObject2$13, _templateObject3$S, _templateObject4$I, _templateObject5$B, _templateObject6$s, _templateObject7$l, _templateObject8$g;
|
|
11777
11845
|
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11778
11846
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11779
11847
|
var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11780
|
-
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$
|
|
11848
|
+
var TableHeader = /*#__PURE__*/styled.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) {
|
|
11781
11849
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11782
11850
|
}, devices.tablet, devices.mobile);
|
|
11783
|
-
var TableCell = /*#__PURE__*/styled.td(_templateObject5$
|
|
11851
|
+
var TableCell = /*#__PURE__*/styled.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) {
|
|
11784
11852
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11785
11853
|
}, devices.mobile);
|
|
11786
11854
|
var PaginationWrapper = /*#__PURE__*/styled(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);
|
|
@@ -11988,7 +12056,7 @@ var Table = function Table(_ref) {
|
|
|
11988
12056
|
}))));
|
|
11989
12057
|
};
|
|
11990
12058
|
|
|
11991
|
-
var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$
|
|
12059
|
+
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;
|
|
11992
12060
|
var Wrapper$9 = /*#__PURE__*/styled('div')(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11993
12061
|
var theme = _ref.theme;
|
|
11994
12062
|
return "var(--color-" + theme + ")";
|
|
@@ -11998,12 +12066,12 @@ var Wrapper$9 = /*#__PURE__*/styled('div')(_templateObject$1n || (_templateObjec
|
|
|
11998
12066
|
});
|
|
11999
12067
|
var SignUpFormWrapper = /*#__PURE__*/styled(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);
|
|
12000
12068
|
var SignUpTitleWrapper = /*#__PURE__*/styled('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);
|
|
12001
|
-
var Error = /*#__PURE__*/styled.div(_templateObject4$
|
|
12002
|
-
var Form = /*#__PURE__*/styled.form(_templateObject5$
|
|
12069
|
+
var Error = /*#__PURE__*/styled.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"])));
|
|
12070
|
+
var Form = /*#__PURE__*/styled.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);
|
|
12003
12071
|
var FormFooterWrapper = /*#__PURE__*/styled.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);
|
|
12004
12072
|
var ServerError = /*#__PURE__*/styled.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
12005
12073
|
var CTALinkWrapper = /*#__PURE__*/styled.a(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
12006
|
-
var ButtonWrapper$3 = /*#__PURE__*/styled.div(_templateObject9$
|
|
12074
|
+
var ButtonWrapper$3 = /*#__PURE__*/styled.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);
|
|
12007
12075
|
var FieldsWrapper = /*#__PURE__*/styled.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);
|
|
12008
12076
|
var MessageWrapper$1 = /*#__PURE__*/styled.div(_templateObject1$6 || (_templateObject1$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div > p {\n margin: 0;\n }\n"])));
|
|
12009
12077
|
var DropdownAreaWrapper = /*#__PURE__*/styled.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"])));
|
|
@@ -12411,13 +12479,13 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12411
12479
|
}))))));
|
|
12412
12480
|
};
|
|
12413
12481
|
|
|
12414
|
-
var _templateObject$1o, _templateObject2$15, _templateObject4$
|
|
12482
|
+
var _templateObject$1o, _templateObject2$15, _templateObject4$K, _templateObject5$D;
|
|
12415
12483
|
var AnchorBarContainer = /*#__PURE__*/styled(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) {
|
|
12416
12484
|
var withShadow = _ref.withShadow;
|
|
12417
12485
|
return withShadow && css(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12418
12486
|
}, devices.mobile);
|
|
12419
|
-
var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$
|
|
12420
|
-
var ContentWrapper$3 = /*#__PURE__*/styled.a(_templateObject5$
|
|
12487
|
+
var CloseButtonWrapper = /*#__PURE__*/styled.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);
|
|
12488
|
+
var ContentWrapper$3 = /*#__PURE__*/styled.a(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
12421
12489
|
|
|
12422
12490
|
var AnchorBar = function AnchorBar(_ref) {
|
|
12423
12491
|
var cta = _ref.cta,
|