@royaloperahouse/chord 1.8.0-e-chord-development → 1.8.0-g-chord-development
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 -0
- package/dist/chord.cjs.development.js +48 -76
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +48 -76
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/molecules/SearchBar/SearchBar.style.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3724,25 +3724,23 @@ var Tabs = function Tabs(_ref) {
|
|
|
3724
3724
|
}, "MENU"))));
|
|
3725
3725
|
};
|
|
3726
3726
|
|
|
3727
|
-
var _templateObject$t, _templateObject2$e, _templateObject3$7, _templateObject4$4,
|
|
3728
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height:
|
|
3727
|
+
var _templateObject$t, _templateObject2$e, _templateObject3$7, _templateObject4$4, _templateObject6$1, _templateObject7$1;
|
|
3728
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100px;\n background-color: var(--base-color-white);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
3729
3729
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
3730
3730
|
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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(--base-color-navigation);\n }\n }\n"])));
|
|
3731
|
-
var
|
|
3732
|
-
var SearchLinkContainer = /*#__PURE__*/styled__default.div(
|
|
3733
|
-
var SearchArrowContainer = /*#__PURE__*/styled__default.a(
|
|
3731
|
+
var SearchUnavailableContainer = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n background-color: var(--base-color-transparent);\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n color: var(--base-color-darkgrey);\n cursor: not-allowed;\n"])));
|
|
3732
|
+
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
3733
|
+
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
3734
3734
|
|
|
3735
3735
|
var SearchBar = function SearchBar(_ref) {
|
|
3736
3736
|
var onClick = _ref.onClick,
|
|
3737
3737
|
onClose = _ref.onClose;
|
|
3738
3738
|
|
|
3739
3739
|
var _useState = React.useState(false),
|
|
3740
|
-
showSearchLink = _useState[0]
|
|
3741
|
-
setShowSearchLink = _useState[1];
|
|
3740
|
+
showSearchLink = _useState[0];
|
|
3742
3741
|
|
|
3743
3742
|
var _useState2 = React.useState(''),
|
|
3744
|
-
searchValue = _useState2[0]
|
|
3745
|
-
setSearchValue = _useState2[1];
|
|
3743
|
+
searchValue = _useState2[0];
|
|
3746
3744
|
|
|
3747
3745
|
var inputRef = React.useRef(null);
|
|
3748
3746
|
React.useEffect(function () {
|
|
@@ -3770,19 +3768,6 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3770
3768
|
onClose();
|
|
3771
3769
|
};
|
|
3772
3770
|
|
|
3773
|
-
var onChangeHandler = function onChangeHandler(e) {
|
|
3774
|
-
e.preventDefault();
|
|
3775
|
-
var value = e.target.value;
|
|
3776
|
-
|
|
3777
|
-
if (value) {
|
|
3778
|
-
setShowSearchLink(true);
|
|
3779
|
-
setSearchValue(value);
|
|
3780
|
-
} else {
|
|
3781
|
-
setShowSearchLink(false);
|
|
3782
|
-
setSearchValue('');
|
|
3783
|
-
}
|
|
3784
|
-
};
|
|
3785
|
-
|
|
3786
3771
|
var onKeyboardCloseHandler = function onKeyboardCloseHandler(e) {
|
|
3787
3772
|
if (e.key === 'Enter') {
|
|
3788
3773
|
onCloseHandler();
|
|
@@ -3791,20 +3776,7 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3791
3776
|
|
|
3792
3777
|
return /*#__PURE__*/React__default.createElement(SearchBarContainer, null, /*#__PURE__*/React__default.createElement(SvgContainerSearch, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3793
3778
|
iconName: "Search"
|
|
3794
|
-
})), /*#__PURE__*/React__default.createElement(
|
|
3795
|
-
"data-testid": "input-html",
|
|
3796
|
-
ref: inputRef,
|
|
3797
|
-
className: "search-input",
|
|
3798
|
-
placeholder: "Our search tool is currently unavailable due to necessary maintenance.",
|
|
3799
|
-
type: "text",
|
|
3800
|
-
onChange: function onChange(e) {
|
|
3801
|
-
onChangeHandler(e);
|
|
3802
|
-
},
|
|
3803
|
-
onKeyPress: function onKeyPress(e) {
|
|
3804
|
-
return handleKeypress(e, searchValue);
|
|
3805
|
-
},
|
|
3806
|
-
disabled: true
|
|
3807
|
-
})), showSearchLink && /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(SearchLinkContainer, {
|
|
3779
|
+
})), /*#__PURE__*/React__default.createElement(SearchUnavailableContainer, null, "Our search tool is currently unavailable due to necessary maintenance."), showSearchLink && /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(SearchLinkContainer, {
|
|
3808
3780
|
"data-testid": "search-button"
|
|
3809
3781
|
}, /*#__PURE__*/React__default.createElement(TextLink, {
|
|
3810
3782
|
color: exports.Colors.Core,
|
|
@@ -3950,12 +3922,12 @@ var Navigation = function Navigation(_ref) {
|
|
|
3950
3922
|
})))));
|
|
3951
3923
|
};
|
|
3952
3924
|
|
|
3953
|
-
var _templateObject$u, _templateObject2$f, _templateObject3$8, _templateObject4$5, _templateObject5$
|
|
3925
|
+
var _templateObject$u, _templateObject2$f, _templateObject3$8, _templateObject4$5, _templateObject5$1, _templateObject6$2;
|
|
3954
3926
|
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
3955
3927
|
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
3956
3928
|
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
|
|
3957
3929
|
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
3958
|
-
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
3930
|
+
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
3959
3931
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
3960
3932
|
|
|
3961
3933
|
var _templateObject$v, _templateObject2$g, _templateObject3$9;
|
|
@@ -3977,14 +3949,14 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
3977
3949
|
}));
|
|
3978
3950
|
};
|
|
3979
3951
|
|
|
3980
|
-
var _templateObject$w, _templateObject2$h, _templateObject3$a, _templateObject4$6, _templateObject5$
|
|
3952
|
+
var _templateObject$w, _templateObject2$h, _templateObject3$a, _templateObject4$6, _templateObject5$2, _templateObject6$3, _templateObject7$2, _templateObject8$1;
|
|
3981
3953
|
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__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);
|
|
3982
3954
|
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__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);
|
|
3983
3955
|
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__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);
|
|
3984
3956
|
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$6 || (_templateObject4$6 = /*#__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);
|
|
3985
|
-
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
3957
|
+
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__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);
|
|
3986
3958
|
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__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);
|
|
3987
|
-
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$
|
|
3959
|
+
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
3988
3960
|
var TextLinkWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$1 || (_templateObject8$1 = /*#__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"])));
|
|
3989
3961
|
|
|
3990
3962
|
var ContactNewsletter = function ContactNewsletter(_ref) {
|
|
@@ -4051,7 +4023,7 @@ var Footer = function Footer(_ref) {
|
|
|
4051
4023
|
}, additionalInfo)))));
|
|
4052
4024
|
};
|
|
4053
4025
|
|
|
4054
|
-
var _templateObject$x, _templateObject2$i, _templateObject3$b, _templateObject4$7, _templateObject5$
|
|
4026
|
+
var _templateObject$x, _templateObject2$i, _templateObject3$b, _templateObject4$7, _templateObject5$3, _templateObject6$4;
|
|
4055
4027
|
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), zIndexes.anchor);
|
|
4056
4028
|
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
4057
4029
|
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
@@ -4065,7 +4037,7 @@ var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$7 || (_templateO
|
|
|
4065
4037
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
4066
4038
|
return tabsOverflow ? 'calc(100% - 50px)' : '100%';
|
|
4067
4039
|
});
|
|
4068
|
-
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4040
|
+
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 74px;\n height: var(--anchor-tabs-height);\n background-color: var(--base-color-white);\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n"])));
|
|
4069
4041
|
var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: flex-center;\n\n :hover {\n && svg path {\n fill: var(--base-color-primary);\n }\n }\n"])));
|
|
4070
4042
|
|
|
4071
4043
|
var _excluded$7 = ["id", "text"];
|
|
@@ -4221,7 +4193,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
4221
4193
|
})) : null) : null))));
|
|
4222
4194
|
};
|
|
4223
4195
|
|
|
4224
|
-
var _templateObject$y, _templateObject2$j, _templateObject3$c, _templateObject4$8, _templateObject5$
|
|
4196
|
+
var _templateObject$y, _templateObject2$j, _templateObject3$c, _templateObject4$8, _templateObject5$4;
|
|
4225
4197
|
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n .swiper-wrapper {\n height: 100%;\n }\n .swiper-slide {\n height: unset;\n }\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
4226
4198
|
var type = _ref.type,
|
|
4227
4199
|
imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
@@ -4257,7 +4229,7 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_te
|
|
|
4257
4229
|
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
4258
4230
|
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n user-select: text;\n\n h4 {\n padding: 0;\n margin: 0;\n }\n"])));
|
|
4259
4231
|
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
4260
|
-
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
4232
|
+
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n {\n grid-column: 2 / span 10;\n }\n }\n"])), devices.tablet);
|
|
4261
4233
|
|
|
4262
4234
|
var Carousel = function Carousel(_ref) {
|
|
4263
4235
|
var children = _ref.children,
|
|
@@ -4374,7 +4346,7 @@ var Theme = function Theme(_ref) {
|
|
|
4374
4346
|
}, children);
|
|
4375
4347
|
};
|
|
4376
4348
|
|
|
4377
|
-
var _templateObject$z, _templateObject2$k, _templateObject3$d, _templateObject4$9, _templateObject5$
|
|
4349
|
+
var _templateObject$z, _templateObject2$k, _templateObject3$d, _templateObject4$9, _templateObject5$5, _templateObject6$5, _templateObject7$3, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12;
|
|
4378
4350
|
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(--base-color-black);\n color: var(--base-color-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
4379
4351
|
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__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 h4 {\n margin: 0;\n padding: 0;\n }\n\n h5 {\n display: none;\n }\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 h4 {\n display: none;\n }\n\n h5 {\n margin: 0;\n padding: 0;\n display: block;\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: 40px;\n }\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: var(--line-height-altHeader-5);\n\n h4 {\n display: none;\n }\n\n h5 {\n margin: 0;\n padding: 0;\n display: block;\n }\n }\n }\n"])), devices.tablet, function (_ref) {
|
|
4380
4352
|
var theme = _ref.theme;
|
|
@@ -4388,7 +4360,7 @@ var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$k |
|
|
|
4388
4360
|
}, devices.mobile);
|
|
4389
4361
|
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 7;\n padding: 0 12px 12px var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: 100%;\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4390
4362
|
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__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);
|
|
4391
|
-
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4363
|
+
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h3 {\n padding: 0;\n margin: 0 0 8px 0;\n }\n\n h6 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n h3 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n\n h6 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n"])), devices.tablet, function (_ref4) {
|
|
4392
4364
|
var theme = _ref4.theme;
|
|
4393
4365
|
return theme.fonts.mobile.sizes.headers[3];
|
|
4394
4366
|
}, function (_ref5) {
|
|
@@ -4438,7 +4410,7 @@ var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_t
|
|
|
4438
4410
|
var theme = _ref19.theme;
|
|
4439
4411
|
return theme.fonts.mobile.lineHeights.body[1];
|
|
4440
4412
|
}, devices.mobile);
|
|
4441
|
-
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4413
|
+
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject7$3 || (_templateObject7$3 = /*#__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);
|
|
4442
4414
|
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swiper-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 .swiper-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 .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4443
4415
|
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__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);
|
|
4444
4416
|
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\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 & {\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);
|
|
@@ -4693,7 +4665,7 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
4693
4665
|
})));
|
|
4694
4666
|
};
|
|
4695
4667
|
|
|
4696
|
-
var _templateObject$A, _templateObject2$l, _templateObject3$e, _templateObject4$a, _templateObject6$6, _templateObject7$
|
|
4668
|
+
var _templateObject$A, _templateObject2$l, _templateObject3$e, _templateObject4$a, _templateObject6$6, _templateObject7$4, _templateObject8$3, _templateObject9$2, _templateObject10$2;
|
|
4697
4669
|
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
4698
4670
|
var sticky = _ref.sticky;
|
|
4699
4671
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -4705,7 +4677,7 @@ var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$e || (_
|
|
|
4705
4677
|
}, devices.tablet, devices.mobile);
|
|
4706
4678
|
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
|
|
4707
4679
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
4708
|
-
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4680
|
+
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
4709
4681
|
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
4710
4682
|
var theme = _ref3.theme;
|
|
4711
4683
|
return theme.colors.primaryButtonReverseBg;
|
|
@@ -4833,12 +4805,12 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
4833
4805
|
}, children)));
|
|
4834
4806
|
};
|
|
4835
4807
|
|
|
4836
|
-
var _templateObject$C, _templateObject2$n, _templateObject3$f, _templateObject4$b, _templateObject5$
|
|
4808
|
+
var _templateObject$C, _templateObject2$n, _templateObject3$f, _templateObject4$b, _templateObject5$6;
|
|
4837
4809
|
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4838
4810
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
4839
4811
|
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
4840
4812
|
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && a {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 28px 20px;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
4841
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4813
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n"])));
|
|
4842
4814
|
|
|
4843
4815
|
var Accordion = function Accordion(_ref) {
|
|
4844
4816
|
var _ref$title = _ref.title,
|
|
@@ -4974,7 +4946,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
4974
4946
|
}))))));
|
|
4975
4947
|
};
|
|
4976
4948
|
|
|
4977
|
-
var _templateObject$F, _templateObject2$p, _templateObject3$h, _templateObject4$c, _templateObject5$
|
|
4949
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$h, _templateObject4$c, _templateObject5$7, _templateObject6$7, _templateObject7$5, _templateObject8$4, _templateObject9$3;
|
|
4978
4950
|
var LENGTH_LARGE_TEXT = 28;
|
|
4979
4951
|
var LENGTH_SMALL_TEXT = 19;
|
|
4980
4952
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -4991,9 +4963,9 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$c ||
|
|
|
4991
4963
|
var fullWidth = _ref3.fullWidth;
|
|
4992
4964
|
return fullWidth ? '0' : '20px';
|
|
4993
4965
|
});
|
|
4994
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4966
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
4995
4967
|
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobileAndTablet);
|
|
4996
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4968
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin-top: var(--editorial-spacing-hover);\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"])));
|
|
4997
4969
|
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
4998
4970
|
|
|
4999
4971
|
var getButtonsOpacity = function getButtonsOpacity(_ref4) {
|
|
@@ -5221,7 +5193,7 @@ var Cards = function Cards(_ref) {
|
|
|
5221
5193
|
}));
|
|
5222
5194
|
};
|
|
5223
5195
|
|
|
5224
|
-
var _templateObject$I, _templateObject2$s, _templateObject3$j, _templateObject4$d, _templateObject5$
|
|
5196
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$j, _templateObject4$d, _templateObject5$8;
|
|
5225
5197
|
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
|
|
5226
5198
|
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\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"])), function (_ref) {
|
|
5227
5199
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
@@ -5232,7 +5204,7 @@ var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templat
|
|
|
5232
5204
|
}, devices.mobileAndTablet);
|
|
5233
5205
|
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
5234
5206
|
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
5235
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5207
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n\n @media ", " {\n flex-direction: column;\n margin: 4px 0;\n }\n\n a {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-decoration: underline;\n\n &:before {\n display: inline-block;\n content: '';\n background-color: var(--base-color-black);\n width: 1px;\n height: 18px;\n margin: 0 8px -4px;\n\n @media ", " {\n display: none;\n }\n }\n\n &:first-child:before {\n display: none;\n }\n }\n"])), devices.mobile, devices.mobile);
|
|
5236
5208
|
|
|
5237
5209
|
var divideAddressString = function divideAddressString(address) {
|
|
5238
5210
|
return address.split(',').map(function (chunk) {
|
|
@@ -5289,7 +5261,7 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
5289
5261
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
5290
5262
|
};
|
|
5291
5263
|
|
|
5292
|
-
var _templateObject$J, _templateObject2$t, _templateObject3$k, _templateObject4$e, _templateObject5$
|
|
5264
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$k, _templateObject4$e, _templateObject5$9;
|
|
5293
5265
|
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__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) {
|
|
5294
5266
|
var imageToLeft = _ref.imageToLeft;
|
|
5295
5267
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
@@ -5303,7 +5275,7 @@ var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k |
|
|
|
5303
5275
|
return imageToLeft ? 'right' : 'left';
|
|
5304
5276
|
}, devices.mobile);
|
|
5305
5277
|
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
5306
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5278
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
5307
5279
|
|
|
5308
5280
|
var Editorial = function Editorial(_ref) {
|
|
5309
5281
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -5494,7 +5466,7 @@ var Information = function Information(_ref) {
|
|
|
5494
5466
|
}))));
|
|
5495
5467
|
};
|
|
5496
5468
|
|
|
5497
|
-
var _templateObject$L, _templateObject2$v, _templateObject3$m, _templateObject4$g, _templateObject5$
|
|
5469
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$m, _templateObject4$g, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$5;
|
|
5498
5470
|
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
5499
5471
|
var theme = _ref.theme;
|
|
5500
5472
|
return theme.colors.primary;
|
|
@@ -5511,9 +5483,9 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$g || (_t
|
|
|
5511
5483
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
5512
5484
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
5513
5485
|
}, devices.mobile);
|
|
5514
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5486
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
5515
5487
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
5516
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5488
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
5517
5489
|
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
5518
5490
|
|
|
5519
5491
|
var _excluded$e = ["text"];
|
|
@@ -5592,7 +5564,7 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
5592
5564
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
5593
5565
|
};
|
|
5594
5566
|
|
|
5595
|
-
var _templateObject$M, _templateObject2$w, _templateObject3$n, _templateObject4$h, _templateObject5$
|
|
5567
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$n, _templateObject4$h, _templateObject5$b, _templateObject6$9, _templateObject7$7;
|
|
5596
5568
|
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$M || (_templateObject$M = /*#__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(--base-color-black);\n color: var(--base-color-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
5597
5569
|
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h3 {\n padding: 0;\n margin: 0 0 8px 0;\n }\n\n @media ", " {\n & {\n h3 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n"])), devices.tablet, function (_ref) {
|
|
5598
5570
|
var theme = _ref.theme;
|
|
@@ -5627,12 +5599,12 @@ var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$h
|
|
|
5627
5599
|
var hasImages = _ref10.hasImages;
|
|
5628
5600
|
return hasImages ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
5629
5601
|
});
|
|
5630
|
-
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5602
|
+
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n .swiper-slide {\n ", "\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swiper-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 .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), function (_ref11) {
|
|
5631
5603
|
var hasMultipleImages = _ref11.hasMultipleImages;
|
|
5632
5604
|
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
5633
5605
|
}, devices.tablet, devices.mobile);
|
|
5634
5606
|
var MobileRotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div {\n padding-top: 8px;\n }\n\n @media ", ", ", " {\n display: none;\n }\n\n @media ", " {\n .carousel-icon-wrapper-left,\n .carousel-icon-wrapper-right {\n background-color: transparent;\n\n svg path {\n fill: var(--base-color-lightgrey);\n }\n }\n\n .carousel-icon-wrapper-left {\n margin-right: 8px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 2;\n height: 56px;\n\n div {\n padding-top: 6px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 13;\n height: 80px;\n\n div {\n padding-top: 8px;\n }\n }\n"])), devices.desktop, devices.largeDesktop, devices.mobileAndTablet, devices.mobile, devices.tablet);
|
|
5635
|
-
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5607
|
+
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__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);
|
|
5636
5608
|
|
|
5637
5609
|
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
5638
5610
|
var title = _ref.title,
|
|
@@ -5717,14 +5689,14 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
5717
5689
|
}))));
|
|
5718
5690
|
};
|
|
5719
5691
|
|
|
5720
|
-
var _templateObject$N, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$
|
|
5692
|
+
var _templateObject$N, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$c, _templateObject6$a, _templateObject7$8, _templateObject8$6;
|
|
5721
5693
|
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: #00000;\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
5722
5694
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
5723
5695
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
5724
5696
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__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);
|
|
5725
|
-
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5697
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
5726
5698
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
5727
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5699
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
5728
5700
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
5729
5701
|
|
|
5730
5702
|
var _excluded$h = ["text"];
|
|
@@ -5810,12 +5782,12 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
5810
5782
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
5811
5783
|
};
|
|
5812
5784
|
|
|
5813
|
-
var _templateObject$P, _templateObject2$y, _templateObject3$p, _templateObject4$j, _templateObject5$
|
|
5785
|
+
var _templateObject$P, _templateObject2$y, _templateObject3$p, _templateObject4$j, _templateObject5$d, _templateObject6$b;
|
|
5814
5786
|
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
5815
5787
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
5816
5788
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
5817
5789
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
5818
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5790
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
5819
5791
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
5820
5792
|
|
|
5821
5793
|
var Person = function Person(_ref) {
|
|
@@ -5867,7 +5839,7 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
5867
5839
|
}));
|
|
5868
5840
|
};
|
|
5869
5841
|
|
|
5870
|
-
var _templateObject$Q, _templateObject2$z, _templateObject3$q, _templateObject4$k, _templateObject5$
|
|
5842
|
+
var _templateObject$Q, _templateObject2$z, _templateObject3$q, _templateObject4$k, _templateObject5$e, _templateObject6$c, _templateObject7$9, _templateObject8$7, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
|
|
5871
5843
|
var LENGTH_TEXT = 28;
|
|
5872
5844
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
5873
5845
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -5922,12 +5894,12 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k ||
|
|
|
5922
5894
|
|
|
5923
5895
|
return '';
|
|
5924
5896
|
});
|
|
5925
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5897
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref9) {
|
|
5926
5898
|
var marginBottom = _ref9.marginBottom;
|
|
5927
5899
|
return marginBottom + "px";
|
|
5928
5900
|
});
|
|
5929
5901
|
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
5930
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5902
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
5931
5903
|
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
5932
5904
|
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__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);
|
|
5933
5905
|
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__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);
|
|
@@ -6116,7 +6088,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
6116
6088
|
}))));
|
|
6117
6089
|
};
|
|
6118
6090
|
|
|
6119
|
-
var _templateObject$R, _templateObject2$A, _templateObject3$r, _templateObject4$l, _templateObject5$
|
|
6091
|
+
var _templateObject$R, _templateObject2$A, _templateObject3$r, _templateObject4$l, _templateObject5$f, _templateObject6$d, _templateObject7$a;
|
|
6120
6092
|
var LENGTH_TEXT$2 = 28;
|
|
6121
6093
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
6122
6094
|
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$R || (_templateObject$R = /*#__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) {
|
|
@@ -6135,7 +6107,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
6135
6107
|
return imageToLeft ? 'right' : 'left';
|
|
6136
6108
|
}, devices.mobile);
|
|
6137
6109
|
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
|
|
6138
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
6110
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
6139
6111
|
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
6140
6112
|
var theme = _ref5.theme;
|
|
6141
6113
|
return theme.colors.black;
|
|
@@ -6146,7 +6118,7 @@ var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$d ||
|
|
|
6146
6118
|
var theme = _ref7.theme;
|
|
6147
6119
|
return theme.colors.primary;
|
|
6148
6120
|
});
|
|
6149
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6121
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__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 (_ref8) {
|
|
6150
6122
|
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
6151
6123
|
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
6152
6124
|
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|