@royaloperahouse/harmonic 1.0.9-d → 1.0.9-e
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/molecules/CastFilter/Variant/CastFiltersVariant.style.d.ts +1 -0
- package/dist/harmonic.cjs.development.js +69 -63
- 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 +69 -63
- package/dist/harmonic.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -7197,11 +7197,12 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7197
7197
|
}, textLinkText != null ? textLinkText : 'Clear')))))));
|
|
7198
7198
|
};
|
|
7199
7199
|
|
|
7200
|
-
var _templateObject$L, _templateObject2$y, _templateObject3$l, _templateObject4$j;
|
|
7200
|
+
var _templateObject$L, _templateObject2$y, _templateObject3$l, _templateObject4$j, _templateObject5$g;
|
|
7201
7201
|
var CastFiltersWrapperVariant = /*#__PURE__*/styled(CastFiltersWrapper)(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0px;\n"])));
|
|
7202
|
-
var AppliedCastFiltersPortal = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom:
|
|
7203
|
-
var CastFiltersGrid = /*#__PURE__*/styled(Grid)(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
7204
|
-
var CastWrapperVariant = /*#__PURE__*/styled(CastWrapper)(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom:
|
|
7202
|
+
var AppliedCastFiltersPortal = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:has(> div[data-roh='cast-applied']) {\n margin-bottom: 20px;\n }\n"])));
|
|
7203
|
+
var CastFiltersGrid = /*#__PURE__*/styled(Grid)(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
7204
|
+
var CastWrapperVariant = /*#__PURE__*/styled(CastWrapper)(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 0px;\n"])));
|
|
7205
|
+
var HeadingTextWrapperVariant = /*#__PURE__*/styled(HeadingTextWrapper)(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n p {\n font-size: 17px;\n }\n }\n"])), devices.mobile);
|
|
7205
7206
|
|
|
7206
7207
|
var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
7207
7208
|
var cast = _ref.cast,
|
|
@@ -7239,6 +7240,9 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7239
7240
|
var _useState3 = useState(true),
|
|
7240
7241
|
showRotatorButtons = _useState3[0],
|
|
7241
7242
|
setShowRotatorButtons = _useState3[1];
|
|
7243
|
+
var _useState4 = useState(false),
|
|
7244
|
+
showApply = _useState4[0],
|
|
7245
|
+
setShowApply = _useState4[1];
|
|
7242
7246
|
var onIndexChangeHandler = function onIndexChangeHandler(index) {
|
|
7243
7247
|
setAvailablePrev(index > 0);
|
|
7244
7248
|
setAvailableNext(function () {
|
|
@@ -7362,6 +7366,7 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7362
7366
|
if (hasDraggedRef.current) return;
|
|
7363
7367
|
if (onSelectId) onSelectId(itemId);
|
|
7364
7368
|
if (onSelect) onSelect(index);
|
|
7369
|
+
setShowApply(true);
|
|
7365
7370
|
if (onClick) onClick();
|
|
7366
7371
|
}, [onSelect, onSelectId]);
|
|
7367
7372
|
var handlePersonKeydown = React__default.useCallback(function (e, index, itemId, onClick) {
|
|
@@ -7425,8 +7430,8 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7425
7430
|
columnSpanDesktop: 10,
|
|
7426
7431
|
columnStartDevice: 1,
|
|
7427
7432
|
columnSpanDevice: 9
|
|
7428
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
7429
|
-
|
|
7433
|
+
}, /*#__PURE__*/React__default.createElement(HeadingTextWrapperVariant, null, /*#__PURE__*/React__default.createElement(NavigationText, {
|
|
7434
|
+
color: "grey"
|
|
7430
7435
|
}, headingText)))), showRotatorButtons && (/*#__PURE__*/React__default.createElement(RotatorButtonsWrapper, {
|
|
7431
7436
|
columnStartDesktop: 16,
|
|
7432
7437
|
columnSpanDesktop: 2
|
|
@@ -7457,26 +7462,27 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7457
7462
|
}, getPersonCards()))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons, null, selectedStateIndices.length === 0 && emptySelectionText && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7458
7463
|
size: "medium",
|
|
7459
7464
|
className: "mobile-only"
|
|
7460
|
-
}, emptySelectionText)), selectedStateIndices.length === 0 && !emptySelectionText && /*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null), selectedStateIndices.length > 0 && (
|
|
7465
|
+
}, emptySelectionText)), selectedStateIndices.length === 0 && !emptySelectionText && /*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null), selectedStateIndices.length > 0 && (onApply || onApplyIds) && showApply && (/*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
7461
7466
|
onClick: function onClick() {
|
|
7462
7467
|
if (onApply) onApply(selectedStateIndices);
|
|
7463
7468
|
if (onApplyIds) onApplyIds(selectedStateIds);
|
|
7469
|
+
setShowApply(false);
|
|
7464
7470
|
}
|
|
7465
|
-
}, ctaText != null ? ctaText : 'Apply')), onClear && (/*#__PURE__*/React__default.createElement(TextLink, {
|
|
7471
|
+
}, ctaText != null ? ctaText : 'Apply')), onClear && selectedIds && selectedIds.length > 0 && (/*#__PURE__*/React__default.createElement(TextLink, {
|
|
7466
7472
|
tabIndex: 0,
|
|
7467
7473
|
role: "button",
|
|
7468
7474
|
onClick: onClear,
|
|
7469
7475
|
onKeyDown: handleClearKeydown
|
|
7470
|
-
}, textLinkText != null ? textLinkText : 'Clear')))))
|
|
7476
|
+
}, textLinkText != null ? textLinkText : 'Clear')))));
|
|
7471
7477
|
});
|
|
7472
7478
|
CastFiltersVariant.displayName = 'CastFiltersVariant';
|
|
7473
7479
|
|
|
7474
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$m, _templateObject4$k, _templateObject5$
|
|
7480
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$m, _templateObject4$k, _templateObject5$h, _templateObject6$a, _templateObject7$7;
|
|
7475
7481
|
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
7476
7482
|
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), devices.mobileAndTablet);
|
|
7477
7483
|
var AddressWrapper = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
7478
7484
|
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
7479
|
-
var MobileSuffixWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
7485
|
+
var MobileSuffixWrapper = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
7480
7486
|
var DesktopSuffixWrapper = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7481
7487
|
var DetailsWrapper = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n a {\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n color: var(--color-base-black);\n text-decoration: underline;\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n margin-right: 13px;\n display: inline-block;\n\n &:last-child {\n margin-right: 0;\n }\n\n @media ", " {\n font-size: 17px;\n line-height: 24px;\n }\n }\n"])), devices.mobile);
|
|
7482
7488
|
|
|
@@ -7529,12 +7535,12 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7529
7535
|
}, addressString)))))))));
|
|
7530
7536
|
};
|
|
7531
7537
|
|
|
7532
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$n, _templateObject4$l, _templateObject5$
|
|
7538
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$n, _templateObject4$l, _templateObject5$i, _templateObject6$b, _templateObject7$8, _templateObject8$5;
|
|
7533
7539
|
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
7534
7540
|
var ContactNewsletterSeparator = /*#__PURE__*/styled.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
7535
7541
|
var SignUpWrapper = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
7536
7542
|
var SignUpText = /*#__PURE__*/styled.p(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
7537
|
-
var ContactWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
7543
|
+
var ContactWrapper = /*#__PURE__*/styled.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
7538
7544
|
var MediaLinksWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
7539
7545
|
var MediaIconWrapper$1 = /*#__PURE__*/styled.a(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
7540
7546
|
var TextLinkWrapper$1 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &&& {\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n }\n"])));
|
|
@@ -7562,7 +7568,7 @@ var ContactNewsletter = function ContactNewsletter(_ref) {
|
|
|
7562
7568
|
}, contact.title))));
|
|
7563
7569
|
};
|
|
7564
7570
|
|
|
7565
|
-
var _templateObject$O, _templateObject2$B, _templateObject3$o, _templateObject4$m, _templateObject5$
|
|
7571
|
+
var _templateObject$O, _templateObject2$B, _templateObject3$o, _templateObject4$m, _templateObject5$j, _templateObject6$c;
|
|
7566
7572
|
var BodyTextRelative = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7567
7573
|
var ContentSummaryWrapper = /*#__PURE__*/styled.article(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 36px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
7568
7574
|
return props.clickable ? 'pointer' : 'default';
|
|
@@ -7571,7 +7577,7 @@ var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$o || (
|
|
|
7571
7577
|
var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 20px;\n\n & * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
|
|
7572
7578
|
return props.showImage ? 2 : '1 / span 4';
|
|
7573
7579
|
}, devices.mobile);
|
|
7574
|
-
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject5$
|
|
7580
|
+
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
7575
7581
|
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.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) {
|
|
7576
7582
|
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 ";
|
|
7577
7583
|
});
|
|
@@ -7655,7 +7661,7 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7655
7661
|
}), link.text))));
|
|
7656
7662
|
};
|
|
7657
7663
|
|
|
7658
|
-
var _templateObject$P, _templateObject2$C, _templateObject3$p, _templateObject4$n, _templateObject5$
|
|
7664
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$p, _templateObject4$n, _templateObject5$k;
|
|
7659
7665
|
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
7660
7666
|
var imageToLeft = _ref.imageToLeft;
|
|
7661
7667
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
@@ -7669,7 +7675,7 @@ var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$p || (_templ
|
|
|
7669
7675
|
return imageToLeft ? 'right' : 'left';
|
|
7670
7676
|
}, devices.mobile);
|
|
7671
7677
|
var EditorialSubtitle = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-feature-settings: var(--font-feature-settings-subtitle);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
7672
|
-
var EditorialText = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject5$
|
|
7678
|
+
var EditorialText = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject5$k || (_templateObject5$k = /*#__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"])));
|
|
7673
7679
|
|
|
7674
7680
|
var Editorial = function Editorial(_ref) {
|
|
7675
7681
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -8145,7 +8151,7 @@ var Information = function Information(_ref) {
|
|
|
8145
8151
|
})))));
|
|
8146
8152
|
};
|
|
8147
8153
|
|
|
8148
|
-
var _templateObject$T, _templateObject2$G, _templateObject3$t, _templateObject4$p, _templateObject5$
|
|
8154
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$t, _templateObject4$p, _templateObject5$l, _templateObject6$d, _templateObject7$9, _templateObject8$6;
|
|
8149
8155
|
var PageHeadingWrapper = /*#__PURE__*/styled('div')(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: var(--page-header-bg-color);\n color: var(--color-base-white);\n\n ", ";\n\n h1,\n h2,\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
8150
8156
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8151
8157
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -8165,7 +8171,7 @@ var TitleWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$p || (_templateObj
|
|
|
8165
8171
|
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
8166
8172
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
8167
8173
|
}, devices.mobile);
|
|
8168
|
-
var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
8174
|
+
var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__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) {
|
|
8169
8175
|
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
8170
8176
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
8171
8177
|
}, devices.mobile);
|
|
@@ -8250,7 +8256,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
8250
8256
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
8251
8257
|
};
|
|
8252
8258
|
|
|
8253
|
-
var _templateObject$U, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$
|
|
8259
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$m, _templateObject6$e, _templateObject7$a, _templateObject8$7;
|
|
8254
8260
|
var ImpactHeaderWrapper = /*#__PURE__*/styled.header(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--color-base-black);\n padding: 36px 0;\n\n @media ", " {\n padding: 21px 0;\n }\n"])), devices.mobile);
|
|
8255
8261
|
var ImpactTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: grid;\n grid-template-columns: ", ";\n padding: 0 50px;\n\n @media ", " {\n padding: 0 50px;\n }\n\n @media ", " {\n padding: 0 20px;\n grid-template-columns: ", ";\n }\n"])), function (_ref) {
|
|
8256
8262
|
var hasButton = _ref.hasButton,
|
|
@@ -8266,7 +8272,7 @@ var TitleButtonWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templat
|
|
|
8266
8272
|
return sponsorWidth ? sponsorWidth + "px" : 'auto';
|
|
8267
8273
|
});
|
|
8268
8274
|
var TitleButton = /*#__PURE__*/styled(PrimaryButton)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n position: static;\n margin-right: 0;\n }\n"])), devices.mobile);
|
|
8269
|
-
var MobileButtonWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
8275
|
+
var MobileButtonWrapper = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n box-sizing: border-box;\n padding: 0 20px 16px 20px;\n"])));
|
|
8270
8276
|
var ImpactTitle = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: -webkit-box;\n align-self: center;\n grid-column: ", ";\n min-width: 0;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n max-height: calc(48px * 2);\n text-align: center;\n padding-bottom: 2px;\n\n @media ", " {\n grid-column: 1;\n -webkit-line-clamp: 4;\n max-height: calc(34px * 4);\n text-align: left;\n }\n"])), function (_ref4) {
|
|
8271
8277
|
var hasColumns = _ref4.hasColumns;
|
|
8272
8278
|
return hasColumns ? '3' : '1';
|
|
@@ -8504,7 +8510,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref4) {
|
|
|
8504
8510
|
}), isMobile && link && linkText ? (/*#__PURE__*/React__default.createElement(MobileButtonWrapper, null, /*#__PURE__*/React__default.createElement(TitleButton, Object.assign({}, restLink), linkText))) : null));
|
|
8505
8511
|
};
|
|
8506
8512
|
|
|
8507
|
-
var _templateObject$W, _templateObject2$J, _templateObject3$w, _templateObject4$s, _templateObject5$
|
|
8513
|
+
var _templateObject$W, _templateObject2$J, _templateObject3$w, _templateObject4$s, _templateObject5$n;
|
|
8508
8514
|
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
8509
8515
|
var color = _ref.color;
|
|
8510
8516
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
@@ -8518,7 +8524,7 @@ var LeftPanel = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$
|
|
|
8518
8524
|
});
|
|
8519
8525
|
var RightPanel = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
8520
8526
|
var InfoWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
8521
|
-
var ScrollDownWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
8527
|
+
var ScrollDownWrapper = /*#__PURE__*/styled.div(_templateObject5$n || (_templateObject5$n = /*#__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);
|
|
8522
8528
|
|
|
8523
8529
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
8524
8530
|
var _image$src, _image$alt;
|
|
@@ -8548,12 +8554,12 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8548
8554
|
})))));
|
|
8549
8555
|
};
|
|
8550
8556
|
|
|
8551
|
-
var _templateObject$X, _templateObject2$K, _templateObject3$x, _templateObject4$t, _templateObject5$
|
|
8557
|
+
var _templateObject$X, _templateObject2$K, _templateObject3$x, _templateObject4$t, _templateObject5$o, _templateObject6$f, _templateObject7$b, _templateObject8$8, _templateObject9$4, _templateObject0$4, _templateObject1$3;
|
|
8552
8558
|
var Wrapper$3 = /*#__PURE__*/styled.section(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8553
8559
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
8554
8560
|
var SponsorWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
8555
8561
|
var ImageButtonWrapper = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: var(--grid-outer-margin);\n bottom: 20px;\n z-index: 10;\n\n @media ", " {\n right: var(--grid-margin);\n bottom: 10px;\n }\n"])), devices.tablet);
|
|
8556
|
-
var ContentSection = /*#__PURE__*/styled.div(_templateObject5$
|
|
8562
|
+
var ContentSection = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObject5$o = /*#__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) {
|
|
8557
8563
|
var theme = _ref.theme;
|
|
8558
8564
|
return theme == ThemeType.Cinema ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
8559
8565
|
}, function (_ref2) {
|
|
@@ -8810,11 +8816,11 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
8810
8816
|
})))));
|
|
8811
8817
|
};
|
|
8812
8818
|
|
|
8813
|
-
var _templateObject$Z, _templateObject2$M, _templateObject3$z, _templateObject5$
|
|
8819
|
+
var _templateObject$Z, _templateObject2$M, _templateObject3$z, _templateObject5$p, _templateObject6$g, _templateObject7$c, _templateObject8$9, _templateObject9$5, _templateObject0$5;
|
|
8814
8820
|
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
8815
8821
|
var BrandingTextBody = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
8816
8822
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8817
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
8823
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
8818
8824
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . . . . . . . . . . . .'\n '. logo logo logo title title title title title title title title cta cta . .'\n '. . . . . . . . . . . . . . . .';\n align-content: center;\n gap: 0 var(--grid-column-gap);\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'logo'\n 'title'\n 'cta';\n\n gap: 0;\n row-gap: 16px;\n height: auto;\n padding: 32px 20px;\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'logo'\n 'title'\n 'cta';\n\n gap: 0;\n row-gap: 16px;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
8819
8825
|
var invert = _ref.invert,
|
|
8820
8826
|
theme = _ref.theme;
|
|
@@ -9064,7 +9070,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9064
9070
|
}), linkText))))));
|
|
9065
9071
|
};
|
|
9066
9072
|
|
|
9067
|
-
var _templateObject$_, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$
|
|
9073
|
+
var _templateObject$_, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$h, _templateObject7$d;
|
|
9068
9074
|
var HighlightsGrid = /*#__PURE__*/styled(Grid)(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
9069
9075
|
var HighlightTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h1 {\n margin: 0 0 8px 0;\n }\n p {\n text-transform: uppercase;\n }\n"])));
|
|
9070
9076
|
var HighlightTextWrapper = /*#__PURE__*/styled.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobile);
|
|
@@ -9075,7 +9081,7 @@ var HighlightsInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$v || (_temp
|
|
|
9075
9081
|
var hasImages = _ref2.hasImages;
|
|
9076
9082
|
return hasImages ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
9077
9083
|
});
|
|
9078
|
-
var HighlightsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
9084
|
+
var HighlightsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject5$q || (_templateObject5$q = /*#__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) {
|
|
9079
9085
|
var hasMultipleImages = _ref3.hasMultipleImages;
|
|
9080
9086
|
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
9081
9087
|
}, devices.mobile);
|
|
@@ -9143,11 +9149,11 @@ var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {
|
|
|
9143
9149
|
}))))));
|
|
9144
9150
|
};
|
|
9145
9151
|
|
|
9146
|
-
var _templateObject$$, _templateObject2$O, _templateObject3$B, _templateObject5$
|
|
9152
|
+
var _templateObject$$, _templateObject2$O, _templateObject3$B, _templateObject5$r, _templateObject6$i, _templateObject7$e, _templateObject8$a;
|
|
9147
9153
|
var linkButtonStyles = /*#__PURE__*/css(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n background: none;\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n font: inherit;\n padding: 0;\n\n span {\n height: 1.5em;\n width: 1.5em;\n\n svg > path {\n fill: var(--color-base-black);\n }\n }\n\n &:hover {\n outline: none;\n }\n"])));
|
|
9148
9154
|
var PageNav = /*#__PURE__*/styled.a(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9149
9155
|
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9150
|
-
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject5$
|
|
9156
|
+
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\n align-items: center;\n justify-content: center;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: 0 auto;\n\n li {\n margin-left: 24px;\n color: var(--color-base-black);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n li:first-child {\n margin-left: 0px;\n }\n"])));
|
|
9151
9157
|
var LastPageItem = /*#__PURE__*/styled.li(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9152
9158
|
var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9153
9159
|
var TextLinkPagination = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: ", ";\n border-bottom: ", ";\n }\n\n :hover {\n cursor: pointer;\n color: var(--color-primary-red);\n border-bottom: 1px solid var(--color-primary-red);\n svg > path {\n fill: var(--color-base-black);\n }\n }\n"])), function (_ref) {
|
|
@@ -9534,7 +9540,7 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
9534
9540
|
}));
|
|
9535
9541
|
};
|
|
9536
9542
|
|
|
9537
|
-
var _templateObject$15, _templateObject3$D, _templateObject4$w, _templateObject5$
|
|
9543
|
+
var _templateObject$15, _templateObject3$D, _templateObject4$w, _templateObject5$s, _templateObject6$j, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6, _templateObject1$4, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
9538
9544
|
var LENGTH_TEXT = 28;
|
|
9539
9545
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9540
9546
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9582,7 +9588,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$w || (_te
|
|
|
9582
9588
|
var mobileMarginBottom = _ref8.mobileMarginBottom;
|
|
9583
9589
|
return mobileMarginBottom && "\n @media " + devices.mobile + " {\n margin-bottom: " + mobileMarginBottom + "px;\n }\n ";
|
|
9584
9590
|
});
|
|
9585
|
-
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
9591
|
+
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
9586
9592
|
var TextLinkWrapper$2 = /*#__PURE__*/styled.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"])));
|
|
9587
9593
|
var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
9588
9594
|
var IconWrapper$2 = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
@@ -9806,7 +9812,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9806
9812
|
}))));
|
|
9807
9813
|
};
|
|
9808
9814
|
|
|
9809
|
-
var _templateObject$16, _templateObject2$S, _templateObject3$E, _templateObject4$x, _templateObject5$
|
|
9815
|
+
var _templateObject$16, _templateObject2$S, _templateObject3$E, _templateObject4$x, _templateObject5$t, _templateObject6$k, _templateObject7$g;
|
|
9810
9816
|
var LENGTH_TEXT$2 = 28;
|
|
9811
9817
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9812
9818
|
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
@@ -9825,7 +9831,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$E ||
|
|
|
9825
9831
|
return imageToLeft ? 'right' : 'left';
|
|
9826
9832
|
}, devices.mobile);
|
|
9827
9833
|
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9828
|
-
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$
|
|
9834
|
+
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9829
9835
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n margin-bottom: 32px;\n whiete-space: break-spaces;\n overflow-wrap: break-word;\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9830
9836
|
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref5) {
|
|
9831
9837
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
@@ -10211,11 +10217,11 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
10211
10217
|
return null;
|
|
10212
10218
|
};
|
|
10213
10219
|
|
|
10214
|
-
var _templateObject$1b, _templateObject2$W, _templateObject3$I, _templateObject5$
|
|
10220
|
+
var _templateObject$1b, _templateObject2$W, _templateObject3$I, _templateObject5$u, _templateObject6$l, _templateObject7$h;
|
|
10215
10221
|
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: transparent;\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
10216
10222
|
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
10217
10223
|
var SvgContainerClose = /*#__PURE__*/styled.button(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n\n &:focus {\n outline: 2px solid var(--color-primary-black);\n outline-offset: 2px;\n }\n"])));
|
|
10218
|
-
var InputContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
10224
|
+
var InputContainer = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-serif);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--color-base-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
10219
10225
|
var TextLinkWrapper$3 = /*#__PURE__*/styled(TextLink)(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
10220
10226
|
var SearchArrowContainer = /*#__PURE__*/styled.a(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-right: 8px;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
10221
10227
|
|
|
@@ -10676,7 +10682,7 @@ var Tabs = function Tabs(_ref) {
|
|
|
10676
10682
|
}, "Menu"))))));
|
|
10677
10683
|
};
|
|
10678
10684
|
|
|
10679
|
-
var _templateObject$1f, _templateObject3$L, _templateObject4$A, _templateObject5$
|
|
10685
|
+
var _templateObject$1f, _templateObject3$L, _templateObject4$A, _templateObject5$v, _templateObject6$m, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10680
10686
|
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-light-grey);\n padding: 40px 20px;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 20px;\n align-items: stretch;\n"])));
|
|
10681
10687
|
var PromoLabel = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: var(--upsell-border-color);\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n\n && {\n color: var(--color-base-white);\n }\n\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'liga' off,\n 'calt' off;\n text-align: center;\n"])));
|
|
10682
10688
|
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: auto;\n padding-top: 10px;\n width: fit-content;\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media ", " {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n }\n\n ", "\n\n @media ", ", ", " {\n a {\n text-align: center;\n }\n }\n"])), function (_ref) {
|
|
@@ -10686,7 +10692,7 @@ var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$A || (_templateOb
|
|
|
10686
10692
|
var stackCtasEarly = _ref2.stackCtasEarly;
|
|
10687
10693
|
return stackCtasEarly && "\n @media " + devices.smallDesktop + ", " + devices.mobileAndTablet + " {\n * {\n width: 100%;\n }\n }\n ";
|
|
10688
10694
|
}, devices.smallDesktop, devices.mobileAndTablet);
|
|
10689
|
-
var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
10695
|
+
var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-black);\n display: flex;\n flex-direction: column;\n gap: ", ";\n align-items: stretch;\n"])), function (_ref3) {
|
|
10690
10696
|
var singleChild = _ref3.singleChild;
|
|
10691
10697
|
return singleChild ? '0' : '10px';
|
|
10692
10698
|
});
|
|
@@ -10829,12 +10835,12 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10829
10835
|
}, caption))));
|
|
10830
10836
|
};
|
|
10831
10837
|
|
|
10832
|
-
var _templateObject$1h, _templateObject2$_, _templateObject3$N, _templateObject4$B, _templateObject5$
|
|
10838
|
+
var _templateObject$1h, _templateObject2$_, _templateObject3$N, _templateObject4$B, _templateObject5$w, _templateObject6$n;
|
|
10833
10839
|
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
10834
10840
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10835
10841
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10836
10842
|
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10837
|
-
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
10843
|
+
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$w || (_templateObject5$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
10838
10844
|
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
10839
10845
|
|
|
10840
10846
|
var MiniCard = function MiniCard(_ref) {
|
|
@@ -10914,7 +10920,7 @@ var NavTop = function NavTop(_ref) {
|
|
|
10914
10920
|
}));
|
|
10915
10921
|
};
|
|
10916
10922
|
|
|
10917
|
-
var _templateObject$1j, _templateObject2$$, _templateObject3$O, _templateObject4$C, _templateObject5$
|
|
10923
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$O, _templateObject4$C, _templateObject5$x;
|
|
10918
10924
|
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3 {\n margin: 0px 0px 12px 0px !important;\n }\n\n p {\n font-size: 17px !important;\n }\n"])));
|
|
10919
10925
|
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 12px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10920
10926
|
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n margin-bottom: 12px;\n p {\n font-size: 17px !important;\n }\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
@@ -10925,7 +10931,7 @@ var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$C || (_templat
|
|
|
10925
10931
|
var isVisible = _ref2.isVisible;
|
|
10926
10932
|
return isVisible ? 'visible' : 'hidden';
|
|
10927
10933
|
});
|
|
10928
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$
|
|
10934
|
+
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$x || (_templateObject5$x = /*#__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"])));
|
|
10929
10935
|
|
|
10930
10936
|
var _templateObject$1k, _templateObject2$10;
|
|
10931
10937
|
var TextLinkWrapper$4 = /*#__PURE__*/styled.a(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 28px;\n color: var(--color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
@@ -11037,7 +11043,7 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11037
11043
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11038
11044
|
};
|
|
11039
11045
|
|
|
11040
|
-
var _templateObject$1l, _templateObject2$11, _templateObject3$P, _templateObject4$D, _templateObject5$
|
|
11046
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$P, _templateObject4$D, _templateObject5$y;
|
|
11041
11047
|
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11042
11048
|
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), Colors.LightGrey);
|
|
11043
11049
|
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), Colors.Black, Colors.White, Colors.DarkGrey);
|
|
@@ -11045,7 +11051,7 @@ var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$D || (_templateObject4$D
|
|
|
11045
11051
|
var isActive = _ref.isActive;
|
|
11046
11052
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
11047
11053
|
}, Colors.MidGrey);
|
|
11048
|
-
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$
|
|
11054
|
+
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$y || (_templateObject5$y = /*#__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) {
|
|
11049
11055
|
var isOpen = _ref2.isOpen;
|
|
11050
11056
|
return isOpen ? 'block' : 'none';
|
|
11051
11057
|
}, Colors.White, Colors.DarkGrey, MenuItem$1);
|
|
@@ -11201,7 +11207,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11201
11207
|
});
|
|
11202
11208
|
};
|
|
11203
11209
|
|
|
11204
|
-
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$E, _templateObject5$
|
|
11210
|
+
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$E, _templateObject5$z, _templateObject6$o;
|
|
11205
11211
|
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11206
11212
|
var Sections = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11207
11213
|
var Section = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
@@ -11209,7 +11215,7 @@ var Section = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q
|
|
|
11209
11215
|
return "var(--base-color-" + color + ")";
|
|
11210
11216
|
});
|
|
11211
11217
|
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
11212
|
-
var Text = /*#__PURE__*/styled.div(_templateObject5$
|
|
11218
|
+
var Text = /*#__PURE__*/styled.div(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11213
11219
|
var color = _ref2.color;
|
|
11214
11220
|
return "var(--base-color-" + color + ")";
|
|
11215
11221
|
});
|
|
@@ -11295,14 +11301,14 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11295
11301
|
}, strengthLabel))));
|
|
11296
11302
|
};
|
|
11297
11303
|
|
|
11298
|
-
var _templateObject$1n, _templateObject2$13, _templateObject3$R, _templateObject4$F, _templateObject5$
|
|
11304
|
+
var _templateObject$1n, _templateObject2$13, _templateObject3$R, _templateObject4$F, _templateObject5$A, _templateObject6$p, _templateObject7$j, _templateObject8$d;
|
|
11299
11305
|
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11300
11306
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11301
11307
|
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11302
11308
|
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n text-transform: capitalize;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n min-width: 150px;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
11303
11309
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11304
11310
|
}, devices.tablet, devices.mobile);
|
|
11305
|
-
var TableCell = /*#__PURE__*/styled.td(_templateObject5$
|
|
11311
|
+
var TableCell = /*#__PURE__*/styled.td(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n vertical-align: middle;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n min-width: 150px;\n }\n"])), function (props) {
|
|
11306
11312
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11307
11313
|
}, devices.mobile);
|
|
11308
11314
|
var PaginationWrapper = /*#__PURE__*/styled(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);
|
|
@@ -11510,7 +11516,7 @@ var Table = function Table(_ref) {
|
|
|
11510
11516
|
}))));
|
|
11511
11517
|
};
|
|
11512
11518
|
|
|
11513
|
-
var _templateObject$1o, _templateObject2$14, _templateObject3$S, _templateObject4$G, _templateObject5$
|
|
11519
|
+
var _templateObject$1o, _templateObject2$14, _templateObject3$S, _templateObject4$G, _templateObject5$B, _templateObject6$q, _templateObject7$k, _templateObject8$e, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
11514
11520
|
var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11515
11521
|
var theme = _ref.theme;
|
|
11516
11522
|
return "var(--color-" + theme + ")";
|
|
@@ -11521,7 +11527,7 @@ var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1o || (_templateObjec
|
|
|
11521
11527
|
var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11522
11528
|
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
|
|
11523
11529
|
var Error = /*#__PURE__*/styled.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11524
|
-
var Form = /*#__PURE__*/styled.form(_templateObject5$
|
|
11530
|
+
var Form = /*#__PURE__*/styled.form(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error);
|
|
11525
11531
|
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
11526
11532
|
var ServerError = /*#__PURE__*/styled.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11527
11533
|
var CTALinkWrapper = /*#__PURE__*/styled.a(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
@@ -11937,13 +11943,13 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
11937
11943
|
}))))));
|
|
11938
11944
|
};
|
|
11939
11945
|
|
|
11940
|
-
var _templateObject$1p, _templateObject2$15, _templateObject4$H, _templateObject5$
|
|
11946
|
+
var _templateObject$1p, _templateObject2$15, _templateObject4$H, _templateObject5$C;
|
|
11941
11947
|
var AnchorBarContainer = /*#__PURE__*/styled(Grid)(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n border-bottom: 1px solid var(--color-base-light-grey);\n\n ", "\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, function (_ref) {
|
|
11942
11948
|
var withShadow = _ref.withShadow;
|
|
11943
11949
|
return withShadow && css(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11944
11950
|
}, devices.mobile);
|
|
11945
11951
|
var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 24px;\n min-width: 24px;\n max-height: 24px;\n max-width: 24px;\n border: none;\n padding: 0;\n background: none;\n\n :hover {\n cursor: pointer;\n }\n\n @media ", " {\n min-height: 12px;\n min-width: 12px;\n max-height: 12px;\n max-width: 12px;\n }\n"])), devices.mobile);
|
|
11946
|
-
var ContentWrapper$2 = /*#__PURE__*/styled.a(_templateObject5$
|
|
11952
|
+
var ContentWrapper$2 = /*#__PURE__*/styled.a(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
11947
11953
|
|
|
11948
11954
|
var defaultGrid = {
|
|
11949
11955
|
columnStartDesktop: 2,
|
|
@@ -12098,7 +12104,7 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
12098
12104
|
}));
|
|
12099
12105
|
};
|
|
12100
12106
|
|
|
12101
|
-
var _templateObject$1r, _templateObject2$17, _templateObject3$T, _templateObject4$I, _templateObject5$
|
|
12107
|
+
var _templateObject$1r, _templateObject2$17, _templateObject3$T, _templateObject4$I, _templateObject5$D, _templateObject6$r, _templateObject7$l;
|
|
12102
12108
|
var color = 'primary-black';
|
|
12103
12109
|
var Button$2 = /*#__PURE__*/styled(SecondaryButton).attrs({
|
|
12104
12110
|
borderColor: color,
|
|
@@ -12114,7 +12120,7 @@ var Heading = /*#__PURE__*/styled(HarmonicHeader).attrs({
|
|
|
12114
12120
|
})(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n letter-spacing: -0.5px;\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
12115
12121
|
var Intro = /*#__PURE__*/styled(HarmonicSubtitle).attrs({
|
|
12116
12122
|
size: 'large'
|
|
12117
|
-
})(_templateObject5$
|
|
12123
|
+
})(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
12118
12124
|
var SignInLink = /*#__PURE__*/styled.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"])));
|
|
12119
12125
|
var SignInPrompt = /*#__PURE__*/styled(BodyCopyHarmonic).attrs({
|
|
12120
12126
|
size: 'large'
|
|
@@ -12337,12 +12343,12 @@ var Navigation = function Navigation(_ref) {
|
|
|
12337
12343
|
})))))));
|
|
12338
12344
|
};
|
|
12339
12345
|
|
|
12340
|
-
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$J, _templateObject5$
|
|
12346
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$J, _templateObject5$E, _templateObject6$s, _templateObject7$m;
|
|
12341
12347
|
var FooterSection = /*#__PURE__*/styled(Grid)(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n padding: 44px 0px;\n grid-template-areas: '. . policy policy policy policy social social social social logo logo logo logo . .';\n\n @media ", " {\n padding: 40px 0px;\n gap: 24px;\n }\n\n @media ", " {\n padding: 20px 0px;\n row-gap: 40px;\n grid-template-areas:\n '. social social social social social social social social social social social social .'\n '. policy policy policy policy policy policy policy policy policy policy policy policy .'\n '. logo logo logo logo logo logo logo logo logo logo logo logo .';\n }\n"])), devices.tablet, devices.mobile);
|
|
12342
12348
|
var PolicyLinksSection = /*#__PURE__*/styled(GridItem)(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: policy;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media ", " {\n gap: 20px;\n }\n\n @media ", " {\n gap: 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
12343
12349
|
var SocialAndNewsletterSection = /*#__PURE__*/styled(GridItem)(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: social;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n\n @media ", " {\n gap: 40px;\n }\n"])), devices.mobile);
|
|
12344
12350
|
var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
12345
|
-
var LogoAndDescriptionSection = /*#__PURE__*/styled(GridItem)(_templateObject5$
|
|
12351
|
+
var LogoAndDescriptionSection = /*#__PURE__*/styled(GridItem)(_templateObject5$E || (_templateObject5$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
12346
12352
|
var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
12347
12353
|
var TextLinkWrapper$5 = /*#__PURE__*/styled(TextLink)(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 24px;\n letter-spacing: 0.4px;\n color: var(--color-base-white);\n border-bottom: unset;\n text-decoration: underline;\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
12348
12354
|
|
|
@@ -12402,7 +12408,7 @@ var Footer = function Footer(_ref) {
|
|
|
12402
12408
|
}, additionalInfo))));
|
|
12403
12409
|
};
|
|
12404
12410
|
|
|
12405
|
-
var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$K, _templateObject5$
|
|
12411
|
+
var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$K, _templateObject5$F, _templateObject8$f, _templateObject9$9, _templateObject0$8;
|
|
12406
12412
|
var LIST_ITEM_GAP = 32;
|
|
12407
12413
|
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--color-base-white);\n z-index: ", ";\n\n ", "\n"])), function (_ref) {
|
|
12408
12414
|
var bottomBorder = _ref.bottomBorder;
|
|
@@ -12413,7 +12419,7 @@ var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$1u || (_templa
|
|
|
12413
12419
|
});
|
|
12414
12420
|
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
12415
12421
|
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12416
|
-
var TabsList = /*#__PURE__*/styled.ul(_templateObject5$
|
|
12422
|
+
var TabsList = /*#__PURE__*/styled.ul(_templateObject5$F || (_templateObject5$F = /*#__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) {
|
|
12417
12423
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
12418
12424
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
12419
12425
|
}, LIST_ITEM_GAP, function (_ref4) {
|
|
@@ -13036,7 +13042,7 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
13036
13042
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
13037
13043
|
};
|
|
13038
13044
|
|
|
13039
|
-
var _templateObject$1z, _templateObject2$1e, _templateObject3$Z, _templateObject4$O, _templateObject5$
|
|
13045
|
+
var _templateObject$1z, _templateObject2$1e, _templateObject3$Z, _templateObject4$O, _templateObject5$G, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
13040
13046
|
var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n\n &:fullscreen {\n background: var(--color-base-white);\n padding-top: 44px;\n padding-bottom: 84px;\n\n .swipe-slide > figure {\n height: var(--fullscreen-figure-height);\n\n > div {\n height: var(--fullscreen-figure-height);\n }\n }\n }\n"])), function (_ref) {
|
|
13041
13047
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
13042
13048
|
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 }";
|
|
@@ -13051,7 +13057,7 @@ var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$1e || (_temp
|
|
|
13051
13057
|
});
|
|
13052
13058
|
var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n padding-bottom: 0;\n }\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile, devices.mobile);
|
|
13053
13059
|
var CarouselInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$O || (_templateObject4$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n user-select: text;\n"])));
|
|
13054
|
-
var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$
|
|
13060
|
+
var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$G || (_templateObject5$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
13055
13061
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
13056
13062
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
13057
13063
|
});
|
|
@@ -13328,12 +13334,12 @@ var Carousel = function Carousel(_ref) {
|
|
|
13328
13334
|
}, children))));
|
|
13329
13335
|
};
|
|
13330
13336
|
|
|
13331
|
-
var _templateObject$1A, _templateObject2$1f, _templateObject3$_, _templateObject4$P, _templateObject5$
|
|
13337
|
+
var _templateObject$1A, _templateObject2$1f, _templateObject3$_, _templateObject4$P, _templateObject5$H, _templateObject6$v, _templateObject7$p, _templateObject8$i, _templateObject9$c, _templateObject0$a, _templateObject1$6, _templateObject10$5, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1, _templateObject16$1;
|
|
13332
13338
|
var HighlightsGrid$1 = /*#__PURE__*/styled(Grid)(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n user-select: none;\n\n .highlight-carousel-text {\n color: var(--color-base-white);\n }\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
13333
13339
|
var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 12;\n padding: 12px 0 12px var(--grid-margin);\n min-height: 64px;\n box-sizing: border-box;\n width: 100%;\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
13334
13340
|
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
13335
13341
|
var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$P || (_templateObject4$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n a {\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 7;\n padding: 0 12px 12px var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: 100%;\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
13336
|
-
var InfoLogoWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
13342
|
+
var InfoLogoWrapper = /*#__PURE__*/styled.div(_templateObject5$H || (_templateObject5$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 16px;\n width: 102px;\n height: 28px;\n }\n }\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
13337
13343
|
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
13338
13344
|
var InfoTextWrapper = /*#__PURE__*/styled.div(_templateObject7$p || (_templateObject7$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
13339
13345
|
var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject8$i || (_templateObject8$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n flex-direction: row;\n\n @media ", " {\n & {\n margin-top: 16px;\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n display: flex;\n flex-direction: column;\n }\n"])), devices.tablet, devices.mobile);
|