@royaloperahouse/harmonic 1.0.9-c → 1.0.9-d
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/molecules/CastFilter/Variant/CastFiltersVariant.d.ts +2 -2
- package/dist/components/molecules/CastFilter/Variant/CastFiltersVariant.style.d.ts +4 -0
- package/dist/harmonic.cjs.development.js +242 -233
- 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 -233
- package/dist/harmonic.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -7197,7 +7197,13 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7197
7197
|
}, textLinkText != null ? textLinkText : 'Clear')))))));
|
|
7198
7198
|
};
|
|
7199
7199
|
|
|
7200
|
-
var
|
|
7200
|
+
var _templateObject$L, _templateObject2$y, _templateObject3$l, _templateObject4$j;
|
|
7201
|
+
var CastFiltersWrapperVariant = /*#__PURE__*/styled(CastFiltersWrapper)(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0px;\n"])));
|
|
7202
|
+
var AppliedCastFiltersPortal = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
7203
|
+
var CastFiltersGrid = /*#__PURE__*/styled(Grid)(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
7204
|
+
var CastWrapperVariant = /*#__PURE__*/styled(CastWrapper)(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
7205
|
+
|
|
7206
|
+
var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
7201
7207
|
var cast = _ref.cast,
|
|
7202
7208
|
headingText = _ref.headingText,
|
|
7203
7209
|
ctaText = _ref.ctaText,
|
|
@@ -7414,7 +7420,7 @@ var CastFiltersVariant = function CastFiltersVariant(_ref) {
|
|
|
7414
7420
|
};
|
|
7415
7421
|
return /*#__PURE__*/React__default.createElement(CastFiltersComponentWrapper, {
|
|
7416
7422
|
className: className
|
|
7417
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7423
|
+
}, /*#__PURE__*/React__default.createElement(CastFiltersWrapperVariant, null, /*#__PURE__*/React__default.createElement(CastFiltersGrid, null, headingText && (/*#__PURE__*/React__default.createElement(GridItem, {
|
|
7418
7424
|
columnStartDesktop: 1,
|
|
7419
7425
|
columnSpanDesktop: 10,
|
|
7420
7426
|
columnStartDevice: 1,
|
|
@@ -7430,7 +7436,9 @@ var CastFiltersVariant = function CastFiltersVariant(_ref) {
|
|
|
7430
7436
|
onClickPrev: onPrev,
|
|
7431
7437
|
availablePrev: availablePrev,
|
|
7432
7438
|
availableNext: availableNext
|
|
7433
|
-
})))), /*#__PURE__*/React__default.createElement(
|
|
7439
|
+
})))), /*#__PURE__*/React__default.createElement(AppliedCastFiltersPortal, {
|
|
7440
|
+
ref: ref
|
|
7441
|
+
}), /*#__PURE__*/React__default.createElement(CastWrapperVariant, {
|
|
7434
7442
|
ref: castWrapperRef,
|
|
7435
7443
|
role: "listbox",
|
|
7436
7444
|
"aria-roledescription": listRoleDescription != null ? listRoleDescription : 'filter list',
|
|
@@ -7460,13 +7468,14 @@ var CastFiltersVariant = function CastFiltersVariant(_ref) {
|
|
|
7460
7468
|
onClick: onClear,
|
|
7461
7469
|
onKeyDown: handleClearKeydown
|
|
7462
7470
|
}, textLinkText != null ? textLinkText : 'Clear')))))));
|
|
7463
|
-
};
|
|
7471
|
+
});
|
|
7472
|
+
CastFiltersVariant.displayName = 'CastFiltersVariant';
|
|
7464
7473
|
|
|
7465
|
-
var _templateObject$
|
|
7466
|
-
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7467
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7468
|
-
var AddressWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7469
|
-
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
7474
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$m, _templateObject4$k, _templateObject5$g, _templateObject6$a, _templateObject7$7;
|
|
7475
|
+
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
7476
|
+
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__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);
|
|
7477
|
+
var AddressWrapper = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
7478
|
+
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
7470
7479
|
var MobileSuffixWrapper = /*#__PURE__*/styled.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
7471
7480
|
var DesktopSuffixWrapper = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7472
7481
|
var DetailsWrapper = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__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: var(--harmonic-text-link-underline-offset);\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);
|
|
@@ -7520,11 +7529,11 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7520
7529
|
}, addressString)))))))));
|
|
7521
7530
|
};
|
|
7522
7531
|
|
|
7523
|
-
var _templateObject$
|
|
7524
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7525
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled.div(_templateObject2$
|
|
7526
|
-
var SignUpWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7527
|
-
var SignUpText = /*#__PURE__*/styled.p(_templateObject4$
|
|
7532
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$n, _templateObject4$l, _templateObject5$h, _templateObject6$b, _templateObject7$8, _templateObject8$5;
|
|
7533
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
7534
|
+
var ContactNewsletterSeparator = /*#__PURE__*/styled.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
7535
|
+
var SignUpWrapper = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
7536
|
+
var SignUpText = /*#__PURE__*/styled.p(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
7528
7537
|
var ContactWrapper = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
7529
7538
|
var MediaLinksWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
7530
7539
|
var MediaIconWrapper$1 = /*#__PURE__*/styled.a(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
@@ -7553,13 +7562,13 @@ var ContactNewsletter = function ContactNewsletter(_ref) {
|
|
|
7553
7562
|
}, contact.title))));
|
|
7554
7563
|
};
|
|
7555
7564
|
|
|
7556
|
-
var _templateObject$
|
|
7557
|
-
var BodyTextRelative = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$
|
|
7558
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled.article(_templateObject2$
|
|
7565
|
+
var _templateObject$O, _templateObject2$B, _templateObject3$o, _templateObject4$m, _templateObject5$i, _templateObject6$c;
|
|
7566
|
+
var BodyTextRelative = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7567
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled.article(_templateObject2$B || (_templateObject2$B = /*#__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) {
|
|
7559
7568
|
return props.clickable ? 'pointer' : 'default';
|
|
7560
7569
|
}, devices.mobile);
|
|
7561
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7562
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
7570
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
7571
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$m || (_templateObject4$m = /*#__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) {
|
|
7563
7572
|
return props.showImage ? 2 : '1 / span 4';
|
|
7564
7573
|
}, devices.mobile);
|
|
7565
7574
|
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
@@ -7646,20 +7655,20 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7646
7655
|
}), link.text))));
|
|
7647
7656
|
};
|
|
7648
7657
|
|
|
7649
|
-
var _templateObject$
|
|
7650
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
7658
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$p, _templateObject4$n, _templateObject5$j;
|
|
7659
|
+
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__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) {
|
|
7651
7660
|
var imageToLeft = _ref.imageToLeft;
|
|
7652
7661
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7653
7662
|
}, devices.mobile);
|
|
7654
|
-
var EditorialImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
7663
|
+
var EditorialImageWrapper = /*#__PURE__*/styled.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
7655
7664
|
var imageToLeft = _ref2.imageToLeft;
|
|
7656
7665
|
return imageToLeft ? 'left' : 'right';
|
|
7657
7666
|
}, devices.mobile);
|
|
7658
|
-
var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7667
|
+
var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
7659
7668
|
var imageToLeft = _ref3.imageToLeft;
|
|
7660
7669
|
return imageToLeft ? 'right' : 'left';
|
|
7661
7670
|
}, devices.mobile);
|
|
7662
|
-
var EditorialSubtitle = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject4$
|
|
7671
|
+
var EditorialSubtitle = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-feature-settings: var(--font-feature-settings-subtitle);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
7663
7672
|
var EditorialText = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-feature-settings: var(--font-feature-settings-body);\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"])));
|
|
7664
7673
|
|
|
7665
7674
|
var Editorial = function Editorial(_ref) {
|
|
@@ -7699,10 +7708,10 @@ var Editorial = function Editorial(_ref) {
|
|
|
7699
7708
|
})))));
|
|
7700
7709
|
};
|
|
7701
7710
|
|
|
7702
|
-
var _templateObject$
|
|
7703
|
-
var HotFiltersWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7704
|
-
var HotFilterOptionsWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
7705
|
-
var StyledHotFiltersButton = /*#__PURE__*/styled(PrimaryButton)(_templateObject3$
|
|
7711
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$q;
|
|
7712
|
+
var HotFiltersWrapper = /*#__PURE__*/styled.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: scroll;\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n ::-webkit-scrollbar {\n display: none;\n }\n"])));
|
|
7713
|
+
var HotFilterOptionsWrapper = /*#__PURE__*/styled.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n width: fit-content;\n min-width: 400px;\n justify-content: space-between;\n gap: 16px;\n font-family: var(--font-family-sans);\n\n @media ", " {\n gap: 10px;\n }\n"])), devices.mobile);
|
|
7714
|
+
var StyledHotFiltersButton = /*#__PURE__*/styled(PrimaryButton)(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-base-black);\n min-width: fit-content;\n\n @media (hover: hover) and (pointer: fine) {\n :hover {\n color: var(--color-base-white);\n }\n }\n"])));
|
|
7706
7715
|
|
|
7707
7716
|
var _excluded$i = ["text", "onClick"];
|
|
7708
7717
|
var HotFilters = function HotFilters(_ref) {
|
|
@@ -7737,10 +7746,10 @@ var HotFilters = function HotFilters(_ref) {
|
|
|
7737
7746
|
})));
|
|
7738
7747
|
};
|
|
7739
7748
|
|
|
7740
|
-
var _templateObject$
|
|
7741
|
-
var ScrollContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7742
|
-
var TabsContainerWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
7743
|
-
var StyledTab = /*#__PURE__*/styled(PrimaryButton)(_templateObject3$
|
|
7749
|
+
var _templateObject$R, _templateObject2$E, _templateObject3$r;
|
|
7750
|
+
var ScrollContainer = /*#__PURE__*/styled.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: scroll;\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n @media ", " {\n overflow-x: visible;\n }\n"])), devices.mobile);
|
|
7751
|
+
var TabsContainerWrapper = /*#__PURE__*/styled.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n width: fit-content;\n min-width: 400px;\n justify-content: space-between;\n gap: 16px;\n font-family: var(--font-family-sans);\n\n @media ", " {\n width: 100%;\n min-width: 0;\n flex-wrap: wrap;\n justify-content: flex-start;\n gap: 10px;\n }\n"])), devices.mobile);
|
|
7752
|
+
var StyledTab = /*#__PURE__*/styled(PrimaryButton)(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-base-black);\n min-width: fit-content;\n\n &:focus-visible {\n outline: 2px solid var(--color-base-black);\n outline-offset: 2px;\n }\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: var(--color-base-white);\n }\n }\n\n @media ", " {\n width: auto !important;\n min-width: fit-content;\n flex: 0 0 auto;\n }\n"])), devices.mobile);
|
|
7744
7753
|
|
|
7745
7754
|
var _excluded$j = ["text", "id", "isSelected", "allowedSelectedWith"];
|
|
7746
7755
|
/**
|
|
@@ -7896,10 +7905,10 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
7896
7905
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
|
|
7897
7906
|
};
|
|
7898
7907
|
|
|
7899
|
-
var _templateObject$
|
|
7900
|
-
var InfoWrapper = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7901
|
-
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$
|
|
7902
|
-
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
7908
|
+
var _templateObject$S, _templateObject2$F, _templateObject3$s, _templateObject4$o;
|
|
7909
|
+
var InfoWrapper = /*#__PURE__*/styled(Grid)(_templateObject$S || (_templateObject$S = /*#__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);
|
|
7910
|
+
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7911
|
+
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$s || (_templateObject3$s = /*#__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) {
|
|
7903
7912
|
var variant = _ref.variant,
|
|
7904
7913
|
theme = _ref.theme;
|
|
7905
7914
|
return getTextColor$4(variant, theme, COLORS$4.background);
|
|
@@ -7942,7 +7951,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$r || (_template
|
|
|
7942
7951
|
theme = _ref10.theme;
|
|
7943
7952
|
return getTextColor$4(variant, theme, COLORS$4.pressed);
|
|
7944
7953
|
});
|
|
7945
|
-
var InfoBodyWrapper = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject4$
|
|
7954
|
+
var InfoBodyWrapper = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--information-panel-color);\n\n a {\n text-decoration: underline;\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n color: var(--information-panel-color);\n }\n\n @media ", " {\n padding-top: 4px;\n }\n"])), devices.mobile);
|
|
7946
7955
|
|
|
7947
7956
|
var css_248z$1 = "@font-face {\n font-family: 'GreyLLTT';\n src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'GreyLLTT';\n src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Medium.woff2') format('woff2');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'GreyLLTT';\n src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Bold.woff2') format('woff2');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'VictorSerif';\n src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2') format('woff2');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'VictorSerif';\n src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2') format('woff2');\n font-weight: 500;\n font-style: italic;\n font-display: swap;\n}\n";
|
|
7948
7957
|
styleInject(css_248z$1);
|
|
@@ -8136,23 +8145,23 @@ var Information = function Information(_ref) {
|
|
|
8136
8145
|
})))));
|
|
8137
8146
|
};
|
|
8138
8147
|
|
|
8139
|
-
var _templateObject$
|
|
8140
|
-
var PageHeadingWrapper = /*#__PURE__*/styled('div')(_templateObject$
|
|
8148
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$t, _templateObject4$p, _templateObject5$k, _templateObject6$d, _templateObject7$9, _templateObject8$6;
|
|
8149
|
+
var PageHeadingWrapper = /*#__PURE__*/styled('div')(_templateObject$T || (_templateObject$T = /*#__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) {
|
|
8141
8150
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8142
8151
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
8143
8152
|
}, devices.mobile);
|
|
8144
|
-
var PageHeadingGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
8153
|
+
var PageHeadingGrid = /*#__PURE__*/styled(Grid)(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title 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\n @media ", " {\n & {\n ", "\n }\n }\n"])), function (_ref2) {
|
|
8145
8154
|
var isMultipleRow = _ref2.isMultipleRow;
|
|
8146
8155
|
return isMultipleRow ? "\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n " : "\n grid-template-rows: min-content;\n grid-template-areas:\n '. . title title title title title title title title title title button button button . .';\n ";
|
|
8147
8156
|
}, devices.mobile, devices.tablet, function (_ref3) {
|
|
8148
8157
|
var isMultipleRow = _ref3.isMultipleRow;
|
|
8149
8158
|
return isMultipleRow ? "\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button . '\n " : "\n grid-template-rows: min-content;\n grid-template-areas:\n '. . title title title title title title title title button button button button button .';\n ";
|
|
8150
8159
|
});
|
|
8151
|
-
var BadgeWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8160
|
+
var BadgeWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 35px;\n padding-bottom: 20px;\n\n ", ";\n"])), function (_ref4) {
|
|
8152
8161
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
8153
8162
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
8154
8163
|
});
|
|
8155
|
-
var TitleWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
8164
|
+
var TitleWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref5) {
|
|
8156
8165
|
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
8157
8166
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
8158
8167
|
}, devices.mobile);
|
|
@@ -8241,9 +8250,9 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
8241
8250
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
8242
8251
|
};
|
|
8243
8252
|
|
|
8244
|
-
var _templateObject$
|
|
8245
|
-
var ImpactHeaderWrapper = /*#__PURE__*/styled.header(_templateObject$
|
|
8246
|
-
var ImpactTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
8253
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$l, _templateObject6$e, _templateObject7$a, _templateObject8$7;
|
|
8254
|
+
var ImpactHeaderWrapper = /*#__PURE__*/styled.header(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--color-base-black);\n padding: 36px 0;\n\n @media ", " {\n padding: 21px 0;\n }\n"])), devices.mobile);
|
|
8255
|
+
var ImpactTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: grid;\n grid-template-columns: ", ";\n padding: 0 50px;\n\n @media ", " {\n padding: 0 50px;\n }\n\n @media ", " {\n padding: 0 20px;\n grid-template-columns: ", ";\n }\n"])), function (_ref) {
|
|
8247
8256
|
var hasButton = _ref.hasButton,
|
|
8248
8257
|
sponsorPresent = _ref.sponsorPresent;
|
|
8249
8258
|
if (hasButton || sponsorPresent) return 'auto 80px 1fr 80px auto';
|
|
@@ -8252,11 +8261,11 @@ var ImpactTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$G || (_templat
|
|
|
8252
8261
|
var sponsorPresent = _ref2.sponsorPresent;
|
|
8253
8262
|
return sponsorPresent ? '1fr 20px auto' : '1fr';
|
|
8254
8263
|
});
|
|
8255
|
-
var TitleButtonWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
8264
|
+
var TitleButtonWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n display: flex;\n align-items: center;\n min-width: ", ";\n"])), function (_ref3) {
|
|
8256
8265
|
var sponsorWidth = _ref3.sponsorWidth;
|
|
8257
8266
|
return sponsorWidth ? sponsorWidth + "px" : 'auto';
|
|
8258
8267
|
});
|
|
8259
|
-
var TitleButton = /*#__PURE__*/styled(PrimaryButton)(_templateObject4$
|
|
8268
|
+
var TitleButton = /*#__PURE__*/styled(PrimaryButton)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n position: static;\n margin-right: 0;\n }\n"])), devices.mobile);
|
|
8260
8269
|
var MobileButtonWrapper = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n box-sizing: border-box;\n padding: 0 20px 16px 20px;\n"])));
|
|
8261
8270
|
var ImpactTitle = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: -webkit-box;\n align-self: center;\n grid-column: ", ";\n min-width: 0;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n max-height: calc(48px * 2);\n text-align: center;\n padding-bottom: 2px;\n\n @media ", " {\n grid-column: 1;\n -webkit-line-clamp: 4;\n max-height: calc(34px * 4);\n text-align: left;\n }\n"])), function (_ref4) {
|
|
8262
8271
|
var hasColumns = _ref4.hasColumns;
|
|
@@ -8268,11 +8277,11 @@ var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject8$7 || (_templateObj
|
|
|
8268
8277
|
return buttonWidth ? buttonWidth + "px" : 'auto';
|
|
8269
8278
|
}, devices.mobile);
|
|
8270
8279
|
|
|
8271
|
-
var _templateObject$
|
|
8272
|
-
var VideoPlayButton$1 = /*#__PURE__*/styled.button(_templateObject$
|
|
8273
|
-
var VideoControlsWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8274
|
-
var VideoControlsInnerWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8275
|
-
var LeftWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
8280
|
+
var _templateObject$V, _templateObject2$I, _templateObject3$v, _templateObject4$r;
|
|
8281
|
+
var VideoPlayButton$1 = /*#__PURE__*/styled.button(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 80px;\n height: 80px;\n background-color: var(--color-base-transparent);\n border: none;\n cursor: pointer;\n\n @media ", " {\n width: 60px;\n height: 60px;\n }\n"])), devices.mobile);
|
|
8282
|
+
var VideoControlsWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 100%;\n"])));
|
|
8283
|
+
var VideoControlsInnerWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 20px;\n\n @media ", " {\n margin: 20px 4px;\n }\n"])), devices.mobile);
|
|
8284
|
+
var LeftWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
8276
8285
|
|
|
8277
8286
|
var VideoControlsImpact = function VideoControlsImpact(_ref) {
|
|
8278
8287
|
var videoElementId = _ref.videoElementId,
|
|
@@ -8495,20 +8504,20 @@ var PageHeadingImpact = function PageHeadingImpact(_ref4) {
|
|
|
8495
8504
|
}), isMobile && link && linkText ? (/*#__PURE__*/React__default.createElement(MobileButtonWrapper, null, /*#__PURE__*/React__default.createElement(TitleButton, Object.assign({}, restLink), linkText))) : null));
|
|
8496
8505
|
};
|
|
8497
8506
|
|
|
8498
|
-
var _templateObject$
|
|
8499
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8507
|
+
var _templateObject$W, _templateObject2$J, _templateObject3$w, _templateObject4$s, _templateObject5$m;
|
|
8508
|
+
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$W || (_templateObject$W = /*#__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) {
|
|
8500
8509
|
var color = _ref.color;
|
|
8501
8510
|
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 ";
|
|
8502
8511
|
}, devices.mobileAndTablet);
|
|
8503
|
-
var LeftPanel = /*#__PURE__*/styled.div(_templateObject2$
|
|
8512
|
+
var LeftPanel = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0px 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
8504
8513
|
var hasImage = _ref2.hasImage;
|
|
8505
8514
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
8506
8515
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
8507
8516
|
var hasImage = _ref3.hasImage;
|
|
8508
8517
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
8509
8518
|
});
|
|
8510
|
-
var RightPanel = /*#__PURE__*/styled.div(_templateObject3$
|
|
8511
|
-
var InfoWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
8519
|
+
var RightPanel = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__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);
|
|
8520
|
+
var InfoWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__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);
|
|
8512
8521
|
var ScrollDownWrapper = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__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);
|
|
8513
8522
|
|
|
8514
8523
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
@@ -8539,11 +8548,11 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8539
8548
|
})))));
|
|
8540
8549
|
};
|
|
8541
8550
|
|
|
8542
|
-
var _templateObject$
|
|
8543
|
-
var Wrapper$3 = /*#__PURE__*/styled.section(_templateObject$
|
|
8544
|
-
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
8545
|
-
var SponsorWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8546
|
-
var ImageButtonWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
8551
|
+
var _templateObject$X, _templateObject2$K, _templateObject3$x, _templateObject4$t, _templateObject5$n, _templateObject6$f, _templateObject7$b, _templateObject8$8, _templateObject9$4, _templateObject0$4, _templateObject1$3;
|
|
8552
|
+
var Wrapper$3 = /*#__PURE__*/styled.section(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8553
|
+
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
8554
|
+
var SponsorWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__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);
|
|
8555
|
+
var ImageButtonWrapper = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__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);
|
|
8547
8556
|
var ContentSection = /*#__PURE__*/styled.div(_templateObject5$n || (_templateObject5$n = /*#__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) {
|
|
8548
8557
|
var theme = _ref.theme;
|
|
8549
8558
|
return theme == ThemeType.Cinema ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
@@ -8753,7 +8762,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
8753
8762
|
})))))))))));
|
|
8754
8763
|
};
|
|
8755
8764
|
|
|
8756
|
-
var _templateObject$
|
|
8765
|
+
var _templateObject$Y, _templateObject2$L, _templateObject3$y, _templateObject4$u;
|
|
8757
8766
|
var GRID = {
|
|
8758
8767
|
desktop: {
|
|
8759
8768
|
leftWithImage: '1 / 1 / 3 / 7',
|
|
@@ -8766,19 +8775,19 @@ var GRID = {
|
|
|
8766
8775
|
right: '2 / 1 / 3 / 15'
|
|
8767
8776
|
}
|
|
8768
8777
|
};
|
|
8769
|
-
var HighlightPanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8778
|
+
var HighlightPanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n background-color: ", ";\n color: var(--color-base-white);\n"])), function (_ref) {
|
|
8770
8779
|
var $background = _ref.$background;
|
|
8771
8780
|
return "var(--color-" + $background + ")";
|
|
8772
8781
|
});
|
|
8773
|
-
var LeftPanel$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8782
|
+
var LeftPanel$1 = /*#__PURE__*/styled.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
8774
8783
|
var hasImage = _ref2.hasImage;
|
|
8775
8784
|
return hasImage ? GRID.desktop.leftWithImage : GRID.desktop.leftNoImage;
|
|
8776
8785
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
8777
8786
|
var hasImage = _ref3.hasImage;
|
|
8778
8787
|
return hasImage ? GRID.mobile.leftWithImage : GRID.mobile.leftNoImage;
|
|
8779
8788
|
});
|
|
8780
|
-
var RightPanel$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8781
|
-
var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject4$
|
|
8789
|
+
var RightPanel$1 = /*#__PURE__*/styled.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--color-base-black);\n\n @media ", " {\n grid-area: ", ";\n }\n"])), GRID.desktop.right, devices.mobileAndTablet, GRID.mobile.right);
|
|
8790
|
+
var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px 36px 36px 50px;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px 5px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
8782
8791
|
|
|
8783
8792
|
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
8784
8793
|
var _image$src, _image$alt;
|
|
@@ -8801,10 +8810,10 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
8801
8810
|
})))));
|
|
8802
8811
|
};
|
|
8803
8812
|
|
|
8804
|
-
var _templateObject$
|
|
8805
|
-
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$
|
|
8806
|
-
var BrandingTextBody = /*#__PURE__*/styled.div(_templateObject2$
|
|
8807
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
8813
|
+
var _templateObject$Z, _templateObject2$M, _templateObject3$z, _templateObject5$o, _templateObject6$g, _templateObject7$c, _templateObject8$9, _templateObject9$5, _templateObject0$5;
|
|
8814
|
+
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__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);
|
|
8815
|
+
var BrandingTextBody = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__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"])));
|
|
8816
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8808
8817
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObject5$o = /*#__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);
|
|
8809
8818
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . . . . . . . . . . . .'\n '. logo logo logo title title title title title title title title cta cta . .'\n '. . . . . . . . . . . . . . . .';\n align-content: center;\n gap: 0 var(--grid-column-gap);\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 grid-template-columns: 1fr;\n grid-template-areas:\n 'logo'\n 'title'\n 'cta';\n\n gap: 0;\n row-gap: 16px;\n height: auto;\n padding: 32px 20px;\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'logo'\n 'title'\n 'cta';\n\n gap: 0;\n row-gap: 16px;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
8810
8819
|
var invert = _ref.invert,
|
|
@@ -9055,11 +9064,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9055
9064
|
}), linkText))))));
|
|
9056
9065
|
};
|
|
9057
9066
|
|
|
9058
|
-
var _templateObject$
|
|
9059
|
-
var HighlightsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9060
|
-
var HighlightTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
9061
|
-
var HighlightTextWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9062
|
-
var HighlightsInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
9067
|
+
var _templateObject$_, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$p, _templateObject6$h, _templateObject7$d;
|
|
9068
|
+
var HighlightsGrid = /*#__PURE__*/styled(Grid)(_templateObject$_ || (_templateObject$_ = /*#__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 color: var(--color-base-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
9069
|
+
var HighlightTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h1 {\n margin: 0 0 8px 0;\n }\n p {\n text-transform: uppercase;\n }\n"])));
|
|
9070
|
+
var HighlightTextWrapper = /*#__PURE__*/styled.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobile);
|
|
9071
|
+
var HighlightsInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\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: ", ";\n width: 100%;\n padding: 20px;\n }\n }\n"])), function (_ref) {
|
|
9063
9072
|
var hasImages = _ref.hasImages;
|
|
9064
9073
|
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
9065
9074
|
}, devices.mobile, function (_ref2) {
|
|
@@ -9134,10 +9143,10 @@ var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {
|
|
|
9134
9143
|
}))))));
|
|
9135
9144
|
};
|
|
9136
9145
|
|
|
9137
|
-
var _templateObject
|
|
9138
|
-
var linkButtonStyles = /*#__PURE__*/css(_templateObject
|
|
9139
|
-
var PageNav = /*#__PURE__*/styled.a(_templateObject2$
|
|
9140
|
-
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$
|
|
9146
|
+
var _templateObject$$, _templateObject2$O, _templateObject3$B, _templateObject5$q, _templateObject6$i, _templateObject7$e, _templateObject8$a;
|
|
9147
|
+
var linkButtonStyles = /*#__PURE__*/css(_templateObject$$ || (_templateObject$$ = /*#__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"])));
|
|
9148
|
+
var PageNav = /*#__PURE__*/styled.a(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9149
|
+
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9141
9150
|
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject5$q || (_templateObject5$q = /*#__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"])));
|
|
9142
9151
|
var LastPageItem = /*#__PURE__*/styled.li(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9143
9152
|
var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
@@ -9293,15 +9302,15 @@ var Pagination = function Pagination(_ref) {
|
|
|
9293
9302
|
}))))));
|
|
9294
9303
|
};
|
|
9295
9304
|
|
|
9296
|
-
var _templateObject
|
|
9297
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject
|
|
9305
|
+
var _templateObject$10;
|
|
9306
|
+
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 40px 36px;\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: ", ";\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop, function (_ref) {
|
|
9298
9307
|
var $largeDesktopColumns = _ref.$largeDesktopColumns;
|
|
9299
9308
|
return "repeat(" + ($largeDesktopColumns != null ? $largeDesktopColumns : 4) + ", 1fr)";
|
|
9300
9309
|
});
|
|
9301
9310
|
|
|
9302
|
-
var _templateObject$
|
|
9303
|
-
var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
9304
|
-
var RoleContent = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject2$
|
|
9311
|
+
var _templateObject$11, _templateObject2$P;
|
|
9312
|
+
var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n }\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9313
|
+
var RoleContent = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-base-dark-grey);\n }\n overflow-wrap: break-word;\n padding-bottom: 4px;\n"])));
|
|
9305
9314
|
|
|
9306
9315
|
var PersonDetails = function PersonDetails(_ref) {
|
|
9307
9316
|
var _role$people;
|
|
@@ -9323,9 +9332,9 @@ var PersonDetails = function PersonDetails(_ref) {
|
|
|
9323
9332
|
})));
|
|
9324
9333
|
};
|
|
9325
9334
|
|
|
9326
|
-
var _templateObject$
|
|
9327
|
-
var PersonWrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
9328
|
-
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
9335
|
+
var _templateObject$12, _templateObject2$Q;
|
|
9336
|
+
var PersonWrapper$2 = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 82px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 16px;\n"])));
|
|
9337
|
+
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 82px;\n height: 82px;\n filter: ", ";\n }\n"])), function (_ref) {
|
|
9329
9338
|
var greyscale = _ref.greyscale;
|
|
9330
9339
|
return greyscale ? 'grayscale(100%)' : 'none';
|
|
9331
9340
|
});
|
|
@@ -9374,13 +9383,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9374
9383
|
}));
|
|
9375
9384
|
};
|
|
9376
9385
|
|
|
9377
|
-
var _templateObject$
|
|
9378
|
-
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9379
|
-
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$
|
|
9386
|
+
var _templateObject$13, _templateObject2$R, _templateObject3$C;
|
|
9387
|
+
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9388
|
+
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$R || (_templateObject2$R = /*#__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) {
|
|
9380
9389
|
var columnCount = _ref.columnCount;
|
|
9381
9390
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9382
9391
|
}, devices.mobile, devices.tablet);
|
|
9383
|
-
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9392
|
+
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9384
9393
|
|
|
9385
9394
|
// Get the total character length of a property in an array of objects
|
|
9386
9395
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -9506,8 +9515,8 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9506
9515
|
}, creditEntries);
|
|
9507
9516
|
};
|
|
9508
9517
|
|
|
9509
|
-
var _templateObject$
|
|
9510
|
-
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled(TextLink)(_templateObject$
|
|
9518
|
+
var _templateObject$14;
|
|
9519
|
+
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled(TextLink)(_templateObject$14 || (_templateObject$14 = /*#__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: var(--harmonic-text-link-underline-offset);\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
9511
9520
|
|
|
9512
9521
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
9513
9522
|
var items = _ref.items;
|
|
@@ -9525,14 +9534,14 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
9525
9534
|
}));
|
|
9526
9535
|
};
|
|
9527
9536
|
|
|
9528
|
-
var _templateObject$
|
|
9537
|
+
var _templateObject$15, _templateObject3$D, _templateObject4$w, _templateObject5$r, _templateObject6$j, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6, _templateObject1$4, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
9529
9538
|
var LENGTH_TEXT = 28;
|
|
9530
9539
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9531
9540
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
9532
9541
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
9533
9542
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
9534
9543
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
9535
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9544
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$15 || (_templateObject$15 = /*#__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\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
9536
9545
|
var imageToLeft = _ref.imageToLeft;
|
|
9537
9546
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
9538
9547
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9542,7 +9551,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$14 || (_templa
|
|
|
9542
9551
|
var asCard = _ref3.asCard;
|
|
9543
9552
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
9544
9553
|
});
|
|
9545
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9554
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref4) {
|
|
9546
9555
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
9547
9556
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
9548
9557
|
}, function (_ref5) {
|
|
@@ -9566,7 +9575,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$C || (_templat
|
|
|
9566
9575
|
}
|
|
9567
9576
|
return '';
|
|
9568
9577
|
});
|
|
9569
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
9578
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref7) {
|
|
9570
9579
|
var marginBottom = _ref7.marginBottom;
|
|
9571
9580
|
return marginBottom + "px";
|
|
9572
9581
|
}, function (_ref8) {
|
|
@@ -9797,25 +9806,25 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9797
9806
|
}))));
|
|
9798
9807
|
};
|
|
9799
9808
|
|
|
9800
|
-
var _templateObject$
|
|
9809
|
+
var _templateObject$16, _templateObject2$S, _templateObject3$E, _templateObject4$x, _templateObject5$s, _templateObject6$k, _templateObject7$g;
|
|
9801
9810
|
var LENGTH_TEXT$2 = 28;
|
|
9802
9811
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9803
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9812
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$16 || (_templateObject$16 = /*#__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) {
|
|
9804
9813
|
var imageToLeft = _ref.imageToLeft;
|
|
9805
9814
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
9806
9815
|
}, devices.tablet, function (_ref2) {
|
|
9807
9816
|
var imageToLeft = _ref2.imageToLeft;
|
|
9808
9817
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
9809
9818
|
}, devices.mobile);
|
|
9810
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
9819
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
9811
9820
|
var imageToLeft = _ref3.imageToLeft;
|
|
9812
9821
|
return imageToLeft ? 'left' : 'right';
|
|
9813
9822
|
}, devices.mobile);
|
|
9814
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9823
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
9815
9824
|
var imageToLeft = _ref4.imageToLeft;
|
|
9816
9825
|
return imageToLeft ? 'right' : 'left';
|
|
9817
9826
|
}, devices.mobile);
|
|
9818
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$
|
|
9827
|
+
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9819
9828
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9820
9829
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$k || (_templateObject6$k = /*#__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);
|
|
9821
9830
|
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$g || (_templateObject7$g = /*#__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) {
|
|
@@ -9840,8 +9849,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$g || (_templat
|
|
|
9840
9849
|
return '';
|
|
9841
9850
|
});
|
|
9842
9851
|
|
|
9843
|
-
var _templateObject$
|
|
9844
|
-
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9852
|
+
var _templateObject$17;
|
|
9853
|
+
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
9845
9854
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9846
9855
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9847
9856
|
return aspectRatio;
|
|
@@ -10023,10 +10032,10 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10023
10032
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
10024
10033
|
};
|
|
10025
10034
|
|
|
10026
|
-
var _templateObject$
|
|
10027
|
-
var FigureBlock = /*#__PURE__*/styled.figure(_templateObject$
|
|
10028
|
-
var BlockquoteBlock = /*#__PURE__*/styled.blockquote(_templateObject2$
|
|
10029
|
-
var AttributionBlock = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject3$
|
|
10035
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$F;
|
|
10036
|
+
var FigureBlock = /*#__PURE__*/styled.figure(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
10037
|
+
var BlockquoteBlock = /*#__PURE__*/styled.blockquote(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
10038
|
+
var AttributionBlock = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 32px 0;\n\n & cite {\n font-style: normal;\n }\n\n @media ", " {\n padding: 24px 0;\n }\n"])), devices.mobile);
|
|
10030
10039
|
|
|
10031
10040
|
/* eslint-disable react/no-danger */
|
|
10032
10041
|
var Quote = function Quote(_ref) {
|
|
@@ -10056,9 +10065,9 @@ var Quote = function Quote(_ref) {
|
|
|
10056
10065
|
}, /*#__PURE__*/React__default.createElement("cite", null, attribution))))));
|
|
10057
10066
|
};
|
|
10058
10067
|
|
|
10059
|
-
var _templateObject$
|
|
10060
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
10061
|
-
var RadioGroup = /*#__PURE__*/styled.div(_templateObject2$
|
|
10068
|
+
var _templateObject$19, _templateObject2$U, _templateObject3$G;
|
|
10069
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10070
|
+
var RadioGroup = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
10062
10071
|
var horizontalMode = _ref.horizontalMode;
|
|
10063
10072
|
if (horizontalMode) return 'row';
|
|
10064
10073
|
return 'column';
|
|
@@ -10066,7 +10075,7 @@ var RadioGroup = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2
|
|
|
10066
10075
|
var gap = _ref2.gap;
|
|
10067
10076
|
return gap + "px";
|
|
10068
10077
|
});
|
|
10069
|
-
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10078
|
+
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
10070
10079
|
var darkMode = _ref3.darkMode;
|
|
10071
10080
|
if (darkMode) return 'var(--base-color-white)';
|
|
10072
10081
|
return 'var(--base-color-errorstate)';
|
|
@@ -10143,10 +10152,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
10143
10152
|
}, error))));
|
|
10144
10153
|
};
|
|
10145
10154
|
|
|
10146
|
-
var _templateObject$
|
|
10147
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
10148
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10149
|
-
var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10155
|
+
var _templateObject$1a, _templateObject2$V, _templateObject3$H;
|
|
10156
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-light-grey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
10157
|
+
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\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"])));
|
|
10158
|
+
var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
10150
10159
|
|
|
10151
10160
|
/* eslint-disable react/no-danger */
|
|
10152
10161
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -10202,10 +10211,10 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
10202
10211
|
return null;
|
|
10203
10212
|
};
|
|
10204
10213
|
|
|
10205
|
-
var _templateObject$
|
|
10206
|
-
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10207
|
-
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$
|
|
10208
|
-
var SvgContainerClose = /*#__PURE__*/styled.button(_templateObject3$
|
|
10214
|
+
var _templateObject$1b, _templateObject2$W, _templateObject3$I, _templateObject5$t, _templateObject6$l, _templateObject7$h;
|
|
10215
|
+
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__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);
|
|
10216
|
+
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
10217
|
+
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"])));
|
|
10209
10218
|
var InputContainer = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__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);
|
|
10210
10219
|
var TextLinkWrapper$3 = /*#__PURE__*/styled(TextLink)(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
10211
10220
|
var SearchArrowContainer = /*#__PURE__*/styled.a(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-right: 8px;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
@@ -10346,8 +10355,8 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
10346
10355
|
})));
|
|
10347
10356
|
};
|
|
10348
10357
|
|
|
10349
|
-
var _templateObject$
|
|
10350
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
10358
|
+
var _templateObject$1c;
|
|
10359
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
10351
10360
|
|
|
10352
10361
|
/* ~~~~~~~ new harmonic types ~~~~~~~ */
|
|
10353
10362
|
var HarmonicSize = {
|
|
@@ -10389,9 +10398,9 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10389
10398
|
}, description)))));
|
|
10390
10399
|
};
|
|
10391
10400
|
|
|
10392
|
-
var _templateObject$
|
|
10393
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
10394
|
-
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
10401
|
+
var _templateObject$1d, _templateObject2$X, _templateObject3$J, _templateObject4$y;
|
|
10402
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10403
|
+
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__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\n .harmonic-select__control--is-focused {\n border-color: var(--color-base-dark-grey);\n box-shadow: ", ";\n }\n\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--color-primary-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\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-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n\n @media ", " {\n font-size: 17px;\n }\n }\n\n .harmonic-select__placeholder {\n color: var(--color-primary-black);\n }\n\n .harmonic-select__single-value {\n color: var(--color-primary-black);\n }\n\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--color-base-light-grey);\n background: var(--color-base-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--color-base-dark-grey);\n }\n }\n\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--color-base-mid-grey);\n }\n\n .harmonic-select__menu-list {\n padding: 10px 0;\n }\n\n .harmonic-select__option {\n padding: 10px 20px;\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-primary-black);\n\n @media ", " {\n font-size: 17px;\n }\n\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--color-base-light-grey);\n }\n }\n\n .harmonic-select__option--is-selected {\n color: var(--color-primary-black);\n background: none;\n }\n\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n color: var(--color-primary-black);\n }\n\n .harmonic-select__menu-notice {\n color: var(--color-primary-black);\n padding: 20px 20px;\n text-align: left;\n }\n\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
10395
10404
|
var width = _ref.width;
|
|
10396
10405
|
if (!width) return 'none';
|
|
10397
10406
|
return width + "px";
|
|
@@ -10408,12 +10417,12 @@ var SelectWrapper = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObje
|
|
|
10408
10417
|
if (darkMode) return "0 0 0 1px var(--color-state-medium)";
|
|
10409
10418
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
10410
10419
|
}, devices.mobile, devices.mobile);
|
|
10411
|
-
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10420
|
+
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n\n @media ", " {\n margin: 0 0 12px;\n }\n"])), function (_ref5) {
|
|
10412
10421
|
var darkMode = _ref5.darkMode;
|
|
10413
10422
|
if (darkMode) return "var(--color-base-white)";
|
|
10414
10423
|
return "var(--color-primary-black)";
|
|
10415
10424
|
}, devices.mobile);
|
|
10416
|
-
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$
|
|
10425
|
+
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
10417
10426
|
var darkMode = _ref6.darkMode;
|
|
10418
10427
|
if (darkMode) return "var(--color-base-white)";
|
|
10419
10428
|
return "var(--color-state-error)";
|
|
@@ -10532,16 +10541,16 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10532
10541
|
})));
|
|
10533
10542
|
};
|
|
10534
10543
|
|
|
10535
|
-
var _templateObject$
|
|
10536
|
-
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10537
|
-
var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
10544
|
+
var _templateObject$1e, _templateObject2$Y, _templateObject3$K, _templateObject4$z;
|
|
10545
|
+
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
10546
|
+
var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__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) {
|
|
10538
10547
|
if (props.showMenu) {
|
|
10539
10548
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 28px;\n ";
|
|
10540
10549
|
}
|
|
10541
10550
|
return "display: none;";
|
|
10542
10551
|
});
|
|
10543
|
-
var MenuContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10544
|
-
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$
|
|
10552
|
+
var MenuContainer$1 = /*#__PURE__*/styled.div(_templateObject3$K || (_templateObject3$K = /*#__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);
|
|
10553
|
+
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 0;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10545
10554
|
|
|
10546
10555
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
10547
10556
|
var Tabs = function Tabs(_ref) {
|
|
@@ -10667,10 +10676,10 @@ var Tabs = function Tabs(_ref) {
|
|
|
10667
10676
|
}, "Menu"))))));
|
|
10668
10677
|
};
|
|
10669
10678
|
|
|
10670
|
-
var _templateObject$
|
|
10671
|
-
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
10672
|
-
var PromoLabel = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject3$
|
|
10673
|
-
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
10679
|
+
var _templateObject$1f, _templateObject3$L, _templateObject4$A, _templateObject5$u, _templateObject6$m, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10680
|
+
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-light-grey);\n padding: 40px 20px;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 20px;\n align-items: stretch;\n"])));
|
|
10681
|
+
var PromoLabel = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: var(--upsell-border-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\n && {\n color: var(--color-base-white);\n }\n\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'liga' off,\n 'calt' off;\n text-align: center;\n"])));
|
|
10682
|
+
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: auto;\n padding-top: 10px;\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\n @media ", ", ", " {\n a {\n text-align: center;\n }\n }\n"])), function (_ref) {
|
|
10674
10683
|
var stackCtasEarly = _ref.stackCtasEarly;
|
|
10675
10684
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
10676
10685
|
}, function (_ref2) {
|
|
@@ -10775,8 +10784,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
10775
10784
|
}, /*#__PURE__*/React__default.createElement(SecondaryButton, Object.assign({}, secondaryLink), truncate(secondaryLink.text, LENGTH_SMALL_TEXT$2))))))));
|
|
10776
10785
|
};
|
|
10777
10786
|
|
|
10778
|
-
var _templateObject$
|
|
10779
|
-
var Wrapper$6 = /*#__PURE__*/styled.figure(_templateObject$
|
|
10787
|
+
var _templateObject$1g, _templateObject2$Z, _templateObject3$M;
|
|
10788
|
+
var Wrapper$6 = /*#__PURE__*/styled.figure(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: table;\n width: auto;\n margin: 0;\n\n ", " {\n width: 100%;\n\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
|
|
10780
10789
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10781
10790
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10782
10791
|
return aspectRatio;
|
|
@@ -10786,8 +10795,8 @@ var Wrapper$6 = /*#__PURE__*/styled.figure(_templateObject$1f || (_templateObjec
|
|
|
10786
10795
|
height = _ref2.height;
|
|
10787
10796
|
return height ? "calc(" + height + "px * " + AspectRatioWidth[aspectRatio] + ")" : 'auto';
|
|
10788
10797
|
});
|
|
10789
|
-
var CaptionWrapper = /*#__PURE__*/styled.figcaption(_templateObject2$
|
|
10790
|
-
var CaptionContext = /*#__PURE__*/styled(Caption)(_templateObject3$
|
|
10798
|
+
var CaptionWrapper = /*#__PURE__*/styled.figcaption(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: table-caption;\n caption-side: bottom;\n margin-top: var(--carousel-image-caption-margin);\n"])));
|
|
10799
|
+
var CaptionContext = /*#__PURE__*/styled(Caption)(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n line-clamp: 2;\n max-height: 46px;\n white-space: normal;\n word-break: break-word;\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n"])));
|
|
10791
10800
|
|
|
10792
10801
|
var _excluded$q = ["caption", "altText", "src", "srcSet", "sizes", "loading", "aspectRatio", "className"];
|
|
10793
10802
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
@@ -10820,11 +10829,11 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10820
10829
|
}, caption))));
|
|
10821
10830
|
};
|
|
10822
10831
|
|
|
10823
|
-
var _templateObject$
|
|
10824
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10825
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10826
|
-
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$
|
|
10827
|
-
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
10832
|
+
var _templateObject$1h, _templateObject2$_, _templateObject3$N, _templateObject4$B, _templateObject5$v, _templateObject6$n;
|
|
10833
|
+
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__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"])));
|
|
10834
|
+
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"])));
|
|
10835
|
+
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10836
|
+
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10828
10837
|
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$v || (_templateObject5$v = /*#__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);
|
|
10829
10838
|
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__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);
|
|
10830
10839
|
|
|
@@ -10864,8 +10873,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10864
10873
|
}, title)))));
|
|
10865
10874
|
};
|
|
10866
10875
|
|
|
10867
|
-
var _templateObject$
|
|
10868
|
-
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10876
|
+
var _templateObject$1i;
|
|
10877
|
+
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__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);
|
|
10869
10878
|
|
|
10870
10879
|
var NavTop = function NavTop(_ref) {
|
|
10871
10880
|
var accountText = _ref.accountText,
|
|
@@ -10905,25 +10914,25 @@ var NavTop = function NavTop(_ref) {
|
|
|
10905
10914
|
}));
|
|
10906
10915
|
};
|
|
10907
10916
|
|
|
10908
|
-
var _templateObject$
|
|
10909
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10910
|
-
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2
|
|
10911
|
-
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
10917
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$O, _templateObject4$C, _templateObject5$w;
|
|
10918
|
+
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3 {\n margin: 0px 0px 12px 0px !important;\n }\n\n p {\n font-size: 17px !important;\n }\n"])));
|
|
10919
|
+
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 12px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10920
|
+
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n margin-bottom: 12px;\n p {\n font-size: 17px !important;\n }\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10912
10921
|
var isVisible = _ref.isVisible;
|
|
10913
10922
|
return isVisible ? 'visible' : 'hidden';
|
|
10914
10923
|
});
|
|
10915
|
-
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
10924
|
+
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n line-height: 24px;\n font-size: 17px;\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
10916
10925
|
var isVisible = _ref2.isVisible;
|
|
10917
10926
|
return isVisible ? 'visible' : 'hidden';
|
|
10918
10927
|
});
|
|
10919
10928
|
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$w || (_templateObject5$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-family: var(--font-family-sans);\n\n & h1 {\n font-family: var(--font-family-sans);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-family: var(--font-family-sans);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em,\n i {\n font-style: italic;\n }\n\n & strong,\n b {\n font-weight: 500;\n letter-spacing: -0.5px;\n }\n\n @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
|
|
10920
10929
|
|
|
10921
|
-
var _templateObject$
|
|
10922
|
-
var TextLinkWrapper$4 = /*#__PURE__*/styled.a(_templateObject$
|
|
10930
|
+
var _templateObject$1k, _templateObject2$10;
|
|
10931
|
+
var TextLinkWrapper$4 = /*#__PURE__*/styled.a(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 28px;\n color: var(--color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
10923
10932
|
var color = _ref.color;
|
|
10924
10933
|
return color;
|
|
10925
10934
|
});
|
|
10926
|
-
var TextLinkIconWrapper$1 = /*#__PURE__*/styled.span(_templateObject2
|
|
10935
|
+
var TextLinkIconWrapper$1 = /*#__PURE__*/styled.span(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n"])));
|
|
10927
10936
|
|
|
10928
10937
|
var _excluded$r = ["children", "iconName", "iconDirection", "textColor", "disableTruncation"];
|
|
10929
10938
|
var ReadMoreTextLink = function ReadMoreTextLink(_ref) {
|
|
@@ -11028,11 +11037,11 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11028
11037
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11029
11038
|
};
|
|
11030
11039
|
|
|
11031
|
-
var _templateObject$
|
|
11032
|
-
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$
|
|
11033
|
-
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$
|
|
11034
|
-
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$
|
|
11035
|
-
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$
|
|
11040
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$P, _templateObject4$D, _templateObject5$x;
|
|
11041
|
+
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11042
|
+
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);
|
|
11043
|
+
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$P || (_templateObject3$P = /*#__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);
|
|
11044
|
+
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$D || (_templateObject4$D = /*#__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) {
|
|
11036
11045
|
var isActive = _ref.isActive;
|
|
11037
11046
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
11038
11047
|
}, Colors.MidGrey);
|
|
@@ -11192,14 +11201,14 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11192
11201
|
});
|
|
11193
11202
|
};
|
|
11194
11203
|
|
|
11195
|
-
var _templateObject$
|
|
11196
|
-
var Container$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
11197
|
-
var Sections = /*#__PURE__*/styled.div(_templateObject2$
|
|
11198
|
-
var Section = /*#__PURE__*/styled.div(_templateObject3$
|
|
11204
|
+
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$E, _templateObject5$y, _templateObject6$o;
|
|
11205
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11206
|
+
var Sections = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11207
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11199
11208
|
var color = _ref.color;
|
|
11200
11209
|
return "var(--base-color-" + color + ")";
|
|
11201
11210
|
});
|
|
11202
|
-
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$
|
|
11211
|
+
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
11203
11212
|
var Text = /*#__PURE__*/styled.div(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11204
11213
|
var color = _ref2.color;
|
|
11205
11214
|
return "var(--base-color-" + color + ")";
|
|
@@ -11286,11 +11295,11 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11286
11295
|
}, strengthLabel))));
|
|
11287
11296
|
};
|
|
11288
11297
|
|
|
11289
|
-
var _templateObject$
|
|
11290
|
-
var TableContainer = /*#__PURE__*/styled.table(_templateObject$
|
|
11291
|
-
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11292
|
-
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$
|
|
11293
|
-
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$
|
|
11298
|
+
var _templateObject$1n, _templateObject2$13, _templateObject3$R, _templateObject4$F, _templateObject5$z, _templateObject6$p, _templateObject7$j, _templateObject8$d;
|
|
11299
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11300
|
+
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11301
|
+
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11302
|
+
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$F || (_templateObject4$F = /*#__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) {
|
|
11294
11303
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11295
11304
|
}, devices.tablet, devices.mobile);
|
|
11296
11305
|
var TableCell = /*#__PURE__*/styled.td(_templateObject5$z || (_templateObject5$z = /*#__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) {
|
|
@@ -11501,17 +11510,17 @@ var Table = function Table(_ref) {
|
|
|
11501
11510
|
}))));
|
|
11502
11511
|
};
|
|
11503
11512
|
|
|
11504
|
-
var _templateObject$
|
|
11505
|
-
var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$
|
|
11513
|
+
var _templateObject$1o, _templateObject2$14, _templateObject3$S, _templateObject4$G, _templateObject5$A, _templateObject6$q, _templateObject7$k, _templateObject8$e, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
11514
|
+
var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11506
11515
|
var theme = _ref.theme;
|
|
11507
11516
|
return "var(--color-" + theme + ")";
|
|
11508
11517
|
}, function (_ref2) {
|
|
11509
11518
|
var theme = _ref2.theme;
|
|
11510
11519
|
return "var(--color-" + theme + ")";
|
|
11511
11520
|
});
|
|
11512
|
-
var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
11513
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
11514
|
-
var Error = /*#__PURE__*/styled.div(_templateObject4$
|
|
11521
|
+
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);
|
|
11522
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$S || (_templateObject3$S = /*#__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);
|
|
11523
|
+
var Error = /*#__PURE__*/styled.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11515
11524
|
var Form = /*#__PURE__*/styled.form(_templateObject5$A || (_templateObject5$A = /*#__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);
|
|
11516
11525
|
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$q || (_templateObject6$q = /*#__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);
|
|
11517
11526
|
var ServerError = /*#__PURE__*/styled.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
@@ -11928,12 +11937,12 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
11928
11937
|
}))))));
|
|
11929
11938
|
};
|
|
11930
11939
|
|
|
11931
|
-
var _templateObject$
|
|
11932
|
-
var AnchorBarContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
11940
|
+
var _templateObject$1p, _templateObject2$15, _templateObject4$H, _templateObject5$B;
|
|
11941
|
+
var AnchorBarContainer = /*#__PURE__*/styled(Grid)(_templateObject$1p || (_templateObject$1p = /*#__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) {
|
|
11933
11942
|
var withShadow = _ref.withShadow;
|
|
11934
|
-
return withShadow && css(_templateObject2$
|
|
11943
|
+
return withShadow && css(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11935
11944
|
}, devices.mobile);
|
|
11936
|
-
var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$
|
|
11945
|
+
var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$H || (_templateObject4$H = /*#__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);
|
|
11937
11946
|
var ContentWrapper$2 = /*#__PURE__*/styled.a(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
11938
11947
|
|
|
11939
11948
|
var defaultGrid = {
|
|
@@ -11992,12 +12001,12 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
11992
12001
|
return null;
|
|
11993
12002
|
};
|
|
11994
12003
|
|
|
11995
|
-
var _templateObject$
|
|
11996
|
-
var FocusableTab = /*#__PURE__*/styled(Tab)(_templateObject$
|
|
12004
|
+
var _templateObject$1q, _templateObject2$16;
|
|
12005
|
+
var FocusableTab = /*#__PURE__*/styled(Tab)(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n &:not(:active):not(:focus) {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n\n @media ", " {\n position: absolute;\n left: 10px;\n top: 10px;\n width: 80px;\n height: 44px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: auto;\n color: transparent;\n background: transparent;\n opacity: 0;\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n"])), function (_ref) {
|
|
11997
12006
|
var hide = _ref.hide;
|
|
11998
12007
|
return hide && "display: none;";
|
|
11999
12008
|
}, devices.mobileAndTablet);
|
|
12000
|
-
var HiddenBlock = /*#__PURE__*/styled.div(_templateObject2$
|
|
12009
|
+
var HiddenBlock = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 29px 50px;\n display: inline-block;\n width: 100%;\n height: fit-content;\n border-bottom: solid 2px var(--color-base-light-grey);\n overflow: hidden;\n &:not(:has(div:focus)) {\n position: absolute;\n border-bottom: 0;\n padding: 0;\n }\n @media ", " {\n border-bottom: 0;\n position: absolute;\n padding: 0;\n }\n"])), devices.mobileAndTablet);
|
|
12001
12010
|
|
|
12002
12011
|
/**
|
|
12003
12012
|
* An accessible component which allows Assistive Technology users to move the focus
|
|
@@ -12089,20 +12098,20 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
12089
12098
|
}));
|
|
12090
12099
|
};
|
|
12091
12100
|
|
|
12092
|
-
var _templateObject$
|
|
12101
|
+
var _templateObject$1r, _templateObject2$17, _templateObject3$T, _templateObject4$I, _templateObject5$C, _templateObject6$r, _templateObject7$l;
|
|
12093
12102
|
var color = 'primary-black';
|
|
12094
12103
|
var Button$2 = /*#__PURE__*/styled(SecondaryButton).attrs({
|
|
12095
12104
|
borderColor: color,
|
|
12096
12105
|
hoveredColor: color,
|
|
12097
12106
|
pressedColor: color,
|
|
12098
12107
|
textColor: color
|
|
12099
|
-
})(_templateObject$
|
|
12100
|
-
var Container$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
12101
|
-
var Description = /*#__PURE__*/styled(BodyContentTextContainer)(_templateObject3$
|
|
12108
|
+
})(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 35px;\n margin-top: 33px;\n width: fit-content;\n\n @media ", " {\n margin-bottom: 33px;\n margin-top: 31px;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n"])), devices.mobile);
|
|
12109
|
+
var Container$7 = /*#__PURE__*/styled.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-", ");\n padding: 60px 59px 59px;\n\n @media ", " {\n padding: 35px 20px 34px;\n }\n"])), color, devices.mobile);
|
|
12110
|
+
var Description = /*#__PURE__*/styled(BodyContentTextContainer)(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n margin: 27px 0;\n\n @media ", " {\n margin: 20px 0;\n }\n }\n"])), devices.mobile);
|
|
12102
12111
|
var Heading = /*#__PURE__*/styled(HarmonicHeader).attrs({
|
|
12103
12112
|
serif: true,
|
|
12104
12113
|
size: 'medium'
|
|
12105
|
-
})(_templateObject4$
|
|
12114
|
+
})(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n letter-spacing: -0.5px;\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
12106
12115
|
var Intro = /*#__PURE__*/styled(HarmonicSubtitle).attrs({
|
|
12107
12116
|
size: 'large'
|
|
12108
12117
|
})(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
@@ -12136,8 +12145,8 @@ var Paywall = function Paywall(_ref) {
|
|
|
12136
12145
|
}, "Sign in"))));
|
|
12137
12146
|
};
|
|
12138
12147
|
|
|
12139
|
-
var _templateObject$
|
|
12140
|
-
var Wrapper$9 = /*#__PURE__*/styled.div(_templateObject$
|
|
12148
|
+
var _templateObject$1s;
|
|
12149
|
+
var Wrapper$9 = /*#__PURE__*/styled.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 74px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n gap: 40px 74px;\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.mobile);
|
|
12141
12150
|
|
|
12142
12151
|
var UpsellCards = function UpsellCards(_ref) {
|
|
12143
12152
|
var upsellCards = _ref.upsellCards,
|
|
@@ -12328,11 +12337,11 @@ var Navigation = function Navigation(_ref) {
|
|
|
12328
12337
|
})))))));
|
|
12329
12338
|
};
|
|
12330
12339
|
|
|
12331
|
-
var _templateObject$
|
|
12332
|
-
var FooterSection = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
12333
|
-
var PolicyLinksSection = /*#__PURE__*/styled(GridItem)(_templateObject2$
|
|
12334
|
-
var SocialAndNewsletterSection = /*#__PURE__*/styled(GridItem)(_templateObject3$
|
|
12335
|
-
var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
12340
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$J, _templateObject5$D, _templateObject6$s, _templateObject7$m;
|
|
12341
|
+
var FooterSection = /*#__PURE__*/styled(Grid)(_templateObject$1t || (_templateObject$1t = /*#__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);
|
|
12342
|
+
var PolicyLinksSection = /*#__PURE__*/styled(GridItem)(_templateObject2$18 || (_templateObject2$18 = /*#__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);
|
|
12343
|
+
var SocialAndNewsletterSection = /*#__PURE__*/styled(GridItem)(_templateObject3$U || (_templateObject3$U = /*#__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);
|
|
12344
|
+
var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
12336
12345
|
var LogoAndDescriptionSection = /*#__PURE__*/styled(GridItem)(_templateObject5$D || (_templateObject5$D = /*#__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);
|
|
12337
12346
|
var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
12338
12347
|
var TextLinkWrapper$5 = /*#__PURE__*/styled(TextLink)(_templateObject7$m || (_templateObject7$m = /*#__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: var(--harmonic-text-link-underline-offset);\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
@@ -12393,17 +12402,17 @@ var Footer = function Footer(_ref) {
|
|
|
12393
12402
|
}, additionalInfo))));
|
|
12394
12403
|
};
|
|
12395
12404
|
|
|
12396
|
-
var _templateObject$
|
|
12405
|
+
var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$K, _templateObject5$E, _templateObject8$f, _templateObject9$9, _templateObject0$8;
|
|
12397
12406
|
var LIST_ITEM_GAP = 32;
|
|
12398
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
12407
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__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) {
|
|
12399
12408
|
var bottomBorder = _ref.bottomBorder;
|
|
12400
12409
|
return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
|
|
12401
12410
|
}, zIndexes.anchor, function (_ref2) {
|
|
12402
12411
|
var withShadow = _ref2.withShadow;
|
|
12403
|
-
return withShadow && css(_templateObject2$
|
|
12412
|
+
return withShadow && css(_templateObject2$19 || (_templateObject2$19 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12404
12413
|
});
|
|
12405
|
-
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
12406
|
-
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
12414
|
+
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
12415
|
+
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12407
12416
|
var TabsList = /*#__PURE__*/styled.ul(_templateObject5$E || (_templateObject5$E = /*#__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) {
|
|
12408
12417
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
12409
12418
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
@@ -12674,17 +12683,17 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12674
12683
|
})))) : null))));
|
|
12675
12684
|
};
|
|
12676
12685
|
|
|
12677
|
-
var _templateObject$
|
|
12678
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
12686
|
+
var _templateObject$1v, _templateObject2$1a, _templateObject3$W, _templateObject4$L, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12687
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
12679
12688
|
var sticky = _ref.sticky;
|
|
12680
12689
|
return sticky ? 'sticky' : 'initial';
|
|
12681
12690
|
}, zIndexes.anchor);
|
|
12682
|
-
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
12683
|
-
var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$
|
|
12691
|
+
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-light-grey);\n"])));
|
|
12692
|
+
var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
|
|
12684
12693
|
var title = _ref2.title;
|
|
12685
12694
|
return title ? 'row' : 'row-reverse';
|
|
12686
12695
|
}, devices.tablet, devices.mobile);
|
|
12687
|
-
var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$
|
|
12696
|
+
var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$L || (_templateObject4$L = /*#__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);
|
|
12688
12697
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$t || (_templateObject6$t = /*#__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);
|
|
12689
12698
|
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
12690
12699
|
var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
@@ -12734,11 +12743,11 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12734
12743
|
}, message))));
|
|
12735
12744
|
};
|
|
12736
12745
|
|
|
12737
|
-
var _templateObject$
|
|
12738
|
-
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$
|
|
12739
|
-
var TitleContent = /*#__PURE__*/styled(HarmonicHeader)(_templateObject2$
|
|
12740
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
12741
|
-
var TextContent = /*#__PURE__*/styled(BodyContent)(_templateObject4$
|
|
12746
|
+
var _templateObject$1w, _templateObject2$1b, _templateObject3$X, _templateObject4$M;
|
|
12747
|
+
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: var(--upsell-border-color);\n padding: 66px 74px 70px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding: 40px 0px;\n }\n }\n"])), devices.mobile);
|
|
12748
|
+
var TitleContent = /*#__PURE__*/styled(HarmonicHeader)(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n\n @media ", " {\n margin-left: 20px;\n margin-right: 20px;\n }\n }\n"])), devices.mobile);
|
|
12749
|
+
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 60px;\n\n @media ", " {\n margin-bottom: 40px;\n margin-left: 20px;\n margin-right: 20px;\n }\n"])), devices.mobile);
|
|
12750
|
+
var TextContent = /*#__PURE__*/styled(BodyContent)(_templateObject4$M || (_templateObject4$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):first-child {\n margin: 35px 0 10px;\n\n @media ", " {\n margin-top: 24px;\n }\n }\n\n && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):last-child {\n margin-bottom: 0;\n }\n"])), devices.mobile);
|
|
12742
12751
|
|
|
12743
12752
|
var UpsellSection = function UpsellSection(_ref) {
|
|
12744
12753
|
var title = _ref.title,
|
|
@@ -12783,9 +12792,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
12783
12792
|
})))));
|
|
12784
12793
|
};
|
|
12785
12794
|
|
|
12786
|
-
var _templateObject$
|
|
12787
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
12788
|
-
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
12795
|
+
var _templateObject$1x, _templateObject2$1c;
|
|
12796
|
+
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--color-base-white);\n"])), zIndexes.anchor);
|
|
12797
|
+
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
12789
12798
|
var bottomBorder = _ref.bottomBorder;
|
|
12790
12799
|
return bottomBorder && 'border-bottom: 1px solid var(--color-base-light-grey);';
|
|
12791
12800
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -12816,11 +12825,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
12816
12825
|
}, children)));
|
|
12817
12826
|
};
|
|
12818
12827
|
|
|
12819
|
-
var _templateObject$
|
|
12820
|
-
var InnerModal = /*#__PURE__*/styled.div(_templateObject$
|
|
12821
|
-
var CloseButton = /*#__PURE__*/styled.button(_templateObject2$
|
|
12822
|
-
var ContentWrapper$3 = /*#__PURE__*/styled.div(_templateObject3$
|
|
12823
|
-
var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$
|
|
12828
|
+
var _templateObject$1y, _templateObject2$1d, _templateObject3$Y, _templateObject4$N;
|
|
12829
|
+
var InnerModal = /*#__PURE__*/styled.div(_templateObject$1y || (_templateObject$1y = /*#__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);
|
|
12830
|
+
var CloseButton = /*#__PURE__*/styled.button(_templateObject2$1d || (_templateObject2$1d = /*#__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);
|
|
12831
|
+
var ContentWrapper$3 = /*#__PURE__*/styled.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12832
|
+
var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$N || (_templateObject4$N = /*#__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"])));
|
|
12824
12833
|
|
|
12825
12834
|
var _excluded$u = ["isOpen", "setIsOpen", "children", "appElementId", "closeButtonAriaLabel"];
|
|
12826
12835
|
var MAX_Z_INDEX = 9999999999;
|
|
@@ -13027,21 +13036,21 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
13027
13036
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
13028
13037
|
};
|
|
13029
13038
|
|
|
13030
|
-
var _templateObject$
|
|
13031
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
13039
|
+
var _templateObject$1z, _templateObject2$1e, _templateObject3$Z, _templateObject4$O, _templateObject5$F, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
13040
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$1z || (_templateObject$1z = /*#__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 > div {\n height: var(--fullscreen-figure-height);\n }\n }\n }\n"])), function (_ref) {
|
|
13032
13041
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
13033
13042
|
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\n > div {\n height: " + imagesHeightDesktop + "px;\n }\n }\n }\n }";
|
|
13034
13043
|
}, devices.mobile, function (_ref2) {
|
|
13035
13044
|
var imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
13036
13045
|
return "&&& {\n .swipe-slide > figure {\n > div {\n height: " + imagesHeightDevice + "px;\n }\n }\n }";
|
|
13037
13046
|
});
|
|
13038
|
-
var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
13047
|
+
var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n}"])), function (_ref3) {
|
|
13039
13048
|
var type = _ref3.type,
|
|
13040
13049
|
isActive = _ref3.isActive;
|
|
13041
13050
|
return "\n & {\n .swipe-slide {\n " + getCardSlideDesktopStyles(type, isActive) + "\n }\n }\n\n @media " + devices.tablet + " {\n & {\n .swipe-slide {\n " + getCardSlideTabletStyles(type) + "\n }\n }\n }\n\n @media " + devices.mobile + " {\n && {\n .swipe-slide {\n " + getCardSlideMobileStyles(type) + "\n }\n }\n }\n ";
|
|
13042
13051
|
});
|
|
13043
|
-
var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
13044
|
-
var CarouselInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
13052
|
+
var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$Z || (_templateObject3$Z = /*#__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);
|
|
13053
|
+
var CarouselInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$O || (_templateObject4$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n user-select: text;\n"])));
|
|
13045
13054
|
var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$F || (_templateObject5$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
13046
13055
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
13047
13056
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
@@ -13319,11 +13328,11 @@ var Carousel = function Carousel(_ref) {
|
|
|
13319
13328
|
}, children))));
|
|
13320
13329
|
};
|
|
13321
13330
|
|
|
13322
|
-
var _templateObject$
|
|
13323
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
13324
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
13325
|
-
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
13326
|
-
var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
13331
|
+
var _templateObject$1A, _templateObject2$1f, _templateObject3$_, _templateObject4$P, _templateObject5$G, _templateObject6$v, _templateObject7$p, _templateObject8$i, _templateObject9$c, _templateObject0$a, _templateObject1$6, _templateObject10$5, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1, _templateObject16$1;
|
|
13332
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled(Grid)(_templateObject$1A || (_templateObject$1A = /*#__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);
|
|
13333
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$1f || (_templateObject2$1f = /*#__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);
|
|
13334
|
+
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
13335
|
+
var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$P || (_templateObject4$P = /*#__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 a {\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n }\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);
|
|
13327
13336
|
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);
|
|
13328
13337
|
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
13329
13338
|
var InfoTextWrapper = /*#__PURE__*/styled.div(_templateObject7$p || (_templateObject7$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
@@ -13655,9 +13664,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
13655
13664
|
})));
|
|
13656
13665
|
};
|
|
13657
13666
|
|
|
13658
|
-
var _templateObject$
|
|
13659
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
13660
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3
|
|
13667
|
+
var _templateObject$1B, _templateObject3$$;
|
|
13668
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
13669
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
13661
13670
|
|
|
13662
13671
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
13663
13672
|
var children = _ref.children;
|
|
@@ -14252,8 +14261,8 @@ var Theme = function Theme(_ref) {
|
|
|
14252
14261
|
}, children);
|
|
14253
14262
|
};
|
|
14254
14263
|
|
|
14255
|
-
var _templateObject$
|
|
14256
|
-
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", ";\n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n\n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n\n }\n\n @media ", " {\n\n }\n }\n"])), function (_ref) {
|
|
14264
|
+
var _templateObject$1C;
|
|
14265
|
+
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", ";\n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n\n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n\n }\n\n @media ", " {\n\n }\n }\n"])), function (_ref) {
|
|
14257
14266
|
var theme = _ref.theme;
|
|
14258
14267
|
return theme.colors.primary;
|
|
14259
14268
|
}, function (_ref2) {
|