@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
package/dist/chord.esm.js
CHANGED
|
@@ -3811,8 +3811,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3811
3811
|
}));
|
|
3812
3812
|
};
|
|
3813
3813
|
|
|
3814
|
-
var _templateObject$l, _templateObject2$a;
|
|
3815
|
-
var TabText = /*#__PURE__*/styled.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) {
|
|
3814
|
+
var _templateObject$l, _templateObject2$a, _templateObject3$6;
|
|
3815
|
+
var TabText = /*#__PURE__*/styled.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) {
|
|
3816
3816
|
if (props.withIcon === 'left') {
|
|
3817
3817
|
return "margin-left: 5px;";
|
|
3818
3818
|
}
|
|
@@ -3856,6 +3856,7 @@ var TitleContainer = /*#__PURE__*/styled.div(_templateObject2$a || (_templateObj
|
|
|
3856
3856
|
var colorPrimary = _ref4.colorPrimary;
|
|
3857
3857
|
return colorPrimary;
|
|
3858
3858
|
});
|
|
3859
|
+
var InvisibleSEOAnchorText = /*#__PURE__*/styled.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"])));
|
|
3859
3860
|
|
|
3860
3861
|
var Tab = function Tab(_ref) {
|
|
3861
3862
|
var title = _ref.title,
|
|
@@ -3873,7 +3874,8 @@ var Tab = function Tab(_ref) {
|
|
|
3873
3874
|
_ref$withTextInMobile = _ref.withTextInMobile,
|
|
3874
3875
|
withTextInMobile = _ref$withTextInMobile === void 0 ? true : _ref$withTextInMobile,
|
|
3875
3876
|
_ref$colorPrimary = _ref.colorPrimary,
|
|
3876
|
-
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary
|
|
3877
|
+
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary,
|
|
3878
|
+
alternativeSEOAnchorText = _ref.alternativeSEOAnchorText;
|
|
3877
3879
|
|
|
3878
3880
|
var clickHandler = function clickHandler() {
|
|
3879
3881
|
if (onClick) {
|
|
@@ -3911,8 +3913,9 @@ var Tab = function Tab(_ref) {
|
|
|
3911
3913
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
3912
3914
|
href: "#",
|
|
3913
3915
|
onClick: tabTextClickHandler,
|
|
3914
|
-
withTextInMobile: withTextInMobile
|
|
3915
|
-
|
|
3916
|
+
withTextInMobile: withTextInMobile,
|
|
3917
|
+
"aria-label": title || alternativeSEOAnchorText
|
|
3918
|
+
}, title || /*#__PURE__*/React__default.createElement(InvisibleSEOAnchorText, null, alternativeSEOAnchorText)), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
3916
3919
|
iconName: iconName
|
|
3917
3920
|
}));
|
|
3918
3921
|
};
|
|
@@ -3971,7 +3974,7 @@ var TabLink = function TabLink(_ref) {
|
|
|
3971
3974
|
})) : null, children);
|
|
3972
3975
|
};
|
|
3973
3976
|
|
|
3974
|
-
var _templateObject$n, _templateObject2$c, _templateObject3$
|
|
3977
|
+
var _templateObject$n, _templateObject2$c, _templateObject3$7, _templateObject4$3;
|
|
3975
3978
|
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3976
3979
|
var width = _ref.width;
|
|
3977
3980
|
return width ? width + "px;" : '100%;';
|
|
@@ -3983,7 +3986,7 @@ var TextAreaLabel = /*#__PURE__*/styled.div(_templateObject2$c || (_templateObje
|
|
|
3983
3986
|
var darkMode = _ref3.darkMode;
|
|
3984
3987
|
return darkMode ? 'color: var(--base-color-white)' : '';
|
|
3985
3988
|
});
|
|
3986
|
-
var TextAreaBox = /*#__PURE__*/styled.textarea(_templateObject3$
|
|
3989
|
+
var TextAreaBox = /*#__PURE__*/styled.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) {
|
|
3987
3990
|
var error = _ref4.error;
|
|
3988
3991
|
return !!error ? 'var(--base-color-errorstate)' : 'var(--base-color-lightgrey)';
|
|
3989
3992
|
}, function (_ref5) {
|
|
@@ -4096,14 +4099,14 @@ var TextArea = function TextArea(_ref) {
|
|
|
4096
4099
|
}, error))));
|
|
4097
4100
|
};
|
|
4098
4101
|
|
|
4099
|
-
var _templateObject$o, _templateObject2$d, _templateObject3$
|
|
4102
|
+
var _templateObject$o, _templateObject2$d, _templateObject3$8, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
4100
4103
|
var Container$1 = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4101
4104
|
var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
4102
4105
|
var width = _ref.width;
|
|
4103
4106
|
if (!width) return 'none';
|
|
4104
4107
|
return width + 'px';
|
|
4105
4108
|
});
|
|
4106
|
-
var Input = /*#__PURE__*/styled.input(_templateObject3$
|
|
4109
|
+
var Input = /*#__PURE__*/styled.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) {
|
|
4107
4110
|
var isPasswordField = _ref2.isPasswordField;
|
|
4108
4111
|
if (isPasswordField) return "80px";
|
|
4109
4112
|
return "20px";
|
|
@@ -4229,7 +4232,7 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4229
4232
|
}, error)));
|
|
4230
4233
|
});
|
|
4231
4234
|
|
|
4232
|
-
var _templateObject$p, _templateObject2$e, _templateObject3$
|
|
4235
|
+
var _templateObject$p, _templateObject2$e, _templateObject3$9, _templateObject4$5, _templateObject5$3;
|
|
4233
4236
|
var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4234
4237
|
var textStyles = /*#__PURE__*/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) {
|
|
4235
4238
|
var theme = _ref.theme;
|
|
@@ -4241,7 +4244,7 @@ var textStyles = /*#__PURE__*/css(_templateObject2$e || (_templateObject2$e = /*
|
|
|
4241
4244
|
var theme = _ref3.theme;
|
|
4242
4245
|
return theme.spacing[7];
|
|
4243
4246
|
});
|
|
4244
|
-
var Input$1 = /*#__PURE__*/styled.input(_templateObject3$
|
|
4247
|
+
var Input$1 = /*#__PURE__*/styled.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) {
|
|
4245
4248
|
var width = _ref4.width;
|
|
4246
4249
|
return width ? width + 'px' : '196px';
|
|
4247
4250
|
}, function (_ref5) {
|
|
@@ -4343,7 +4346,7 @@ var TextLogoProduct;
|
|
|
4343
4346
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4344
4347
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4345
4348
|
|
|
4346
|
-
var _templateObject$r, _templateObject2$g, _templateObject3$
|
|
4349
|
+
var _templateObject$r, _templateObject2$g, _templateObject3$a, _templateObject4$6;
|
|
4347
4350
|
var TickboxError = /*#__PURE__*/styled.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4348
4351
|
var dark = _ref.dark;
|
|
4349
4352
|
return dark ? 'white' : 'errorstate';
|
|
@@ -4357,7 +4360,7 @@ var TickboxLabel$1 = /*#__PURE__*/styled.label(_templateObject2$g || (_templateO
|
|
|
4357
4360
|
var disabled = _ref3.disabled;
|
|
4358
4361
|
return disabled ? 'not-allowed' : 'pointer';
|
|
4359
4362
|
}, devices.mobileAndTablet);
|
|
4360
|
-
var TickboxCheckmark = /*#__PURE__*/styled.span(_templateObject3$
|
|
4363
|
+
var TickboxCheckmark = /*#__PURE__*/styled.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) {
|
|
4361
4364
|
var dark = _ref4.dark,
|
|
4362
4365
|
disabled = _ref4.disabled,
|
|
4363
4366
|
error = _ref4.error;
|
|
@@ -4465,7 +4468,7 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4465
4468
|
}, error)));
|
|
4466
4469
|
};
|
|
4467
4470
|
|
|
4468
|
-
var _templateObject$s, _templateObject2$h, _templateObject3$
|
|
4471
|
+
var _templateObject$s, _templateObject2$h, _templateObject3$b, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4469
4472
|
var Container$2 = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4470
4473
|
var Tickbox$1 = /*#__PURE__*/styled.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) {
|
|
4471
4474
|
var error = _ref.error,
|
|
@@ -4490,7 +4493,7 @@ var Tickbox$1 = /*#__PURE__*/styled.div(_templateObject2$h || (_templateObject2$
|
|
|
4490
4493
|
if (blackBox) return 'var(--base-color-white)';
|
|
4491
4494
|
return ' var(--base-color-black)';
|
|
4492
4495
|
});
|
|
4493
|
-
var TickboxLabel$2 = /*#__PURE__*/styled.label(_templateObject3$
|
|
4496
|
+
var TickboxLabel$2 = /*#__PURE__*/styled.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) {
|
|
4494
4497
|
var blackBox = _ref4.blackBox,
|
|
4495
4498
|
darkMode = _ref4.darkMode;
|
|
4496
4499
|
if (darkMode) return 'var(--base-color-white)';
|
|
@@ -4577,7 +4580,7 @@ var Tickbox2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4577
4580
|
}, error)));
|
|
4578
4581
|
});
|
|
4579
4582
|
|
|
4580
|
-
var _templateObject$t, _templateObject2$i, _templateObject3$
|
|
4583
|
+
var _templateObject$t, _templateObject2$i, _templateObject3$c, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4581
4584
|
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4582
4585
|
var color = _ref.color;
|
|
4583
4586
|
return color;
|
|
@@ -4586,7 +4589,7 @@ var Line = /*#__PURE__*/styled.div(_templateObject2$i || (_templateObject2$i = /
|
|
|
4586
4589
|
var color = _ref2.color;
|
|
4587
4590
|
return color;
|
|
4588
4591
|
}, devices.mobileAndTablet);
|
|
4589
|
-
var TitleWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
4592
|
+
var TitleWrapper = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
|
|
4590
4593
|
var ValuesWrapper = /*#__PURE__*/styled.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);
|
|
4591
4594
|
var TimerLabel = /*#__PURE__*/styled.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"])));
|
|
4592
4595
|
var TimerValueSeparator = /*#__PURE__*/styled.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);
|
|
@@ -5460,10 +5463,10 @@ try {
|
|
|
5460
5463
|
}
|
|
5461
5464
|
});
|
|
5462
5465
|
|
|
5463
|
-
var _templateObject$v, _templateObject2$j, _templateObject3$
|
|
5466
|
+
var _templateObject$v, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5464
5467
|
var VideoPlayButton = /*#__PURE__*/styled.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"])));
|
|
5465
5468
|
var VideoFullscreenButton = /*#__PURE__*/styled.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"])));
|
|
5466
|
-
var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
5469
|
+
var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5467
5470
|
var VideoControlsInnerWrapper = /*#__PURE__*/styled.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"])));
|
|
5468
5471
|
var LeftWrapper = /*#__PURE__*/styled.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
5469
5472
|
var VideoVolume = /*#__PURE__*/styled.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
@@ -5680,13 +5683,13 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5680
5683
|
})));
|
|
5681
5684
|
};
|
|
5682
5685
|
|
|
5683
|
-
var _templateObject$w, _templateObject2$k, _templateObject3$
|
|
5686
|
+
var _templateObject$w, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$7;
|
|
5684
5687
|
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5685
5688
|
var StepperError = /*#__PURE__*/styled.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) {
|
|
5686
5689
|
var darkMode = _ref.darkMode;
|
|
5687
5690
|
return darkMode ? 'white' : 'errorstate';
|
|
5688
5691
|
});
|
|
5689
|
-
var StepperBox = /*#__PURE__*/styled.div(_templateObject3$
|
|
5692
|
+
var StepperBox = /*#__PURE__*/styled.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) {
|
|
5690
5693
|
var darkMode = _ref2.darkMode,
|
|
5691
5694
|
disabled = _ref2.disabled,
|
|
5692
5695
|
error = _ref2.error;
|
|
@@ -5970,13 +5973,13 @@ var ToggleButton = function ToggleButton(_ref) {
|
|
|
5970
5973
|
}, item.label));
|
|
5971
5974
|
};
|
|
5972
5975
|
|
|
5973
|
-
var _templateObject$y, _templateObject2$l, _templateObject3$
|
|
5976
|
+
var _templateObject$y, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5974
5977
|
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5975
5978
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5976
5979
|
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 ";
|
|
5977
5980
|
});
|
|
5978
5981
|
var FullScreenContainer = /*#__PURE__*/styled.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);
|
|
5979
|
-
var NavigationGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
5982
|
+
var NavigationGrid = /*#__PURE__*/styled(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);
|
|
5980
5983
|
var SearchBackground = /*#__PURE__*/styled.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) {
|
|
5981
5984
|
var visible = _ref2.visible;
|
|
5982
5985
|
return visible ? 'visible' : 'hidden';
|
|
@@ -6031,7 +6034,7 @@ var Logo = function Logo(_ref) {
|
|
|
6031
6034
|
var _templateObject$A;
|
|
6032
6035
|
var NavTopContainer$1 = /*#__PURE__*/styled.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);
|
|
6033
6036
|
|
|
6034
|
-
var _templateObject$B, _templateObject2$m, _templateObject3$
|
|
6037
|
+
var _templateObject$B, _templateObject2$m, _templateObject3$g, _templateObject4$c;
|
|
6035
6038
|
var BasketContainer = /*#__PURE__*/styled.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) {
|
|
6036
6039
|
var selected = _ref.selected,
|
|
6037
6040
|
colorPrimary = _ref.colorPrimary;
|
|
@@ -6061,7 +6064,7 @@ var BasketContainer = /*#__PURE__*/styled.div(_templateObject$B || (_templateObj
|
|
|
6061
6064
|
return '';
|
|
6062
6065
|
});
|
|
6063
6066
|
var SvgContainer = /*#__PURE__*/styled.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"])));
|
|
6064
|
-
var NumContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
6067
|
+
var NumContainer = /*#__PURE__*/styled.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"])));
|
|
6065
6068
|
var BasketText = /*#__PURE__*/styled.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"])));
|
|
6066
6069
|
|
|
6067
6070
|
var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
|
|
@@ -6283,7 +6286,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
6283
6286
|
withIcon = _ref$withIcon === void 0 ? 'right' : _ref$withIcon,
|
|
6284
6287
|
_ref$colorPrimary = _ref.colorPrimary,
|
|
6285
6288
|
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary,
|
|
6286
|
-
className = _ref.className
|
|
6289
|
+
className = _ref.className,
|
|
6290
|
+
alternativeSEOAnchorText = _ref.alternativeSEOAnchorText;
|
|
6287
6291
|
var node = useRef();
|
|
6288
6292
|
|
|
6289
6293
|
var _useState = useState(false),
|
|
@@ -6405,7 +6409,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
6405
6409
|
},
|
|
6406
6410
|
onFocus: onFocusTitleHandler,
|
|
6407
6411
|
onReset: onResetHandler,
|
|
6408
|
-
colorPrimary: colorPrimary
|
|
6412
|
+
colorPrimary: colorPrimary,
|
|
6413
|
+
alternativeSEOAnchorText: alternativeSEOAnchorText
|
|
6409
6414
|
}), withOptions() && open && /*#__PURE__*/React__default.createElement(OptionsContainer, {
|
|
6410
6415
|
withOptionsInMobile: withOptionsInMobile,
|
|
6411
6416
|
withIcon: withIcon,
|
|
@@ -6475,7 +6480,8 @@ var Account = function Account(_ref) {
|
|
|
6475
6480
|
iconName: iconName,
|
|
6476
6481
|
withOptionsInMobile: false,
|
|
6477
6482
|
withIcon: 'left',
|
|
6478
|
-
colorPrimary: colorPrimary
|
|
6483
|
+
colorPrimary: colorPrimary,
|
|
6484
|
+
alternativeSEOAnchorText: "Account"
|
|
6479
6485
|
});
|
|
6480
6486
|
};
|
|
6481
6487
|
|
|
@@ -6517,7 +6523,7 @@ var NavTop = function NavTop(_ref) {
|
|
|
6517
6523
|
}));
|
|
6518
6524
|
};
|
|
6519
6525
|
|
|
6520
|
-
var _templateObject$D, _templateObject2$o, _templateObject3$
|
|
6526
|
+
var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject4$d;
|
|
6521
6527
|
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6522
6528
|
var ItemsContainer = /*#__PURE__*/styled.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) {
|
|
6523
6529
|
if (props.showMenu) {
|
|
@@ -6526,7 +6532,7 @@ var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$o || (_templateObj
|
|
|
6526
6532
|
|
|
6527
6533
|
return "display: none;";
|
|
6528
6534
|
});
|
|
6529
|
-
var MenuContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
6535
|
+
var MenuContainer$1 = /*#__PURE__*/styled.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) {
|
|
6530
6536
|
var colorPrimary = _ref.colorPrimary;
|
|
6531
6537
|
return colorPrimary;
|
|
6532
6538
|
}, function (_ref2) {
|
|
@@ -6660,10 +6666,10 @@ var Tabs = function Tabs(_ref) {
|
|
|
6660
6666
|
}, "MENU"))));
|
|
6661
6667
|
};
|
|
6662
6668
|
|
|
6663
|
-
var _templateObject$E, _templateObject2$p, _templateObject3$
|
|
6669
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6664
6670
|
var SearchBarContainer = /*#__PURE__*/styled.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);
|
|
6665
6671
|
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6666
|
-
var SvgContainerClose = /*#__PURE__*/styled.div(_templateObject3$
|
|
6672
|
+
var SvgContainerClose = /*#__PURE__*/styled.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"])));
|
|
6667
6673
|
var InputContainer = /*#__PURE__*/styled.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);
|
|
6668
6674
|
var SearchLinkContainer = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6669
6675
|
var SearchArrowContainer = /*#__PURE__*/styled.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);
|
|
@@ -6898,18 +6904,18 @@ var Navigation = function Navigation(_ref) {
|
|
|
6898
6904
|
})))));
|
|
6899
6905
|
};
|
|
6900
6906
|
|
|
6901
|
-
var _templateObject$F, _templateObject2$q, _templateObject3$
|
|
6907
|
+
var _templateObject$F, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6902
6908
|
var FooterSection = /*#__PURE__*/styled.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6903
6909
|
var FooterContainer = /*#__PURE__*/styled.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"])));
|
|
6904
|
-
var PolicyLinksRow = /*#__PURE__*/styled.div(_templateObject3$
|
|
6910
|
+
var PolicyLinksRow = /*#__PURE__*/styled.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);
|
|
6905
6911
|
var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6906
6912
|
var ArtsLogoRow = /*#__PURE__*/styled.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);
|
|
6907
6913
|
var AdditionalInfo = /*#__PURE__*/styled.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);
|
|
6908
6914
|
|
|
6909
|
-
var _templateObject$G, _templateObject2$r, _templateObject3$
|
|
6915
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$k;
|
|
6910
6916
|
var PolicyLinksList = /*#__PURE__*/styled.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);
|
|
6911
6917
|
var PolicyLinkItem = /*#__PURE__*/styled.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);
|
|
6912
|
-
var PolicyLink = /*#__PURE__*/styled.a(_templateObject3$
|
|
6918
|
+
var PolicyLink = /*#__PURE__*/styled.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"])));
|
|
6913
6919
|
|
|
6914
6920
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
6915
6921
|
var _ref$items = _ref.items,
|
|
@@ -6925,10 +6931,10 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6925
6931
|
}));
|
|
6926
6932
|
};
|
|
6927
6933
|
|
|
6928
|
-
var _templateObject$H, _templateObject2$s, _templateObject3$
|
|
6934
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6929
6935
|
var ContactNewsletterWrapper = /*#__PURE__*/styled.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);
|
|
6930
6936
|
var ContactNewsletterSeparator = /*#__PURE__*/styled.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);
|
|
6931
|
-
var SignUpWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
6937
|
+
var SignUpWrapper = /*#__PURE__*/styled.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);
|
|
6932
6938
|
var SignUpText = /*#__PURE__*/styled.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);
|
|
6933
6939
|
var ContactWrapper = /*#__PURE__*/styled.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);
|
|
6934
6940
|
var MediaLinksWrapper = /*#__PURE__*/styled.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);
|
|
@@ -6999,14 +7005,14 @@ var Footer = function Footer(_ref) {
|
|
|
6999
7005
|
}, additionalInfo)))));
|
|
7000
7006
|
};
|
|
7001
7007
|
|
|
7002
|
-
var _templateObject$I, _templateObject2$t, _templateObject3$
|
|
7008
|
+
var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
7003
7009
|
var LIST_ITEM_GAP = 32;
|
|
7004
7010
|
var AnchorTabbarWrapper = /*#__PURE__*/styled.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) {
|
|
7005
7011
|
var bottomBorder = _ref.bottomBorder;
|
|
7006
7012
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
7007
7013
|
}, zIndexes.anchor);
|
|
7008
7014
|
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
7009
|
-
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7015
|
+
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
7010
7016
|
var TabsList = /*#__PURE__*/styled.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) {
|
|
7011
7017
|
var tabsOverflow = _ref2.tabsOverflow;
|
|
7012
7018
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
@@ -7267,13 +7273,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
7267
7273
|
})) : null) : null))));
|
|
7268
7274
|
};
|
|
7269
7275
|
|
|
7270
|
-
var _templateObject$J, _templateObject2$u, _templateObject3$
|
|
7276
|
+
var _templateObject$J, _templateObject2$u, _templateObject3$n, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
7271
7277
|
var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
|
|
7272
7278
|
var sticky = _ref.sticky;
|
|
7273
7279
|
return sticky ? 'sticky' : 'initial';
|
|
7274
7280
|
}, zIndexes.anchor);
|
|
7275
7281
|
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
7276
|
-
var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$
|
|
7282
|
+
var TitleCTAGridItem = /*#__PURE__*/styled.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) {
|
|
7277
7283
|
var title = _ref2.title;
|
|
7278
7284
|
return title ? 'row' : 'row-reverse';
|
|
7279
7285
|
}, devices.tablet, devices.mobile);
|
|
@@ -7331,10 +7337,10 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
7331
7337
|
}, message)));
|
|
7332
7338
|
};
|
|
7333
7339
|
|
|
7334
|
-
var _templateObject$K, _templateObject2$v, _templateObject3$
|
|
7340
|
+
var _templateObject$K, _templateObject2$v, _templateObject3$o, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
7335
7341
|
var Wrapper$2 = /*#__PURE__*/styled.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);
|
|
7336
7342
|
var PromoLabelWrapper = /*#__PURE__*/styled.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"])));
|
|
7337
|
-
var PromoLabel = /*#__PURE__*/styled.div(_templateObject3$
|
|
7343
|
+
var PromoLabel = /*#__PURE__*/styled.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) {
|
|
7338
7344
|
var theme = _ref.theme;
|
|
7339
7345
|
return theme.colors.primary;
|
|
7340
7346
|
}, Colors.White);
|
|
@@ -7454,18 +7460,18 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
7454
7460
|
}));
|
|
7455
7461
|
};
|
|
7456
7462
|
|
|
7457
|
-
var _templateObject$M, _templateObject2$w, _templateObject3$
|
|
7463
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$p;
|
|
7458
7464
|
var UpsellBorderBox = /*#__PURE__*/styled.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) {
|
|
7459
7465
|
var theme = _ref.theme;
|
|
7460
7466
|
return theme.colors.primary;
|
|
7461
7467
|
}, devices.mobile, devices.tablet);
|
|
7462
7468
|
var TitleContainer$2 = /*#__PURE__*/styled.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);
|
|
7463
|
-
var TextContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
7469
|
+
var TextContainer = /*#__PURE__*/styled.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);
|
|
7464
7470
|
|
|
7465
|
-
var _templateObject$N, _templateObject2$x, _templateObject3$
|
|
7471
|
+
var _templateObject$N, _templateObject2$x, _templateObject3$q, _templateObject4$j, _templateObject5$e, _templateObject6$c;
|
|
7466
7472
|
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7467
7473
|
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7468
|
-
var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
7474
|
+
var ChildrenContainer = /*#__PURE__*/styled.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) {
|
|
7469
7475
|
var isVisible = _ref.isVisible;
|
|
7470
7476
|
return isVisible ? 'visible' : 'hidden';
|
|
7471
7477
|
}, devices.mobile);
|
|
@@ -7624,13 +7630,13 @@ var Theme = function Theme(_ref) {
|
|
|
7624
7630
|
}, children);
|
|
7625
7631
|
};
|
|
7626
7632
|
|
|
7627
|
-
var _templateObject$P, _templateObject2$y, _templateObject3$
|
|
7633
|
+
var _templateObject$P, _templateObject2$y, _templateObject3$r;
|
|
7628
7634
|
var AnnouncementBannerWrapper = /*#__PURE__*/styled.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) {
|
|
7629
7635
|
var theme = _ref.theme;
|
|
7630
7636
|
return theme.colors.primary;
|
|
7631
7637
|
}, devices.mobile);
|
|
7632
7638
|
var SvgContainer$2 = /*#__PURE__*/styled.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);
|
|
7633
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7639
|
+
var ContentContainer$1 = /*#__PURE__*/styled.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"])));
|
|
7634
7640
|
|
|
7635
7641
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
7636
7642
|
var title = _ref.title,
|
|
@@ -7691,7 +7697,7 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7691
7697
|
}), children);
|
|
7692
7698
|
};
|
|
7693
7699
|
|
|
7694
|
-
var _templateObject$R, _templateObject2$z, _templateObject3$
|
|
7700
|
+
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;
|
|
7695
7701
|
var LENGTH_LARGE_TEXT = 28;
|
|
7696
7702
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7697
7703
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -7708,7 +7714,7 @@ var HoverContainer = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObj
|
|
|
7708
7714
|
if (lineColor === Colors.Cinema) return 'var(--base-color-white)';
|
|
7709
7715
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
7710
7716
|
}, zIndexes.contentOverlay);
|
|
7711
|
-
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
7717
|
+
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
7712
7718
|
var ContentContainer$2 = /*#__PURE__*/styled.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) {
|
|
7713
7719
|
var fullWidth = _ref4.fullWidth;
|
|
7714
7720
|
return fullWidth ? '0' : '20px';
|
|
@@ -8045,7 +8051,7 @@ var Cards = function Cards(_ref) {
|
|
|
8045
8051
|
}));
|
|
8046
8052
|
};
|
|
8047
8053
|
|
|
8048
|
-
var _templateObject$T, _templateObject2$B, _templateObject3$
|
|
8054
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$l, _templateObject5$g;
|
|
8049
8055
|
var ContentWrapper = /*#__PURE__*/styled.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);
|
|
8050
8056
|
var Wrapper$4 = /*#__PURE__*/styled.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) {
|
|
8051
8057
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
@@ -8054,7 +8060,7 @@ var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject2$B || (_templateObject2$
|
|
|
8054
8060
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
8055
8061
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
8056
8062
|
}, devices.mobileAndTablet);
|
|
8057
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled.div(_templateObject3$
|
|
8063
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8058
8064
|
var AddressWrapperMobile = /*#__PURE__*/styled.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);
|
|
8059
8065
|
var DetailsWrapper = /*#__PURE__*/styled.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);
|
|
8060
8066
|
|
|
@@ -8114,12 +8120,12 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8114
8120
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
8115
8121
|
};
|
|
8116
8122
|
|
|
8117
|
-
var _templateObject$U, _templateObject2$C, _templateObject3$
|
|
8123
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
|
|
8118
8124
|
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8119
8125
|
var ContentSummaryWrapper = /*#__PURE__*/styled.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) {
|
|
8120
8126
|
return props.clickable ? 'pointer' : 'default';
|
|
8121
8127
|
}, devices.mobile);
|
|
8122
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
8128
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
8123
8129
|
var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 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) {
|
|
8124
8130
|
return props.showImage ? 2 : '1 / span 4';
|
|
8125
8131
|
}, devices.mobile);
|
|
@@ -8197,7 +8203,7 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
8197
8203
|
}), link.text)));
|
|
8198
8204
|
};
|
|
8199
8205
|
|
|
8200
|
-
var _templateObject$V, _templateObject2$D, _templateObject3$
|
|
8206
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$n, _templateObject5$i;
|
|
8201
8207
|
var EditorialGrid = /*#__PURE__*/styled.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) {
|
|
8202
8208
|
var imageToLeft = _ref.imageToLeft;
|
|
8203
8209
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
@@ -8206,7 +8212,7 @@ var EditorialImageWrapper = /*#__PURE__*/styled.div(_templateObject2$D || (_temp
|
|
|
8206
8212
|
var imageToLeft = _ref2.imageToLeft;
|
|
8207
8213
|
return imageToLeft ? 'left' : 'right';
|
|
8208
8214
|
}, devices.mobile);
|
|
8209
|
-
var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
8215
|
+
var EditorialTextWrapper = /*#__PURE__*/styled.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) {
|
|
8210
8216
|
var imageToLeft = _ref3.imageToLeft;
|
|
8211
8217
|
return imageToLeft ? 'right' : 'left';
|
|
8212
8218
|
}, devices.mobile);
|
|
@@ -8242,10 +8248,10 @@ var Editorial = function Editorial(_ref) {
|
|
|
8242
8248
|
})))));
|
|
8243
8249
|
};
|
|
8244
8250
|
|
|
8245
|
-
var _templateObject$W, _templateObject2$E, _templateObject3$
|
|
8251
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$o, _templateObject5$j;
|
|
8246
8252
|
var InfoContent = /*#__PURE__*/styled('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"])));
|
|
8247
8253
|
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8248
|
-
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
8254
|
+
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
8249
8255
|
if (!props.infoThemed) {
|
|
8250
8256
|
return;
|
|
8251
8257
|
} else {
|
|
@@ -8380,7 +8386,7 @@ var Information = function Information(_ref) {
|
|
|
8380
8386
|
}))));
|
|
8381
8387
|
};
|
|
8382
8388
|
|
|
8383
|
-
var _templateObject$X, _templateObject2$F, _templateObject3$
|
|
8389
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
|
|
8384
8390
|
var PageHeadingWrapper = /*#__PURE__*/styled.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) {
|
|
8385
8391
|
var theme = _ref.theme;
|
|
8386
8392
|
return theme.colors.primary;
|
|
@@ -8389,7 +8395,7 @@ var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$X || (_template
|
|
|
8389
8395
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
8390
8396
|
}, devices.mobile);
|
|
8391
8397
|
var PageHeadingGrid = /*#__PURE__*/styled(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);
|
|
8392
|
-
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8398
|
+
var TitleWrapper$1 = /*#__PURE__*/styled.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) {
|
|
8393
8399
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
8394
8400
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
8395
8401
|
}, devices.mobile);
|
|
@@ -8487,10 +8493,10 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8487
8493
|
})));
|
|
8488
8494
|
};
|
|
8489
8495
|
|
|
8490
|
-
var _templateObject$Y, _templateObject2$G, _templateObject3$
|
|
8496
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
|
|
8491
8497
|
var ImpactWrapper = /*#__PURE__*/styled.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);
|
|
8492
8498
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.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);
|
|
8493
|
-
var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
8499
|
+
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
8494
8500
|
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
8495
8501
|
var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
8496
8502
|
var TextWrapper$1 = /*#__PURE__*/styled.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);
|
|
@@ -8563,7 +8569,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8563
8569
|
}, "Scroll Down")) : null);
|
|
8564
8570
|
};
|
|
8565
8571
|
|
|
8566
|
-
var _templateObject$Z, _templateObject2$H, _templateObject3$
|
|
8572
|
+
var _templateObject$Z, _templateObject2$H, _templateObject3$z, _templateObject4$r, _templateObject5$m;
|
|
8567
8573
|
var PanelGrid = /*#__PURE__*/styled(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) {
|
|
8568
8574
|
var color = _ref.color;
|
|
8569
8575
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
@@ -8575,7 +8581,7 @@ var LeftPanel = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$
|
|
|
8575
8581
|
var hasImage = _ref3.hasImage;
|
|
8576
8582
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
8577
8583
|
});
|
|
8578
|
-
var RightPanel = /*#__PURE__*/styled.div(_templateObject3$
|
|
8584
|
+
var RightPanel = /*#__PURE__*/styled.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);
|
|
8579
8585
|
var InfoWrapper$1 = /*#__PURE__*/styled.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);
|
|
8580
8586
|
var ScrollDownWrapper$1 = /*#__PURE__*/styled.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);
|
|
8581
8587
|
|
|
@@ -8631,10 +8637,10 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8631
8637
|
}))));
|
|
8632
8638
|
};
|
|
8633
8639
|
|
|
8634
|
-
var _templateObject$$, _templateObject2$I, _templateObject3$
|
|
8640
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8635
8641
|
var BrandingTextBlock = /*#__PURE__*/styled.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);
|
|
8636
8642
|
var BrandingTextBody = /*#__PURE__*/styled.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"])));
|
|
8637
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
8643
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8638
8644
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.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);
|
|
8639
8645
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\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) {
|
|
8640
8646
|
var invert = _ref.invert,
|
|
@@ -8966,11 +8972,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8966
8972
|
}), linkText))));
|
|
8967
8973
|
};
|
|
8968
8974
|
|
|
8969
|
-
var _templateObject$10, _templateObject2$J, _templateObject3$
|
|
8975
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$s;
|
|
8970
8976
|
var MorePages = /*#__PURE__*/styled.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8971
8977
|
var PageNumberWrapper = /*#__PURE__*/styled.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
|
|
8972
8978
|
|
|
8973
|
-
var PageNumber = /*#__PURE__*/styled.a(_templateObject3$
|
|
8979
|
+
var PageNumber = /*#__PURE__*/styled.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) {
|
|
8974
8980
|
var active = _ref.active;
|
|
8975
8981
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
8976
8982
|
});
|
|
@@ -9043,10 +9049,10 @@ var Pagination = function Pagination(_ref) {
|
|
|
9043
9049
|
}))));
|
|
9044
9050
|
};
|
|
9045
9051
|
|
|
9046
|
-
var _templateObject$11, _templateObject2$K, _templateObject3$
|
|
9052
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
|
|
9047
9053
|
var PeopleListingGrid = /*#__PURE__*/styled(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);
|
|
9048
9054
|
var PersonWrapper = /*#__PURE__*/styled.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"])));
|
|
9049
|
-
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9055
|
+
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9050
9056
|
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9051
9057
|
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9052
9058
|
var PersonLink = /*#__PURE__*/styled.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"])));
|
|
@@ -9105,13 +9111,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9105
9111
|
}));
|
|
9106
9112
|
};
|
|
9107
9113
|
|
|
9108
|
-
var _templateObject$12, _templateObject2$L, _templateObject3$
|
|
9114
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$D, _templateObject4$u;
|
|
9109
9115
|
var ReplacementWrapper$1 = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9110
9116
|
var CreditListingWrapper = /*#__PURE__*/styled(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) {
|
|
9111
9117
|
var columnCount = _ref.columnCount;
|
|
9112
9118
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9113
9119
|
}, devices.mobile, devices.tablet);
|
|
9114
|
-
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9120
|
+
var DescriptionWrapper = /*#__PURE__*/styled.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"])));
|
|
9115
9121
|
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9116
9122
|
|
|
9117
9123
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -9248,7 +9254,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9248
9254
|
}, creditEntries);
|
|
9249
9255
|
};
|
|
9250
9256
|
|
|
9251
|
-
var _templateObject$13, _templateObject2$M, _templateObject3$
|
|
9257
|
+
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;
|
|
9252
9258
|
var LENGTH_TEXT = 28;
|
|
9253
9259
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9254
9260
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9266,7 +9272,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$13 || (_templa
|
|
|
9266
9272
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
9267
9273
|
});
|
|
9268
9274
|
var PromoWithTagsSubtitle = /*#__PURE__*/styled.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"])));
|
|
9269
|
-
var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$
|
|
9275
|
+
var PromoWithTagsText = /*#__PURE__*/styled.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) {
|
|
9270
9276
|
var theme = _ref4.theme;
|
|
9271
9277
|
return theme.colors.black;
|
|
9272
9278
|
}, function (_ref5) {
|
|
@@ -9530,7 +9536,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9530
9536
|
}))));
|
|
9531
9537
|
};
|
|
9532
9538
|
|
|
9533
|
-
var _templateObject$14, _templateObject2$N, _templateObject3$
|
|
9539
|
+
var _templateObject$14, _templateObject2$N, _templateObject3$F, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
|
|
9534
9540
|
var LENGTH_TEXT$2 = 28;
|
|
9535
9541
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9536
9542
|
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
@@ -9544,7 +9550,7 @@ var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$N || (
|
|
|
9544
9550
|
var imageToLeft = _ref3.imageToLeft;
|
|
9545
9551
|
return imageToLeft ? 'left' : 'right';
|
|
9546
9552
|
}, devices.mobile);
|
|
9547
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9553
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.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) {
|
|
9548
9554
|
var imageToLeft = _ref4.imageToLeft;
|
|
9549
9555
|
return imageToLeft ? 'right' : 'left';
|
|
9550
9556
|
}, devices.mobile);
|
|
@@ -9852,7 +9858,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9852
9858
|
})));
|
|
9853
9859
|
};
|
|
9854
9860
|
|
|
9855
|
-
var _templateObject$17, _templateObject2$O, _templateObject3$
|
|
9861
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$G;
|
|
9856
9862
|
var Container$3 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9857
9863
|
var RadioGroup$1 = /*#__PURE__*/styled.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) {
|
|
9858
9864
|
var horizontalMode = _ref.horizontalMode;
|
|
@@ -9862,7 +9868,7 @@ var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObjec
|
|
|
9862
9868
|
var gap = _ref2.gap;
|
|
9863
9869
|
return gap + "px";
|
|
9864
9870
|
});
|
|
9865
|
-
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9871
|
+
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9866
9872
|
var darkMode = _ref3.darkMode;
|
|
9867
9873
|
if (darkMode) return 'var(--base-color-white)';
|
|
9868
9874
|
return 'var(--base-color-errorstate)';
|
|
@@ -9942,10 +9948,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9942
9948
|
}, error)));
|
|
9943
9949
|
};
|
|
9944
9950
|
|
|
9945
|
-
var _templateObject$18, _templateObject2$P, _templateObject3$
|
|
9951
|
+
var _templateObject$18, _templateObject2$P, _templateObject3$H;
|
|
9946
9952
|
var StatusBannerWrapper = /*#__PURE__*/styled.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);
|
|
9947
9953
|
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
9948
|
-
var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9954
|
+
var SvgContainer$3 = /*#__PURE__*/styled.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);
|
|
9949
9955
|
|
|
9950
9956
|
var StatusBanner = function StatusBanner(_ref) {
|
|
9951
9957
|
var statusText = _ref.statusText,
|
|
@@ -10036,7 +10042,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10036
10042
|
}, description))));
|
|
10037
10043
|
};
|
|
10038
10044
|
|
|
10039
|
-
var _templateObject$1a, _templateObject2$Q, _templateObject3$
|
|
10045
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
10040
10046
|
var stateStyles = /*#__PURE__*/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) {
|
|
10041
10047
|
var theme = _ref.theme;
|
|
10042
10048
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10051,7 +10057,7 @@ var borderStyles = /*#__PURE__*/css(_templateObject2$Q || (_templateObject2$Q =
|
|
|
10051
10057
|
var theme = _ref4.theme;
|
|
10052
10058
|
return theme.colors.darkgrey;
|
|
10053
10059
|
});
|
|
10054
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$
|
|
10060
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10055
10061
|
var listItemStyles = /*#__PURE__*/css(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
10056
10062
|
var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
10057
10063
|
var theme = _ref5.theme;
|
|
@@ -10459,7 +10465,7 @@ function Select(_ref3) {
|
|
|
10459
10465
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
10460
10466
|
}
|
|
10461
10467
|
|
|
10462
|
-
var _templateObject$1b, _templateObject2$R, _templateObject3$
|
|
10468
|
+
var _templateObject$1b, _templateObject2$R, _templateObject3$J, _templateObject4$y;
|
|
10463
10469
|
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10464
10470
|
var SelectWrapper$1 = /*#__PURE__*/styled.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) {
|
|
10465
10471
|
var width = _ref.width;
|
|
@@ -10478,7 +10484,7 @@ var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateOb
|
|
|
10478
10484
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
10479
10485
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
10480
10486
|
});
|
|
10481
|
-
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10487
|
+
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
10482
10488
|
var darkMode = _ref5.darkMode;
|
|
10483
10489
|
if (darkMode) return "var(--base-color-white)";
|
|
10484
10490
|
return "var(--base-color-black)";
|
|
@@ -10679,13 +10685,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10679
10685
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10680
10686
|
};
|
|
10681
10687
|
|
|
10682
|
-
var _templateObject$1e, _templateObject2$T, _templateObject3$
|
|
10688
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$K;
|
|
10683
10689
|
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10684
10690
|
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10685
10691
|
var displayAttribution = _ref.displayAttribution;
|
|
10686
10692
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
10687
10693
|
});
|
|
10688
|
-
var Line$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10694
|
+
var Line$1 = /*#__PURE__*/styled.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);
|
|
10689
10695
|
|
|
10690
10696
|
var Quote = function Quote(_ref) {
|
|
10691
10697
|
var text = _ref.text,
|
|
@@ -10709,10 +10715,10 @@ var Quote = function Quote(_ref) {
|
|
|
10709
10715
|
}, attribution))));
|
|
10710
10716
|
};
|
|
10711
10717
|
|
|
10712
|
-
var _templateObject$1f, _templateObject2$U, _templateObject3$
|
|
10718
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$z, _templateObject5$s, _templateObject6$m;
|
|
10713
10719
|
var CardContainer$1 = /*#__PURE__*/styled.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"])));
|
|
10714
10720
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10715
|
-
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$
|
|
10721
|
+
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10716
10722
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10717
10723
|
var IconWrapper$3 = /*#__PURE__*/styled.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);
|
|
10718
10724
|
var TitleWrapper$2 = /*#__PURE__*/styled.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);
|
|
@@ -10753,10 +10759,10 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10753
10759
|
}, title)))));
|
|
10754
10760
|
};
|
|
10755
10761
|
|
|
10756
|
-
var _templateObject$1g, _templateObject2$V, _templateObject3$
|
|
10762
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$A, _templateObject5$t;
|
|
10757
10763
|
var ReadMoreContainer = /*#__PURE__*/styled.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"])));
|
|
10758
10764
|
var LinkContainer = /*#__PURE__*/styled.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"])));
|
|
10759
|
-
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
10765
|
+
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10760
10766
|
var isVisible = _ref.isVisible;
|
|
10761
10767
|
return isVisible ? 'visible' : 'hidden';
|
|
10762
10768
|
});
|
|
@@ -10851,10 +10857,10 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10851
10857
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10852
10858
|
};
|
|
10853
10859
|
|
|
10854
|
-
var _templateObject$1h, _templateObject2$W, _templateObject3$
|
|
10860
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$B, _templateObject5$u;
|
|
10855
10861
|
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10856
10862
|
var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey);
|
|
10857
|
-
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$
|
|
10863
|
+
var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey);
|
|
10858
10864
|
var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref) {
|
|
10859
10865
|
var isActive = _ref.isActive;
|
|
10860
10866
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
@@ -11029,10 +11035,10 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11029
11035
|
});
|
|
11030
11036
|
};
|
|
11031
11037
|
|
|
11032
|
-
var _templateObject$1i, _templateObject2$X, _templateObject3$
|
|
11038
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$C, _templateObject5$v, _templateObject6$n;
|
|
11033
11039
|
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11034
11040
|
var Sections = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11035
|
-
var Section = /*#__PURE__*/styled.div(_templateObject3$
|
|
11041
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11036
11042
|
var color = _ref.color;
|
|
11037
11043
|
return "var(--base-color-" + color + ")";
|
|
11038
11044
|
});
|
|
@@ -11127,10 +11133,10 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11127
11133
|
}, strengthLabel))));
|
|
11128
11134
|
};
|
|
11129
11135
|
|
|
11130
|
-
var _templateObject$1j, _templateObject2$Y, _templateObject3$
|
|
11136
|
+
var _templateObject$1j, _templateObject2$Y, _templateObject3$P, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
11131
11137
|
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11132
11138
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11133
|
-
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$
|
|
11139
|
+
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11134
11140
|
var TableHeader = /*#__PURE__*/styled.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) {
|
|
11135
11141
|
return "var(--base-color-" + props.lineColor + ")";
|
|
11136
11142
|
}, function (props) {
|
|
@@ -11323,7 +11329,7 @@ var Table = function Table(_ref) {
|
|
|
11323
11329
|
}))))))));
|
|
11324
11330
|
};
|
|
11325
11331
|
|
|
11326
|
-
var _templateObject$1k, _templateObject2$Z, _templateObject3$
|
|
11332
|
+
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;
|
|
11327
11333
|
var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11328
11334
|
var theme = _ref.theme;
|
|
11329
11335
|
return "var(--base-color-" + theme + ")";
|
|
@@ -11332,7 +11338,7 @@ var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1k || (_templateObjec
|
|
|
11332
11338
|
return "var(--base-color-" + theme + ")";
|
|
11333
11339
|
});
|
|
11334
11340
|
var SignUpFormWrapper = /*#__PURE__*/styled(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);
|
|
11335
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
11341
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled('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);
|
|
11336
11342
|
var Error$1 = /*#__PURE__*/styled.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"])));
|
|
11337
11343
|
var Form = /*#__PURE__*/styled.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);
|
|
11338
11344
|
var FormFooterWrapper = /*#__PURE__*/styled.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);
|
|
@@ -11765,13 +11771,13 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
|
11765
11771
|
}))));
|
|
11766
11772
|
};
|
|
11767
11773
|
|
|
11768
|
-
var _templateObject$1l, _templateObject2$_, _templateObject3$
|
|
11774
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$R, _templateObject4$F;
|
|
11769
11775
|
var AnchorBarContainer = /*#__PURE__*/styled('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) {
|
|
11770
11776
|
var hideTopBorder = _ref.hideTopBorder;
|
|
11771
11777
|
return !hideTopBorder && 'border-top: 2px solid var(--base-color-lightgrey);';
|
|
11772
11778
|
}, zIndexes.anchor, devices.mobile);
|
|
11773
11779
|
var CTAWrapper = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n min-height: 28px;\n\n @media ", " {\n min-height: 24px;\n }\n"])), devices.mobile);
|
|
11774
|
-
var CTALink = /*#__PURE__*/styled.a(_templateObject3$
|
|
11780
|
+
var CTALink = /*#__PURE__*/styled.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"])));
|
|
11775
11781
|
var CloseButtonWrapper = /*#__PURE__*/styled.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"])));
|
|
11776
11782
|
|
|
11777
11783
|
var AnchorBar = function AnchorBar(_ref) {
|
|
@@ -11892,10 +11898,10 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
11892
11898
|
}, children)));
|
|
11893
11899
|
};
|
|
11894
11900
|
|
|
11895
|
-
var _templateObject$1n, _templateObject2$10, _templateObject3$
|
|
11901
|
+
var _templateObject$1n, _templateObject2$10, _templateObject3$S, _templateObject4$G;
|
|
11896
11902
|
var InnerModal = /*#__PURE__*/styled.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);
|
|
11897
11903
|
var CloseButton = /*#__PURE__*/styled.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);
|
|
11898
|
-
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
11904
|
+
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11899
11905
|
var Overlay = /*#__PURE__*/styled(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"])));
|
|
11900
11906
|
|
|
11901
11907
|
var _excluded$q = ["isOpen", "setIsOpen", "children", "appElementId"];
|