@royaloperahouse/harmonic 1.0.9-e → 1.0.9-g
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 +7 -2
- package/dist/components/molecules/CastFilter/Variant/CastFiltersVariant.style.d.ts +1 -0
- package/dist/harmonic.cjs.development.js +61 -59
- 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 +61 -59
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/types/types.d.ts +7 -0
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -7197,12 +7197,13 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7197
7197
|
}, textLinkText != null ? textLinkText : 'Clear')))))));
|
|
7198
7198
|
};
|
|
7199
7199
|
|
|
7200
|
-
var _templateObject$L, _templateObject2$y, _templateObject3$l, _templateObject4$j, _templateObject5$g;
|
|
7200
|
+
var _templateObject$L, _templateObject2$y, _templateObject3$l, _templateObject4$j, _templateObject5$g, _templateObject6$a;
|
|
7201
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 &:has(> div[data-roh='cast-applied']) {\n margin-bottom:
|
|
7203
|
-
var CastFiltersGrid = /*#__PURE__*/styled(Grid)(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom:
|
|
7204
|
-
var CastWrapperVariant = /*#__PURE__*/styled(CastWrapper)(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom:
|
|
7202
|
+
var AppliedCastFiltersPortal = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:has(> div[data-roh='cast-applied']) {\n margin-bottom: 32px;\n }\n"])));
|
|
7203
|
+
var CastFiltersGrid = /*#__PURE__*/styled(Grid)(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
7204
|
+
var CastWrapperVariant = /*#__PURE__*/styled(CastWrapper)(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n"])));
|
|
7205
7205
|
var HeadingTextWrapperVariant = /*#__PURE__*/styled(HeadingTextWrapper)(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n p {\n font-size: 17px;\n }\n }\n"])), devices.mobile);
|
|
7206
|
+
var CastFiltersComponentWrapperVariant = /*#__PURE__*/styled(CastFiltersComponentWrapper)(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0px;\n\n @media ", " {\n gap: 0px;\n }\n"])), devices.mobile);
|
|
7206
7207
|
|
|
7207
7208
|
var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
7208
7209
|
var cast = _ref.cast,
|
|
@@ -7222,7 +7223,10 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7222
7223
|
greyscale = _ref$greyscale === void 0 ? false : _ref$greyscale,
|
|
7223
7224
|
_ref$selectedIndices = _ref.selectedIndices,
|
|
7224
7225
|
selectedIndices = _ref$selectedIndices === void 0 ? [] : _ref$selectedIndices,
|
|
7225
|
-
selectedIds = _ref.selectedIds
|
|
7226
|
+
selectedIds = _ref.selectedIds,
|
|
7227
|
+
_ref$showCastFilterAp = _ref.showCastFilterApply,
|
|
7228
|
+
showCastFilterApply = _ref$showCastFilterAp === void 0 ? false : _ref$showCastFilterAp,
|
|
7229
|
+
appliedCast = _ref.appliedCast;
|
|
7226
7230
|
var _useViewport = useViewport(),
|
|
7227
7231
|
isMobile = _useViewport.isMobile;
|
|
7228
7232
|
var castWrapperRef = useRef(null);
|
|
@@ -7240,9 +7244,6 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7240
7244
|
var _useState3 = useState(true),
|
|
7241
7245
|
showRotatorButtons = _useState3[0],
|
|
7242
7246
|
setShowRotatorButtons = _useState3[1];
|
|
7243
|
-
var _useState4 = useState(false),
|
|
7244
|
-
showApply = _useState4[0],
|
|
7245
|
-
setShowApply = _useState4[1];
|
|
7246
7247
|
var onIndexChangeHandler = function onIndexChangeHandler(index) {
|
|
7247
7248
|
setAvailablePrev(index > 0);
|
|
7248
7249
|
setAvailableNext(function () {
|
|
@@ -7366,7 +7367,6 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7366
7367
|
if (hasDraggedRef.current) return;
|
|
7367
7368
|
if (onSelectId) onSelectId(itemId);
|
|
7368
7369
|
if (onSelect) onSelect(index);
|
|
7369
|
-
setShowApply(true);
|
|
7370
7370
|
if (onClick) onClick();
|
|
7371
7371
|
}, [onSelect, onSelectId]);
|
|
7372
7372
|
var handlePersonKeydown = React__default.useCallback(function (e, index, itemId, onClick) {
|
|
@@ -7388,6 +7388,9 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7388
7388
|
_onClick = person.onClick,
|
|
7389
7389
|
ariaLabel = person['aria-label'];
|
|
7390
7390
|
var personSelectionId = getCastItemSelectionId(person);
|
|
7391
|
+
var isApplied = appliedCast.some(function (castMember) {
|
|
7392
|
+
return castMember.name === person.name;
|
|
7393
|
+
});
|
|
7391
7394
|
var isSelected = isIdSelectionMode ? selectedIdsSet.has(personSelectionId) : selectedIndices.includes(index);
|
|
7392
7395
|
var personImage = image || placeholderImage || defaultPlaceholderImage;
|
|
7393
7396
|
return /*#__PURE__*/React__default.createElement(PersonWrapper, {
|
|
@@ -7414,7 +7417,7 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7414
7417
|
isDefaultPlaceholder: !(!!image || !!placeholderImage),
|
|
7415
7418
|
greyscale: greyscale
|
|
7416
7419
|
}), /*#__PURE__*/React__default.createElement(Decal, {
|
|
7417
|
-
isSelected:
|
|
7420
|
+
isSelected: isApplied
|
|
7418
7421
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
7419
7422
|
iconName: "Confirm",
|
|
7420
7423
|
color: "white"
|
|
@@ -7423,7 +7426,7 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7423
7426
|
}, name)));
|
|
7424
7427
|
});
|
|
7425
7428
|
};
|
|
7426
|
-
return /*#__PURE__*/React__default.createElement(
|
|
7429
|
+
return /*#__PURE__*/React__default.createElement(CastFiltersComponentWrapperVariant, {
|
|
7427
7430
|
className: className
|
|
7428
7431
|
}, /*#__PURE__*/React__default.createElement(CastFiltersWrapperVariant, null, /*#__PURE__*/React__default.createElement(CastFiltersGrid, null, headingText && (/*#__PURE__*/React__default.createElement(GridItem, {
|
|
7429
7432
|
columnStartDesktop: 1,
|
|
@@ -7459,16 +7462,15 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7459
7462
|
ref: swipeRef,
|
|
7460
7463
|
onOverflowChange: handleOverflowChange,
|
|
7461
7464
|
limitDragToNavigableRange: true
|
|
7462
|
-
}, getPersonCards()))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons, null, selectedStateIndices.length === 0 && emptySelectionText && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7465
|
+
}, getPersonCards()))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons, null, selectedStateIndices.length === 0 && appliedCast.length === 0 && !showCastFilterApply && emptySelectionText && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7463
7466
|
size: "medium",
|
|
7464
7467
|
className: "mobile-only"
|
|
7465
|
-
}, emptySelectionText)), selectedStateIndices.length === 0 && !emptySelectionText && /*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null),
|
|
7468
|
+
}, emptySelectionText)), selectedStateIndices.length === 0 && appliedCast.length === 0 && !showCastFilterApply && !emptySelectionText && /*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null), showCastFilterApply && (onApply || onApplyIds) && (/*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
7466
7469
|
onClick: function onClick() {
|
|
7467
7470
|
if (onApply) onApply(selectedStateIndices);
|
|
7468
7471
|
if (onApplyIds) onApplyIds(selectedStateIds);
|
|
7469
|
-
setShowApply(false);
|
|
7470
7472
|
}
|
|
7471
|
-
}, ctaText != null ? ctaText : 'Apply')), onClear &&
|
|
7473
|
+
}, ctaText != null ? ctaText : 'Apply')), onClear && appliedCast.length > 0 && (/*#__PURE__*/React__default.createElement(TextLink, {
|
|
7472
7474
|
tabIndex: 0,
|
|
7473
7475
|
role: "button",
|
|
7474
7476
|
onClick: onClear,
|
|
@@ -7477,13 +7479,13 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7477
7479
|
});
|
|
7478
7480
|
CastFiltersVariant.displayName = 'CastFiltersVariant';
|
|
7479
7481
|
|
|
7480
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$m, _templateObject4$k, _templateObject5$h, _templateObject6$
|
|
7482
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$m, _templateObject4$k, _templateObject5$h, _templateObject6$b, _templateObject7$7;
|
|
7481
7483
|
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
7482
7484
|
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);
|
|
7483
7485
|
var AddressWrapper = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
7484
7486
|
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
7485
7487
|
var MobileSuffixWrapper = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
7486
|
-
var DesktopSuffixWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
7488
|
+
var DesktopSuffixWrapper = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7487
7489
|
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);
|
|
7488
7490
|
|
|
7489
7491
|
var ContactCard = function ContactCard(_ref) {
|
|
@@ -7535,13 +7537,13 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7535
7537
|
}, addressString)))))))));
|
|
7536
7538
|
};
|
|
7537
7539
|
|
|
7538
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$n, _templateObject4$l, _templateObject5$i, _templateObject6$
|
|
7540
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$n, _templateObject4$l, _templateObject5$i, _templateObject6$c, _templateObject7$8, _templateObject8$5;
|
|
7539
7541
|
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);
|
|
7540
7542
|
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);
|
|
7541
7543
|
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);
|
|
7542
7544
|
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);
|
|
7543
7545
|
var ContactWrapper = /*#__PURE__*/styled.div(_templateObject5$i || (_templateObject5$i = /*#__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);
|
|
7544
|
-
var MediaLinksWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
7546
|
+
var MediaLinksWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__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);
|
|
7545
7547
|
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"])));
|
|
7546
7548
|
var TextLinkWrapper$1 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &&& {\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n }\n"])));
|
|
7547
7549
|
|
|
@@ -7568,7 +7570,7 @@ var ContactNewsletter = function ContactNewsletter(_ref) {
|
|
|
7568
7570
|
}, contact.title))));
|
|
7569
7571
|
};
|
|
7570
7572
|
|
|
7571
|
-
var _templateObject$O, _templateObject2$B, _templateObject3$o, _templateObject4$m, _templateObject5$j, _templateObject6$
|
|
7573
|
+
var _templateObject$O, _templateObject2$B, _templateObject3$o, _templateObject4$m, _templateObject5$j, _templateObject6$d;
|
|
7572
7574
|
var BodyTextRelative = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7573
7575
|
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) {
|
|
7574
7576
|
return props.clickable ? 'pointer' : 'default';
|
|
@@ -7578,7 +7580,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$m || (_
|
|
|
7578
7580
|
return props.showImage ? 2 : '1 / span 4';
|
|
7579
7581
|
}, devices.mobile);
|
|
7580
7582
|
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
7581
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
7583
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
|
|
7582
7584
|
return !!props.truncate && "\n overflow: hidden;\n position: relative;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n min-height: 1em;\n max-height: 3em;\n ";
|
|
7583
7585
|
});
|
|
7584
7586
|
|
|
@@ -8151,7 +8153,7 @@ var Information = function Information(_ref) {
|
|
|
8151
8153
|
})))));
|
|
8152
8154
|
};
|
|
8153
8155
|
|
|
8154
|
-
var _templateObject$T, _templateObject2$G, _templateObject3$t, _templateObject4$p, _templateObject5$l, _templateObject6$
|
|
8156
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$t, _templateObject4$p, _templateObject5$l, _templateObject6$e, _templateObject7$9, _templateObject8$6;
|
|
8155
8157
|
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) {
|
|
8156
8158
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8157
8159
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -8175,7 +8177,7 @@ var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject5$l || (_templateOb
|
|
|
8175
8177
|
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
8176
8178
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
8177
8179
|
}, devices.mobile);
|
|
8178
|
-
var TextWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
8180
|
+
var TextWrapper = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-white);\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
8179
8181
|
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n\n ", ";\n }\n }\n"])), devices.mobile, function (_ref7) {
|
|
8180
8182
|
var isPageHeadingWithoutTitle = _ref7.isPageHeadingWithoutTitle;
|
|
8181
8183
|
return isPageHeadingWithoutTitle && "\n margin-top: 15px;\n ";
|
|
@@ -8256,7 +8258,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
8256
8258
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
8257
8259
|
};
|
|
8258
8260
|
|
|
8259
|
-
var _templateObject$U, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$m, _templateObject6$
|
|
8261
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$m, _templateObject6$f, _templateObject7$a, _templateObject8$7;
|
|
8260
8262
|
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);
|
|
8261
8263
|
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) {
|
|
8262
8264
|
var hasButton = _ref.hasButton,
|
|
@@ -8273,7 +8275,7 @@ var TitleButtonWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templat
|
|
|
8273
8275
|
});
|
|
8274
8276
|
var TitleButton = /*#__PURE__*/styled(PrimaryButton)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n position: static;\n margin-right: 0;\n }\n"])), devices.mobile);
|
|
8275
8277
|
var MobileButtonWrapper = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n box-sizing: border-box;\n padding: 0 20px 16px 20px;\n"])));
|
|
8276
|
-
var ImpactTitle = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$
|
|
8278
|
+
var ImpactTitle = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$f || (_templateObject6$f = /*#__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) {
|
|
8277
8279
|
var hasColumns = _ref4.hasColumns;
|
|
8278
8280
|
return hasColumns ? '3' : '1';
|
|
8279
8281
|
}, devices.mobile);
|
|
@@ -8554,7 +8556,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8554
8556
|
})))));
|
|
8555
8557
|
};
|
|
8556
8558
|
|
|
8557
|
-
var _templateObject$X, _templateObject2$K, _templateObject3$x, _templateObject4$t, _templateObject5$o, _templateObject6$
|
|
8559
|
+
var _templateObject$X, _templateObject2$K, _templateObject3$x, _templateObject4$t, _templateObject5$o, _templateObject6$g, _templateObject7$b, _templateObject8$8, _templateObject9$4, _templateObject0$4, _templateObject1$3;
|
|
8558
8560
|
var Wrapper$3 = /*#__PURE__*/styled.section(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8559
8561
|
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"])));
|
|
8560
8562
|
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);
|
|
@@ -8566,7 +8568,7 @@ var ContentSection = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObj
|
|
|
8566
8568
|
var showBlock = _ref2.showBlock;
|
|
8567
8569
|
return showBlock ? 'block' : 'none';
|
|
8568
8570
|
}, devices.mobile);
|
|
8569
|
-
var BadgeWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
8571
|
+
var BadgeWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n height: 32px;\n }\n\n @media ", " {\n margin-bottom: 12px;\n }\n"])), devices.mobile);
|
|
8570
8572
|
var AdditionalContentWrapper = /*#__PURE__*/styled.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: start;\n align-items: center;\n width: 200px;\n\n @media ", " {\n order: ", ";\n width: 100%;\n justify-content: center;\n }\n"])), devices.mobile, function (_ref3) {
|
|
8571
8573
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
8572
8574
|
return isBadgePresent ? '1' : '4';
|
|
@@ -8816,12 +8818,12 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
8816
8818
|
})))));
|
|
8817
8819
|
};
|
|
8818
8820
|
|
|
8819
|
-
var _templateObject$Z, _templateObject2$M, _templateObject3$z, _templateObject5$p, _templateObject6$
|
|
8821
|
+
var _templateObject$Z, _templateObject2$M, _templateObject3$z, _templateObject5$p, _templateObject6$h, _templateObject7$c, _templateObject8$9, _templateObject9$5, _templateObject0$5;
|
|
8820
8822
|
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);
|
|
8821
8823
|
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"])));
|
|
8822
8824
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8823
8825
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$p || (_templateObject5$p = /*#__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);
|
|
8824
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$
|
|
8826
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$h || (_templateObject6$h = /*#__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) {
|
|
8825
8827
|
var invert = _ref.invert,
|
|
8826
8828
|
theme = _ref.theme;
|
|
8827
8829
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -9070,7 +9072,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9070
9072
|
}), linkText))))));
|
|
9071
9073
|
};
|
|
9072
9074
|
|
|
9073
|
-
var _templateObject$_, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$
|
|
9075
|
+
var _templateObject$_, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$i, _templateObject7$d;
|
|
9074
9076
|
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);
|
|
9075
9077
|
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"])));
|
|
9076
9078
|
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);
|
|
@@ -9085,7 +9087,7 @@ var HighlightsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject5$q || (_
|
|
|
9085
9087
|
var hasMultipleImages = _ref3.hasMultipleImages;
|
|
9086
9088
|
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
9087
9089
|
}, devices.mobile);
|
|
9088
|
-
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.div(_templateObject6$
|
|
9090
|
+
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin-top: 8px;\n margin-bottom: 8px;\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white) !important;\n }\n\n & {\n display: flex;\n margin-left: 100px;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.mobile);
|
|
9089
9091
|
var RotatorButtonsWrapper$2 = /*#__PURE__*/styled.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
|
|
9090
9092
|
|
|
9091
9093
|
/* eslint-disable react/no-danger */
|
|
@@ -9149,12 +9151,12 @@ var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {
|
|
|
9149
9151
|
}))))));
|
|
9150
9152
|
};
|
|
9151
9153
|
|
|
9152
|
-
var _templateObject$$, _templateObject2$O, _templateObject3$B, _templateObject5$r, _templateObject6$
|
|
9154
|
+
var _templateObject$$, _templateObject2$O, _templateObject3$B, _templateObject5$r, _templateObject6$j, _templateObject7$e, _templateObject8$a;
|
|
9153
9155
|
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"])));
|
|
9154
9156
|
var PageNav = /*#__PURE__*/styled.a(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9155
9157
|
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9156
9158
|
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject5$r || (_templateObject5$r = /*#__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"])));
|
|
9157
|
-
var LastPageItem = /*#__PURE__*/styled.li(_templateObject6$
|
|
9159
|
+
var LastPageItem = /*#__PURE__*/styled.li(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9158
9160
|
var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9159
9161
|
var TextLinkPagination = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: ", ";\n border-bottom: ", ";\n }\n\n :hover {\n cursor: pointer;\n color: var(--color-primary-red);\n border-bottom: 1px solid var(--color-primary-red);\n svg > path {\n fill: var(--color-base-black);\n }\n }\n"])), function (_ref) {
|
|
9160
9162
|
var active = _ref.active;
|
|
@@ -9540,7 +9542,7 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
9540
9542
|
}));
|
|
9541
9543
|
};
|
|
9542
9544
|
|
|
9543
|
-
var _templateObject$15, _templateObject3$D, _templateObject4$w, _templateObject5$s, _templateObject6$
|
|
9545
|
+
var _templateObject$15, _templateObject3$D, _templateObject4$w, _templateObject5$s, _templateObject6$k, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6, _templateObject1$4, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
9544
9546
|
var LENGTH_TEXT = 28;
|
|
9545
9547
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9546
9548
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9589,7 +9591,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$w || (_te
|
|
|
9589
9591
|
return mobileMarginBottom && "\n @media " + devices.mobile + " {\n margin-bottom: " + mobileMarginBottom + "px;\n }\n ";
|
|
9590
9592
|
});
|
|
9591
9593
|
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
9592
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
9594
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
9593
9595
|
var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
9594
9596
|
var IconWrapper$2 = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
9595
9597
|
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
@@ -9812,7 +9814,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9812
9814
|
}))));
|
|
9813
9815
|
};
|
|
9814
9816
|
|
|
9815
|
-
var _templateObject$16, _templateObject2$S, _templateObject3$E, _templateObject4$x, _templateObject5$t, _templateObject6$
|
|
9817
|
+
var _templateObject$16, _templateObject2$S, _templateObject3$E, _templateObject4$x, _templateObject5$t, _templateObject6$l, _templateObject7$g;
|
|
9816
9818
|
var LENGTH_TEXT$2 = 28;
|
|
9817
9819
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9818
9820
|
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) {
|
|
@@ -9832,7 +9834,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$E ||
|
|
|
9832
9834
|
}, devices.mobile);
|
|
9833
9835
|
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);
|
|
9834
9836
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9835
|
-
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$
|
|
9837
|
+
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$l || (_templateObject6$l = /*#__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);
|
|
9836
9838
|
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) {
|
|
9837
9839
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
9838
9840
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
@@ -10217,12 +10219,12 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
10217
10219
|
return null;
|
|
10218
10220
|
};
|
|
10219
10221
|
|
|
10220
|
-
var _templateObject$1b, _templateObject2$W, _templateObject3$I, _templateObject5$u, _templateObject6$
|
|
10222
|
+
var _templateObject$1b, _templateObject2$W, _templateObject3$I, _templateObject5$u, _templateObject6$m, _templateObject7$h;
|
|
10221
10223
|
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);
|
|
10222
10224
|
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"])));
|
|
10223
10225
|
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"])));
|
|
10224
10226
|
var InputContainer = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__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);
|
|
10225
|
-
var TextLinkWrapper$3 = /*#__PURE__*/styled(TextLink)(_templateObject6$
|
|
10227
|
+
var TextLinkWrapper$3 = /*#__PURE__*/styled(TextLink)(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
10226
10228
|
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"])));
|
|
10227
10229
|
|
|
10228
10230
|
function useFocusTrap(containerRef, onEscape, enabled) {
|
|
@@ -10682,7 +10684,7 @@ var Tabs = function Tabs(_ref) {
|
|
|
10682
10684
|
}, "Menu"))))));
|
|
10683
10685
|
};
|
|
10684
10686
|
|
|
10685
|
-
var _templateObject$1f, _templateObject3$L, _templateObject4$A, _templateObject5$v, _templateObject6$
|
|
10687
|
+
var _templateObject$1f, _templateObject3$L, _templateObject4$A, _templateObject5$v, _templateObject6$n, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10686
10688
|
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"])));
|
|
10687
10689
|
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"])));
|
|
10688
10690
|
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) {
|
|
@@ -10696,7 +10698,7 @@ var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject5$v || (_templateO
|
|
|
10696
10698
|
var singleChild = _ref3.singleChild;
|
|
10697
10699
|
return singleChild ? '0' : '10px';
|
|
10698
10700
|
});
|
|
10699
|
-
var DescriptionWrapper = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$
|
|
10701
|
+
var DescriptionWrapper = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && p {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
10700
10702
|
var PriceRow = /*#__PURE__*/styled.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n"])));
|
|
10701
10703
|
var LineThrough = /*#__PURE__*/styled(HarmonicHeader)(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--color-base-dark-grey);\n"])));
|
|
10702
10704
|
var VisuallyHidden = /*#__PURE__*/styled.span(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 0 !important;\n clip: rect(1px, 1px, 1px, 1px) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n height: 1px !important;\n margin: -1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n white-space: nowrap !important;\n"])));
|
|
@@ -10835,13 +10837,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10835
10837
|
}, caption))));
|
|
10836
10838
|
};
|
|
10837
10839
|
|
|
10838
|
-
var _templateObject$1h, _templateObject2$_, _templateObject3$N, _templateObject4$B, _templateObject5$w, _templateObject6$
|
|
10840
|
+
var _templateObject$1h, _templateObject2$_, _templateObject3$N, _templateObject4$B, _templateObject5$w, _templateObject6$o;
|
|
10839
10841
|
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"])));
|
|
10840
10842
|
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"])));
|
|
10841
10843
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10842
10844
|
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10843
10845
|
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$w || (_templateObject5$w = /*#__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);
|
|
10844
|
-
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$
|
|
10846
|
+
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$o || (_templateObject6$o = /*#__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);
|
|
10845
10847
|
|
|
10846
10848
|
var MiniCard = function MiniCard(_ref) {
|
|
10847
10849
|
var _ref$title = _ref.title,
|
|
@@ -11207,7 +11209,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11207
11209
|
});
|
|
11208
11210
|
};
|
|
11209
11211
|
|
|
11210
|
-
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$E, _templateObject5$z, _templateObject6$
|
|
11212
|
+
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$E, _templateObject5$z, _templateObject6$p;
|
|
11211
11213
|
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11212
11214
|
var Sections = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11213
11215
|
var Section = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
@@ -11219,7 +11221,7 @@ var Text = /*#__PURE__*/styled.div(_templateObject5$z || (_templateObject5$z = /
|
|
|
11219
11221
|
var color = _ref2.color;
|
|
11220
11222
|
return "var(--base-color-" + color + ")";
|
|
11221
11223
|
});
|
|
11222
|
-
var LabelText = /*#__PURE__*/styled.div(_templateObject6$
|
|
11224
|
+
var LabelText = /*#__PURE__*/styled.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
11223
11225
|
var color = _ref3.color;
|
|
11224
11226
|
return "var(--base-color-" + color + ")";
|
|
11225
11227
|
});
|
|
@@ -11301,7 +11303,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11301
11303
|
}, strengthLabel))));
|
|
11302
11304
|
};
|
|
11303
11305
|
|
|
11304
|
-
var _templateObject$1n, _templateObject2$13, _templateObject3$R, _templateObject4$F, _templateObject5$A, _templateObject6$
|
|
11306
|
+
var _templateObject$1n, _templateObject2$13, _templateObject3$R, _templateObject4$F, _templateObject5$A, _templateObject6$q, _templateObject7$j, _templateObject8$d;
|
|
11305
11307
|
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11306
11308
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11307
11309
|
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11311,7 +11313,7 @@ var TableHeader = /*#__PURE__*/styled.th(_templateObject4$F || (_templateObject4
|
|
|
11311
11313
|
var TableCell = /*#__PURE__*/styled.td(_templateObject5$A || (_templateObject5$A = /*#__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) {
|
|
11312
11314
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11313
11315
|
}, devices.mobile);
|
|
11314
|
-
var PaginationWrapper = /*#__PURE__*/styled(Pagination)(_templateObject6$
|
|
11316
|
+
var PaginationWrapper = /*#__PURE__*/styled(Pagination)(_templateObject6$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 40px;\n padding-bottom: 80px;\n\n @media ", " {\n padding-top: 24px;\n padding-bottom: 60px;\n }\n"])), devices.mobile);
|
|
11315
11317
|
var ScrollButtons = /*#__PURE__*/styled.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 60px 0 24px 0;\n\n div:hover {\n background-color: var(--color-base-light-grey);\n }\n\n > div > div {\n background-color: var(--color-base-light-grey);\n }\n\n svg path {\n fill: var(--color-base-black) !important;\n }\n"])));
|
|
11316
11318
|
var AriaDescription$2 = /*#__PURE__*/styled.span(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
11317
11319
|
|
|
@@ -11516,7 +11518,7 @@ var Table = function Table(_ref) {
|
|
|
11516
11518
|
}))));
|
|
11517
11519
|
};
|
|
11518
11520
|
|
|
11519
|
-
var _templateObject$1o, _templateObject2$14, _templateObject3$S, _templateObject4$G, _templateObject5$B, _templateObject6$
|
|
11521
|
+
var _templateObject$1o, _templateObject2$14, _templateObject3$S, _templateObject4$G, _templateObject5$B, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
11520
11522
|
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) {
|
|
11521
11523
|
var theme = _ref.theme;
|
|
11522
11524
|
return "var(--color-" + theme + ")";
|
|
@@ -11528,7 +11530,7 @@ var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$14 || (_templ
|
|
|
11528
11530
|
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);
|
|
11529
11531
|
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"])));
|
|
11530
11532
|
var Form = /*#__PURE__*/styled.form(_templateObject5$B || (_templateObject5$B = /*#__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);
|
|
11531
|
-
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
11533
|
+
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$r || (_templateObject6$r = /*#__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);
|
|
11532
11534
|
var ServerError = /*#__PURE__*/styled.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11533
11535
|
var CTALinkWrapper = /*#__PURE__*/styled.a(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
11534
11536
|
var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n color: var(--base-color-white);\n text-decoration: none;\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
@@ -12104,7 +12106,7 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
12104
12106
|
}));
|
|
12105
12107
|
};
|
|
12106
12108
|
|
|
12107
|
-
var _templateObject$1r, _templateObject2$17, _templateObject3$T, _templateObject4$I, _templateObject5$D, _templateObject6$
|
|
12109
|
+
var _templateObject$1r, _templateObject2$17, _templateObject3$T, _templateObject4$I, _templateObject5$D, _templateObject6$s, _templateObject7$l;
|
|
12108
12110
|
var color = 'primary-black';
|
|
12109
12111
|
var Button$2 = /*#__PURE__*/styled(SecondaryButton).attrs({
|
|
12110
12112
|
borderColor: color,
|
|
@@ -12121,7 +12123,7 @@ var Heading = /*#__PURE__*/styled(HarmonicHeader).attrs({
|
|
|
12121
12123
|
var Intro = /*#__PURE__*/styled(HarmonicSubtitle).attrs({
|
|
12122
12124
|
size: 'large'
|
|
12123
12125
|
})(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
12124
|
-
var SignInLink = /*#__PURE__*/styled.a(_templateObject6$
|
|
12126
|
+
var SignInLink = /*#__PURE__*/styled.a(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--primary-black);\n cursor: pointer;\n text-decoration: underline;\n text-decoration-skip: none;\n"])));
|
|
12125
12127
|
var SignInPrompt = /*#__PURE__*/styled(BodyCopyHarmonic).attrs({
|
|
12126
12128
|
size: 'large'
|
|
12127
12129
|
})(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -12343,13 +12345,13 @@ var Navigation = function Navigation(_ref) {
|
|
|
12343
12345
|
})))))));
|
|
12344
12346
|
};
|
|
12345
12347
|
|
|
12346
|
-
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$J, _templateObject5$E, _templateObject6$
|
|
12348
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$J, _templateObject5$E, _templateObject6$t, _templateObject7$m;
|
|
12347
12349
|
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);
|
|
12348
12350
|
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);
|
|
12349
12351
|
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);
|
|
12350
12352
|
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);
|
|
12351
12353
|
var LogoAndDescriptionSection = /*#__PURE__*/styled(GridItem)(_templateObject5$E || (_templateObject5$E = /*#__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);
|
|
12352
|
-
var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$
|
|
12354
|
+
var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
12353
12355
|
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"])));
|
|
12354
12356
|
|
|
12355
12357
|
var SPONSOR_IMAGE_SOURCE = 'https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/sponsorlogos/arts-council-england-invert.svg';
|
|
@@ -12689,7 +12691,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12689
12691
|
})))) : null))));
|
|
12690
12692
|
};
|
|
12691
12693
|
|
|
12692
|
-
var _templateObject$1v, _templateObject2$1a, _templateObject3$W, _templateObject4$L, _templateObject6$
|
|
12694
|
+
var _templateObject$1v, _templateObject2$1a, _templateObject3$W, _templateObject4$L, _templateObject6$u, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12693
12695
|
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) {
|
|
12694
12696
|
var sticky = _ref.sticky;
|
|
12695
12697
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -12700,7 +12702,7 @@ var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$W || (_templateO
|
|
|
12700
12702
|
return title ? 'row' : 'row-reverse';
|
|
12701
12703
|
}, devices.tablet, devices.mobile);
|
|
12702
12704
|
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);
|
|
12703
|
-
var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
12705
|
+
var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$u || (_templateObject6$u = /*#__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);
|
|
12704
12706
|
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);
|
|
12705
12707
|
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) {
|
|
12706
12708
|
var theme = _ref3.theme;
|
|
@@ -13042,7 +13044,7 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
13042
13044
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
13043
13045
|
};
|
|
13044
13046
|
|
|
13045
|
-
var _templateObject$1z, _templateObject2$1e, _templateObject3$Z, _templateObject4$O, _templateObject5$G, _templateObject6$
|
|
13047
|
+
var _templateObject$1z, _templateObject2$1e, _templateObject3$Z, _templateObject4$O, _templateObject5$G, _templateObject6$v, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
13046
13048
|
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) {
|
|
13047
13049
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
13048
13050
|
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 }";
|
|
@@ -13061,7 +13063,7 @@ var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$G || (_templateObj
|
|
|
13061
13063
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
13062
13064
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
13063
13065
|
});
|
|
13064
|
-
var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$
|
|
13066
|
+
var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n line-height: 42px;\n }\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n padding-top: 4px;\n box-sizing: border-box;\n /* max-height = 2 * 40px (two lines): 40px is the design line-height for header--medium (matches font-size/optical metrics), +4px provides extra descender room so glyphs like g/y aren't clipped \u2014 non\u2011WebKit fallback */\n max-height: calc(2 * 40px + 4px);\n"])));
|
|
13065
13067
|
var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$o || (_templateObject7$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n margin-right: var(--navigation-middle-gap);\n }\n"])), devices.mobile);
|
|
13066
13068
|
var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
13067
13069
|
var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .swipe {\n padding-inline-start: 2px;\n padding-block-start: 2px;\n }\n\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
|
|
@@ -13334,13 +13336,13 @@ var Carousel = function Carousel(_ref) {
|
|
|
13334
13336
|
}, children))));
|
|
13335
13337
|
};
|
|
13336
13338
|
|
|
13337
|
-
var _templateObject$1A, _templateObject2$1f, _templateObject3$_, _templateObject4$P, _templateObject5$H, _templateObject6$
|
|
13339
|
+
var _templateObject$1A, _templateObject2$1f, _templateObject3$_, _templateObject4$P, _templateObject5$H, _templateObject6$w, _templateObject7$p, _templateObject8$i, _templateObject9$c, _templateObject0$a, _templateObject1$6, _templateObject10$5, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1, _templateObject16$1;
|
|
13338
13340
|
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);
|
|
13339
13341
|
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);
|
|
13340
13342
|
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
13341
13343
|
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);
|
|
13342
13344
|
var InfoLogoWrapper = /*#__PURE__*/styled.div(_templateObject5$H || (_templateObject5$H = /*#__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);
|
|
13343
|
-
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
13345
|
+
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$w || (_templateObject6$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
13344
13346
|
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);
|
|
13345
13347
|
var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject8$i || (_templateObject8$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n flex-direction: row;\n\n @media ", " {\n & {\n margin-top: 16px;\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n display: flex;\n flex-direction: column;\n }\n"])), devices.tablet, devices.mobile);
|
|
13346
13348
|
var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject9$c || (_templateObject9$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swipe-slide {\n width: calc(100% - 50px - var(--rotator-button-width));\n -webkit-transform: translate3d(0, 0, 0);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|