@royaloperahouse/harmonic 1.0.8-e → 1.0.9-a
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/CHANGELOG.md +6 -3
- package/README.GIT +293 -0
- package/README.md +43 -267
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/CastFilter/{CastFilters.d.ts → Original/CastFilters.d.ts} +1 -1
- package/dist/components/molecules/CastFilter/Original/CastFilters.style.d.ts +5 -0
- package/dist/components/molecules/CastFilter/Original/index.d.ts +2 -0
- package/dist/components/molecules/CastFilter/Variant/CastFiltersVariant.d.ts +4 -0
- package/dist/components/molecules/CastFilter/Variant/index.d.ts +2 -0
- package/dist/components/molecules/CustomStrategyTabsFilter/CustomStrategyTabsFilter.d.ts +1 -1
- package/dist/components/molecules/index.d.ts +3 -2
- package/dist/harmonic.cjs.development.js +512 -240
- 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 +512 -241
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/package.json +2 -2
- package/dist/components/molecules/CastFilter/index.d.ts +0 -2
|
@@ -6469,13 +6469,13 @@ var Cards = function Cards(_ref) {
|
|
|
6469
6469
|
};
|
|
6470
6470
|
|
|
6471
6471
|
var _templateObject$I, _templateObject2$v, _templateObject3$j, _templateObject4$i, _templateObject5$e, _templateObject6$9, _templateObject7$6, _templateObject8$4, _templateObject9$3, _templateObject0$3, _templateObject1$2, _templateObject10$2;
|
|
6472
|
-
var CastFiltersComponentWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n
|
|
6472
|
+
var CastFiltersComponentWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 15px;\n }\n"])), devices.mobile);
|
|
6473
6473
|
var CastFiltersWrapper = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 32px;\n\n @media ", " {\n gap: 15px;\n }\n"])), devices.mobile);
|
|
6474
6474
|
var HeadingTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 44px;\n display: flex;\n align-items: center;\n"])));
|
|
6475
|
-
var RotatorButtonsWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["
|
|
6475
|
+
var RotatorButtonsWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6476
6476
|
var CastWrapper = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 20px;\n overflow-x: hidden;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n @media ", " {\n flex-direction: column;\n gap: 10px;\n overflow-x: scroll;\n }\n"])), devices.mobile);
|
|
6477
|
-
var ActionButtons = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: baseline;\n gap: 32px;\n\n .mobile-only {\n visibility: hidden;\n\n p {\n font-size: 14px;\n line-height: 17px;\n }\n }\n\n @media ", " {\n .mobile-only {\n visibility: visible;\n padding-block: 24px;\n font-size: 17px;\n line-height: 24px;\n }\n\n
|
|
6478
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n margin-block-start: 2px;\n margin-inline: 2px;\n\n p {\n font-size: 14px;\n line-height: 17px;\n }\n\n :focus-visible {\n outline: none;\n\n & > div:first-child {\n outline: 2px solid var(--color-base-black);\n }\n }\n\n @media ", " {\n
|
|
6477
|
+
var ActionButtons = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: baseline;\n gap: 32px;\n\n .mobile-only {\n visibility: hidden;\n\n p {\n font-size: 14px;\n line-height: 17px;\n }\n }\n\n @media ", " {\n .mobile-only {\n visibility: visible;\n padding-block: 24px;\n font-size: 17px;\n line-height: 24px;\n }\n\n :has(.mobile-only) {\n justify-content: left;\n }\n\n :not(:has(.mobile-only)) {\n padding-block: 12px;\n }\n\n a {\n width: fit-content;\n }\n }\n"])), devices.mobile);
|
|
6478
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n margin-block-start: 2px;\n margin-inline: 2px;\n\n p {\n font-size: 14px;\n line-height: 17px;\n }\n\n :focus-visible {\n outline: none;\n\n & > div:first-child {\n outline: 2px solid var(--color-base-black);\n }\n }\n\n @media ", " {\n p {\n font-size: 17px;\n line-height: 24px;\n }\n }\n"])), devices.mobile);
|
|
6479
6479
|
var PersonToggle = /*#__PURE__*/styled__default.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 86px;\n height: 86px;\n min-width: 86px;\n border: 4px solid;\n border-color: ", ";\n border-radius: 50%;\n background: var(--color-base-white);\n position: relative;\n box-shadow: inset 0 0 0 4px var(--color-base-white);\n"])), function (_ref) {
|
|
6480
6480
|
var isSelected = _ref.isSelected;
|
|
6481
6481
|
return isSelected ? 'var(--color-primary-red)' : 'var(--color-base-light-grey)';
|
|
@@ -6487,7 +6487,7 @@ var PersonImage = /*#__PURE__*/styled__default.img(_templateObject9$3 || (_templ
|
|
|
6487
6487
|
var isDefaultPlaceholder = _ref3.isDefaultPlaceholder;
|
|
6488
6488
|
return isDefaultPlaceholder && "\n transform: scale(1.24);\n ";
|
|
6489
6489
|
});
|
|
6490
|
-
var PersonName = /*#__PURE__*/styled__default.div(_templateObject0$3 || (_templateObject0$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 86px;\n display: flex;\n flex-wrap: wrap;\n text-align: center;\n
|
|
6490
|
+
var PersonName = /*#__PURE__*/styled__default.div(_templateObject0$3 || (_templateObject0$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 86px;\n display: flex;\n flex-wrap: wrap;\n text-align: center;\n"])));
|
|
6491
6491
|
var Decal = /*#__PURE__*/styled__default.div(_templateObject1$2 || (_templateObject1$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--color-primary-red);\n display: ", ";\n position: absolute;\n top: 6px;\n right: -6px;\n align-items: center;\n justify-content: center;\n\n span {\n display: ", ";\n width: 65%;\n height: 65%;\n }\n"])), function (_ref4) {
|
|
6492
6492
|
var isSelected = _ref4.isSelected;
|
|
6493
6493
|
return isSelected ? 'flex' : 'none';
|
|
@@ -6497,12 +6497,18 @@ var Decal = /*#__PURE__*/styled__default.div(_templateObject1$2 || (_templateObj
|
|
|
6497
6497
|
});
|
|
6498
6498
|
var EmptySelectionTextSpacer = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: hidden;\n\n @media ", " {\n visibility: visible;\n min-height: var(--button-height);\n }\n"])), devices.mobile);
|
|
6499
6499
|
|
|
6500
|
+
var _templateObject$J, _templateObject2$w, _templateObject3$k, _templateObject5$f;
|
|
6501
|
+
var CastFiltersComponentWrapper$1 = /*#__PURE__*/styled__default(CastFiltersComponentWrapper)(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n flex-direction: column-reverse;\n }\n"])), devices.mobile);
|
|
6502
|
+
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled__default(RotatorButtonsWrapper)(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6503
|
+
var PersonWrapper$1 = /*#__PURE__*/styled__default(PersonWrapper)(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n flex-direction: row;\n gap: 20px;\n margin-block-end: 2px;\n margin-inline-end: unset;\n }\n"])), devices.mobile);
|
|
6504
|
+
var ActionButtons$1 = /*#__PURE__*/styled__default(ActionButtons)(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n flex-direction: row-reverse;\n gap: unset;\n justify-content: space-between;\n border-block-end: 2px solid var(--base-color-light-grey);\n }\n"])), devices.mobile);
|
|
6505
|
+
|
|
6500
6506
|
var defaultPlaceholderImage = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23c9c9c9%3Bstroke%3A%23c9c9c9%3B%7D.cls-1%2C.cls-2%2C.cls-3%7Bstroke-miterlimit%3A10%3B%7D.cls-2%7Bfill-rule%3Aevenodd%3B%7D.cls-2%2C.cls-3%7Bfill%3A%2372767c%3Bstroke%3A%2372767c%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M50.42%2C89.58c21.86%2C0%2C39.58-17.72%2C39.58-39.58S72.28%2C10.42%2C50.42%2C10.42%2C10.83%2C28.14%2C10.83%2C50s17.72%2C39.58%2C39.58%2C39.58Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M50.4%2C89.58c10.88%2C0%2C20.75-4.42%2C27.92-11.54-4.96-10.46-15.58-17.71-27.92-17.71s-22.96%2C7.25-27.92%2C17.71c7.17%2C7.12%2C17%2C11.54%2C27.92%2C11.54Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M50.4%2C55.67c8.05%2C0%2C14.58-6.53%2C14.58-14.58s-6.53-14.58-14.58-14.58-14.58%2C6.53-14.58%2C14.58%2C6.53%2C14.58%2C14.58%2C14.58Z%22%2F%3E%3C%2Fsvg%3E";
|
|
6501
6507
|
|
|
6502
|
-
var _templateObject$
|
|
6508
|
+
var _templateObject$K, _templateObject2$x;
|
|
6503
6509
|
var SWIPE_SLIDE_CLASS_NAME = 'swipe-slide';
|
|
6504
|
-
var SwipeContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6505
|
-
var SwipeTrack = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6510
|
+
var SwipeContainer = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n width: 100%;\n touch-action: pan-y;\n"])));
|
|
6511
|
+
var SwipeTrack = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n transition: ", ";\n transform: translateX(", ");\n\n .", " {\n flex-shrink: 0;\n }\n"])), function (_ref) {
|
|
6506
6512
|
var transitioning = _ref.transitioning;
|
|
6507
6513
|
return transitioning ? 'transform 0.3s ease' : 'none';
|
|
6508
6514
|
}, function (_ref2) {
|
|
@@ -7075,6 +7081,269 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7075
7081
|
}
|
|
7076
7082
|
}, [onClear]);
|
|
7077
7083
|
var showActionButtonsSection = onApply || onClear || emptySelectionText;
|
|
7084
|
+
var getPersonCards = function getPersonCards() {
|
|
7085
|
+
return cast.map(function (person, index) {
|
|
7086
|
+
var name = person.name,
|
|
7087
|
+
image = person.image,
|
|
7088
|
+
_onClick = person.onClick,
|
|
7089
|
+
ariaLabel = person['aria-label'];
|
|
7090
|
+
var personSelectionId = getCastItemSelectionId(person);
|
|
7091
|
+
var isSelected = isIdSelectionMode ? selectedIdsSet.has(personSelectionId) : selectedIndices.includes(index);
|
|
7092
|
+
var personImage = image || placeholderImage || defaultPlaceholderImage;
|
|
7093
|
+
return /*#__PURE__*/React__default.createElement(PersonWrapper$1, {
|
|
7094
|
+
key: personSelectionId,
|
|
7095
|
+
"aria-selected": isSelected,
|
|
7096
|
+
"aria-label": ariaLabel != null ? ariaLabel : name,
|
|
7097
|
+
role: "option",
|
|
7098
|
+
tabIndex: 0,
|
|
7099
|
+
onClick: function onClick() {
|
|
7100
|
+
return handleClick(index, personSelectionId, _onClick);
|
|
7101
|
+
},
|
|
7102
|
+
onKeyDown: function onKeyDown(e) {
|
|
7103
|
+
return handlePersonKeydown(e, index, personSelectionId, _onClick);
|
|
7104
|
+
}
|
|
7105
|
+
}, /*#__PURE__*/React__default.createElement(PersonToggle, {
|
|
7106
|
+
isSelected: isSelected,
|
|
7107
|
+
"aria-hidden": "true"
|
|
7108
|
+
}, /*#__PURE__*/React__default.createElement(PersonImage, {
|
|
7109
|
+
src: personImage,
|
|
7110
|
+
alt: "",
|
|
7111
|
+
draggable: false,
|
|
7112
|
+
isDefaultPlaceholder: !(!!image || !!placeholderImage),
|
|
7113
|
+
greyscale: greyscale
|
|
7114
|
+
}), /*#__PURE__*/React__default.createElement(Decal, {
|
|
7115
|
+
isSelected: isSelected
|
|
7116
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
7117
|
+
iconName: "Confirm",
|
|
7118
|
+
color: "white"
|
|
7119
|
+
}))), /*#__PURE__*/React__default.createElement(PersonName, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7120
|
+
size: "medium"
|
|
7121
|
+
}, name)));
|
|
7122
|
+
});
|
|
7123
|
+
};
|
|
7124
|
+
return /*#__PURE__*/React__default.createElement(CastFiltersComponentWrapper$1, {
|
|
7125
|
+
className: className
|
|
7126
|
+
}, /*#__PURE__*/React__default.createElement(CastFiltersWrapper, null, /*#__PURE__*/React__default.createElement(Grid, null, headingText && (/*#__PURE__*/React__default.createElement(GridItem, {
|
|
7127
|
+
columnStartDesktop: 1,
|
|
7128
|
+
columnSpanDesktop: 10,
|
|
7129
|
+
columnStartDevice: 1,
|
|
7130
|
+
columnSpanDevice: 9
|
|
7131
|
+
}, /*#__PURE__*/React__default.createElement(HeadingTextWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7132
|
+
size: "large"
|
|
7133
|
+
}, headingText)))), showRotatorButtons && (/*#__PURE__*/React__default.createElement(RotatorButtonsWrapper$1, {
|
|
7134
|
+
columnStartDesktop: 16,
|
|
7135
|
+
columnSpanDesktop: 2
|
|
7136
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
7137
|
+
size: "small",
|
|
7138
|
+
onClickNext: onNext,
|
|
7139
|
+
onClickPrev: onPrev,
|
|
7140
|
+
availablePrev: availablePrev,
|
|
7141
|
+
availableNext: availableNext
|
|
7142
|
+
})))), /*#__PURE__*/React__default.createElement(CastWrapper, {
|
|
7143
|
+
ref: castWrapperRef,
|
|
7144
|
+
role: "listbox",
|
|
7145
|
+
"aria-roledescription": listRoleDescription != null ? listRoleDescription : 'filter list',
|
|
7146
|
+
"aria-label": "filter list",
|
|
7147
|
+
"aria-multiselectable": "true",
|
|
7148
|
+
onMouseDown: handleMouseDown,
|
|
7149
|
+
onMouseMove: handleMouseMove,
|
|
7150
|
+
onMouseUp: handleMouseUp,
|
|
7151
|
+
onMouseLeave: handleMouseLeave
|
|
7152
|
+
}, isMobile ? getPersonCards() : (/*#__PURE__*/React__default.createElement(Swipe, {
|
|
7153
|
+
onIndexChange: onIndexChangeHandler,
|
|
7154
|
+
"data-testid": "cast-filter-swipe",
|
|
7155
|
+
ref: swipeRef,
|
|
7156
|
+
onOverflowChange: handleOverflowChange,
|
|
7157
|
+
limitDragToNavigableRange: true
|
|
7158
|
+
}, getPersonCards())))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons$1, null, selectedStateIndices.length === 0 && emptySelectionText && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7159
|
+
size: "medium",
|
|
7160
|
+
className: "mobile-only"
|
|
7161
|
+
}, emptySelectionText)), selectedStateIndices.length === 0 && !emptySelectionText && /*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null), selectedStateIndices.length > 0 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, (onApply || onApplyIds) && (/*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
7162
|
+
onClick: function onClick() {
|
|
7163
|
+
if (onApply) onApply(selectedStateIndices);
|
|
7164
|
+
if (onApplyIds) onApplyIds(selectedStateIds);
|
|
7165
|
+
}
|
|
7166
|
+
}, ctaText != null ? ctaText : 'Apply')), onClear && (/*#__PURE__*/React__default.createElement(TextLink, {
|
|
7167
|
+
tabIndex: 0,
|
|
7168
|
+
role: "button",
|
|
7169
|
+
onClick: onClear,
|
|
7170
|
+
onKeyDown: handleClearKeydown
|
|
7171
|
+
}, textLinkText != null ? textLinkText : 'Clear')))))));
|
|
7172
|
+
};
|
|
7173
|
+
|
|
7174
|
+
var CastFiltersVariant = function CastFiltersVariant(_ref) {
|
|
7175
|
+
var cast = _ref.cast,
|
|
7176
|
+
headingText = _ref.headingText,
|
|
7177
|
+
ctaText = _ref.ctaText,
|
|
7178
|
+
textLinkText = _ref.textLinkText,
|
|
7179
|
+
emptySelectionText = _ref.emptySelectionText,
|
|
7180
|
+
placeholderImage = _ref.placeholderImage,
|
|
7181
|
+
listRoleDescription = _ref.listRoleDescription,
|
|
7182
|
+
className = _ref.className,
|
|
7183
|
+
onSelect = _ref.onSelect,
|
|
7184
|
+
onSelectId = _ref.onSelectId,
|
|
7185
|
+
onApply = _ref.onApply,
|
|
7186
|
+
onApplyIds = _ref.onApplyIds,
|
|
7187
|
+
onClear = _ref.onClear,
|
|
7188
|
+
_ref$greyscale = _ref.greyscale,
|
|
7189
|
+
greyscale = _ref$greyscale === void 0 ? false : _ref$greyscale,
|
|
7190
|
+
_ref$selectedIndices = _ref.selectedIndices,
|
|
7191
|
+
selectedIndices = _ref$selectedIndices === void 0 ? [] : _ref$selectedIndices,
|
|
7192
|
+
selectedIds = _ref.selectedIds;
|
|
7193
|
+
var _useViewport = useViewport(),
|
|
7194
|
+
isMobile = _useViewport.isMobile;
|
|
7195
|
+
var castWrapperRef = React.useRef(null);
|
|
7196
|
+
var isDraggingRef = React.useRef(false);
|
|
7197
|
+
var startXRef = React.useRef(0);
|
|
7198
|
+
var scrollStartRef = React.useRef(0);
|
|
7199
|
+
var hasDraggedRef = React.useRef(false);
|
|
7200
|
+
var swipeRef = React.useRef(null);
|
|
7201
|
+
var _useState = React.useState(false),
|
|
7202
|
+
availablePrev = _useState[0],
|
|
7203
|
+
setAvailablePrev = _useState[1];
|
|
7204
|
+
var _useState2 = React.useState(cast.length > 1),
|
|
7205
|
+
availableNext = _useState2[0],
|
|
7206
|
+
setAvailableNext = _useState2[1];
|
|
7207
|
+
var _useState3 = React.useState(true),
|
|
7208
|
+
showRotatorButtons = _useState3[0],
|
|
7209
|
+
setShowRotatorButtons = _useState3[1];
|
|
7210
|
+
var onIndexChangeHandler = function onIndexChangeHandler(index) {
|
|
7211
|
+
setAvailablePrev(index > 0);
|
|
7212
|
+
setAvailableNext(function () {
|
|
7213
|
+
var _swipeRef$current$has, _swipeRef$current;
|
|
7214
|
+
return (_swipeRef$current$has = (_swipeRef$current = swipeRef.current) == null ? void 0 : _swipeRef$current.hasNext()) != null ? _swipeRef$current$has : index < Math.max(0, cast.length - 1);
|
|
7215
|
+
});
|
|
7216
|
+
};
|
|
7217
|
+
React.useEffect(function () {
|
|
7218
|
+
setAvailablePrev(false);
|
|
7219
|
+
setAvailableNext(function () {
|
|
7220
|
+
var _swipeRef$current$has2, _swipeRef$current2;
|
|
7221
|
+
return (_swipeRef$current$has2 = (_swipeRef$current2 = swipeRef.current) == null ? void 0 : _swipeRef$current2.hasNext()) != null ? _swipeRef$current$has2 : cast.length > 1;
|
|
7222
|
+
});
|
|
7223
|
+
}, [cast.length]);
|
|
7224
|
+
var handleOverflowChange = function handleOverflowChange(overflow) {
|
|
7225
|
+
var _swipeRef$current3;
|
|
7226
|
+
setShowRotatorButtons(overflow);
|
|
7227
|
+
var hasNext = (_swipeRef$current3 = swipeRef.current) == null ? void 0 : _swipeRef$current3.hasNext();
|
|
7228
|
+
if (typeof hasNext === 'boolean') {
|
|
7229
|
+
setAvailableNext(hasNext);
|
|
7230
|
+
} else {
|
|
7231
|
+
setAvailableNext(overflow);
|
|
7232
|
+
}
|
|
7233
|
+
};
|
|
7234
|
+
var onNext = function onNext() {
|
|
7235
|
+
var _swipeRef$current4;
|
|
7236
|
+
if (!availableNext) return;
|
|
7237
|
+
(_swipeRef$current4 = swipeRef.current) == null || _swipeRef$current4.nextSlide();
|
|
7238
|
+
};
|
|
7239
|
+
var onPrev = function onPrev() {
|
|
7240
|
+
var _swipeRef$current5;
|
|
7241
|
+
if (!availablePrev) return;
|
|
7242
|
+
(_swipeRef$current5 = swipeRef.current) == null || _swipeRef$current5.prevSlide();
|
|
7243
|
+
};
|
|
7244
|
+
React.useEffect(function () {
|
|
7245
|
+
var el = castWrapperRef.current;
|
|
7246
|
+
if (!el) return undefined;
|
|
7247
|
+
var handleKeydown = function handleKeydown(e) {
|
|
7248
|
+
if (!el.contains(document.activeElement)) return;
|
|
7249
|
+
if (e.key === 'ArrowRight') {
|
|
7250
|
+
var _swipeRef$current6;
|
|
7251
|
+
e.preventDefault();
|
|
7252
|
+
(_swipeRef$current6 = swipeRef.current) == null || _swipeRef$current6.nextSlide();
|
|
7253
|
+
} else if (e.key === 'ArrowLeft') {
|
|
7254
|
+
var _swipeRef$current7;
|
|
7255
|
+
e.preventDefault();
|
|
7256
|
+
(_swipeRef$current7 = swipeRef.current) == null || _swipeRef$current7.prevSlide();
|
|
7257
|
+
}
|
|
7258
|
+
};
|
|
7259
|
+
el.addEventListener('keydown', handleKeydown);
|
|
7260
|
+
return function () {
|
|
7261
|
+
return el.removeEventListener('keydown', handleKeydown);
|
|
7262
|
+
};
|
|
7263
|
+
}, []);
|
|
7264
|
+
var handleMouseDown = React.useCallback(function (e) {
|
|
7265
|
+
if (!isMobile || !castWrapperRef.current) return;
|
|
7266
|
+
isDraggingRef.current = true;
|
|
7267
|
+
hasDraggedRef.current = false;
|
|
7268
|
+
startXRef.current = e.clientX;
|
|
7269
|
+
scrollStartRef.current = castWrapperRef.current.scrollLeft;
|
|
7270
|
+
if (e.target === castWrapperRef.current) e.preventDefault();
|
|
7271
|
+
}, [isMobile]);
|
|
7272
|
+
var handleMouseMove = React.useCallback(function (e) {
|
|
7273
|
+
if (!isMobile || !isDraggingRef.current || !castWrapperRef.current) return;
|
|
7274
|
+
var deltaX = e.clientX - startXRef.current;
|
|
7275
|
+
var threshold = 5;
|
|
7276
|
+
if (Math.abs(deltaX) > threshold) {
|
|
7277
|
+
hasDraggedRef.current = true;
|
|
7278
|
+
e.preventDefault();
|
|
7279
|
+
castWrapperRef.current.scrollLeft = scrollStartRef.current - deltaX;
|
|
7280
|
+
}
|
|
7281
|
+
}, [isMobile]);
|
|
7282
|
+
var handleMouseUp = React.useCallback(function () {
|
|
7283
|
+
if (!isMobile) return;
|
|
7284
|
+
isDraggingRef.current = false;
|
|
7285
|
+
setTimeout(function () {
|
|
7286
|
+
hasDraggedRef.current = false;
|
|
7287
|
+
}, 0);
|
|
7288
|
+
}, [isMobile]);
|
|
7289
|
+
var handleMouseLeave = React.useCallback(function () {
|
|
7290
|
+
if (!isMobile) return;
|
|
7291
|
+
isDraggingRef.current = false;
|
|
7292
|
+
hasDraggedRef.current = false;
|
|
7293
|
+
}, [isMobile]);
|
|
7294
|
+
var getCastItemSelectionId = React.useCallback(function (person) {
|
|
7295
|
+
if (person.id !== undefined && person.id !== null) return String(person.id);
|
|
7296
|
+
if (person.slug !== undefined && person.slug !== null) return String(person.slug);
|
|
7297
|
+
return person.name;
|
|
7298
|
+
}, []);
|
|
7299
|
+
var isIdSelectionMode = selectedIds !== undefined;
|
|
7300
|
+
var selectedIdsSet = React.useMemo(function () {
|
|
7301
|
+
var ids = selectedIds != null ? selectedIds : [];
|
|
7302
|
+
return new Set(ids.map(function (id) {
|
|
7303
|
+
return String(id);
|
|
7304
|
+
}));
|
|
7305
|
+
}, [selectedIds]);
|
|
7306
|
+
var selectedStateIndices = React.useMemo(function () {
|
|
7307
|
+
if (!isIdSelectionMode) return selectedIndices;
|
|
7308
|
+
return cast.flatMap(function (person, index) {
|
|
7309
|
+
var itemId = getCastItemSelectionId(person);
|
|
7310
|
+
return selectedIdsSet.has(itemId) ? [index] : [];
|
|
7311
|
+
});
|
|
7312
|
+
}, [cast, getCastItemSelectionId, isIdSelectionMode, selectedIdsSet, selectedIndices]);
|
|
7313
|
+
var selectedStateIds = React.useMemo(function () {
|
|
7314
|
+
if (isIdSelectionMode) {
|
|
7315
|
+
return cast.filter(function (person) {
|
|
7316
|
+
return selectedIdsSet.has(getCastItemSelectionId(person));
|
|
7317
|
+
}).map(function (person) {
|
|
7318
|
+
return getCastItemSelectionId(person);
|
|
7319
|
+
});
|
|
7320
|
+
}
|
|
7321
|
+
return selectedIndices.map(function (index) {
|
|
7322
|
+
return cast[index];
|
|
7323
|
+
}).filter(function (person) {
|
|
7324
|
+
return person !== undefined;
|
|
7325
|
+
}).map(function (person) {
|
|
7326
|
+
return getCastItemSelectionId(person);
|
|
7327
|
+
});
|
|
7328
|
+
}, [cast, getCastItemSelectionId, isIdSelectionMode, selectedIdsSet, selectedIndices]);
|
|
7329
|
+
var handleClick = React__default.useCallback(function (index, itemId, onClick) {
|
|
7330
|
+
if (hasDraggedRef.current) return;
|
|
7331
|
+
if (onSelectId) onSelectId(itemId);
|
|
7332
|
+
if (onSelect) onSelect(index);
|
|
7333
|
+
if (onClick) onClick();
|
|
7334
|
+
}, [onSelect, onSelectId]);
|
|
7335
|
+
var handlePersonKeydown = React__default.useCallback(function (e, index, itemId, onClick) {
|
|
7336
|
+
if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') {
|
|
7337
|
+
e.preventDefault();
|
|
7338
|
+
handleClick(index, itemId, onClick);
|
|
7339
|
+
}
|
|
7340
|
+
}, [handleClick]);
|
|
7341
|
+
var handleClearKeydown = React__default.useCallback(function (e) {
|
|
7342
|
+
if (e.key === 'Enter' && onClear) {
|
|
7343
|
+
onClear();
|
|
7344
|
+
}
|
|
7345
|
+
}, [onClear]);
|
|
7346
|
+
var showActionButtonsSection = onApply || onClear || emptySelectionText;
|
|
7078
7347
|
var getPersonCards = function getPersonCards() {
|
|
7079
7348
|
return cast.map(function (person, index) {
|
|
7080
7349
|
var name = person.name,
|
|
@@ -7088,6 +7357,8 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7088
7357
|
key: personSelectionId,
|
|
7089
7358
|
"aria-selected": isSelected,
|
|
7090
7359
|
"aria-label": ariaLabel != null ? ariaLabel : name,
|
|
7360
|
+
"aria-posinset": index + 1,
|
|
7361
|
+
"aria-setsize": cast.length,
|
|
7091
7362
|
role: "option",
|
|
7092
7363
|
tabIndex: 0,
|
|
7093
7364
|
onClick: function onClick() {
|
|
@@ -7143,13 +7414,13 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7143
7414
|
onMouseMove: handleMouseMove,
|
|
7144
7415
|
onMouseUp: handleMouseUp,
|
|
7145
7416
|
onMouseLeave: handleMouseLeave
|
|
7146
|
-
},
|
|
7417
|
+
}, /*#__PURE__*/React__default.createElement(Swipe, {
|
|
7147
7418
|
onIndexChange: onIndexChangeHandler,
|
|
7148
7419
|
"data-testid": "cast-filter-swipe",
|
|
7149
7420
|
ref: swipeRef,
|
|
7150
7421
|
onOverflowChange: handleOverflowChange,
|
|
7151
7422
|
limitDragToNavigableRange: true
|
|
7152
|
-
}, getPersonCards())))
|
|
7423
|
+
}, getPersonCards()))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons, null, selectedStateIndices.length === 0 && emptySelectionText && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7153
7424
|
size: "medium",
|
|
7154
7425
|
className: "mobile-only"
|
|
7155
7426
|
}, emptySelectionText)), selectedStateIndices.length === 0 && !emptySelectionText && /*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null), selectedStateIndices.length > 0 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, (onApply || onApplyIds) && (/*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
@@ -7165,12 +7436,12 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7165
7436
|
}, textLinkText != null ? textLinkText : 'Clear')))))));
|
|
7166
7437
|
};
|
|
7167
7438
|
|
|
7168
|
-
var _templateObject$
|
|
7169
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7170
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7171
|
-
var AddressWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7439
|
+
var _templateObject$L, _templateObject2$y, _templateObject3$l, _templateObject4$j, _templateObject5$g, _templateObject6$a, _templateObject7$7;
|
|
7440
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
7441
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__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);
|
|
7442
|
+
var AddressWrapper = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
7172
7443
|
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
7173
|
-
var MobileSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7444
|
+
var MobileSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
7174
7445
|
var DesktopSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7175
7446
|
var DetailsWrapper = /*#__PURE__*/styled__default.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);
|
|
7176
7447
|
|
|
@@ -7223,12 +7494,12 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7223
7494
|
}, addressString)))))))));
|
|
7224
7495
|
};
|
|
7225
7496
|
|
|
7226
|
-
var _templateObject$
|
|
7227
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7228
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7229
|
-
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7497
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$m, _templateObject4$k, _templateObject5$h, _templateObject6$b, _templateObject7$8, _templateObject8$5;
|
|
7498
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__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);
|
|
7499
|
+
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__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);
|
|
7500
|
+
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__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);
|
|
7230
7501
|
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$k || (_templateObject4$k = /*#__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);
|
|
7231
|
-
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7502
|
+
var ContactWrapper = /*#__PURE__*/styled__default.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);
|
|
7232
7503
|
var MediaLinksWrapper$1 = /*#__PURE__*/styled__default.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);
|
|
7233
7504
|
var MediaIconWrapper$1 = /*#__PURE__*/styled__default.a(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
7234
7505
|
var TextLinkWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
@@ -7256,16 +7527,16 @@ var ContactNewsletter = function ContactNewsletter(_ref) {
|
|
|
7256
7527
|
}, contact.title))));
|
|
7257
7528
|
};
|
|
7258
7529
|
|
|
7259
|
-
var _templateObject$
|
|
7260
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject$
|
|
7261
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$
|
|
7530
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$n, _templateObject4$l, _templateObject5$i, _templateObject6$c;
|
|
7531
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7532
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$A || (_templateObject2$A = /*#__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) {
|
|
7262
7533
|
return props.clickable ? 'pointer' : 'default';
|
|
7263
7534
|
}, devices.mobile);
|
|
7264
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7535
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
7265
7536
|
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__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) {
|
|
7266
7537
|
return props.showImage ? 2 : '1 / span 4';
|
|
7267
7538
|
}, devices.mobile);
|
|
7268
|
-
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7539
|
+
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
7269
7540
|
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__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) {
|
|
7270
7541
|
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 ";
|
|
7271
7542
|
});
|
|
@@ -7348,21 +7619,21 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7348
7619
|
}), link.text))));
|
|
7349
7620
|
};
|
|
7350
7621
|
|
|
7351
|
-
var _templateObject$
|
|
7352
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7622
|
+
var _templateObject$O, _templateObject2$B, _templateObject3$o, _templateObject4$m, _templateObject5$j;
|
|
7623
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__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) {
|
|
7353
7624
|
var imageToLeft = _ref.imageToLeft;
|
|
7354
7625
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7355
7626
|
}, devices.mobile);
|
|
7356
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7627
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
7357
7628
|
var imageToLeft = _ref2.imageToLeft;
|
|
7358
7629
|
return imageToLeft ? 'left' : 'right';
|
|
7359
7630
|
}, devices.mobile);
|
|
7360
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7631
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
7361
7632
|
var imageToLeft = _ref3.imageToLeft;
|
|
7362
7633
|
return imageToLeft ? 'right' : 'left';
|
|
7363
7634
|
}, devices.mobile);
|
|
7364
7635
|
var EditorialSubtitle = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject4$m || (_templateObject4$m = /*#__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"])));
|
|
7365
|
-
var EditorialText = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject5$
|
|
7636
|
+
var EditorialText = /*#__PURE__*/styled__default(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"])));
|
|
7366
7637
|
|
|
7367
7638
|
var Editorial = function Editorial(_ref) {
|
|
7368
7639
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -7401,10 +7672,10 @@ var Editorial = function Editorial(_ref) {
|
|
|
7401
7672
|
})))));
|
|
7402
7673
|
};
|
|
7403
7674
|
|
|
7404
|
-
var _templateObject$
|
|
7405
|
-
var HotFiltersWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7406
|
-
var HotFilterOptionsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7407
|
-
var StyledHotFiltersButton = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject3$
|
|
7675
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$p;
|
|
7676
|
+
var HotFiltersWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__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"])));
|
|
7677
|
+
var HotFilterOptionsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__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);
|
|
7678
|
+
var StyledHotFiltersButton = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject3$p || (_templateObject3$p = /*#__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"])));
|
|
7408
7679
|
|
|
7409
7680
|
var _excluded$i = ["text", "onClick"];
|
|
7410
7681
|
var HotFilters = function HotFilters(_ref) {
|
|
@@ -7439,10 +7710,10 @@ var HotFilters = function HotFilters(_ref) {
|
|
|
7439
7710
|
})));
|
|
7440
7711
|
};
|
|
7441
7712
|
|
|
7442
|
-
var _templateObject$
|
|
7443
|
-
var ScrollContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7444
|
-
var TabsContainerWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7445
|
-
var StyledTab = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject3$
|
|
7713
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$q;
|
|
7714
|
+
var ScrollContainer = /*#__PURE__*/styled__default.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\n @media ", " {\n overflow-x: visible;\n }\n"])), devices.mobile);
|
|
7715
|
+
var TabsContainerWrapper = /*#__PURE__*/styled__default.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 width: 100%;\n min-width: 0;\n flex-wrap: wrap;\n justify-content: flex-start;\n gap: 10px;\n }\n"])), devices.mobile);
|
|
7716
|
+
var StyledTab = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject3$q || (_templateObject3$q = /*#__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);
|
|
7446
7717
|
|
|
7447
7718
|
var _excluded$j = ["text", "id", "isSelected", "allowedSelectedWith"];
|
|
7448
7719
|
/**
|
|
@@ -7517,8 +7788,8 @@ var CustomStrategyTabsFilter = function CustomStrategyTabsFilter(_ref) {
|
|
|
7517
7788
|
var _customViewConfig$bac, _customViewConfig$bac2, _customViewConfig$tex, _customViewConfig$tex2;
|
|
7518
7789
|
var items = _ref.items,
|
|
7519
7790
|
className = _ref.className,
|
|
7520
|
-
ariaLabel = _ref.ariaLabel,
|
|
7521
7791
|
onClick = _ref.onClick,
|
|
7792
|
+
ariaLabel = _ref.ariaLabel,
|
|
7522
7793
|
customViewConfig = _ref.customViewConfig;
|
|
7523
7794
|
var handleClick = React__default.useCallback(function (item) {
|
|
7524
7795
|
onClick(item);
|
|
@@ -7598,10 +7869,10 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
7598
7869
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
|
|
7599
7870
|
};
|
|
7600
7871
|
|
|
7601
|
-
var _templateObject$
|
|
7602
|
-
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7603
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
7604
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
7872
|
+
var _templateObject$R, _templateObject2$E, _templateObject3$r, _templateObject4$n;
|
|
7873
|
+
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject$R || (_templateObject$R = /*#__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);
|
|
7874
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7875
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$r || (_templateObject3$r = /*#__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) {
|
|
7605
7876
|
var variant = _ref.variant,
|
|
7606
7877
|
theme = _ref.theme;
|
|
7607
7878
|
return getTextColor$4(variant, theme, COLORS$4.background);
|
|
@@ -7824,19 +8095,19 @@ var Information = function Information(_ref) {
|
|
|
7824
8095
|
})))));
|
|
7825
8096
|
};
|
|
7826
8097
|
|
|
7827
|
-
var _templateObject$
|
|
7828
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
8098
|
+
var _templateObject$S, _templateObject2$F, _templateObject3$s, _templateObject4$o, _templateObject5$k, _templateObject6$d, _templateObject7$9, _templateObject8$6;
|
|
8099
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$S || (_templateObject$S = /*#__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) {
|
|
7829
8100
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
7830
8101
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
7831
8102
|
}, devices.mobile);
|
|
7832
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
8103
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$F || (_templateObject2$F = /*#__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) {
|
|
7833
8104
|
var isMultipleRow = _ref2.isMultipleRow;
|
|
7834
8105
|
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 ";
|
|
7835
8106
|
}, devices.mobile, devices.tablet, function (_ref3) {
|
|
7836
8107
|
var isMultipleRow = _ref3.isMultipleRow;
|
|
7837
8108
|
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 ";
|
|
7838
8109
|
});
|
|
7839
|
-
var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8110
|
+
var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 35px;\n padding-bottom: 20px;\n\n ", ";\n"])), function (_ref4) {
|
|
7840
8111
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
7841
8112
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
7842
8113
|
});
|
|
@@ -7844,7 +8115,7 @@ var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$o || (_te
|
|
|
7844
8115
|
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
7845
8116
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
7846
8117
|
}, devices.mobile);
|
|
7847
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8118
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 43px;\n\n ", ";\n\n @media ", " {\n & {\n height: 33px;\n margin-top: 10px;\n margin-bottom: 20px;\n }\n }\n"])), function (_ref6) {
|
|
7848
8119
|
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
7849
8120
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7850
8121
|
}, devices.mobile);
|
|
@@ -7929,9 +8200,9 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7929
8200
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
7930
8201
|
};
|
|
7931
8202
|
|
|
7932
|
-
var _templateObject$
|
|
7933
|
-
var ImpactHeaderWrapper = /*#__PURE__*/styled__default.header(_templateObject$
|
|
7934
|
-
var ImpactTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8203
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$t, _templateObject4$p, _templateObject5$l, _templateObject6$e, _templateObject7$a, _templateObject8$7;
|
|
8204
|
+
var ImpactHeaderWrapper = /*#__PURE__*/styled__default.header(_templateObject$T || (_templateObject$T = /*#__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);
|
|
8205
|
+
var ImpactTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__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) {
|
|
7935
8206
|
var hasButton = _ref.hasButton,
|
|
7936
8207
|
sponsorPresent = _ref.sponsorPresent;
|
|
7937
8208
|
if (hasButton || sponsorPresent) return 'auto 80px 1fr 80px auto';
|
|
@@ -7940,12 +8211,12 @@ var ImpactTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F ||
|
|
|
7940
8211
|
var sponsorPresent = _ref2.sponsorPresent;
|
|
7941
8212
|
return sponsorPresent ? '1fr 20px auto' : '1fr';
|
|
7942
8213
|
});
|
|
7943
|
-
var TitleButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8214
|
+
var TitleButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n display: flex;\n align-items: center;\n min-width: ", ";\n"])), function (_ref3) {
|
|
7944
8215
|
var sponsorWidth = _ref3.sponsorWidth;
|
|
7945
8216
|
return sponsorWidth ? sponsorWidth + "px" : 'auto';
|
|
7946
8217
|
});
|
|
7947
8218
|
var TitleButton = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n position: static;\n margin-right: 0;\n }\n"])), devices.mobile);
|
|
7948
|
-
var MobileButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8219
|
+
var MobileButtonWrapper = /*#__PURE__*/styled__default.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"])));
|
|
7949
8220
|
var ImpactTitle = /*#__PURE__*/styled__default(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) {
|
|
7950
8221
|
var hasColumns = _ref4.hasColumns;
|
|
7951
8222
|
return hasColumns ? '3' : '1';
|
|
@@ -7956,10 +8227,10 @@ var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_te
|
|
|
7956
8227
|
return buttonWidth ? buttonWidth + "px" : 'auto';
|
|
7957
8228
|
}, devices.mobile);
|
|
7958
8229
|
|
|
7959
|
-
var _templateObject$
|
|
7960
|
-
var VideoPlayButton$1 = /*#__PURE__*/styled__default.button(_templateObject$
|
|
7961
|
-
var VideoControlsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7962
|
-
var VideoControlsInnerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8230
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$u, _templateObject4$q;
|
|
8231
|
+
var VideoPlayButton$1 = /*#__PURE__*/styled__default.button(_templateObject$U || (_templateObject$U = /*#__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);
|
|
8232
|
+
var VideoControlsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 100%;\n"])));
|
|
8233
|
+
var VideoControlsInnerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__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);
|
|
7963
8234
|
var LeftWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7964
8235
|
|
|
7965
8236
|
var VideoControlsImpact = function VideoControlsImpact(_ref) {
|
|
@@ -8183,21 +8454,21 @@ var PageHeadingImpact = function PageHeadingImpact(_ref4) {
|
|
|
8183
8454
|
}), isMobile && link && linkText ? (/*#__PURE__*/React__default.createElement(MobileButtonWrapper, null, /*#__PURE__*/React__default.createElement(TitleButton, Object.assign({}, restLink), linkText))) : null));
|
|
8184
8455
|
};
|
|
8185
8456
|
|
|
8186
|
-
var _templateObject$
|
|
8187
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8457
|
+
var _templateObject$V, _templateObject2$I, _templateObject3$v, _templateObject4$r, _templateObject5$m;
|
|
8458
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$V || (_templateObject$V = /*#__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) {
|
|
8188
8459
|
var color = _ref.color;
|
|
8189
8460
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
8190
8461
|
}, devices.mobileAndTablet);
|
|
8191
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8462
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__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) {
|
|
8192
8463
|
var hasImage = _ref2.hasImage;
|
|
8193
8464
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
8194
8465
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
8195
8466
|
var hasImage = _ref3.hasImage;
|
|
8196
8467
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
8197
8468
|
});
|
|
8198
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8469
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__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);
|
|
8199
8470
|
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__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);
|
|
8200
|
-
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8471
|
+
var ScrollDownWrapper = /*#__PURE__*/styled__default.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);
|
|
8201
8472
|
|
|
8202
8473
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
8203
8474
|
var _image$src, _image$alt;
|
|
@@ -8227,12 +8498,12 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8227
8498
|
})))));
|
|
8228
8499
|
};
|
|
8229
8500
|
|
|
8230
|
-
var _templateObject$
|
|
8231
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
8232
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8233
|
-
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8501
|
+
var _templateObject$W, _templateObject2$J, _templateObject3$w, _templateObject4$s, _templateObject5$n, _templateObject6$f, _templateObject7$b, _templateObject8$8, _templateObject9$4, _templateObject0$4, _templateObject1$3;
|
|
8502
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.section(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8503
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
8504
|
+
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__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);
|
|
8234
8505
|
var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__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);
|
|
8235
|
-
var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8506
|
+
var ContentSection = /*#__PURE__*/styled__default.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) {
|
|
8236
8507
|
var theme = _ref.theme;
|
|
8237
8508
|
return theme == exports.ThemeType.Cinema ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
8238
8509
|
}, function (_ref2) {
|
|
@@ -8441,7 +8712,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
8441
8712
|
})))))))))));
|
|
8442
8713
|
};
|
|
8443
8714
|
|
|
8444
|
-
var _templateObject$
|
|
8715
|
+
var _templateObject$X, _templateObject2$K, _templateObject3$x, _templateObject4$t;
|
|
8445
8716
|
var GRID = {
|
|
8446
8717
|
desktop: {
|
|
8447
8718
|
leftWithImage: '1 / 1 / 3 / 7',
|
|
@@ -8454,18 +8725,18 @@ var GRID = {
|
|
|
8454
8725
|
right: '2 / 1 / 3 / 15'
|
|
8455
8726
|
}
|
|
8456
8727
|
};
|
|
8457
|
-
var HighlightPanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8728
|
+
var HighlightPanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n background-color: ", ";\n color: var(--color-base-white);\n"])), function (_ref) {
|
|
8458
8729
|
var $background = _ref.$background;
|
|
8459
8730
|
return "var(--color-" + $background + ")";
|
|
8460
8731
|
});
|
|
8461
|
-
var LeftPanel$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8732
|
+
var LeftPanel$1 = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__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) {
|
|
8462
8733
|
var hasImage = _ref2.hasImage;
|
|
8463
8734
|
return hasImage ? GRID.desktop.leftWithImage : GRID.desktop.leftNoImage;
|
|
8464
8735
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
8465
8736
|
var hasImage = _ref3.hasImage;
|
|
8466
8737
|
return hasImage ? GRID.mobile.leftWithImage : GRID.mobile.leftNoImage;
|
|
8467
8738
|
});
|
|
8468
|
-
var RightPanel$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8739
|
+
var RightPanel$1 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__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);
|
|
8469
8740
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__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);
|
|
8470
8741
|
|
|
8471
8742
|
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
@@ -8489,11 +8760,11 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
8489
8760
|
})))));
|
|
8490
8761
|
};
|
|
8491
8762
|
|
|
8492
|
-
var _templateObject$
|
|
8493
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8494
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8495
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8496
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8763
|
+
var _templateObject$Y, _templateObject2$L, _templateObject3$y, _templateObject5$o, _templateObject6$g, _templateObject7$c, _templateObject8$9, _templateObject9$5, _templateObject0$5;
|
|
8764
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__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);
|
|
8765
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__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"])));
|
|
8766
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8767
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.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);
|
|
8497
8768
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(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) {
|
|
8498
8769
|
var invert = _ref.invert,
|
|
8499
8770
|
theme = _ref.theme;
|
|
@@ -8743,10 +9014,10 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8743
9014
|
}), linkText))))));
|
|
8744
9015
|
};
|
|
8745
9016
|
|
|
8746
|
-
var _templateObject$
|
|
8747
|
-
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8748
|
-
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8749
|
-
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9017
|
+
var _templateObject$Z, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$p, _templateObject6$h, _templateObject7$d;
|
|
9018
|
+
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__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);
|
|
9019
|
+
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h1 {\n margin: 0 0 8px 0;\n }\n p {\n text-transform: uppercase;\n }\n"])));
|
|
9020
|
+
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobile);
|
|
8750
9021
|
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__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) {
|
|
8751
9022
|
var hasImages = _ref.hasImages;
|
|
8752
9023
|
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
@@ -8754,12 +9025,12 @@ var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$u
|
|
|
8754
9025
|
var hasImages = _ref2.hasImages;
|
|
8755
9026
|
return hasImages ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
8756
9027
|
});
|
|
8757
|
-
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9028
|
+
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--color-base-black);\n\n .swipe-slide {\n ", "\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), function (_ref3) {
|
|
8758
9029
|
var hasMultipleImages = _ref3.hasMultipleImages;
|
|
8759
9030
|
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
8760
9031
|
}, devices.mobile);
|
|
8761
9032
|
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__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);
|
|
8762
|
-
var RotatorButtonsWrapper$
|
|
9033
|
+
var RotatorButtonsWrapper$2 = /*#__PURE__*/styled__default.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);
|
|
8763
9034
|
|
|
8764
9035
|
/* eslint-disable react/no-danger */
|
|
8765
9036
|
var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {
|
|
@@ -8802,7 +9073,7 @@ var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {
|
|
|
8802
9073
|
}
|
|
8803
9074
|
})))) : null), hasImages && (/*#__PURE__*/React__default.createElement(HighlightsCarouselWrapper, {
|
|
8804
9075
|
hasMultipleImages: hasMultipleImages
|
|
8805
|
-
}, hasMultipleImages && (/*#__PURE__*/React__default.createElement(RotatorButtonsWrapper$
|
|
9076
|
+
}, hasMultipleImages && (/*#__PURE__*/React__default.createElement(RotatorButtonsWrapper$2, {
|
|
8806
9077
|
"data-testid": "rotator-buttons"
|
|
8807
9078
|
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
8808
9079
|
onClickNext: onNext,
|
|
@@ -8822,11 +9093,11 @@ var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {
|
|
|
8822
9093
|
}))))));
|
|
8823
9094
|
};
|
|
8824
9095
|
|
|
8825
|
-
var _templateObject$
|
|
8826
|
-
var linkButtonStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
8827
|
-
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$
|
|
8828
|
-
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
8829
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject5$
|
|
9096
|
+
var _templateObject$_, _templateObject2$N, _templateObject3$A, _templateObject5$q, _templateObject6$i, _templateObject7$e, _templateObject8$a;
|
|
9097
|
+
var linkButtonStyles = /*#__PURE__*/styled.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"])));
|
|
9098
|
+
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9099
|
+
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9100
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.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"])));
|
|
8830
9101
|
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
8831
9102
|
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
8832
9103
|
var TextLinkPagination = /*#__PURE__*/styled__default(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) {
|
|
@@ -8981,15 +9252,15 @@ var Pagination = function Pagination(_ref) {
|
|
|
8981
9252
|
}))))));
|
|
8982
9253
|
};
|
|
8983
9254
|
|
|
8984
|
-
var _templateObject
|
|
8985
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject
|
|
9255
|
+
var _templateObject$$;
|
|
9256
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$$ || (_templateObject$$ = /*#__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) {
|
|
8986
9257
|
var $largeDesktopColumns = _ref.$largeDesktopColumns;
|
|
8987
9258
|
return "repeat(" + ($largeDesktopColumns != null ? $largeDesktopColumns : 4) + ", 1fr)";
|
|
8988
9259
|
});
|
|
8989
9260
|
|
|
8990
|
-
var _templateObject
|
|
8991
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject
|
|
8992
|
-
var RoleContent = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject2$
|
|
9261
|
+
var _templateObject$10, _templateObject2$O;
|
|
9262
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n }\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9263
|
+
var RoleContent = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-base-dark-grey);\n }\n overflow-wrap: break-word;\n padding-bottom: 4px;\n"])));
|
|
8993
9264
|
|
|
8994
9265
|
var PersonDetails = function PersonDetails(_ref) {
|
|
8995
9266
|
var _role$people;
|
|
@@ -9011,9 +9282,9 @@ var PersonDetails = function PersonDetails(_ref) {
|
|
|
9011
9282
|
})));
|
|
9012
9283
|
};
|
|
9013
9284
|
|
|
9014
|
-
var _templateObject$
|
|
9015
|
-
var PersonWrapper$
|
|
9016
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9285
|
+
var _templateObject$11, _templateObject2$P;
|
|
9286
|
+
var PersonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 82px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 16px;\n"])));
|
|
9287
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 82px;\n height: 82px;\n filter: ", ";\n }\n"])), function (_ref) {
|
|
9017
9288
|
var greyscale = _ref.greyscale;
|
|
9018
9289
|
return greyscale ? 'grayscale(100%)' : 'none';
|
|
9019
9290
|
});
|
|
@@ -9027,7 +9298,7 @@ var PersonCard = function PersonCard(_ref) {
|
|
|
9027
9298
|
var firstPerson = (_role$people = role.people) == null ? void 0 : _role$people[0];
|
|
9028
9299
|
return Boolean((firstPerson == null ? void 0 : firstPerson.headshot) && firstPerson.useHeadshot);
|
|
9029
9300
|
}, [role]);
|
|
9030
|
-
if (hasHeadshot) return /*#__PURE__*/React__default.createElement(PersonWrapper$
|
|
9301
|
+
if (hasHeadshot) return /*#__PURE__*/React__default.createElement(PersonWrapper$2, {
|
|
9031
9302
|
className: className
|
|
9032
9303
|
}, /*#__PURE__*/React__default.createElement(HeadshotWrapper, {
|
|
9033
9304
|
greyscale: greyscale
|
|
@@ -9062,13 +9333,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9062
9333
|
}));
|
|
9063
9334
|
};
|
|
9064
9335
|
|
|
9065
|
-
var _templateObject$
|
|
9066
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9067
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
9336
|
+
var _templateObject$12, _templateObject2$Q, _templateObject3$B;
|
|
9337
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9338
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$Q || (_templateObject2$Q = /*#__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) {
|
|
9068
9339
|
var columnCount = _ref.columnCount;
|
|
9069
9340
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9070
9341
|
}, devices.mobile, devices.tablet);
|
|
9071
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9342
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9072
9343
|
|
|
9073
9344
|
// Get the total character length of a property in an array of objects
|
|
9074
9345
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -9194,8 +9465,8 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9194
9465
|
}, creditEntries);
|
|
9195
9466
|
};
|
|
9196
9467
|
|
|
9197
|
-
var _templateObject$
|
|
9198
|
-
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled__default(TextLink)(_templateObject$
|
|
9468
|
+
var _templateObject$13;
|
|
9469
|
+
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled__default(TextLink)(_templateObject$13 || (_templateObject$13 = /*#__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"])));
|
|
9199
9470
|
|
|
9200
9471
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
9201
9472
|
var items = _ref.items;
|
|
@@ -9213,14 +9484,14 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
9213
9484
|
}));
|
|
9214
9485
|
};
|
|
9215
9486
|
|
|
9216
|
-
var _templateObject$
|
|
9487
|
+
var _templateObject$14, _templateObject3$C, _templateObject4$v, _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;
|
|
9217
9488
|
var LENGTH_TEXT = 28;
|
|
9218
9489
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9219
9490
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
9220
9491
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
9221
9492
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
9222
9493
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
9223
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9494
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__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) {
|
|
9224
9495
|
var imageToLeft = _ref.imageToLeft;
|
|
9225
9496
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
9226
9497
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9230,7 +9501,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 ||
|
|
|
9230
9501
|
var asCard = _ref3.asCard;
|
|
9231
9502
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
9232
9503
|
});
|
|
9233
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9504
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__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) {
|
|
9234
9505
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
9235
9506
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
9236
9507
|
}, function (_ref5) {
|
|
@@ -9261,7 +9532,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
|
9261
9532
|
var mobileMarginBottom = _ref8.mobileMarginBottom;
|
|
9262
9533
|
return mobileMarginBottom && "\n @media " + devices.mobile + " {\n margin-bottom: " + mobileMarginBottom + "px;\n }\n ";
|
|
9263
9534
|
});
|
|
9264
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9535
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
9265
9536
|
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
9266
9537
|
var ExtraContentWrapper = /*#__PURE__*/styled__default.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);
|
|
9267
9538
|
var IconWrapper$2 = /*#__PURE__*/styled__default.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);
|
|
@@ -9485,26 +9756,26 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9485
9756
|
}))));
|
|
9486
9757
|
};
|
|
9487
9758
|
|
|
9488
|
-
var _templateObject$
|
|
9759
|
+
var _templateObject$15, _templateObject2$R, _templateObject3$D, _templateObject4$w, _templateObject5$s, _templateObject6$k, _templateObject7$g;
|
|
9489
9760
|
var LENGTH_TEXT$2 = 28;
|
|
9490
9761
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9491
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9762
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(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"])), function (_ref) {
|
|
9492
9763
|
var imageToLeft = _ref.imageToLeft;
|
|
9493
9764
|
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'";
|
|
9494
9765
|
}, devices.tablet, function (_ref2) {
|
|
9495
9766
|
var imageToLeft = _ref2.imageToLeft;
|
|
9496
9767
|
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'";
|
|
9497
9768
|
}, devices.mobile);
|
|
9498
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9769
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
9499
9770
|
var imageToLeft = _ref3.imageToLeft;
|
|
9500
9771
|
return imageToLeft ? 'left' : 'right';
|
|
9501
9772
|
}, devices.mobile);
|
|
9502
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9773
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__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) {
|
|
9503
9774
|
var imageToLeft = _ref4.imageToLeft;
|
|
9504
9775
|
return imageToLeft ? 'right' : 'left';
|
|
9505
9776
|
}, devices.mobile);
|
|
9506
9777
|
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9507
|
-
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$
|
|
9778
|
+
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9508
9779
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled__default(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);
|
|
9509
9780
|
var ButtonsContainer$3 = /*#__PURE__*/styled__default.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) {
|
|
9510
9781
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
@@ -9528,8 +9799,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$g ||
|
|
|
9528
9799
|
return '';
|
|
9529
9800
|
});
|
|
9530
9801
|
|
|
9531
|
-
var _templateObject$
|
|
9532
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9802
|
+
var _templateObject$16;
|
|
9803
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__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) {
|
|
9533
9804
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9534
9805
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9535
9806
|
return aspectRatio;
|
|
@@ -9711,10 +9982,10 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9711
9982
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
9712
9983
|
};
|
|
9713
9984
|
|
|
9714
|
-
var _templateObject$
|
|
9715
|
-
var FigureBlock = /*#__PURE__*/styled__default.figure(_templateObject$
|
|
9716
|
-
var BlockquoteBlock = /*#__PURE__*/styled__default.blockquote(_templateObject2$
|
|
9717
|
-
var AttributionBlock = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject3$
|
|
9985
|
+
var _templateObject$17, _templateObject2$S, _templateObject3$E;
|
|
9986
|
+
var FigureBlock = /*#__PURE__*/styled__default.figure(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
9987
|
+
var BlockquoteBlock = /*#__PURE__*/styled__default.blockquote(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
9988
|
+
var AttributionBlock = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject3$E || (_templateObject3$E = /*#__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);
|
|
9718
9989
|
|
|
9719
9990
|
/* eslint-disable react/no-danger */
|
|
9720
9991
|
var Quote = function Quote(_ref) {
|
|
@@ -9744,9 +10015,9 @@ var Quote = function Quote(_ref) {
|
|
|
9744
10015
|
}, /*#__PURE__*/React__default.createElement("cite", null, attribution))))));
|
|
9745
10016
|
};
|
|
9746
10017
|
|
|
9747
|
-
var _templateObject$
|
|
9748
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9749
|
-
var RadioGroup = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10018
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$F;
|
|
10019
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10020
|
+
var RadioGroup = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9750
10021
|
var horizontalMode = _ref.horizontalMode;
|
|
9751
10022
|
if (horizontalMode) return 'row';
|
|
9752
10023
|
return 'column';
|
|
@@ -9754,7 +10025,7 @@ var RadioGroup = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templa
|
|
|
9754
10025
|
var gap = _ref2.gap;
|
|
9755
10026
|
return gap + "px";
|
|
9756
10027
|
});
|
|
9757
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10028
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9758
10029
|
var darkMode = _ref3.darkMode;
|
|
9759
10030
|
if (darkMode) return 'var(--base-color-white)';
|
|
9760
10031
|
return 'var(--base-color-errorstate)';
|
|
@@ -9831,10 +10102,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9831
10102
|
}, error))));
|
|
9832
10103
|
};
|
|
9833
10104
|
|
|
9834
|
-
var _templateObject$
|
|
9835
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9836
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9837
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10105
|
+
var _templateObject$19, _templateObject2$U, _templateObject3$G;
|
|
10106
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__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);
|
|
10107
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__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"])));
|
|
10108
|
+
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__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);
|
|
9838
10109
|
|
|
9839
10110
|
/* eslint-disable react/no-danger */
|
|
9840
10111
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -9890,11 +10161,11 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9890
10161
|
return null;
|
|
9891
10162
|
};
|
|
9892
10163
|
|
|
9893
|
-
var _templateObject$
|
|
9894
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9895
|
-
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9896
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
9897
|
-
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10164
|
+
var _templateObject$1a, _templateObject2$V, _templateObject3$H, _templateObject5$t, _templateObject6$l, _templateObject7$h;
|
|
10165
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__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);
|
|
10166
|
+
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
10167
|
+
var SvgContainerClose = /*#__PURE__*/styled__default.button(_templateObject3$H || (_templateObject3$H = /*#__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"])));
|
|
10168
|
+
var InputContainer = /*#__PURE__*/styled__default.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);
|
|
9898
10169
|
var TextLinkWrapper$3 = /*#__PURE__*/styled__default(TextLink)(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
9899
10170
|
var SearchArrowContainer = /*#__PURE__*/styled__default.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"])));
|
|
9900
10171
|
|
|
@@ -10034,8 +10305,8 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
10034
10305
|
})));
|
|
10035
10306
|
};
|
|
10036
10307
|
|
|
10037
|
-
var _templateObject$
|
|
10038
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10308
|
+
var _templateObject$1b;
|
|
10309
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__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);
|
|
10039
10310
|
|
|
10040
10311
|
/* ~~~~~~~ new harmonic types ~~~~~~~ */
|
|
10041
10312
|
var HarmonicSize = {
|
|
@@ -10077,9 +10348,9 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10077
10348
|
}, description)))));
|
|
10078
10349
|
};
|
|
10079
10350
|
|
|
10080
|
-
var _templateObject$
|
|
10081
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10082
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10351
|
+
var _templateObject$1c, _templateObject2$W, _templateObject3$I, _templateObject4$x;
|
|
10352
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10353
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__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) {
|
|
10083
10354
|
var width = _ref.width;
|
|
10084
10355
|
if (!width) return 'none';
|
|
10085
10356
|
return width + "px";
|
|
@@ -10096,7 +10367,7 @@ var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$V || (_tem
|
|
|
10096
10367
|
if (darkMode) return "0 0 0 1px var(--color-state-medium)";
|
|
10097
10368
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
10098
10369
|
}, devices.mobile, devices.mobile);
|
|
10099
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10370
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n\n @media ", " {\n margin: 0 0 12px;\n }\n"])), function (_ref5) {
|
|
10100
10371
|
var darkMode = _ref5.darkMode;
|
|
10101
10372
|
if (darkMode) return "var(--color-base-white)";
|
|
10102
10373
|
return "var(--color-primary-black)";
|
|
@@ -10220,15 +10491,15 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10220
10491
|
})));
|
|
10221
10492
|
};
|
|
10222
10493
|
|
|
10223
|
-
var _templateObject$
|
|
10224
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10225
|
-
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10494
|
+
var _templateObject$1d, _templateObject2$X, _templateObject3$J, _templateObject4$y;
|
|
10495
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
10496
|
+
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__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) {
|
|
10226
10497
|
if (props.showMenu) {
|
|
10227
10498
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 28px;\n ";
|
|
10228
10499
|
}
|
|
10229
10500
|
return "display: none;";
|
|
10230
10501
|
});
|
|
10231
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10502
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__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);
|
|
10232
10503
|
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 0;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10233
10504
|
|
|
10234
10505
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
@@ -10355,9 +10626,9 @@ var Tabs = function Tabs(_ref) {
|
|
|
10355
10626
|
}, "Menu"))))));
|
|
10356
10627
|
};
|
|
10357
10628
|
|
|
10358
|
-
var _templateObject$
|
|
10359
|
-
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10360
|
-
var PromoLabel = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject3$
|
|
10629
|
+
var _templateObject$1e, _templateObject3$K, _templateObject4$z, _templateObject5$u, _templateObject6$m, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10630
|
+
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__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"])));
|
|
10631
|
+
var PromoLabel = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject3$K || (_templateObject3$K = /*#__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"])));
|
|
10361
10632
|
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__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) {
|
|
10362
10633
|
var stackCtasEarly = _ref.stackCtasEarly;
|
|
10363
10634
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
@@ -10365,7 +10636,7 @@ var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$z || (_t
|
|
|
10365
10636
|
var stackCtasEarly = _ref2.stackCtasEarly;
|
|
10366
10637
|
return stackCtasEarly && "\n @media " + devices.smallDesktop + ", " + devices.mobileAndTablet + " {\n * {\n width: 100%;\n }\n }\n ";
|
|
10367
10638
|
}, devices.smallDesktop, devices.mobileAndTablet);
|
|
10368
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10639
|
+
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-black);\n display: flex;\n flex-direction: column;\n gap: ", ";\n align-items: stretch;\n"])), function (_ref3) {
|
|
10369
10640
|
var singleChild = _ref3.singleChild;
|
|
10370
10641
|
return singleChild ? '0' : '10px';
|
|
10371
10642
|
});
|
|
@@ -10463,8 +10734,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
10463
10734
|
}, /*#__PURE__*/React__default.createElement(SecondaryButton, Object.assign({}, secondaryLink), truncate(secondaryLink.text, LENGTH_SMALL_TEXT$2))))))));
|
|
10464
10735
|
};
|
|
10465
10736
|
|
|
10466
|
-
var _templateObject$
|
|
10467
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.figure(_templateObject$
|
|
10737
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$L;
|
|
10738
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.figure(_templateObject$1f || (_templateObject$1f = /*#__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) {
|
|
10468
10739
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10469
10740
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10470
10741
|
return aspectRatio;
|
|
@@ -10474,8 +10745,8 @@ var Wrapper$6 = /*#__PURE__*/styled__default.figure(_templateObject$1e || (_temp
|
|
|
10474
10745
|
height = _ref2.height;
|
|
10475
10746
|
return height ? "calc(" + height + "px * " + AspectRatioWidth[aspectRatio] + ")" : 'auto';
|
|
10476
10747
|
});
|
|
10477
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$
|
|
10478
|
-
var CaptionContext = /*#__PURE__*/styled__default(Caption)(_templateObject3$
|
|
10748
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: table-caption;\n caption-side: bottom;\n margin-top: var(--carousel-image-caption-margin);\n"])));
|
|
10749
|
+
var CaptionContext = /*#__PURE__*/styled__default(Caption)(_templateObject3$L || (_templateObject3$L = /*#__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"])));
|
|
10479
10750
|
|
|
10480
10751
|
var _excluded$q = ["caption", "altText", "src", "srcSet", "sizes", "loading", "aspectRatio", "className"];
|
|
10481
10752
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
@@ -10508,12 +10779,12 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10508
10779
|
}, caption))));
|
|
10509
10780
|
};
|
|
10510
10781
|
|
|
10511
|
-
var _templateObject$
|
|
10512
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10513
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10514
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
10782
|
+
var _templateObject$1g, _templateObject2$Z, _templateObject3$M, _templateObject4$A, _templateObject5$v, _templateObject6$n;
|
|
10783
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__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"])));
|
|
10784
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10785
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10515
10786
|
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10516
|
-
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10787
|
+
var IconWrapper$3 = /*#__PURE__*/styled__default.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);
|
|
10517
10788
|
var TitleWrapper$4 = /*#__PURE__*/styled__default.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);
|
|
10518
10789
|
|
|
10519
10790
|
var MiniCard = function MiniCard(_ref) {
|
|
@@ -10552,8 +10823,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10552
10823
|
}, title)))));
|
|
10553
10824
|
};
|
|
10554
10825
|
|
|
10555
|
-
var _templateObject$
|
|
10556
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10826
|
+
var _templateObject$1h;
|
|
10827
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__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);
|
|
10557
10828
|
|
|
10558
10829
|
var NavTop = function NavTop(_ref) {
|
|
10559
10830
|
var accountText = _ref.accountText,
|
|
@@ -10593,10 +10864,10 @@ var NavTop = function NavTop(_ref) {
|
|
|
10593
10864
|
}));
|
|
10594
10865
|
};
|
|
10595
10866
|
|
|
10596
|
-
var _templateObject$
|
|
10597
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10598
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10599
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10867
|
+
var _templateObject$1i, _templateObject2$_, _templateObject3$N, _templateObject4$B, _templateObject5$w;
|
|
10868
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__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"])));
|
|
10869
|
+
var LinkContainer = /*#__PURE__*/styled__default.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"])));
|
|
10870
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__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) {
|
|
10600
10871
|
var isVisible = _ref.isVisible;
|
|
10601
10872
|
return isVisible ? 'visible' : 'hidden';
|
|
10602
10873
|
});
|
|
@@ -10604,14 +10875,14 @@ var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$B ||
|
|
|
10604
10875
|
var isVisible = _ref2.isVisible;
|
|
10605
10876
|
return isVisible ? 'visible' : 'hidden';
|
|
10606
10877
|
});
|
|
10607
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10878
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.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"])));
|
|
10608
10879
|
|
|
10609
|
-
var _templateObject$
|
|
10610
|
-
var TextLinkWrapper$4 = /*#__PURE__*/styled__default.a(_templateObject$
|
|
10880
|
+
var _templateObject$1j, _templateObject2$$;
|
|
10881
|
+
var TextLinkWrapper$4 = /*#__PURE__*/styled__default.a(_templateObject$1j || (_templateObject$1j = /*#__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) {
|
|
10611
10882
|
var color = _ref.color;
|
|
10612
10883
|
return color;
|
|
10613
10884
|
});
|
|
10614
|
-
var TextLinkIconWrapper$1 = /*#__PURE__*/styled__default.span(_templateObject2
|
|
10885
|
+
var TextLinkIconWrapper$1 = /*#__PURE__*/styled__default.span(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n"])));
|
|
10615
10886
|
|
|
10616
10887
|
var _excluded$r = ["children", "iconName", "iconDirection", "textColor", "disableTruncation"];
|
|
10617
10888
|
var ReadMoreTextLink = function ReadMoreTextLink(_ref) {
|
|
@@ -10716,15 +10987,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10716
10987
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
10717
10988
|
};
|
|
10718
10989
|
|
|
10719
|
-
var _templateObject$
|
|
10720
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
10721
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2
|
|
10722
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
10990
|
+
var _templateObject$1k, _templateObject2$10, _templateObject3$O, _templateObject4$C, _templateObject5$x;
|
|
10991
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10992
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10993
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10723
10994
|
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10724
10995
|
var isActive = _ref.isActive;
|
|
10725
10996
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10726
10997
|
}, exports.Colors.MidGrey);
|
|
10727
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
10998
|
+
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
|
|
10728
10999
|
var isOpen = _ref2.isOpen;
|
|
10729
11000
|
return isOpen ? 'block' : 'none';
|
|
10730
11001
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -10880,15 +11151,15 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10880
11151
|
});
|
|
10881
11152
|
};
|
|
10882
11153
|
|
|
10883
|
-
var _templateObject$
|
|
10884
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10885
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10886
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11154
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$P, _templateObject4$D, _templateObject5$y, _templateObject6$o;
|
|
11155
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11156
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11157
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10887
11158
|
var color = _ref.color;
|
|
10888
11159
|
return "var(--base-color-" + color + ")";
|
|
10889
11160
|
});
|
|
10890
11161
|
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10891
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11162
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10892
11163
|
var color = _ref2.color;
|
|
10893
11164
|
return "var(--base-color-" + color + ")";
|
|
10894
11165
|
});
|
|
@@ -10974,14 +11245,14 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10974
11245
|
}, strengthLabel))));
|
|
10975
11246
|
};
|
|
10976
11247
|
|
|
10977
|
-
var _templateObject$
|
|
10978
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
10979
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10980
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11248
|
+
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$E, _templateObject5$z, _templateObject6$p, _templateObject7$j, _templateObject8$d;
|
|
11249
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11250
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11251
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10981
11252
|
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$E || (_templateObject4$E = /*#__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) {
|
|
10982
11253
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10983
11254
|
}, devices.tablet, devices.mobile);
|
|
10984
|
-
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$
|
|
11255
|
+
var TableCell = /*#__PURE__*/styled__default.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) {
|
|
10985
11256
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10986
11257
|
}, devices.mobile);
|
|
10987
11258
|
var PaginationWrapper = /*#__PURE__*/styled__default(Pagination)(_templateObject6$p || (_templateObject6$p = /*#__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);
|
|
@@ -11189,18 +11460,18 @@ var Table = function Table(_ref) {
|
|
|
11189
11460
|
}))));
|
|
11190
11461
|
};
|
|
11191
11462
|
|
|
11192
|
-
var _templateObject$
|
|
11193
|
-
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
11463
|
+
var _templateObject$1n, _templateObject2$13, _templateObject3$R, _templateObject4$F, _templateObject5$A, _templateObject6$q, _templateObject7$k, _templateObject8$e, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
11464
|
+
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11194
11465
|
var theme = _ref.theme;
|
|
11195
11466
|
return "var(--color-" + theme + ")";
|
|
11196
11467
|
}, function (_ref2) {
|
|
11197
11468
|
var theme = _ref2.theme;
|
|
11198
11469
|
return "var(--color-" + theme + ")";
|
|
11199
11470
|
});
|
|
11200
|
-
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
11201
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
11471
|
+
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11472
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$R || (_templateObject3$R = /*#__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);
|
|
11202
11473
|
var Error = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11203
|
-
var Form = /*#__PURE__*/styled__default.form(_templateObject5$
|
|
11474
|
+
var Form = /*#__PURE__*/styled__default.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);
|
|
11204
11475
|
var FormFooterWrapper = /*#__PURE__*/styled__default.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);
|
|
11205
11476
|
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11206
11477
|
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
@@ -11616,13 +11887,13 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
11616
11887
|
}))))));
|
|
11617
11888
|
};
|
|
11618
11889
|
|
|
11619
|
-
var _templateObject$
|
|
11620
|
-
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
11890
|
+
var _templateObject$1o, _templateObject2$14, _templateObject4$G, _templateObject5$B;
|
|
11891
|
+
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n border-bottom: 1px solid var(--color-base-light-grey);\n\n ", "\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, function (_ref) {
|
|
11621
11892
|
var withShadow = _ref.withShadow;
|
|
11622
|
-
return withShadow && styled.css(_templateObject2$
|
|
11893
|
+
return withShadow && styled.css(_templateObject2$14 || (_templateObject2$14 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11623
11894
|
}, devices.mobile);
|
|
11624
11895
|
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$G || (_templateObject4$G = /*#__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);
|
|
11625
|
-
var ContentWrapper$2 = /*#__PURE__*/styled__default.a(_templateObject5$
|
|
11896
|
+
var ContentWrapper$2 = /*#__PURE__*/styled__default.a(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
11626
11897
|
|
|
11627
11898
|
var defaultGrid = {
|
|
11628
11899
|
columnStartDesktop: 2,
|
|
@@ -11680,12 +11951,12 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
11680
11951
|
return null;
|
|
11681
11952
|
};
|
|
11682
11953
|
|
|
11683
|
-
var _templateObject$
|
|
11684
|
-
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$
|
|
11954
|
+
var _templateObject$1p, _templateObject2$15;
|
|
11955
|
+
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$1p || (_templateObject$1p = /*#__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) {
|
|
11685
11956
|
var hide = _ref.hide;
|
|
11686
11957
|
return hide && "display: none;";
|
|
11687
11958
|
}, devices.mobileAndTablet);
|
|
11688
|
-
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11959
|
+
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__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);
|
|
11689
11960
|
|
|
11690
11961
|
/**
|
|
11691
11962
|
* An accessible component which allows Assistive Technology users to move the focus
|
|
@@ -11777,23 +12048,23 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
11777
12048
|
}));
|
|
11778
12049
|
};
|
|
11779
12050
|
|
|
11780
|
-
var _templateObject$
|
|
12051
|
+
var _templateObject$1q, _templateObject2$16, _templateObject3$S, _templateObject4$H, _templateObject5$C, _templateObject6$r, _templateObject7$l;
|
|
11781
12052
|
var color = 'primary-black';
|
|
11782
12053
|
var Button$2 = /*#__PURE__*/styled__default(SecondaryButton).attrs({
|
|
11783
12054
|
borderColor: color,
|
|
11784
12055
|
hoveredColor: color,
|
|
11785
12056
|
pressedColor: color,
|
|
11786
12057
|
textColor: color
|
|
11787
|
-
})(_templateObject$
|
|
11788
|
-
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11789
|
-
var Description = /*#__PURE__*/styled__default(BodyContentTextContainer)(_templateObject3$
|
|
12058
|
+
})(_templateObject$1q || (_templateObject$1q = /*#__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);
|
|
12059
|
+
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$16 || (_templateObject2$16 = /*#__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);
|
|
12060
|
+
var Description = /*#__PURE__*/styled__default(BodyContentTextContainer)(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n margin: 27px 0;\n\n @media ", " {\n margin: 20px 0;\n }\n }\n"])), devices.mobile);
|
|
11790
12061
|
var Heading = /*#__PURE__*/styled__default(HarmonicHeader).attrs({
|
|
11791
12062
|
serif: true,
|
|
11792
12063
|
size: 'medium'
|
|
11793
12064
|
})(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n letter-spacing: -0.5px;\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
11794
12065
|
var Intro = /*#__PURE__*/styled__default(HarmonicSubtitle).attrs({
|
|
11795
12066
|
size: 'large'
|
|
11796
|
-
})(_templateObject5$
|
|
12067
|
+
})(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
11797
12068
|
var SignInLink = /*#__PURE__*/styled__default.a(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--primary-black);\n cursor: pointer;\n text-decoration: underline;\n text-decoration-skip: none;\n"])));
|
|
11798
12069
|
var SignInPrompt = /*#__PURE__*/styled__default(BodyCopyHarmonic).attrs({
|
|
11799
12070
|
size: 'large'
|
|
@@ -11824,8 +12095,8 @@ var Paywall = function Paywall(_ref) {
|
|
|
11824
12095
|
}, "Sign in"))));
|
|
11825
12096
|
};
|
|
11826
12097
|
|
|
11827
|
-
var _templateObject$
|
|
11828
|
-
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12098
|
+
var _templateObject$1r;
|
|
12099
|
+
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__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);
|
|
11829
12100
|
|
|
11830
12101
|
var UpsellCards = function UpsellCards(_ref) {
|
|
11831
12102
|
var upsellCards = _ref.upsellCards,
|
|
@@ -12016,12 +12287,12 @@ var Navigation = function Navigation(_ref) {
|
|
|
12016
12287
|
})))))));
|
|
12017
12288
|
};
|
|
12018
12289
|
|
|
12019
|
-
var _templateObject$
|
|
12020
|
-
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
12021
|
-
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
12022
|
-
var SocialAndNewsletterSection = /*#__PURE__*/styled__default(GridItem)(_templateObject3$
|
|
12290
|
+
var _templateObject$1s, _templateObject2$17, _templateObject3$T, _templateObject4$I, _templateObject5$D, _templateObject6$s, _templateObject7$m;
|
|
12291
|
+
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$1s || (_templateObject$1s = /*#__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);
|
|
12292
|
+
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$17 || (_templateObject2$17 = /*#__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);
|
|
12293
|
+
var SocialAndNewsletterSection = /*#__PURE__*/styled__default(GridItem)(_templateObject3$T || (_templateObject3$T = /*#__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);
|
|
12023
12294
|
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
12024
|
-
var LogoAndDescriptionSection = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
12295
|
+
var LogoAndDescriptionSection = /*#__PURE__*/styled__default(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);
|
|
12025
12296
|
var SponsorLogoContainer = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
12026
12297
|
var TextLinkWrapper$5 = /*#__PURE__*/styled__default(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"])));
|
|
12027
12298
|
|
|
@@ -12081,18 +12352,18 @@ var Footer = function Footer(_ref) {
|
|
|
12081
12352
|
}, additionalInfo))));
|
|
12082
12353
|
};
|
|
12083
12354
|
|
|
12084
|
-
var _templateObject$
|
|
12355
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$J, _templateObject5$E, _templateObject8$f, _templateObject9$9, _templateObject0$8;
|
|
12085
12356
|
var LIST_ITEM_GAP = 32;
|
|
12086
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12357
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__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) {
|
|
12087
12358
|
var bottomBorder = _ref.bottomBorder;
|
|
12088
12359
|
return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
|
|
12089
12360
|
}, zIndexes.anchor, function (_ref2) {
|
|
12090
12361
|
var withShadow = _ref2.withShadow;
|
|
12091
|
-
return withShadow && styled.css(_templateObject2$
|
|
12362
|
+
return withShadow && styled.css(_templateObject2$18 || (_templateObject2$18 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12092
12363
|
});
|
|
12093
|
-
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
12364
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
12094
12365
|
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12095
|
-
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
12366
|
+
var TabsList = /*#__PURE__*/styled__default.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) {
|
|
12096
12367
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
12097
12368
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
12098
12369
|
}, LIST_ITEM_GAP, function (_ref4) {
|
|
@@ -12362,13 +12633,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12362
12633
|
})))) : null))));
|
|
12363
12634
|
};
|
|
12364
12635
|
|
|
12365
|
-
var _templateObject$
|
|
12366
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12636
|
+
var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$K, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12637
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
12367
12638
|
var sticky = _ref.sticky;
|
|
12368
12639
|
return sticky ? 'sticky' : 'initial';
|
|
12369
12640
|
}, zIndexes.anchor);
|
|
12370
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12371
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12641
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-light-grey);\n"])));
|
|
12642
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__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) {
|
|
12372
12643
|
var title = _ref2.title;
|
|
12373
12644
|
return title ? 'row' : 'row-reverse';
|
|
12374
12645
|
}, devices.tablet, devices.mobile);
|
|
@@ -12422,10 +12693,10 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12422
12693
|
}, message))));
|
|
12423
12694
|
};
|
|
12424
12695
|
|
|
12425
|
-
var _templateObject$
|
|
12426
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12427
|
-
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$
|
|
12428
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12696
|
+
var _templateObject$1v, _templateObject2$1a, _templateObject3$W, _templateObject4$L;
|
|
12697
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__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);
|
|
12698
|
+
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$1a || (_templateObject2$1a = /*#__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);
|
|
12699
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__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);
|
|
12429
12700
|
var TextContent = /*#__PURE__*/styled__default(BodyContent)(_templateObject4$L || (_templateObject4$L = /*#__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);
|
|
12430
12701
|
|
|
12431
12702
|
var UpsellSection = function UpsellSection(_ref) {
|
|
@@ -12471,9 +12742,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
12471
12742
|
})))));
|
|
12472
12743
|
};
|
|
12473
12744
|
|
|
12474
|
-
var _templateObject$
|
|
12475
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12476
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12745
|
+
var _templateObject$1w, _templateObject2$1b;
|
|
12746
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--color-base-white);\n"])), zIndexes.anchor);
|
|
12747
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$1b || (_templateObject2$1b = /*#__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) {
|
|
12477
12748
|
var bottomBorder = _ref.bottomBorder;
|
|
12478
12749
|
return bottomBorder && 'border-bottom: 1px solid var(--color-base-light-grey);';
|
|
12479
12750
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -12504,10 +12775,10 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
12504
12775
|
}, children)));
|
|
12505
12776
|
};
|
|
12506
12777
|
|
|
12507
|
-
var _templateObject$
|
|
12508
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12509
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
12510
|
-
var ContentWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12778
|
+
var _templateObject$1x, _templateObject2$1c, _templateObject3$X, _templateObject4$M;
|
|
12779
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1x || (_templateObject$1x = /*#__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);
|
|
12780
|
+
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$1c || (_templateObject2$1c = /*#__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);
|
|
12781
|
+
var ContentWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12511
12782
|
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$M || (_templateObject4$M = /*#__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"])));
|
|
12512
12783
|
|
|
12513
12784
|
var _excluded$u = ["isOpen", "setIsOpen", "children", "appElementId", "closeButtonAriaLabel"];
|
|
@@ -12715,22 +12986,22 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
12715
12986
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
12716
12987
|
};
|
|
12717
12988
|
|
|
12718
|
-
var _templateObject$
|
|
12719
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12989
|
+
var _templateObject$1y, _templateObject2$1d, _templateObject3$Y, _templateObject4$N, _templateObject5$F, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
12990
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$1y || (_templateObject$1y = /*#__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) {
|
|
12720
12991
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
12721
12992
|
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 }";
|
|
12722
12993
|
}, devices.mobile, function (_ref2) {
|
|
12723
12994
|
var imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
12724
12995
|
return "&&& {\n .swipe-slide > figure {\n > div {\n height: " + imagesHeightDevice + "px;\n }\n }\n }";
|
|
12725
12996
|
});
|
|
12726
|
-
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12997
|
+
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n}"])), function (_ref3) {
|
|
12727
12998
|
var type = _ref3.type,
|
|
12728
12999
|
isActive = _ref3.isActive;
|
|
12729
13000
|
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 ";
|
|
12730
13001
|
});
|
|
12731
|
-
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
13002
|
+
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$Y || (_templateObject3$Y = /*#__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);
|
|
12732
13003
|
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$N || (_templateObject4$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n user-select: text;\n"])));
|
|
12733
|
-
var TitleWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
13004
|
+
var TitleWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject5$F || (_templateObject5$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
12734
13005
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
12735
13006
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
12736
13007
|
});
|
|
@@ -13007,17 +13278,17 @@ var Carousel = function Carousel(_ref) {
|
|
|
13007
13278
|
}, children))));
|
|
13008
13279
|
};
|
|
13009
13280
|
|
|
13010
|
-
var _templateObject$
|
|
13011
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
13012
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
13013
|
-
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
13281
|
+
var _templateObject$1z, _templateObject2$1e, _templateObject3$Z, _templateObject4$O, _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;
|
|
13282
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$1z || (_templateObject$1z = /*#__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);
|
|
13283
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1e || (_templateObject2$1e = /*#__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);
|
|
13284
|
+
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
13014
13285
|
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$O || (_templateObject4$O = /*#__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);
|
|
13015
|
-
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
13286
|
+
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject5$G || (_templateObject5$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 16px;\n width: 102px;\n height: 28px;\n }\n }\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
13016
13287
|
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
13017
13288
|
var InfoTextWrapper = /*#__PURE__*/styled__default.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);
|
|
13018
13289
|
var InfoLinkWrapper = /*#__PURE__*/styled__default.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);
|
|
13019
13290
|
var CarouselWrapper = /*#__PURE__*/styled__default.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);
|
|
13020
|
-
var RotatorButtonsWrapper$
|
|
13291
|
+
var RotatorButtonsWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject0$a || (_templateObject0$a = /*#__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);
|
|
13021
13292
|
var RotatorButtonsWrapperMobile$1 = /*#__PURE__*/styled__default.div(_templateObject1$6 || (_templateObject1$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\n & {\n display: flex;\n grid-area: 1 / 12 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\n & {\n display: flex;\n grid-area: 1 / 11 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
13022
13293
|
var HtmlBodyText = /*#__PURE__*/styled__default.p(_templateObject10$5 || (_templateObject10$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
13023
13294
|
var FirstButtonComponentWrapper = /*#__PURE__*/styled__default.div(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 16px;\n\n @media ", " {\n & {\n display: flex;\n flex-direction: column;\n margin-right: 0;\n margin-bottom: 10px;\n }\n }\n"])), devices.mobile);
|
|
@@ -13267,7 +13538,7 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
13267
13538
|
auxiliaryCTA: auxiliaryCTA
|
|
13268
13539
|
})), /*#__PURE__*/React__default.createElement(CarouselWrapper, {
|
|
13269
13540
|
"data-testid": "carousel-wrapper"
|
|
13270
|
-
}, hasMultipleSlides && (/*#__PURE__*/React__default.createElement(RotatorButtonsWrapper$
|
|
13541
|
+
}, hasMultipleSlides && (/*#__PURE__*/React__default.createElement(RotatorButtonsWrapper$3, {
|
|
13271
13542
|
"data-testid": "rotator-buttons"
|
|
13272
13543
|
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
13273
13544
|
onClickNext: onNext,
|
|
@@ -13343,9 +13614,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
13343
13614
|
})));
|
|
13344
13615
|
};
|
|
13345
13616
|
|
|
13346
|
-
var _templateObject$
|
|
13347
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13348
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
13617
|
+
var _templateObject$1A, _templateObject3$_;
|
|
13618
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
13619
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
13349
13620
|
|
|
13350
13621
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
13351
13622
|
var children = _ref.children;
|
|
@@ -13940,8 +14211,8 @@ var Theme = function Theme(_ref) {
|
|
|
13940
14211
|
}, children);
|
|
13941
14212
|
};
|
|
13942
14213
|
|
|
13943
|
-
var _templateObject$
|
|
13944
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1A || (_templateObject$1A = /*#__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) {
|
|
14214
|
+
var _templateObject$1B;
|
|
14215
|
+
var GlobalStyles = /*#__PURE__*/styled.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) {
|
|
13945
14216
|
var theme = _ref.theme;
|
|
13946
14217
|
return theme.colors.primary;
|
|
13947
14218
|
}, function (_ref2) {
|
|
@@ -14907,6 +15178,7 @@ exports.Card = Card;
|
|
|
14907
15178
|
exports.Cards = Cards;
|
|
14908
15179
|
exports.Carousel = Carousel;
|
|
14909
15180
|
exports.CastFilter = CastFilters;
|
|
15181
|
+
exports.CastFilterVariant = CastFiltersVariant;
|
|
14910
15182
|
exports.CinemaBadge = CinemaBadge;
|
|
14911
15183
|
exports.ContactCard = ContactCard;
|
|
14912
15184
|
exports.ContactNewsletter = ContactNewsletter;
|