@royaloperahouse/chord 2.11.0 → 2.11.1-experiment-documentation-3
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 +3 -0
- package/README.md +251 -40
- package/dist/chord.cjs.development.js +110 -104
- 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 +110 -104
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/atoms/Tab/Tab.d.ts +1 -1
- package/dist/components/atoms/Tab/Tab.style.d.ts +1 -0
- package/dist/types/types.d.ts +10 -0
- package/package.json +1 -1
- package/README.GIT +0 -278
|
@@ -3806,8 +3806,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3806
3806
|
}));
|
|
3807
3807
|
};
|
|
3808
3808
|
|
|
3809
|
-
var _templateObject$l, _templateObject2$a;
|
|
3810
|
-
var TabText = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
3809
|
+
var _templateObject$l, _templateObject2$a, _templateObject3$6;
|
|
3810
|
+
var TabText = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n display: flex;\n flex-direction: row;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
3811
3811
|
if (props.withIcon === 'left') {
|
|
3812
3812
|
return "margin-left: 5px;";
|
|
3813
3813
|
}
|
|
@@ -3851,6 +3851,7 @@ var TitleContainer = /*#__PURE__*/styled__default.div(_templateObject2$a || (_te
|
|
|
3851
3851
|
var colorPrimary = _ref4.colorPrimary;
|
|
3852
3852
|
return colorPrimary;
|
|
3853
3853
|
});
|
|
3854
|
+
var InvisibleSEOAnchorText = /*#__PURE__*/styled__default.span(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n"])));
|
|
3854
3855
|
|
|
3855
3856
|
var Tab = function Tab(_ref) {
|
|
3856
3857
|
var title = _ref.title,
|
|
@@ -3868,7 +3869,8 @@ var Tab = function Tab(_ref) {
|
|
|
3868
3869
|
_ref$withTextInMobile = _ref.withTextInMobile,
|
|
3869
3870
|
withTextInMobile = _ref$withTextInMobile === void 0 ? true : _ref$withTextInMobile,
|
|
3870
3871
|
_ref$colorPrimary = _ref.colorPrimary,
|
|
3871
|
-
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary
|
|
3872
|
+
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary,
|
|
3873
|
+
alternativeSEOAnchorText = _ref.alternativeSEOAnchorText;
|
|
3872
3874
|
|
|
3873
3875
|
var clickHandler = function clickHandler() {
|
|
3874
3876
|
if (onClick) {
|
|
@@ -3906,8 +3908,9 @@ var Tab = function Tab(_ref) {
|
|
|
3906
3908
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
3907
3909
|
href: "#",
|
|
3908
3910
|
onClick: tabTextClickHandler,
|
|
3909
|
-
withTextInMobile: withTextInMobile
|
|
3910
|
-
|
|
3911
|
+
withTextInMobile: withTextInMobile,
|
|
3912
|
+
"aria-label": title || alternativeSEOAnchorText
|
|
3913
|
+
}, title || /*#__PURE__*/React__default.createElement(InvisibleSEOAnchorText, null, alternativeSEOAnchorText)), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
3911
3914
|
iconName: iconName
|
|
3912
3915
|
}));
|
|
3913
3916
|
};
|
|
@@ -3966,7 +3969,7 @@ var TabLink = function TabLink(_ref) {
|
|
|
3966
3969
|
})) : null, children);
|
|
3967
3970
|
};
|
|
3968
3971
|
|
|
3969
|
-
var _templateObject$n, _templateObject2$c, _templateObject3$
|
|
3972
|
+
var _templateObject$n, _templateObject2$c, _templateObject3$7, _templateObject4$3;
|
|
3970
3973
|
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3971
3974
|
var width = _ref.width;
|
|
3972
3975
|
return width ? width + "px;" : '100%;';
|
|
@@ -3978,7 +3981,7 @@ var TextAreaLabel = /*#__PURE__*/styled__default.div(_templateObject2$c || (_tem
|
|
|
3978
3981
|
var darkMode = _ref3.darkMode;
|
|
3979
3982
|
return darkMode ? 'color: var(--base-color-white)' : '';
|
|
3980
3983
|
});
|
|
3981
|
-
var TextAreaBox = /*#__PURE__*/styled__default.textarea(_templateObject3$
|
|
3984
|
+
var TextAreaBox = /*#__PURE__*/styled__default.textarea(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n box-sizing: border-box;\n resize: none;\n padding: 20px;\n width: 100%;\n height: 100%;\n border: 1px solid ", ";\n\n ", ";\n\n :disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline-style: solid;\n outline-width: ", ";\n outline-color: ", ";\n }\n"])), function (_ref4) {
|
|
3982
3985
|
var error = _ref4.error;
|
|
3983
3986
|
return !!error ? 'var(--base-color-errorstate)' : 'var(--base-color-lightgrey)';
|
|
3984
3987
|
}, function (_ref5) {
|
|
@@ -4091,14 +4094,14 @@ var TextArea = function TextArea(_ref) {
|
|
|
4091
4094
|
}, error))));
|
|
4092
4095
|
};
|
|
4093
4096
|
|
|
4094
|
-
var _templateObject$o, _templateObject2$d, _templateObject3$
|
|
4097
|
+
var _templateObject$o, _templateObject2$d, _templateObject3$8, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
4095
4098
|
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4096
4099
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
4097
4100
|
var width = _ref.width;
|
|
4098
4101
|
if (!width) return 'none';
|
|
4099
4102
|
return width + 'px';
|
|
4100
4103
|
});
|
|
4101
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject3$
|
|
4104
|
+
var Input = /*#__PURE__*/styled__default.input(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\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 text-transform: var(--text-transform-altHeader);\n border-radius: 0;\n width: 100%;\n height: 48px;\n padding-left: 20px;\n -moz-appearance: textfield;\n padding-right: ", ";\n outline: none;\n border: ", ";\n &:disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n &:focus {\n outline: ", ";\n }\n\n /* remove search decoration */\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n\n /* remove number decoration */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), function (_ref2) {
|
|
4102
4105
|
var isPasswordField = _ref2.isPasswordField;
|
|
4103
4106
|
if (isPasswordField) return "80px";
|
|
4104
4107
|
return "20px";
|
|
@@ -4224,7 +4227,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4224
4227
|
}, error)));
|
|
4225
4228
|
});
|
|
4226
4229
|
|
|
4227
|
-
var _templateObject$p, _templateObject2$e, _templateObject3$
|
|
4230
|
+
var _templateObject$p, _templateObject2$e, _templateObject3$9, _templateObject4$5, _templateObject5$3;
|
|
4228
4231
|
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4229
4232
|
var textStyles = /*#__PURE__*/styled.css(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
|
|
4230
4233
|
var theme = _ref.theme;
|
|
@@ -4236,7 +4239,7 @@ var textStyles = /*#__PURE__*/styled.css(_templateObject2$e || (_templateObject2
|
|
|
4236
4239
|
var theme = _ref3.theme;
|
|
4237
4240
|
return theme.spacing[7];
|
|
4238
4241
|
});
|
|
4239
|
-
var Input$1 = /*#__PURE__*/styled__default.input(_templateObject3$
|
|
4242
|
+
var Input$1 = /*#__PURE__*/styled__default.input(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n width: ", ";\n height: 48px;\n padding: 0px 20px;\n\n border: 1px solid ", ";\n outline: none;\n\n ", "\n\n :disabled {\n background-color: ", ";\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline: ", "};\n }\n"])), textStyles, function (_ref4) {
|
|
4240
4243
|
var width = _ref4.width;
|
|
4241
4244
|
return width ? width + 'px' : '196px';
|
|
4242
4245
|
}, function (_ref5) {
|
|
@@ -4338,7 +4341,7 @@ var TextLogoProduct;
|
|
|
4338
4341
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4339
4342
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4340
4343
|
|
|
4341
|
-
var _templateObject$r, _templateObject2$g, _templateObject3$
|
|
4344
|
+
var _templateObject$r, _templateObject2$g, _templateObject3$a, _templateObject4$6;
|
|
4342
4345
|
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4343
4346
|
var dark = _ref.dark;
|
|
4344
4347
|
return dark ? 'white' : 'errorstate';
|
|
@@ -4352,7 +4355,7 @@ var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$g || (_
|
|
|
4352
4355
|
var disabled = _ref3.disabled;
|
|
4353
4356
|
return disabled ? 'not-allowed' : 'pointer';
|
|
4354
4357
|
}, devices.mobileAndTablet);
|
|
4355
|
-
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4358
|
+
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n height: 20px;\n width: 20px;\n padding: 3px;\n box-sizing: border-box;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n outline: ", ";\n\n svg {\n display: none;\n }\n\n @media ", " {\n top: 0;\n }\n"])), function (_ref4) {
|
|
4356
4359
|
var dark = _ref4.dark,
|
|
4357
4360
|
disabled = _ref4.disabled,
|
|
4358
4361
|
error = _ref4.error;
|
|
@@ -4460,7 +4463,7 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4460
4463
|
}, error)));
|
|
4461
4464
|
};
|
|
4462
4465
|
|
|
4463
|
-
var _templateObject$s, _templateObject2$h, _templateObject3$
|
|
4466
|
+
var _templateObject$s, _templateObject2$h, _templateObject3$b, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4464
4467
|
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4465
4468
|
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
4466
4469
|
var error = _ref.error,
|
|
@@ -4485,7 +4488,7 @@ var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templat
|
|
|
4485
4488
|
if (blackBox) return 'var(--base-color-white)';
|
|
4486
4489
|
return ' var(--base-color-black)';
|
|
4487
4490
|
});
|
|
4488
|
-
var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$
|
|
4491
|
+
var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-left: 32px;\n input[type='checkbox'] {\n width: 1px;\n height: 1px;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n z-index: 0;\n &:checked + ", " {\n background-color: ", ";\n }\n &:focus + ", " {\n outline: ", ";\n }\n }\n"])), Tickbox$1, function (_ref4) {
|
|
4489
4492
|
var blackBox = _ref4.blackBox,
|
|
4490
4493
|
darkMode = _ref4.darkMode;
|
|
4491
4494
|
if (darkMode) return 'var(--base-color-white)';
|
|
@@ -4572,7 +4575,7 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4572
4575
|
}, error)));
|
|
4573
4576
|
});
|
|
4574
4577
|
|
|
4575
|
-
var _templateObject$t, _templateObject2$i, _templateObject3$
|
|
4578
|
+
var _templateObject$t, _templateObject2$i, _templateObject3$c, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4576
4579
|
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4577
4580
|
var color = _ref.color;
|
|
4578
4581
|
return color;
|
|
@@ -4581,7 +4584,7 @@ var Line = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObje
|
|
|
4581
4584
|
var color = _ref2.color;
|
|
4582
4585
|
return color;
|
|
4583
4586
|
}, devices.mobileAndTablet);
|
|
4584
|
-
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4587
|
+
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
|
|
4585
4588
|
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 display: flex;\n\n @media ", " {\n font-size: var(--font-size-header-5);\n }\n"])), devices.tablet);
|
|
4586
4589
|
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 margin-top: 4px;\n"])));
|
|
4587
4590
|
var TimerValueSeparator = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 20px;\n\n @media ", " {\n margin: 0 12px;\n }\n\n @media ", " {\n margin: 0 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
@@ -5455,10 +5458,10 @@ try {
|
|
|
5455
5458
|
}
|
|
5456
5459
|
});
|
|
5457
5460
|
|
|
5458
|
-
var _templateObject$v, _templateObject2$j, _templateObject3$
|
|
5461
|
+
var _templateObject$v, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5459
5462
|
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
|
|
5460
5463
|
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
5461
|
-
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5464
|
+
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5462
5465
|
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
|
|
5463
5466
|
var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
5464
5467
|
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
@@ -5675,13 +5678,13 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5675
5678
|
})));
|
|
5676
5679
|
};
|
|
5677
5680
|
|
|
5678
|
-
var _templateObject$w, _templateObject2$k, _templateObject3$
|
|
5681
|
+
var _templateObject$w, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$7;
|
|
5679
5682
|
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5680
5683
|
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
5681
5684
|
var darkMode = _ref.darkMode;
|
|
5682
5685
|
return darkMode ? 'white' : 'errorstate';
|
|
5683
5686
|
});
|
|
5684
|
-
var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5687
|
+
var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 154px;\n height: 48px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n ", ";\n\n * {\n color: var(--base-color-", ");\n word-break: unset;\n user-select: none;\n }\n\n path {\n fill: var(--base-color-", ") !important;\n }\n\n & > * {\n width: 51px;\n }\n"])), function (_ref2) {
|
|
5685
5688
|
var darkMode = _ref2.darkMode,
|
|
5686
5689
|
disabled = _ref2.disabled,
|
|
5687
5690
|
error = _ref2.error;
|
|
@@ -5965,13 +5968,13 @@ var ToggleButton = function ToggleButton(_ref) {
|
|
|
5965
5968
|
}, item.label));
|
|
5966
5969
|
};
|
|
5967
5970
|
|
|
5968
|
-
var _templateObject$y, _templateObject2$l, _templateObject3$
|
|
5971
|
+
var _templateObject$y, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5969
5972
|
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5970
5973
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5971
5974
|
return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--base-color-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
|
|
5972
5975
|
});
|
|
5973
5976
|
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 100vw;\n position: absolute;\n z-index: ", ";\n opacity: 0.4;\n"])), zIndexes.searchOverlay);
|
|
5974
|
-
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
5977
|
+
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--base-color-white);\n height: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 80px;\n }\n"])), zIndexes.navigation, devices.mobile);
|
|
5975
5978
|
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n background-color: var(--base-color-white);\n height: 100px;\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 100%;\n top: 80px;\n }\n"])), function (_ref2) {
|
|
5976
5979
|
var visible = _ref2.visible;
|
|
5977
5980
|
return visible ? 'visible' : 'hidden';
|
|
@@ -6026,7 +6029,7 @@ var Logo = function Logo(_ref) {
|
|
|
6026
6029
|
var _templateObject$A;
|
|
6027
6030
|
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
|
|
6028
6031
|
|
|
6029
|
-
var _templateObject$B, _templateObject2$m, _templateObject3$
|
|
6032
|
+
var _templateObject$B, _templateObject2$m, _templateObject3$g, _templateObject4$c;
|
|
6030
6033
|
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
|
|
6031
6034
|
var selected = _ref.selected,
|
|
6032
6035
|
colorPrimary = _ref.colorPrimary;
|
|
@@ -6056,7 +6059,7 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_te
|
|
|
6056
6059
|
return '';
|
|
6057
6060
|
});
|
|
6058
6061
|
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
6059
|
-
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6062
|
+
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n width: 12px;\n height: 12px;\n position: absolute;\n top: 8px;\n margin-left: 6px;\n\n & .basket-num {\n color: white;\n font-size: 10px;\n font-family: var(--font-family-navigation);\n }\n"])));
|
|
6060
6063
|
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n color: var(--base-color-black);\n margin-left: 6px;\n text-decoration: none;\n"])));
|
|
6061
6064
|
|
|
6062
6065
|
var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
|
|
@@ -6278,7 +6281,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
6278
6281
|
withIcon = _ref$withIcon === void 0 ? 'right' : _ref$withIcon,
|
|
6279
6282
|
_ref$colorPrimary = _ref.colorPrimary,
|
|
6280
6283
|
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary,
|
|
6281
|
-
className = _ref.className
|
|
6284
|
+
className = _ref.className,
|
|
6285
|
+
alternativeSEOAnchorText = _ref.alternativeSEOAnchorText;
|
|
6282
6286
|
var node = React.useRef();
|
|
6283
6287
|
|
|
6284
6288
|
var _useState = React.useState(false),
|
|
@@ -6400,7 +6404,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
6400
6404
|
},
|
|
6401
6405
|
onFocus: onFocusTitleHandler,
|
|
6402
6406
|
onReset: onResetHandler,
|
|
6403
|
-
colorPrimary: colorPrimary
|
|
6407
|
+
colorPrimary: colorPrimary,
|
|
6408
|
+
alternativeSEOAnchorText: alternativeSEOAnchorText
|
|
6404
6409
|
}), withOptions() && open && /*#__PURE__*/React__default.createElement(OptionsContainer, {
|
|
6405
6410
|
withOptionsInMobile: withOptionsInMobile,
|
|
6406
6411
|
withIcon: withIcon,
|
|
@@ -6470,7 +6475,8 @@ var Account = function Account(_ref) {
|
|
|
6470
6475
|
iconName: iconName,
|
|
6471
6476
|
withOptionsInMobile: false,
|
|
6472
6477
|
withIcon: 'left',
|
|
6473
|
-
colorPrimary: colorPrimary
|
|
6478
|
+
colorPrimary: colorPrimary,
|
|
6479
|
+
alternativeSEOAnchorText: "Account"
|
|
6474
6480
|
});
|
|
6475
6481
|
};
|
|
6476
6482
|
|
|
@@ -6512,7 +6518,7 @@ var NavTop = function NavTop(_ref) {
|
|
|
6512
6518
|
}));
|
|
6513
6519
|
};
|
|
6514
6520
|
|
|
6515
|
-
var _templateObject$D, _templateObject2$o, _templateObject3$
|
|
6521
|
+
var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject4$d;
|
|
6516
6522
|
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6517
6523
|
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
6518
6524
|
if (props.showMenu) {
|
|
@@ -6521,7 +6527,7 @@ var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$o || (_te
|
|
|
6521
6527
|
|
|
6522
6528
|
return "display: none;";
|
|
6523
6529
|
});
|
|
6524
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6530
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\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-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--base-color-", ");\n }\n }\n\n :hover {\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), function (_ref) {
|
|
6525
6531
|
var colorPrimary = _ref.colorPrimary;
|
|
6526
6532
|
return colorPrimary;
|
|
6527
6533
|
}, function (_ref2) {
|
|
@@ -6655,10 +6661,10 @@ var Tabs = function Tabs(_ref) {
|
|
|
6655
6661
|
}, "MENU"))));
|
|
6656
6662
|
};
|
|
6657
6663
|
|
|
6658
|
-
var _templateObject$E, _templateObject2$p, _templateObject3$
|
|
6664
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6659
6665
|
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__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: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
6660
6666
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6661
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6667
|
+
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__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"])));
|
|
6662
6668
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__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-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-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);
|
|
6663
6669
|
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6664
6670
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
@@ -6893,18 +6899,18 @@ var Navigation = function Navigation(_ref) {
|
|
|
6893
6899
|
})))));
|
|
6894
6900
|
};
|
|
6895
6901
|
|
|
6896
|
-
var _templateObject$F, _templateObject2$q, _templateObject3$
|
|
6902
|
+
var _templateObject$F, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6897
6903
|
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6898
6904
|
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__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"])));
|
|
6899
|
-
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6905
|
+
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__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);
|
|
6900
6906
|
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6901
6907
|
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
6902
6908
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$7 || (_templateObject6$7 = /*#__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);
|
|
6903
6909
|
|
|
6904
|
-
var _templateObject$G, _templateObject2$r, _templateObject3$
|
|
6910
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$k;
|
|
6905
6911
|
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
|
|
6906
6912
|
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
|
|
6907
|
-
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
6913
|
+
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
6908
6914
|
|
|
6909
6915
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
6910
6916
|
var _ref$items = _ref.items,
|
|
@@ -6920,10 +6926,10 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6920
6926
|
}));
|
|
6921
6927
|
};
|
|
6922
6928
|
|
|
6923
|
-
var _templateObject$H, _templateObject2$s, _templateObject3$
|
|
6929
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6924
6930
|
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__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);
|
|
6925
6931
|
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__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);
|
|
6926
|
-
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6932
|
+
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__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);
|
|
6927
6933
|
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__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);
|
|
6928
6934
|
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__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);
|
|
6929
6935
|
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__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);
|
|
@@ -6994,14 +7000,14 @@ var Footer = function Footer(_ref) {
|
|
|
6994
7000
|
}, additionalInfo)))));
|
|
6995
7001
|
};
|
|
6996
7002
|
|
|
6997
|
-
var _templateObject$I, _templateObject2$t, _templateObject3$
|
|
7003
|
+
var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6998
7004
|
var LIST_ITEM_GAP = 32;
|
|
6999
7005
|
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
7000
7006
|
var bottomBorder = _ref.bottomBorder;
|
|
7001
7007
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
7002
7008
|
}, zIndexes.anchor);
|
|
7003
7009
|
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
7004
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7010
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
7005
7011
|
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$g || (_templateObject4$g = /*#__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 background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.48) 85%,\n rgba(235, 235, 235, 0.4) 99%,\n rgba(255, 255, 255, 0.39) 100%\n );\n }\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref2) {
|
|
7006
7012
|
var tabsOverflow = _ref2.tabsOverflow;
|
|
7007
7013
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
@@ -7262,13 +7268,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
7262
7268
|
})) : null) : null))));
|
|
7263
7269
|
};
|
|
7264
7270
|
|
|
7265
|
-
var _templateObject$J, _templateObject2$u, _templateObject3$
|
|
7271
|
+
var _templateObject$J, _templateObject2$u, _templateObject3$n, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
7266
7272
|
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
7267
7273
|
var sticky = _ref.sticky;
|
|
7268
7274
|
return sticky ? 'sticky' : 'initial';
|
|
7269
7275
|
}, zIndexes.anchor);
|
|
7270
7276
|
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
7271
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7277
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
|
|
7272
7278
|
var title = _ref2.title;
|
|
7273
7279
|
return title ? 'row' : 'row-reverse';
|
|
7274
7280
|
}, devices.tablet, devices.mobile);
|
|
@@ -7326,10 +7332,10 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
7326
7332
|
}, message)));
|
|
7327
7333
|
};
|
|
7328
7334
|
|
|
7329
|
-
var _templateObject$K, _templateObject2$v, _templateObject3$
|
|
7335
|
+
var _templateObject$K, _templateObject2$v, _templateObject3$o, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
7330
7336
|
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
|
|
7331
7337
|
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
7332
|
-
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7338
|
+
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n 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 font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
7333
7339
|
var theme = _ref.theme;
|
|
7334
7340
|
return theme.colors.primary;
|
|
7335
7341
|
}, exports.Colors.White);
|
|
@@ -7449,18 +7455,18 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
7449
7455
|
}));
|
|
7450
7456
|
};
|
|
7451
7457
|
|
|
7452
|
-
var _templateObject$M, _templateObject2$w, _templateObject3$
|
|
7458
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$p;
|
|
7453
7459
|
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
|
|
7454
7460
|
var theme = _ref.theme;
|
|
7455
7461
|
return theme.colors.primary;
|
|
7456
7462
|
}, devices.mobile, devices.tablet);
|
|
7457
7463
|
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
7458
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7464
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7459
7465
|
|
|
7460
|
-
var _templateObject$N, _templateObject2$x, _templateObject3$
|
|
7466
|
+
var _templateObject$N, _templateObject2$x, _templateObject3$q, _templateObject4$j, _templateObject5$e, _templateObject6$c;
|
|
7461
7467
|
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7462
7468
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7463
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7469
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
|
|
7464
7470
|
var isVisible = _ref.isVisible;
|
|
7465
7471
|
return isVisible ? 'visible' : 'hidden';
|
|
7466
7472
|
}, devices.mobile);
|
|
@@ -7619,13 +7625,13 @@ var Theme = function Theme(_ref) {
|
|
|
7619
7625
|
}, children);
|
|
7620
7626
|
};
|
|
7621
7627
|
|
|
7622
|
-
var _templateObject$P, _templateObject2$y, _templateObject3$
|
|
7628
|
+
var _templateObject$P, _templateObject2$y, _templateObject3$r;
|
|
7623
7629
|
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
|
|
7624
7630
|
var theme = _ref.theme;
|
|
7625
7631
|
return theme.colors.primary;
|
|
7626
7632
|
}, devices.mobile);
|
|
7627
7633
|
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n @media ", " {\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
7628
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7634
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__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 color: var(--base-color-white);\n a {\n color: var(--base-color-white);\n text-decoration: underline;\n }\n"])));
|
|
7629
7635
|
|
|
7630
7636
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
7631
7637
|
var title = _ref.title,
|
|
@@ -7686,7 +7692,7 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7686
7692
|
}), children);
|
|
7687
7693
|
};
|
|
7688
7694
|
|
|
7689
|
-
var _templateObject$R, _templateObject2$z, _templateObject3$
|
|
7695
|
+
var _templateObject$R, _templateObject2$z, _templateObject3$s, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
7690
7696
|
var LENGTH_LARGE_TEXT = 28;
|
|
7691
7697
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7692
7698
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -7703,7 +7709,7 @@ var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$z || (_te
|
|
|
7703
7709
|
if (lineColor === exports.Colors.Cinema) return 'var(--base-color-white)';
|
|
7704
7710
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
7705
7711
|
}, zIndexes.contentOverlay);
|
|
7706
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7712
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
7707
7713
|
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref4) {
|
|
7708
7714
|
var fullWidth = _ref4.fullWidth;
|
|
7709
7715
|
return fullWidth ? '0' : '20px';
|
|
@@ -8040,7 +8046,7 @@ var Cards = function Cards(_ref) {
|
|
|
8040
8046
|
}));
|
|
8041
8047
|
};
|
|
8042
8048
|
|
|
8043
|
-
var _templateObject$T, _templateObject2$B, _templateObject3$
|
|
8049
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$l, _templateObject5$g;
|
|
8044
8050
|
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__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);
|
|
8045
8051
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__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) {
|
|
8046
8052
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
@@ -8049,7 +8055,7 @@ var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templat
|
|
|
8049
8055
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
8050
8056
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
8051
8057
|
}, devices.mobileAndTablet);
|
|
8052
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8058
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8053
8059
|
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8054
8060
|
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__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);
|
|
8055
8061
|
|
|
@@ -8109,12 +8115,12 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8109
8115
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
8110
8116
|
};
|
|
8111
8117
|
|
|
8112
|
-
var _templateObject$U, _templateObject2$C, _templateObject3$
|
|
8118
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
|
|
8113
8119
|
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8114
8120
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
8115
8121
|
return props.clickable ? 'pointer' : 'default';
|
|
8116
8122
|
}, devices.mobile);
|
|
8117
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8123
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
8118
8124
|
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 22px;\n\n & > * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n gap: 12px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
|
|
8119
8125
|
return props.showImage ? 2 : '1 / span 4';
|
|
8120
8126
|
}, devices.mobile);
|
|
@@ -8192,7 +8198,7 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
8192
8198
|
}), link.text)));
|
|
8193
8199
|
};
|
|
8194
8200
|
|
|
8195
|
-
var _templateObject$V, _templateObject2$D, _templateObject3$
|
|
8201
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$n, _templateObject5$i;
|
|
8196
8202
|
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__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) {
|
|
8197
8203
|
var imageToLeft = _ref.imageToLeft;
|
|
8198
8204
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
@@ -8201,7 +8207,7 @@ var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$D
|
|
|
8201
8207
|
var imageToLeft = _ref2.imageToLeft;
|
|
8202
8208
|
return imageToLeft ? 'left' : 'right';
|
|
8203
8209
|
}, devices.mobile);
|
|
8204
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8210
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
8205
8211
|
var imageToLeft = _ref3.imageToLeft;
|
|
8206
8212
|
return imageToLeft ? 'right' : 'left';
|
|
8207
8213
|
}, devices.mobile);
|
|
@@ -8237,10 +8243,10 @@ var Editorial = function Editorial(_ref) {
|
|
|
8237
8243
|
})))));
|
|
8238
8244
|
};
|
|
8239
8245
|
|
|
8240
|
-
var _templateObject$W, _templateObject2$E, _templateObject3$
|
|
8246
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$o, _templateObject5$j;
|
|
8241
8247
|
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
8242
8248
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8243
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
8249
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
8244
8250
|
if (!props.infoThemed) {
|
|
8245
8251
|
return;
|
|
8246
8252
|
} else {
|
|
@@ -8375,7 +8381,7 @@ var Information = function Information(_ref) {
|
|
|
8375
8381
|
}))));
|
|
8376
8382
|
};
|
|
8377
8383
|
|
|
8378
|
-
var _templateObject$X, _templateObject2$F, _templateObject3$
|
|
8384
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
|
|
8379
8385
|
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
8380
8386
|
var theme = _ref.theme;
|
|
8381
8387
|
return theme.colors.primary;
|
|
@@ -8384,7 +8390,7 @@ var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (
|
|
|
8384
8390
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
8385
8391
|
}, devices.mobile);
|
|
8386
8392
|
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
|
|
8387
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8393
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
|
|
8388
8394
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
8389
8395
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
8390
8396
|
}, devices.mobile);
|
|
@@ -8482,10 +8488,10 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8482
8488
|
})));
|
|
8483
8489
|
};
|
|
8484
8490
|
|
|
8485
|
-
var _templateObject$Y, _templateObject2$G, _templateObject3$
|
|
8491
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
|
|
8486
8492
|
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__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: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
8487
8493
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\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);
|
|
8488
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
8494
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$y || (_templateObject3$y = /*#__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 height: 100%;\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 align-content: center;\n\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 . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
8489
8495
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__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);
|
|
8490
8496
|
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
8491
8497
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__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);
|
|
@@ -8558,7 +8564,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8558
8564
|
}, "Scroll Down")) : null);
|
|
8559
8565
|
};
|
|
8560
8566
|
|
|
8561
|
-
var _templateObject$Z, _templateObject2$H, _templateObject3$
|
|
8567
|
+
var _templateObject$Z, _templateObject2$H, _templateObject3$z, _templateObject4$r, _templateObject5$m;
|
|
8562
8568
|
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__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) {
|
|
8563
8569
|
var color = _ref.color;
|
|
8564
8570
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
@@ -8570,7 +8576,7 @@ var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templat
|
|
|
8570
8576
|
var hasImage = _ref3.hasImage;
|
|
8571
8577
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
8572
8578
|
});
|
|
8573
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8579
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__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);
|
|
8574
8580
|
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
8575
8581
|
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
8576
8582
|
|
|
@@ -8626,10 +8632,10 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8626
8632
|
}))));
|
|
8627
8633
|
};
|
|
8628
8634
|
|
|
8629
|
-
var _templateObject$$, _templateObject2$I, _templateObject3$
|
|
8635
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8630
8636
|
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__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);
|
|
8631
8637
|
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__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"])));
|
|
8632
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8638
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8633
8639
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__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);
|
|
8634
8640
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\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 svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
8635
8641
|
var invert = _ref.invert,
|
|
@@ -8961,11 +8967,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8961
8967
|
}), linkText))));
|
|
8962
8968
|
};
|
|
8963
8969
|
|
|
8964
|
-
var _templateObject$10, _templateObject2$J, _templateObject3$
|
|
8970
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$s;
|
|
8965
8971
|
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8966
8972
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
8967
8973
|
|
|
8968
|
-
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
8974
|
+
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
8969
8975
|
var active = _ref.active;
|
|
8970
8976
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
8971
8977
|
});
|
|
@@ -9038,10 +9044,10 @@ var Pagination = function Pagination(_ref) {
|
|
|
9038
9044
|
}))));
|
|
9039
9045
|
};
|
|
9040
9046
|
|
|
9041
|
-
var _templateObject$11, _templateObject2$K, _templateObject3$
|
|
9047
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
|
|
9042
9048
|
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__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);
|
|
9043
9049
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9044
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9050
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9045
9051
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9046
9052
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9047
9053
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$i || (_templateObject6$i = /*#__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"])));
|
|
@@ -9100,13 +9106,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9100
9106
|
}));
|
|
9101
9107
|
};
|
|
9102
9108
|
|
|
9103
|
-
var _templateObject$12, _templateObject2$L, _templateObject3$
|
|
9109
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$D, _templateObject4$u;
|
|
9104
9110
|
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9105
9111
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
|
|
9106
9112
|
var columnCount = _ref.columnCount;
|
|
9107
9113
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9108
9114
|
}, devices.mobile, devices.tablet);
|
|
9109
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9115
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
9110
9116
|
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9111
9117
|
|
|
9112
9118
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -9243,7 +9249,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9243
9249
|
}, creditEntries);
|
|
9244
9250
|
};
|
|
9245
9251
|
|
|
9246
|
-
var _templateObject$13, _templateObject2$M, _templateObject3$
|
|
9252
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
9247
9253
|
var LENGTH_TEXT = 28;
|
|
9248
9254
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9249
9255
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9261,7 +9267,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 ||
|
|
|
9261
9267
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
9262
9268
|
});
|
|
9263
9269
|
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$M || (_templateObject2$M = /*#__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"])));
|
|
9264
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9270
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__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 (_ref4) {
|
|
9265
9271
|
var theme = _ref4.theme;
|
|
9266
9272
|
return theme.colors.black;
|
|
9267
9273
|
}, function (_ref5) {
|
|
@@ -9525,7 +9531,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9525
9531
|
}))));
|
|
9526
9532
|
};
|
|
9527
9533
|
|
|
9528
|
-
var _templateObject$14, _templateObject2$N, _templateObject3$
|
|
9534
|
+
var _templateObject$14, _templateObject2$N, _templateObject3$F, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
|
|
9529
9535
|
var LENGTH_TEXT$2 = 28;
|
|
9530
9536
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9531
9537
|
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
@@ -9539,7 +9545,7 @@ var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObjec
|
|
|
9539
9545
|
var imageToLeft = _ref3.imageToLeft;
|
|
9540
9546
|
return imageToLeft ? 'left' : 'right';
|
|
9541
9547
|
}, devices.mobile);
|
|
9542
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9548
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
9543
9549
|
var imageToLeft = _ref4.imageToLeft;
|
|
9544
9550
|
return imageToLeft ? 'right' : 'left';
|
|
9545
9551
|
}, devices.mobile);
|
|
@@ -9847,7 +9853,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9847
9853
|
})));
|
|
9848
9854
|
};
|
|
9849
9855
|
|
|
9850
|
-
var _templateObject$17, _templateObject2$O, _templateObject3$
|
|
9856
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$G;
|
|
9851
9857
|
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9852
9858
|
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9853
9859
|
var horizontalMode = _ref.horizontalMode;
|
|
@@ -9857,7 +9863,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_temp
|
|
|
9857
9863
|
var gap = _ref2.gap;
|
|
9858
9864
|
return gap + "px";
|
|
9859
9865
|
});
|
|
9860
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9866
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9861
9867
|
var darkMode = _ref3.darkMode;
|
|
9862
9868
|
if (darkMode) return 'var(--base-color-white)';
|
|
9863
9869
|
return 'var(--base-color-errorstate)';
|
|
@@ -9937,10 +9943,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9937
9943
|
}, error)));
|
|
9938
9944
|
};
|
|
9939
9945
|
|
|
9940
|
-
var _templateObject$18, _templateObject2$P, _templateObject3$
|
|
9946
|
+
var _templateObject$18, _templateObject2$P, _templateObject3$H;
|
|
9941
9947
|
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
9942
9948
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
9943
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9949
|
+
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
9944
9950
|
|
|
9945
9951
|
var StatusBanner = function StatusBanner(_ref) {
|
|
9946
9952
|
var statusText = _ref.statusText,
|
|
@@ -10031,7 +10037,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10031
10037
|
}, description))));
|
|
10032
10038
|
};
|
|
10033
10039
|
|
|
10034
|
-
var _templateObject$1a, _templateObject2$Q, _templateObject3$
|
|
10040
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
10035
10041
|
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
10036
10042
|
var theme = _ref.theme;
|
|
10037
10043
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10046,7 +10052,7 @@ var borderStyles = /*#__PURE__*/styled.css(_templateObject2$Q || (_templateObjec
|
|
|
10046
10052
|
var theme = _ref4.theme;
|
|
10047
10053
|
return theme.colors.darkgrey;
|
|
10048
10054
|
});
|
|
10049
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
10055
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10050
10056
|
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
10051
10057
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
10052
10058
|
var theme = _ref5.theme;
|
|
@@ -10454,7 +10460,7 @@ function Select(_ref3) {
|
|
|
10454
10460
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
10455
10461
|
}
|
|
10456
10462
|
|
|
10457
|
-
var _templateObject$1b, _templateObject2$R, _templateObject3$
|
|
10463
|
+
var _templateObject$1b, _templateObject2$R, _templateObject3$J, _templateObject4$y;
|
|
10458
10464
|
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10459
10465
|
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\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 text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\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 text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\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 text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\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 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-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
10460
10466
|
var width = _ref.width;
|
|
@@ -10473,7 +10479,7 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_t
|
|
|
10473
10479
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
10474
10480
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
10475
10481
|
});
|
|
10476
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10482
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
10477
10483
|
var darkMode = _ref5.darkMode;
|
|
10478
10484
|
if (darkMode) return "var(--base-color-white)";
|
|
10479
10485
|
return "var(--base-color-black)";
|
|
@@ -10674,13 +10680,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10674
10680
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10675
10681
|
};
|
|
10676
10682
|
|
|
10677
|
-
var _templateObject$1e, _templateObject2$T, _templateObject3$
|
|
10683
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$K;
|
|
10678
10684
|
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10679
10685
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10680
10686
|
var displayAttribution = _ref.displayAttribution;
|
|
10681
10687
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
10682
10688
|
});
|
|
10683
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10689
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
|
|
10684
10690
|
|
|
10685
10691
|
var Quote = function Quote(_ref) {
|
|
10686
10692
|
var text = _ref.text,
|
|
@@ -10704,10 +10710,10 @@ var Quote = function Quote(_ref) {
|
|
|
10704
10710
|
}, attribution))));
|
|
10705
10711
|
};
|
|
10706
10712
|
|
|
10707
|
-
var _templateObject$1f, _templateObject2$U, _templateObject3$
|
|
10713
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$z, _templateObject5$s, _templateObject6$m;
|
|
10708
10714
|
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__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"])));
|
|
10709
10715
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10710
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
10716
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10711
10717
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10712
10718
|
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__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);
|
|
10713
10719
|
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$m || (_templateObject6$m = /*#__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);
|
|
@@ -10748,10 +10754,10 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10748
10754
|
}, title)))));
|
|
10749
10755
|
};
|
|
10750
10756
|
|
|
10751
|
-
var _templateObject$1g, _templateObject2$V, _templateObject3$
|
|
10757
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$A, _templateObject5$t;
|
|
10752
10758
|
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
10753
10759
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10754
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10760
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10755
10761
|
var isVisible = _ref.isVisible;
|
|
10756
10762
|
return isVisible ? 'visible' : 'hidden';
|
|
10757
10763
|
});
|
|
@@ -10846,10 +10852,10 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10846
10852
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10847
10853
|
};
|
|
10848
10854
|
|
|
10849
|
-
var _templateObject$1h, _templateObject2$W, _templateObject3$
|
|
10855
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$B, _templateObject5$u;
|
|
10850
10856
|
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10851
10857
|
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10852
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
10858
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10853
10859
|
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10854
10860
|
var isActive = _ref.isActive;
|
|
10855
10861
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
@@ -11024,10 +11030,10 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11024
11030
|
});
|
|
11025
11031
|
};
|
|
11026
11032
|
|
|
11027
|
-
var _templateObject$1i, _templateObject2$X, _templateObject3$
|
|
11033
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$C, _templateObject5$v, _templateObject6$n;
|
|
11028
11034
|
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11029
11035
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11030
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11036
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11031
11037
|
var color = _ref.color;
|
|
11032
11038
|
return "var(--base-color-" + color + ")";
|
|
11033
11039
|
});
|
|
@@ -11122,10 +11128,10 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11122
11128
|
}, strengthLabel))));
|
|
11123
11129
|
};
|
|
11124
11130
|
|
|
11125
|
-
var _templateObject$1j, _templateObject2$Y, _templateObject3$
|
|
11131
|
+
var _templateObject$1j, _templateObject2$Y, _templateObject3$P, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
11126
11132
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11127
11133
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11128
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11134
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11129
11135
|
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\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 padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
11130
11136
|
return "var(--base-color-" + props.lineColor + ")";
|
|
11131
11137
|
}, function (props) {
|
|
@@ -11318,7 +11324,7 @@ var Table = function Table(_ref) {
|
|
|
11318
11324
|
}))))))));
|
|
11319
11325
|
};
|
|
11320
11326
|
|
|
11321
|
-
var _templateObject$1k, _templateObject2$Z, _templateObject3$
|
|
11327
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$Q, _templateObject4$E, _templateObject5$x, _templateObject6$p, _templateObject7$h, _templateObject8$d, _templateObject9$8, _templateObject10$8, _templateObject11$4, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1;
|
|
11322
11328
|
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11323
11329
|
var theme = _ref.theme;
|
|
11324
11330
|
return "var(--base-color-" + theme + ")";
|
|
@@ -11327,7 +11333,7 @@ var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1k || (_temp
|
|
|
11327
11333
|
return "var(--base-color-" + theme + ")";
|
|
11328
11334
|
});
|
|
11329
11335
|
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11330
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
11336
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--base-color-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);
|
|
11331
11337
|
var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--base-color-errorstate);\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11332
11338
|
var Form = /*#__PURE__*/styled__default.form(_templateObject5$x || (_templateObject5$x = /*#__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$1);
|
|
11333
11339
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__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);
|
|
@@ -11760,13 +11766,13 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
|
11760
11766
|
}))));
|
|
11761
11767
|
};
|
|
11762
11768
|
|
|
11763
|
-
var _templateObject$1l, _templateObject2$_, _templateObject3$
|
|
11769
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$R, _templateObject4$F;
|
|
11764
11770
|
var AnchorBarContainer = /*#__PURE__*/styled__default('div')(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 50px;\n min-height: 70px;\n background: var(--base-color-white);\n ", "\n border-bottom: 2px solid var(--base-color-lightgrey);\n z-index: ", ";\n\n @media ", " {\n padding: 0 20px;\n min-height: 60px;\n }\n"])), function (_ref) {
|
|
11765
11771
|
var hideTopBorder = _ref.hideTopBorder;
|
|
11766
11772
|
return !hideTopBorder && 'border-top: 2px solid var(--base-color-lightgrey);';
|
|
11767
11773
|
}, zIndexes.anchor, devices.mobile);
|
|
11768
11774
|
var CTAWrapper = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n min-height: 28px;\n\n @media ", " {\n min-height: 24px;\n }\n"])), devices.mobile);
|
|
11769
|
-
var CTALink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
11775
|
+
var CTALink = /*#__PURE__*/styled__default.a(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: underline;\n text-decoration-color: var(--base-color-black);\n text-underline-offset: 4px;\n line-height: 1.6;\n color: var(--base-color-black);\n font-weight: var(--font-weight-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n cursor: pointer;\n"])));
|
|
11770
11776
|
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$F || (_templateObject4$F = /*#__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"])));
|
|
11771
11777
|
|
|
11772
11778
|
var AnchorBar = function AnchorBar(_ref) {
|
|
@@ -11887,10 +11893,10 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
11887
11893
|
}, children)));
|
|
11888
11894
|
};
|
|
11889
11895
|
|
|
11890
|
-
var _templateObject$1n, _templateObject2$10, _templateObject3$
|
|
11896
|
+
var _templateObject$1n, _templateObject2$10, _templateObject3$S, _templateObject4$G;
|
|
11891
11897
|
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
11892
11898
|
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
11893
|
-
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11899
|
+
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11894
11900
|
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
11895
11901
|
|
|
11896
11902
|
var _excluded$q = ["isOpen", "setIsOpen", "children", "appElementId"];
|