@royaloperahouse/chord 2.4.0 → 2.4.1
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 +4 -0
- package/dist/chord.cjs.development.js +427 -311
- 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 +427 -311
- package/dist/chord.esm.js.map +1 -1
- package/dist/types/types.d.ts +4 -0
- package/package.json +1 -1
|
@@ -125,37 +125,185 @@ var BadgeWrapper = /*#__PURE__*/styled__default.svg(_templateObject || (_templat
|
|
|
125
125
|
|
|
126
126
|
var StreamBadge = function StreamBadge(_ref) {
|
|
127
127
|
var _ref$fillColor = _ref.fillColor,
|
|
128
|
-
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor
|
|
128
|
+
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor,
|
|
129
|
+
_ref$align = _ref.align,
|
|
130
|
+
align = _ref$align === void 0 ? 'center' : _ref$align;
|
|
129
131
|
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
130
132
|
fillColor: fillColor,
|
|
131
133
|
width: "100%",
|
|
132
134
|
height: "100%",
|
|
133
|
-
viewBox: "
|
|
134
|
-
|
|
135
|
-
|
|
135
|
+
viewBox: "110 450 865 200",
|
|
136
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
137
|
+
role: "img",
|
|
138
|
+
"aria-label": "Royal Ballet & Opera - Stream"
|
|
136
139
|
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
137
|
-
d: "
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
d: "
|
|
141
|
-
|
|
140
|
+
d: "M416.81,485.21c0-9.38-6.6-14.94-18.59-14.94h-23.1v60.79h22.84c13.2,0,20.58-7.12,20.58-17.97,0-7.3-4.86-13.11-13.46-14.07,7.9-1.13,11.73-7.47,11.73-13.8ZM389.28,481.3h5.47c5.47,0,7.64,2.69,7.64,6.51s-2.17,6.51-7.73,6.51h-5.38v-13.03ZM395.79,519.59h-6.51v-14.59h6.42c4.95,0,8.43,2.69,8.43,7.29s-3.39,7.29-8.34,7.29Z",
|
|
141
|
+
"stroke-width": "0"
|
|
142
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
143
|
+
d: "M435.74,518.9h19.19l3.73,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM445.29,487.55l5.82,18.85h-11.64l5.82-18.85Z",
|
|
144
|
+
"stroke-width": "0"
|
|
145
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
146
|
+
d: "M774.06,500.66c0-18.15-13.89-31.7-32.56-31.7s-32.56,13.54-32.56,31.7,13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7ZM723.44,500.66c0-10.59,7.81-18.58,18.06-18.58s18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58-18.06-7.99-18.06-18.58Z",
|
|
147
|
+
"stroke-width": "0"
|
|
148
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
149
|
+
points: "511.38 470.27 511.38 531.06 542.64 531.06 542.64 518.38 525.53 518.38 525.53 470.27 511.38 470.27",
|
|
150
|
+
"stroke-width": "0"
|
|
151
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
152
|
+
points: "610.2 531.06 610.2 482.95 623.83 482.95 623.83 470.27 582.41 470.27 582.41 482.95 596.04 482.95 596.04 531.06 610.2 531.06",
|
|
153
|
+
"stroke-width": "0"
|
|
154
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
155
|
+
points: "578.59 482.95 578.59 470.27 546.46 470.27 546.46 531.06 578.59 531.06 578.59 518.38 560.61 518.38 560.61 506.74 575.03 506.74 575.03 494.06 560.61 494.06 560.61 482.95 578.59 482.95",
|
|
156
|
+
"stroke-width": "0"
|
|
157
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
158
|
+
points: "475.86 470.27 475.86 531.06 507.12 531.06 507.12 518.38 490.01 518.38 490.01 470.27 475.86 470.27",
|
|
159
|
+
"stroke-width": "0"
|
|
160
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
161
|
+
points: "324.76 470.27 324.76 531.06 356.02 531.06 356.02 518.38 338.92 518.38 338.92 470.27 324.76 470.27",
|
|
162
|
+
"stroke-width": "0"
|
|
163
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
164
|
+
d: "M800.98,508.48c12.33,0,20.58-7.99,20.58-19.11s-8.25-19.1-20.58-19.1h-23.19v60.79h14.16v-22.58h9.03ZM791.95,481.91h6.42c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56h-6.42v-15.02Z",
|
|
165
|
+
"stroke-width": "0"
|
|
166
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
167
|
+
d: "M923.95,470.27l-19.45,57.31-11.03-20.75c7.12-2.95,11.46-9.38,11.46-17.45,0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.58h3.56l11.55,22.58h27.62l3.73-12.16h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85ZM881.74,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56ZM925.51,506.39l5.82-18.85,5.82,18.85h-11.64Z",
|
|
168
|
+
"stroke-width": "0"
|
|
169
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
170
|
+
d: "M636.25,511c0,12.24,9.38,21.36,22.49,21.36,7.21,0,13.2-2.78,18.24-7.38l4.86,6.08h17.8l-13.37-16.59,9.81-14.33-10.85-7.47-7.64,11.12-16.85-20.84h18.93v-12.68h-36.64v12.68l6.68,8.25c-8.94,4.34-13.46,11.46-13.46,19.8ZM657.61,501.01l11.29,14.07c-2.26,2.34-5.21,4.17-9.03,4.17-5.64,0-9.21-4-9.21-8.77,0-4.26,2.87-7.81,6.95-9.46Z",
|
|
171
|
+
"stroke-width": "0"
|
|
172
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
173
|
+
d: "M176.87,529.41c-9.38-5.9-17.02-14.16-22.06-23.01,6.6-3.04,10.6-9.29,10.6-17.02,0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.84h5.13c6.16,12.68,16.06,24.49,27.87,31.78h0l8.08-10.59ZM142.23,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56Z",
|
|
174
|
+
"stroke-width": "0"
|
|
175
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
176
|
+
d: "M284.56,518.9h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM294.11,487.55l5.82,18.85h-11.64l5.82-18.85Z",
|
|
177
|
+
"stroke-width": "0"
|
|
178
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
179
|
+
d: "M201.1,468.97c-18.58,0-32.56,13.54-32.56,31.7s13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7-13.89-31.7-32.56-31.7ZM201.1,519.25c-10.25,0-18.06-7.99-18.06-18.58s7.81-18.58,18.06-18.58,18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58Z",
|
|
180
|
+
"stroke-width": "0"
|
|
181
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
182
|
+
points: "254.42 490.41 242.44 470.27 226.37 470.27 247.3 504.92 247.3 531.06 261.46 531.06 261.46 504.74 282.3 470.27 266.32 470.27 254.42 490.41",
|
|
183
|
+
"stroke-width": "0"
|
|
184
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
185
|
+
points: "857.34 482.95 857.34 470.27 825.21 470.27 825.21 531.06 857.34 531.06 857.34 518.38 839.36 518.38 839.36 506.74 853.78 506.74 853.78 494.06 839.36 494.06 839.36 482.95 857.34 482.95",
|
|
186
|
+
"stroke-width": "0"
|
|
187
|
+
})), align === 'left' && /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
188
|
+
d: "M151.07,588.98c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
|
|
189
|
+
"stroke-width": "0"
|
|
190
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
191
|
+
d: "M184,630.37v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
|
|
192
|
+
"stroke-width": "0"
|
|
193
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
194
|
+
d: "M249.5,630.37c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM239.09,596.99c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
|
|
195
|
+
"stroke-width": "0"
|
|
196
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
197
|
+
d: "M271.93,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
|
|
198
|
+
"stroke-width": "0"
|
|
199
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
200
|
+
d: "M353.01,630.37l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM338.5,584.53c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
|
|
201
|
+
"stroke-width": "0"
|
|
202
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
203
|
+
d: "M416.55,630.37v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
|
|
204
|
+
"stroke-width": "0"
|
|
205
|
+
})), align === 'center' && /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
206
|
+
d: "M401.56,585.29c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
|
|
207
|
+
"stroke-width": "0"
|
|
208
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
209
|
+
d: "M434.49,626.68v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
|
|
210
|
+
"stroke-width": "0"
|
|
211
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
212
|
+
d: "M500,626.68c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM489.58,593.3c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
|
|
213
|
+
"stroke-width": "0"
|
|
214
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
215
|
+
d: "M522.42,626.68v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
|
|
216
|
+
"stroke-width": "0"
|
|
217
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
218
|
+
d: "M603.5,626.68l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM588.99,580.84c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
|
|
219
|
+
"stroke-width": "0"
|
|
220
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
221
|
+
d: "M667.05,626.68v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
|
|
222
|
+
"stroke-width": "0"
|
|
223
|
+
})));
|
|
142
224
|
};
|
|
143
225
|
|
|
144
226
|
var CinemaBadge = function CinemaBadge(_ref) {
|
|
145
227
|
var _ref$fillColor = _ref.fillColor,
|
|
146
|
-
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor
|
|
228
|
+
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor,
|
|
229
|
+
_ref$align = _ref.align,
|
|
230
|
+
align = _ref$align === void 0 ? 'center' : _ref$align;
|
|
147
231
|
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
148
232
|
fillColor: fillColor,
|
|
149
233
|
width: "100%",
|
|
150
234
|
height: "100%",
|
|
151
|
-
viewBox: "
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
d: "
|
|
235
|
+
viewBox: "110 450 865 200",
|
|
236
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
237
|
+
role: "img",
|
|
238
|
+
"aria-label": "Royal Ballet & Opera - Cinema"
|
|
239
|
+
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
240
|
+
d: "M416.26,485.21c0-9.38-6.6-14.94-18.59-14.94h-23.1v60.79h22.84c13.2,0,20.58-7.12,20.58-17.97\n\t\t\t\tc0-7.3-4.86-13.11-13.46-14.07C412.43,497.88,416.26,491.54,416.26,485.21z M388.73,481.3h5.47c5.47,0,7.64,2.69,7.64,6.51\n\t\t\t\tc0,3.82-2.17,6.51-7.73,6.51h-5.38V481.3z M395.24,519.59h-6.51v-14.59h6.42c4.95,0,8.43,2.69,8.43,7.29\n\t\t\t\tC403.58,516.81,400.19,519.59,395.24,519.59z"
|
|
241
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
242
|
+
d: "M773.51,500.66c0-18.15-13.89-31.7-32.56-31.7c-18.58,0-32.56,13.54-32.56,31.7\n\t\t\t\tc0,18.15,13.98,31.7,32.56,31.7C759.61,532.36,773.51,518.81,773.51,500.66z M722.88,500.66c0-10.59,7.81-18.58,18.06-18.58\n\t\t\t\tc10.33,0,18.06,7.99,18.06,18.58c0,10.59-7.73,18.58-18.06,18.58C730.7,519.25,722.88,511.26,722.88,500.66z"
|
|
243
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
244
|
+
d: "M435.19,518.9h19.19l3.73,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76L435.19,518.9z\n\t\t\t\t M444.74,487.55l5.82,18.85h-11.64L444.74,487.55z"
|
|
245
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
246
|
+
points: "475.31,470.27 475.31,531.06 506.57,531.06 506.57,518.38 489.46,518.38 489.46,470.27"
|
|
247
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
248
|
+
points: "609.65,531.06 609.65,482.95 623.28,482.95 623.28,470.27 581.86,470.27 581.86,482.95 \n\t\t\t\t595.49,482.95 595.49,531.06"
|
|
249
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
250
|
+
points: "578.03,482.95 578.03,470.27 545.91,470.27 545.91,531.06 578.03,531.06 578.03,518.38 \n\t\t\t\t560.06,518.38 560.06,506.74 574.47,506.74 574.47,494.06 560.06,494.06 560.06,482.95"
|
|
251
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
252
|
+
points: "324.21,470.27 324.21,531.06 355.47,531.06 355.47,518.38 338.36,518.38 338.36,470.27"
|
|
253
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
254
|
+
points: "510.82,470.27 510.82,531.06 542.09,531.06 542.09,518.38 524.98,518.38 524.98,470.27"
|
|
255
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
256
|
+
d: "M284,518.9h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76L284,518.9z M293.55,487.55\n\t\t\t\tl5.82,18.85h-11.64L293.55,487.55z"
|
|
257
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
258
|
+
d: "M635.7,511c0,12.24,9.38,21.36,22.49,21.36c7.21,0,13.2-2.78,18.24-7.38l4.86,6.08h17.8l-13.37-16.59\n\t\t\t\tl9.81-14.33l-10.85-7.47l-7.64,11.12l-16.85-20.84h18.93v-12.68h-36.64v12.68l6.68,8.25C640.21,495.54,635.7,502.66,635.7,511z\n\t\t\t\t M657.06,501.01l11.29,14.07c-2.26,2.34-5.21,4.17-9.03,4.17c-5.64,0-9.21-4-9.21-8.77\n\t\t\t\tC650.11,506.22,652.98,502.66,657.06,501.01z"
|
|
259
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
260
|
+
d: "M176.32,529.41c-9.38-5.9-17.02-14.16-22.06-23.01c6.6-3.04,10.6-9.29,10.6-17.02\n\t\t\t\tc0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.84h5.13c6.16,12.68,16.06,24.49,27.87,31.78h0L176.32,529.41z\n\t\t\t\t M141.67,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47C150.36,493.72,147.93,496.93,141.67,496.93z"
|
|
261
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
262
|
+
d: "M923.39,470.27l-19.45,57.31l-11.03-20.75c7.12-2.95,11.46-9.38,11.46-17.45\n\t\t\t\tc0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.58h3.56l11.55,22.58h27.62l3.73-12.16h19.19l3.74,12.16h14.76\n\t\t\t\tl-20.67-60.79H923.39z M881.19,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47C889.87,493.72,887.44,496.93,881.19,496.93z\n\t\t\t\t M924.95,506.39l5.82-18.85l5.82,18.85H924.95z"
|
|
263
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
264
|
+
d: "M800.43,508.48c12.33,0,20.58-7.99,20.58-19.11c0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.16v-22.58\n\t\t\t\tH800.43z M791.4,481.91h6.42c6.25,0,8.68,3.21,8.68,7.47c0,4.34-2.43,7.56-8.68,7.56h-6.42V481.91z"
|
|
265
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
266
|
+
d: "M200.55,468.97c-18.58,0-32.56,13.54-32.56,31.7c0,18.15,13.98,31.7,32.56,31.7\n\t\t\t\tc18.67,0,32.56-13.55,32.56-31.7C233.11,482.51,219.22,468.97,200.55,468.97z M200.55,519.25c-10.25,0-18.06-7.99-18.06-18.58\n\t\t\t\tc0-10.59,7.81-18.58,18.06-18.58c10.33,0,18.06,7.99,18.06,18.58C218.61,511.26,210.88,519.25,200.55,519.25z"
|
|
267
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
268
|
+
points: "253.87,490.41 241.89,470.27 225.82,470.27 246.75,504.92 246.75,531.06 260.9,531.06 \n\t\t\t\t260.9,504.74 281.74,470.27 265.76,470.27"
|
|
269
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
270
|
+
points: "856.79,482.95 856.79,470.27 824.66,470.27 824.66,531.06 856.79,531.06 856.79,518.38 \n\t\t\t\t838.81,518.38 838.81,506.74 853.23,506.74 853.23,494.06 838.81,494.06 838.81,482.95"
|
|
271
|
+
}))), align === 'left' && /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
272
|
+
d: "M121.69,630.37v-62.3h8.01v62.3H121.69z"
|
|
273
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
274
|
+
d: "M179.27,630.37l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H179.27z"
|
|
275
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
276
|
+
d: "M266.85,608.12c0,5.79-1.25,10.86-3.92,14.86c-3.83,5.88-9.97,8.72-17.18,8.72c-8.1,0-13.8-3.56-17.44-8.63\n\t\t\tc-4.81-6.59-6.41-15.75-6.41-23.85c0.09-14.86,5.79-32.49,23.94-32.49c11.48,0,19.23,8.63,19.23,19.05c0,1.07-0.09,2.49-0.36,3.65\n\t\t\tl-7.92,0.45c0.18-0.98,0.27-2.14,0.27-3.38c0-6.85-4.01-12.64-11.21-12.64c-12.37,0-15.93,14.6-15.93,25.37\n\t\t\tc0,5.16,0.8,12.28,3.47,17.36c2.49,4.72,6.68,8.01,12.37,8.01c9.43,0,12.82-7.48,13.17-16.91L266.85,608.12z"
|
|
277
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
278
|
+
d: "M278.95,630.37v-62.3h8.01v62.3H278.95z"
|
|
279
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
280
|
+
d: "M336.53,630.37l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.34,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H336.53z"
|
|
281
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
282
|
+
d: "M360.74,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H360.74z"
|
|
283
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
284
|
+
d: "M453.75,630.37v-37.83c0-2.22,0-4.09,0.09-6.23c-0.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72\n\t\t\tc-0.98-2.31-1.42-3.65-2.23-6.23c0.09,2.14,0.09,4.01,0.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07\n\t\t\tc1.25,3.03,1.69,4.18,2.67,6.76c0.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3H453.75z"
|
|
285
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
286
|
+
d: "M511.42,630.37l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3H511.42z M496.91,584.53\n\t\t\tc-0.89-2.76-1.16-3.92-1.42-5.16c-0.27,1.25-0.53,2.4-1.42,5.16l-7.57,24.48h18.07L496.91,584.53z"
|
|
287
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
288
|
+
d: "M555.38,588.98c0.36-1.96,0.53-3.12,0.53-5.25c0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88\n\t\t\tc0,7.83,8.19,9.17,15.22,11.84c7.21,2.76,16.02,6.41,16.02,17.98c0,11.3-9.08,18.16-20.47,18.16s-20.47-6.85-20.47-18.16\n\t\t\tc0-2.58,0.53-4.54,1.07-5.87l7.92-0.45c-0.62,2.05-0.98,4.01-0.98,6.32c0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04\n\t\t\tc0-8.19-8.99-10.24-14.95-12.37c-8.37-3.03-16.29-6.59-16.29-17.62c0-10.5,8.63-16.82,18.69-16.82s18.69,6.32,18.69,16.82\n\t\t\tc0,1.69-0.27,3.74-0.62,4.9L555.38,588.98z"
|
|
289
|
+
})), align === 'center' && /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
290
|
+
d: "M319.77,626.67v-62.3h8.01v62.3H319.77z"
|
|
291
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
292
|
+
d: "M377.35,626.67l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H377.35z"
|
|
293
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
294
|
+
d: "M464.92,604.42c0,5.79-1.25,10.86-3.92,14.86c-3.83,5.88-9.97,8.72-17.18,8.72c-8.1,0-13.8-3.56-17.45-8.63\n\t\t\tc-4.81-6.59-6.41-15.75-6.41-23.85c0.09-14.86,5.79-32.49,23.94-32.49c11.48,0,19.22,8.63,19.22,19.05c0,1.07-0.09,2.49-0.36,3.65\n\t\t\tl-7.92,0.45c0.18-0.98,0.27-2.14,0.27-3.38c0-6.85-4-12.64-11.21-12.64c-12.37,0-15.93,14.6-15.93,25.37\n\t\t\tc0,5.16,0.8,12.28,3.47,17.36c2.49,4.72,6.68,8.01,12.37,8.01c9.43,0,12.82-7.48,13.17-16.91L464.92,604.42z"
|
|
295
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
296
|
+
d: "M477.03,626.67v-62.3h8.01v62.3H477.03z"
|
|
297
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
298
|
+
d: "M534.61,626.67l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H534.61z"
|
|
299
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
300
|
+
d: "M558.81,626.67v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H558.81z"
|
|
301
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
302
|
+
d: "M651.82,626.67v-37.83c0-2.22,0-4.09,0.09-6.23c-0.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72\n\t\t\tc-0.98-2.31-1.42-3.65-2.23-6.23c0.09,2.14,0.09,4.01,0.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07\n\t\t\tc1.25,3.03,1.69,4.18,2.67,6.76c0.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3H651.82z"
|
|
303
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
304
|
+
d: "M709.49,626.67l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3H709.49z M694.98,580.84\n\t\t\tc-0.89-2.76-1.16-3.92-1.42-5.16c-0.27,1.25-0.53,2.4-1.42,5.16l-7.57,24.48h18.07L694.98,580.84z"
|
|
305
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
306
|
+
d: "M753.46,585.29c0.36-1.96,0.53-3.12,0.53-5.25c0-6.14-4.54-9.88-10.68-9.88c-6.14,0-10.68,3.74-10.68,9.88\n\t\t\tc0,7.83,8.19,9.17,15.22,11.84c7.21,2.76,16.02,6.41,16.02,17.98c0,11.3-9.08,18.16-20.47,18.16s-20.47-6.85-20.47-18.16\n\t\t\tc0-2.58,0.53-4.54,1.07-5.87l7.92-0.45c-0.62,2.05-0.98,4.01-0.98,6.32c0,7.03,5.43,11.04,12.46,11.04c7.03,0,12.46-4,12.46-11.04\n\t\t\tc0-8.19-8.99-10.24-14.95-12.37c-8.37-3.03-16.29-6.59-16.29-17.62c0-10.5,8.63-16.82,18.69-16.82S762,569.36,762,579.86\n\t\t\tc0,1.69-0.27,3.74-0.62,4.9L753.46,585.29z"
|
|
159
307
|
}))));
|
|
160
308
|
};
|
|
161
309
|
|
|
@@ -3868,21 +4016,6 @@ var TextLink = function TextLink(_ref) {
|
|
|
3868
4016
|
})) : null);
|
|
3869
4017
|
};
|
|
3870
4018
|
|
|
3871
|
-
var _templateObject$r, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
3872
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 10px;\n margin-top: 140px;\n display: grid;\n grid-template-columns: repeat(2, auto);\n font-family: var(--font-family-header);\n font-size: ", ";\n color: ", ";\n width: auto;\n margin: auto;\n"])), function (_ref) {
|
|
3873
|
-
var fontSize = _ref.fontSize;
|
|
3874
|
-
return fontSize + 'px';
|
|
3875
|
-
}, function (_ref2) {
|
|
3876
|
-
var color = _ref2.color;
|
|
3877
|
-
return color;
|
|
3878
|
-
});
|
|
3879
|
-
var LogoRightSide = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 10px;\n font-weight: 500;\n letter-spacing: 1px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
3880
|
-
var LogoLeftSide = /*#__PURE__*/styled__default.div(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-right: 1px solid ", ";\n padding-right: 10px;\n letter-spacing: 2px;\n display: flex;\n flex-direction: column;\n"])), function (_ref3) {
|
|
3881
|
-
var color = _ref3.color;
|
|
3882
|
-
return color;
|
|
3883
|
-
});
|
|
3884
|
-
var LogoLeftSideRow = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n font-weight: 400;\n"])));
|
|
3885
|
-
|
|
3886
4019
|
var TextLogoProduct;
|
|
3887
4020
|
|
|
3888
4021
|
(function (TextLogoProduct) {
|
|
@@ -3890,25 +4023,12 @@ var TextLogoProduct;
|
|
|
3890
4023
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
3891
4024
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
3892
4025
|
|
|
3893
|
-
var
|
|
3894
|
-
|
|
3895
|
-
productName = _ref.productName,
|
|
3896
|
-
_ref$fontSize = _ref.fontSize,
|
|
3897
|
-
fontSize = _ref$fontSize === void 0 ? 12 : _ref$fontSize;
|
|
3898
|
-
return /*#__PURE__*/React.createElement(LogoWrapper, {
|
|
3899
|
-
color: color,
|
|
3900
|
-
fontSize: fontSize
|
|
3901
|
-
}, /*#__PURE__*/React.createElement(LogoLeftSide, {
|
|
3902
|
-
color: color
|
|
3903
|
-
}, /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "ROYAL"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "OPERA"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "HOUSE")), /*#__PURE__*/React.createElement(LogoRightSide, null, productName));
|
|
3904
|
-
};
|
|
3905
|
-
|
|
3906
|
-
var _templateObject$s, _templateObject2$g, _templateObject3$a, _templateObject4$7;
|
|
3907
|
-
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4026
|
+
var _templateObject$r, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
4027
|
+
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
3908
4028
|
var dark = _ref.dark;
|
|
3909
4029
|
return dark ? 'white' : 'errorstate';
|
|
3910
4030
|
});
|
|
3911
|
-
var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
4031
|
+
var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n width: fit-content;\n position: relative;\n padding-left: 32px;\n color: var(\n --base-color-", "\n );\n cursor: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n div {\n margin-left: -32px;\n }\n\n @media ", " {\n &:focus {\n outline: 0;\n }\n }\n"])), function (_ref2) {
|
|
3912
4032
|
var dark = _ref2.dark,
|
|
3913
4033
|
disabled = _ref2.disabled;
|
|
3914
4034
|
if (dark) return disabled ? 'lightgrey' : 'white';
|
|
@@ -3917,7 +4037,7 @@ var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$g || (_
|
|
|
3917
4037
|
var disabled = _ref3.disabled;
|
|
3918
4038
|
return disabled ? 'not-allowed' : 'pointer';
|
|
3919
4039
|
}, devices.mobileAndTablet);
|
|
3920
|
-
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4040
|
+
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$9 || (_templateObject3$9 = /*#__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) {
|
|
3921
4041
|
var dark = _ref4.dark,
|
|
3922
4042
|
disabled = _ref4.disabled,
|
|
3923
4043
|
error = _ref4.error;
|
|
@@ -3933,7 +4053,7 @@ var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$a || (
|
|
|
3933
4053
|
dark = _ref6.dark;
|
|
3934
4054
|
return dark && error ? '1px solid var(--base-color-errorstate)' : 'none';
|
|
3935
4055
|
}, devices.mobile);
|
|
3936
|
-
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$
|
|
4056
|
+
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n &:checked ~ ", " {\n background-color: var(\n --base-color-", "\n );\n & svg {\n display: block;\n path {\n fill: var(\n --base-color-", "\n );\n }\n }\n }\n"])), TickboxCheckmark, function (_ref7) {
|
|
3937
4057
|
var dark = _ref7.dark,
|
|
3938
4058
|
whiteBox = _ref7.whiteBox,
|
|
3939
4059
|
disabled = _ref7.disabled;
|
|
@@ -4025,9 +4145,9 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4025
4145
|
}, error)));
|
|
4026
4146
|
};
|
|
4027
4147
|
|
|
4028
|
-
var _templateObject$
|
|
4029
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4030
|
-
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4148
|
+
var _templateObject$s, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4149
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4150
|
+
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__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) {
|
|
4031
4151
|
var error = _ref.error,
|
|
4032
4152
|
darkMode = _ref.darkMode,
|
|
4033
4153
|
disabled = _ref.disabled;
|
|
@@ -4050,7 +4170,7 @@ var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templat
|
|
|
4050
4170
|
if (blackBox) return 'var(--base-color-white)';
|
|
4051
4171
|
return ' var(--base-color-black)';
|
|
4052
4172
|
});
|
|
4053
|
-
var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$
|
|
4173
|
+
var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$a || (_templateObject3$a = /*#__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) {
|
|
4054
4174
|
var blackBox = _ref4.blackBox,
|
|
4055
4175
|
darkMode = _ref4.darkMode;
|
|
4056
4176
|
if (darkMode) return 'var(--base-color-white)';
|
|
@@ -4061,7 +4181,7 @@ var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$b || (_
|
|
|
4061
4181
|
if (darkMode) return '4px solid var(--base-color-lemonchiffon)';
|
|
4062
4182
|
return '3px solid var(--base-color-lapislazuli)';
|
|
4063
4183
|
});
|
|
4064
|
-
var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4184
|
+
var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n color: inherit;\n svg {\n font-size: 12px;\n width: 1em;\n height: 1em;\n fill: currentColor;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n input[type='checkbox']:checked + ", " & {\n display: block;\n }\n"])), Tickbox$1);
|
|
4065
4185
|
var TextLabel$3 = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref6) {
|
|
4066
4186
|
var darkMode = _ref6.darkMode,
|
|
4067
4187
|
disabled = _ref6.disabled;
|
|
@@ -4136,17 +4256,17 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4136
4256
|
}, error)));
|
|
4137
4257
|
});
|
|
4138
4258
|
|
|
4139
|
-
var _templateObject$
|
|
4140
|
-
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4259
|
+
var _templateObject$t, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4260
|
+
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4141
4261
|
var color = _ref.color;
|
|
4142
4262
|
return color;
|
|
4143
4263
|
});
|
|
4144
|
-
var Line = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4264
|
+
var Line = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1px;\n background-color: var(--base-color-", ");\n margin-top: 32px;\n\n @media ", " {\n margin-top: 20px;\n }\n"])), function (_ref2) {
|
|
4145
4265
|
var color = _ref2.color;
|
|
4146
4266
|
return color;
|
|
4147
4267
|
}, devices.mobileAndTablet);
|
|
4148
|
-
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4149
|
-
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4268
|
+
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
|
|
4269
|
+
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n display: flex;\n\n @media ", " {\n font-size: var(--font-size-header-5);\n }\n"])), devices.tablet);
|
|
4150
4270
|
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n margin-top: 4px;\n"])));
|
|
4151
4271
|
var TimerValueSeparator = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 20px;\n\n @media ", " {\n margin: 0 12px;\n }\n\n @media ", " {\n margin: 0 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
4152
4272
|
var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -4245,8 +4365,8 @@ var Timer = function Timer(_ref) {
|
|
|
4245
4365
|
}));
|
|
4246
4366
|
};
|
|
4247
4367
|
|
|
4248
|
-
var _templateObject$
|
|
4249
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4368
|
+
var _templateObject$u;
|
|
4369
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
|
|
4250
4370
|
|
|
4251
4371
|
var TypeTags = function TypeTags(_ref) {
|
|
4252
4372
|
var list = _ref.list;
|
|
@@ -4988,11 +5108,11 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
|
|
|
4988
5108
|
}
|
|
4989
5109
|
});
|
|
4990
5110
|
|
|
4991
|
-
var _templateObject$
|
|
4992
|
-
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$
|
|
4993
|
-
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
4994
|
-
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4995
|
-
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5111
|
+
var _templateObject$v, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5112
|
+
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
|
|
5113
|
+
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$i || (_templateObject2$i = /*#__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"])));
|
|
5114
|
+
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5115
|
+
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
|
|
4996
5116
|
var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
4997
5117
|
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
4998
5118
|
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 17px;\n height: 17px;\n background: none;\n border: none;\n padding: 0;\n svg {\n width: 100%;\n height: 100%;\n }\n cursor: pointer;\n"])));
|
|
@@ -5208,13 +5328,13 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5208
5328
|
})));
|
|
5209
5329
|
};
|
|
5210
5330
|
|
|
5211
|
-
var _templateObject$
|
|
5212
|
-
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5213
|
-
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5331
|
+
var _templateObject$w, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5332
|
+
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5333
|
+
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
5214
5334
|
var darkMode = _ref.darkMode;
|
|
5215
5335
|
return darkMode ? 'white' : 'errorstate';
|
|
5216
5336
|
});
|
|
5217
|
-
var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5337
|
+
var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__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) {
|
|
5218
5338
|
var darkMode = _ref2.darkMode,
|
|
5219
5339
|
disabled = _ref2.disabled,
|
|
5220
5340
|
error = _ref2.error;
|
|
@@ -5236,7 +5356,7 @@ var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templa
|
|
|
5236
5356
|
var disabled = _ref6.disabled;
|
|
5237
5357
|
return disabled ? 'midgrey' : 'black';
|
|
5238
5358
|
});
|
|
5239
|
-
var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$
|
|
5359
|
+
var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 51px;\n border: 0;\n text-align: center;\n font-family: var(--font-family-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n background-color: transparent;\n cursor: ", ";\n"])), function (_ref7) {
|
|
5240
5360
|
var disabled = _ref7.disabled;
|
|
5241
5361
|
return disabled ? 'not-allowed' : 'text';
|
|
5242
5362
|
});
|
|
@@ -5436,14 +5556,14 @@ var Component = function Component(_ref) {
|
|
|
5436
5556
|
}, error)));
|
|
5437
5557
|
};
|
|
5438
5558
|
|
|
5439
|
-
var _templateObject$
|
|
5440
|
-
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5559
|
+
var _templateObject$x, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5560
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5441
5561
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5442
5562
|
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 ";
|
|
5443
5563
|
});
|
|
5444
|
-
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5445
|
-
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
5446
|
-
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5564
|
+
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__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);
|
|
5565
|
+
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$e || (_templateObject3$e = /*#__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);
|
|
5566
|
+
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n background-color: var(--base-color-white);\n height: 100px;\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 100%;\n top: 80px;\n }\n"])), function (_ref2) {
|
|
5447
5567
|
var visible = _ref2.visible;
|
|
5448
5568
|
return visible ? 'visible' : 'hidden';
|
|
5449
5569
|
}, zIndexes.search, devices.mobile);
|
|
@@ -5461,10 +5581,10 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_temp
|
|
|
5461
5581
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
5462
5582
|
var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
5463
5583
|
|
|
5464
|
-
var _templateObject$
|
|
5465
|
-
var LogoWrapper
|
|
5584
|
+
var _templateObject$y;
|
|
5585
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
5466
5586
|
|
|
5467
|
-
var Logo
|
|
5587
|
+
var Logo = function Logo(_ref) {
|
|
5468
5588
|
var _ref$id = _ref.id,
|
|
5469
5589
|
id = _ref$id === void 0 ? 'Logo' : _ref$id,
|
|
5470
5590
|
_ref$dataRoh = _ref.dataRoh,
|
|
@@ -5480,7 +5600,7 @@ var Logo$1 = function Logo(_ref) {
|
|
|
5480
5600
|
rel: "noopener noreferrer",
|
|
5481
5601
|
href: urlLink,
|
|
5482
5602
|
title: title
|
|
5483
|
-
}, /*#__PURE__*/React__default.createElement(LogoWrapper
|
|
5603
|
+
}, /*#__PURE__*/React__default.createElement(LogoWrapper, {
|
|
5484
5604
|
id: id,
|
|
5485
5605
|
className: "logoImg"
|
|
5486
5606
|
}, /*#__PURE__*/React__default.createElement("picture", null, /*#__PURE__*/React__default.createElement("source", {
|
|
@@ -5491,11 +5611,11 @@ var Logo$1 = function Logo(_ref) {
|
|
|
5491
5611
|
}))));
|
|
5492
5612
|
};
|
|
5493
5613
|
|
|
5494
|
-
var _templateObject$
|
|
5495
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5614
|
+
var _templateObject$z;
|
|
5615
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__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);
|
|
5496
5616
|
|
|
5497
|
-
var _templateObject$
|
|
5498
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5617
|
+
var _templateObject$A, _templateObject2$l, _templateObject3$f, _templateObject4$c;
|
|
5618
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__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) {
|
|
5499
5619
|
var selected = _ref.selected,
|
|
5500
5620
|
colorPrimary = _ref.colorPrimary;
|
|
5501
5621
|
|
|
@@ -5523,9 +5643,9 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_te
|
|
|
5523
5643
|
|
|
5524
5644
|
return '';
|
|
5525
5645
|
});
|
|
5526
|
-
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5527
|
-
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5528
|
-
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
5646
|
+
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5647
|
+
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__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"])));
|
|
5648
|
+
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n color: var(--base-color-black);\n margin-left: 6px;\n text-decoration: none;\n"])));
|
|
5529
5649
|
|
|
5530
5650
|
var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
|
|
5531
5651
|
if (!expiryUnixTimestamp) return 0;
|
|
@@ -5683,8 +5803,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
5683
5803
|
}, expiryTime ? basketText : text) : ''));
|
|
5684
5804
|
};
|
|
5685
5805
|
|
|
5686
|
-
var _templateObject$
|
|
5687
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5806
|
+
var _templateObject$B, _templateObject2$m;
|
|
5807
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
5688
5808
|
var selected = _ref.selected,
|
|
5689
5809
|
colorPrimary = _ref.colorPrimary;
|
|
5690
5810
|
|
|
@@ -5700,7 +5820,7 @@ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_te
|
|
|
5700
5820
|
var colorPrimary = _ref3.colorPrimary;
|
|
5701
5821
|
return colorPrimary;
|
|
5702
5822
|
});
|
|
5703
|
-
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5823
|
+
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5704
5824
|
|
|
5705
5825
|
var Search$1 = function Search(_ref) {
|
|
5706
5826
|
var _ref$selected = _ref.selected,
|
|
@@ -5976,23 +6096,23 @@ var NavTop = function NavTop(_ref) {
|
|
|
5976
6096
|
}));
|
|
5977
6097
|
};
|
|
5978
6098
|
|
|
5979
|
-
var _templateObject$
|
|
5980
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5981
|
-
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6099
|
+
var _templateObject$C, _templateObject2$n, _templateObject3$g, _templateObject4$d;
|
|
6100
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6101
|
+
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__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) {
|
|
5982
6102
|
if (props.showMenu) {
|
|
5983
6103
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
5984
6104
|
}
|
|
5985
6105
|
|
|
5986
6106
|
return "display: none;";
|
|
5987
6107
|
});
|
|
5988
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6108
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__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) {
|
|
5989
6109
|
var colorPrimary = _ref.colorPrimary;
|
|
5990
6110
|
return colorPrimary;
|
|
5991
6111
|
}, function (_ref2) {
|
|
5992
6112
|
var colorPrimary = _ref2.colorPrimary;
|
|
5993
6113
|
return colorPrimary;
|
|
5994
6114
|
}, devices.mobileAndTablet);
|
|
5995
|
-
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6115
|
+
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
5996
6116
|
|
|
5997
6117
|
var Tabs = function Tabs(_ref) {
|
|
5998
6118
|
var _ref$items = _ref.items,
|
|
@@ -6119,10 +6239,10 @@ var Tabs = function Tabs(_ref) {
|
|
|
6119
6239
|
}, "MENU"))));
|
|
6120
6240
|
};
|
|
6121
6241
|
|
|
6122
|
-
var _templateObject$
|
|
6123
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6124
|
-
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6125
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6242
|
+
var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6243
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__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);
|
|
6244
|
+
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6245
|
+
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__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"])));
|
|
6126
6246
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
6127
6247
|
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6128
6248
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
@@ -6306,7 +6426,7 @@ var Navigation = function Navigation(_ref) {
|
|
|
6306
6426
|
columnSpanDesktop: 1,
|
|
6307
6427
|
columnStartDevice: 2,
|
|
6308
6428
|
columnSpanDevice: 2
|
|
6309
|
-
}, /*#__PURE__*/React__default.createElement(LogoContainer, null, /*#__PURE__*/React__default.createElement(Logo
|
|
6429
|
+
}, /*#__PURE__*/React__default.createElement(LogoContainer, null, /*#__PURE__*/React__default.createElement(Logo, {
|
|
6310
6430
|
urlLink: logoLink,
|
|
6311
6431
|
desktopImage: desktopLogoUrl,
|
|
6312
6432
|
devicesImage: devicesLogoUrl
|
|
@@ -6357,18 +6477,18 @@ var Navigation = function Navigation(_ref) {
|
|
|
6357
6477
|
})))));
|
|
6358
6478
|
};
|
|
6359
6479
|
|
|
6360
|
-
var _templateObject$
|
|
6361
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
6362
|
-
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6363
|
-
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6364
|
-
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6480
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6481
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6482
|
+
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__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"])));
|
|
6483
|
+
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__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);
|
|
6484
|
+
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6365
6485
|
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
6366
6486
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
6367
6487
|
|
|
6368
|
-
var _templateObject$
|
|
6369
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
6370
|
-
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
6371
|
-
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
6488
|
+
var _templateObject$F, _templateObject2$q, _templateObject3$j;
|
|
6489
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$F || (_templateObject$F = /*#__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);
|
|
6490
|
+
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$q || (_templateObject2$q = /*#__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);
|
|
6491
|
+
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
6372
6492
|
|
|
6373
6493
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
6374
6494
|
var _ref$items = _ref.items,
|
|
@@ -6384,11 +6504,11 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6384
6504
|
}));
|
|
6385
6505
|
};
|
|
6386
6506
|
|
|
6387
|
-
var _templateObject$
|
|
6388
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6389
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6390
|
-
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6391
|
-
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
6507
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6508
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__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);
|
|
6509
|
+
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__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);
|
|
6510
|
+
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__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);
|
|
6511
|
+
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
6392
6512
|
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6393
6513
|
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
6394
6514
|
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
@@ -6456,15 +6576,15 @@ var Footer = function Footer(_ref) {
|
|
|
6456
6576
|
}, additionalInfo)))));
|
|
6457
6577
|
};
|
|
6458
6578
|
|
|
6459
|
-
var _templateObject$
|
|
6579
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6460
6580
|
var LIST_ITEM_GAP = 32;
|
|
6461
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6581
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__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) {
|
|
6462
6582
|
var bottomBorder = _ref.bottomBorder;
|
|
6463
6583
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
6464
6584
|
}, zIndexes.anchor);
|
|
6465
|
-
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
6466
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6467
|
-
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$
|
|
6585
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
6586
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
6587
|
+
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.48) 85%,\n rgba(235, 235, 235, 0.4) 99%,\n rgba(255, 255, 255, 0.39) 100%\n );\n }\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref2) {
|
|
6468
6588
|
var tabsOverflow = _ref2.tabsOverflow;
|
|
6469
6589
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
6470
6590
|
}, LIST_ITEM_GAP, function (_ref3) {
|
|
@@ -6722,17 +6842,17 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6722
6842
|
})) : null) : null))));
|
|
6723
6843
|
};
|
|
6724
6844
|
|
|
6725
|
-
var _templateObject$
|
|
6726
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6845
|
+
var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
6846
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6727
6847
|
var sticky = _ref.sticky;
|
|
6728
6848
|
return sticky ? 'sticky' : 'initial';
|
|
6729
6849
|
}, zIndexes.anchor);
|
|
6730
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
6731
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6850
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
6851
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__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) {
|
|
6732
6852
|
var title = _ref2.title;
|
|
6733
6853
|
return title ? 'row' : 'row-reverse';
|
|
6734
6854
|
}, devices.tablet, devices.mobile);
|
|
6735
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6855
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
|
|
6736
6856
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
6737
6857
|
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
6738
6858
|
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
@@ -6783,14 +6903,14 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
6783
6903
|
}, message)));
|
|
6784
6904
|
};
|
|
6785
6905
|
|
|
6786
|
-
var _templateObject$
|
|
6787
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6788
|
-
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6789
|
-
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6906
|
+
var _templateObject$J, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
6907
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__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);
|
|
6908
|
+
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
6909
|
+
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__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) {
|
|
6790
6910
|
var theme = _ref.theme;
|
|
6791
6911
|
return theme.colors.primary;
|
|
6792
6912
|
}, exports.Colors.White);
|
|
6793
|
-
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6913
|
+
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
6794
6914
|
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
6795
6915
|
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
6796
6916
|
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n padding: 5px 0 8px 0;\n"])));
|
|
@@ -6864,8 +6984,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
6864
6984
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
6865
6985
|
};
|
|
6866
6986
|
|
|
6867
|
-
var _templateObject$
|
|
6868
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6987
|
+
var _templateObject$K;
|
|
6988
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
|
|
6869
6989
|
|
|
6870
6990
|
var UpsellCards = function UpsellCards(_ref) {
|
|
6871
6991
|
var upsellCards = _ref.upsellCards;
|
|
@@ -6883,19 +7003,19 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
6883
7003
|
}));
|
|
6884
7004
|
};
|
|
6885
7005
|
|
|
6886
|
-
var _templateObject$
|
|
6887
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7006
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$o;
|
|
7007
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__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) {
|
|
6888
7008
|
var theme = _ref.theme;
|
|
6889
7009
|
return theme.colors.primary;
|
|
6890
7010
|
}, devices.mobile, devices.tablet);
|
|
6891
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6892
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6893
|
-
|
|
6894
|
-
var _templateObject$
|
|
6895
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6896
|
-
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6897
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6898
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7011
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
7012
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__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);
|
|
7013
|
+
|
|
7014
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$e;
|
|
7015
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7016
|
+
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7017
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
7018
|
+
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
6899
7019
|
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), devices.mobile);
|
|
6900
7020
|
|
|
6901
7021
|
var Accordion = function Accordion(_ref) {
|
|
@@ -7021,8 +7141,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
7021
7141
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7022
7142
|
};
|
|
7023
7143
|
|
|
7024
|
-
var _templateObject$
|
|
7025
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7144
|
+
var _templateObject$N;
|
|
7145
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7026
7146
|
|
|
7027
7147
|
var Accordions = function Accordions(_ref) {
|
|
7028
7148
|
var _ref$items = _ref.items,
|
|
@@ -7054,13 +7174,13 @@ var Theme = function Theme(_ref) {
|
|
|
7054
7174
|
}, children);
|
|
7055
7175
|
};
|
|
7056
7176
|
|
|
7057
|
-
var _templateObject$
|
|
7058
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7177
|
+
var _templateObject$O, _templateObject2$x, _templateObject3$q;
|
|
7178
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__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) {
|
|
7059
7179
|
var theme = _ref.theme;
|
|
7060
7180
|
return theme.colors.primary;
|
|
7061
7181
|
}, devices.mobile);
|
|
7062
|
-
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7063
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7182
|
+
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__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);
|
|
7183
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__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"])));
|
|
7064
7184
|
|
|
7065
7185
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
7066
7186
|
var title = _ref.title,
|
|
@@ -7097,8 +7217,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7097
7217
|
}))))));
|
|
7098
7218
|
};
|
|
7099
7219
|
|
|
7100
|
-
var _templateObject$
|
|
7101
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
7220
|
+
var _templateObject$P;
|
|
7221
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
7102
7222
|
var bgColor = _ref.bgColor,
|
|
7103
7223
|
theme = _ref.theme;
|
|
7104
7224
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7119,25 +7239,25 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7119
7239
|
}), children);
|
|
7120
7240
|
};
|
|
7121
7241
|
|
|
7122
|
-
var _templateObject$
|
|
7242
|
+
var _templateObject$Q, _templateObject2$y, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$c, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
7123
7243
|
var LENGTH_LARGE_TEXT = 28;
|
|
7124
7244
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7125
7245
|
var LENGTH_TEXT_TABLET = 10;
|
|
7126
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7246
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
7127
7247
|
var isCardClickable = _ref.isCardClickable;
|
|
7128
7248
|
return isCardClickable ? 'pointer' : 'default';
|
|
7129
7249
|
}, function (_ref2) {
|
|
7130
7250
|
var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
|
|
7131
7251
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
7132
7252
|
});
|
|
7133
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7253
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: ", ";\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), function (_ref3) {
|
|
7134
7254
|
var lineColor = _ref3.lineColor,
|
|
7135
7255
|
theme = _ref3.theme;
|
|
7136
7256
|
if (lineColor === exports.Colors.Cinema) return 'var(--base-color-white)';
|
|
7137
7257
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
7138
7258
|
}, zIndexes.contentOverlay);
|
|
7139
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7140
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7259
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
7260
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref4) {
|
|
7141
7261
|
var fullWidth = _ref4.fullWidth;
|
|
7142
7262
|
return fullWidth ? '0' : '20px';
|
|
7143
7263
|
}, function (_ref5) {
|
|
@@ -7421,9 +7541,9 @@ var Card = function Card(_ref) {
|
|
|
7421
7541
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7422
7542
|
};
|
|
7423
7543
|
|
|
7424
|
-
var _templateObject$
|
|
7425
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7426
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
7544
|
+
var _templateObject$R, _templateObject2$z;
|
|
7545
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
7546
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7427
7547
|
|
|
7428
7548
|
var Cards = function Cards(_ref) {
|
|
7429
7549
|
var cards = _ref.cards,
|
|
@@ -7468,17 +7588,17 @@ var Cards = function Cards(_ref) {
|
|
|
7468
7588
|
}));
|
|
7469
7589
|
};
|
|
7470
7590
|
|
|
7471
|
-
var _templateObject$
|
|
7472
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7473
|
-
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7591
|
+
var _templateObject$S, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7592
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__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);
|
|
7593
|
+
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__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) {
|
|
7474
7594
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7475
7595
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
7476
7596
|
}, function (_ref2) {
|
|
7477
7597
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
7478
7598
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
7479
7599
|
}, devices.mobileAndTablet);
|
|
7480
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7481
|
-
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7600
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7601
|
+
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
7482
7602
|
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n\n @media ", " {\n flex-direction: column;\n margin: 4px 0;\n }\n\n a {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-decoration: underline;\n\n &:before {\n display: inline-block;\n content: '';\n background-color: var(--base-color-black);\n width: 1px;\n height: 18px;\n margin: 0 8px -4px;\n\n @media ", " {\n display: none;\n }\n }\n\n &:first-child:before {\n display: none;\n }\n }\n"])), devices.mobile, devices.mobile);
|
|
7483
7603
|
|
|
7484
7604
|
var divideAddressString = function divideAddressString(address) {
|
|
@@ -7537,13 +7657,13 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7537
7657
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7538
7658
|
};
|
|
7539
7659
|
|
|
7540
|
-
var _templateObject$
|
|
7541
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
7542
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$
|
|
7660
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$d, _templateObject7$8;
|
|
7661
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7662
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
7543
7663
|
return props.clickable ? 'pointer' : 'default';
|
|
7544
7664
|
}, devices.mobile);
|
|
7545
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7546
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7665
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
7666
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 22px;\n\n & > * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n gap: 12px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
|
|
7547
7667
|
return props.showImage ? 2 : '1 / span 4';
|
|
7548
7668
|
}, devices.mobile);
|
|
7549
7669
|
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
|
|
@@ -7620,20 +7740,20 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7620
7740
|
}), link.text)));
|
|
7621
7741
|
};
|
|
7622
7742
|
|
|
7623
|
-
var _templateObject$
|
|
7624
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7743
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
7744
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__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) {
|
|
7625
7745
|
var imageToLeft = _ref.imageToLeft;
|
|
7626
7746
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7627
7747
|
}, devices.mobile);
|
|
7628
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7748
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
7629
7749
|
var imageToLeft = _ref2.imageToLeft;
|
|
7630
7750
|
return imageToLeft ? 'left' : 'right';
|
|
7631
7751
|
}, devices.mobile);
|
|
7632
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7752
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
7633
7753
|
var imageToLeft = _ref3.imageToLeft;
|
|
7634
7754
|
return imageToLeft ? 'right' : 'left';
|
|
7635
7755
|
}, devices.mobile);
|
|
7636
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
7756
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$n || (_templateObject4$n = /*#__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"])));
|
|
7637
7757
|
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
7638
7758
|
|
|
7639
7759
|
var Editorial = function Editorial(_ref) {
|
|
@@ -7698,10 +7818,10 @@ var BackgroundColour;
|
|
|
7698
7818
|
BackgroundColour["White"] = "white";
|
|
7699
7819
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
7700
7820
|
|
|
7701
|
-
var _templateObject$
|
|
7702
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
7703
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
7704
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
7821
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
7822
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$V || (_templateObject$V = /*#__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"])));
|
|
7823
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7824
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
7705
7825
|
if (!props.infoThemed) {
|
|
7706
7826
|
return;
|
|
7707
7827
|
} else {
|
|
@@ -7712,7 +7832,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$w || (
|
|
|
7712
7832
|
}
|
|
7713
7833
|
}
|
|
7714
7834
|
});
|
|
7715
|
-
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
7835
|
+
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
7716
7836
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
7717
7837
|
}, function (props) {
|
|
7718
7838
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -7825,25 +7945,25 @@ var Information = function Information(_ref) {
|
|
|
7825
7945
|
}))));
|
|
7826
7946
|
};
|
|
7827
7947
|
|
|
7828
|
-
var _templateObject$
|
|
7829
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7948
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$9, _templateObject8$7;
|
|
7949
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
7830
7950
|
var theme = _ref.theme;
|
|
7831
7951
|
return theme.colors.primary;
|
|
7832
7952
|
}, function (_ref2) {
|
|
7833
7953
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
7834
7954
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
7835
7955
|
}, devices.mobile);
|
|
7836
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
7837
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7956
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$E || (_templateObject2$E = /*#__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);
|
|
7957
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__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) {
|
|
7838
7958
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
7839
7959
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
7840
7960
|
}, devices.mobile);
|
|
7841
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7961
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 43px;\n\n ", ";\n\n @media ", " {\n & {\n height: 33px;\n margin-top: 10px;\n margin-bottom: 20px;\n }\n }\n"])), function (_ref4) {
|
|
7842
7962
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
7843
7963
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7844
7964
|
}, devices.mobile);
|
|
7845
7965
|
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
7846
|
-
var LogoWrapper$
|
|
7966
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
7847
7967
|
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
7848
7968
|
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
7849
7969
|
|
|
@@ -7885,7 +8005,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7885
8005
|
dangerouslySetInnerHTML: {
|
|
7886
8006
|
__html: truncatedText
|
|
7887
8007
|
}
|
|
7888
|
-
})) : null, sponsor ? /*#__PURE__*/React__default.createElement(LogoWrapper$
|
|
8008
|
+
})) : null, sponsor ? /*#__PURE__*/React__default.createElement(LogoWrapper$1, {
|
|
7889
8009
|
"data-testid": "page-heading-sponsor"
|
|
7890
8010
|
}, /*#__PURE__*/React__default.createElement(Sponsorship, null)) : null, link ? /*#__PURE__*/React__default.createElement(ButtonWrapper$1, {
|
|
7891
8011
|
"data-testid": "page-heading-link"
|
|
@@ -7921,15 +8041,17 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
7921
8041
|
theme: exports.ThemeType.Cinema
|
|
7922
8042
|
}, /*#__PURE__*/React__default.createElement(PageHeading, Object.assign({}, rest, {
|
|
7923
8043
|
link: cinemaLink
|
|
7924
|
-
}), /*#__PURE__*/React__default.createElement(CinemaBadge,
|
|
8044
|
+
}), /*#__PURE__*/React__default.createElement(CinemaBadge, {
|
|
8045
|
+
align: "left"
|
|
8046
|
+
})));
|
|
7925
8047
|
};
|
|
7926
8048
|
|
|
7927
|
-
var _templateObject$
|
|
7928
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7929
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7930
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
7931
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7932
|
-
var LogoWrapper$
|
|
8049
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$a, _templateObject8$8;
|
|
8050
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__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);
|
|
8051
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__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);
|
|
8052
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__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);
|
|
8053
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
8054
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
7933
8055
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__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);
|
|
7934
8056
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
7935
8057
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
@@ -7978,7 +8100,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7978
8100
|
src: bgUrlDesktop,
|
|
7979
8101
|
alt: bgImageAltText,
|
|
7980
8102
|
"data-testid": "impact-image"
|
|
7981
|
-
}))), /*#__PURE__*/React__default.createElement(ImpactGrid, null, children ? /*#__PURE__*/React__default.createElement(LogoWrapper$
|
|
8103
|
+
}))), /*#__PURE__*/React__default.createElement(ImpactGrid, null, children ? /*#__PURE__*/React__default.createElement(LogoWrapper$2, {
|
|
7982
8104
|
"data-testid": "impact-logo"
|
|
7983
8105
|
}, children) : null, text ? /*#__PURE__*/React__default.createElement(TextWrapper$1, {
|
|
7984
8106
|
"data-testid": "impact-text"
|
|
@@ -7998,20 +8120,20 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7998
8120
|
}, "Scroll Down")) : null);
|
|
7999
8121
|
};
|
|
8000
8122
|
|
|
8001
|
-
var _templateObject$
|
|
8002
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8123
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$l;
|
|
8124
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Y || (_templateObject$Y = /*#__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) {
|
|
8003
8125
|
var color = _ref.color;
|
|
8004
8126
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
8005
8127
|
}, devices.mobileAndTablet);
|
|
8006
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8128
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0px 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
8007
8129
|
var hasImage = _ref2.hasImage;
|
|
8008
8130
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
8009
8131
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
8010
8132
|
var hasImage = _ref3.hasImage;
|
|
8011
8133
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
8012
8134
|
});
|
|
8013
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8014
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8135
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__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);
|
|
8136
|
+
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
8015
8137
|
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__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);
|
|
8016
8138
|
|
|
8017
8139
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
@@ -8043,8 +8165,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8043
8165
|
}))));
|
|
8044
8166
|
};
|
|
8045
8167
|
|
|
8046
|
-
var _templateObject$
|
|
8047
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8168
|
+
var _templateObject$Z;
|
|
8169
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8048
8170
|
|
|
8049
8171
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8050
8172
|
var link = _ref.link,
|
|
@@ -8059,15 +8181,17 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8059
8181
|
theme: exports.ThemeType.Stream
|
|
8060
8182
|
}, /*#__PURE__*/React__default.createElement(StreamWrapper, null, /*#__PURE__*/React__default.createElement(PageHeading, Object.assign({}, rest, {
|
|
8061
8183
|
link: streamLink
|
|
8062
|
-
}), /*#__PURE__*/React__default.createElement(StreamBadge,
|
|
8184
|
+
}), /*#__PURE__*/React__default.createElement(StreamBadge, {
|
|
8185
|
+
align: "left"
|
|
8186
|
+
}))));
|
|
8063
8187
|
};
|
|
8064
8188
|
|
|
8065
|
-
var _templateObject
|
|
8066
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject
|
|
8067
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
8068
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8189
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$g, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8190
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\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);
|
|
8191
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$H || (_templateObject2$H = /*#__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"])));
|
|
8192
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8069
8193
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__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);
|
|
8070
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\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
|
|
8194
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\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) {
|
|
8071
8195
|
var invert = _ref.invert,
|
|
8072
8196
|
theme = _ref.theme;
|
|
8073
8197
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -8082,7 +8206,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
8082
8206
|
}, function (_ref4) {
|
|
8083
8207
|
var theme = _ref4.theme;
|
|
8084
8208
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
8085
|
-
}, devices.mobile);
|
|
8209
|
+
}, devices.tablet, devices.mobile);
|
|
8086
8210
|
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: logo;\n padding-left: 50px;\n justify-content: left;\n align-items: center;\n width: 100%;\n @media ", " {\n padding-left: 0px;\n justify-content: center;\n }\n @media ", " {\n width: fit-content;\n }\n"])), devices.mobile, devices.tablet);
|
|
8087
8211
|
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: title;\n align-items: center;\n justify-content: center;\n font-family: var(--font-family-header);\n text-transform: uppercase;\n text-align: center;\n padding: 0 2em;\n @media ", " {\n justify-content: center;\n }\n"])), devices.mobile);
|
|
8088
8212
|
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: cta;\n justify-content: right;\n align-items: center;\n padding-right: 50px;\n @media ", " {\n padding-right: 0px;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
@@ -8167,18 +8291,10 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
|
|
|
8167
8291
|
}, truncate(stripAllHtmlTags(brandingText), 25));
|
|
8168
8292
|
|
|
8169
8293
|
case 'StreamLogo':
|
|
8170
|
-
return /*#__PURE__*/React__default.createElement(
|
|
8171
|
-
color: color,
|
|
8172
|
-
fontSize: 12,
|
|
8173
|
-
productName: TextLogoProduct.Stream
|
|
8174
|
-
});
|
|
8294
|
+
return /*#__PURE__*/React__default.createElement(StreamBadge, null);
|
|
8175
8295
|
|
|
8176
8296
|
case 'CinemaLogo':
|
|
8177
|
-
return /*#__PURE__*/React__default.createElement(
|
|
8178
|
-
color: color,
|
|
8179
|
-
fontSize: 12,
|
|
8180
|
-
productName: TextLogoProduct.Cinema
|
|
8181
|
-
});
|
|
8297
|
+
return /*#__PURE__*/React__default.createElement(CinemaBadge, null);
|
|
8182
8298
|
|
|
8183
8299
|
default:
|
|
8184
8300
|
return null;
|
|
@@ -8399,15 +8515,15 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8399
8515
|
}), linkText))));
|
|
8400
8516
|
};
|
|
8401
8517
|
|
|
8402
|
-
var _templateObject
|
|
8403
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
8404
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$
|
|
8518
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
8519
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8520
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$I || (_templateObject2$I = /*#__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
|
|
8405
8521
|
|
|
8406
|
-
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
8522
|
+
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__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) {
|
|
8407
8523
|
var active = _ref.active;
|
|
8408
8524
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
8409
8525
|
});
|
|
8410
|
-
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$
|
|
8526
|
+
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
|
|
8411
8527
|
|
|
8412
8528
|
var reducePages = function reducePages(pages, currentPage) {
|
|
8413
8529
|
// If there are less than 6 pages, return all pages
|
|
@@ -8476,11 +8592,11 @@ var Pagination = function Pagination(_ref) {
|
|
|
8476
8592
|
}))));
|
|
8477
8593
|
};
|
|
8478
8594
|
|
|
8479
|
-
var _templateObject$
|
|
8480
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8481
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8482
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8483
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8595
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$h;
|
|
8596
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 || (_templateObject$10 = /*#__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);
|
|
8597
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
8598
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
8599
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
8484
8600
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
8485
8601
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$h || (_templateObject6$h = /*#__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"])));
|
|
8486
8602
|
|
|
@@ -8533,11 +8649,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8533
8649
|
}));
|
|
8534
8650
|
};
|
|
8535
8651
|
|
|
8536
|
-
var _templateObject$
|
|
8537
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8538
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
8539
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8540
|
-
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8652
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
8653
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8654
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
8655
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
8656
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
8541
8657
|
|
|
8542
8658
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8543
8659
|
return array.reduce(function (acc, item) {
|
|
@@ -8605,14 +8721,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8605
8721
|
}));
|
|
8606
8722
|
};
|
|
8607
8723
|
|
|
8608
|
-
var _templateObject$
|
|
8724
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$D, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$c, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
8609
8725
|
var LENGTH_TEXT = 28;
|
|
8610
8726
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8611
8727
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8612
8728
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8613
8729
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8614
8730
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8615
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8731
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
8616
8732
|
var imageToLeft = _ref.imageToLeft;
|
|
8617
8733
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8618
8734
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8622,8 +8738,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 ||
|
|
|
8622
8738
|
var asCard = _ref3.asCard;
|
|
8623
8739
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
8624
8740
|
});
|
|
8625
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
8626
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8741
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$L || (_templateObject2$L = /*#__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"])));
|
|
8742
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref4) {
|
|
8627
8743
|
var theme = _ref4.theme;
|
|
8628
8744
|
return theme.colors.black;
|
|
8629
8745
|
}, function (_ref5) {
|
|
@@ -8633,7 +8749,7 @@ var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$E || (
|
|
|
8633
8749
|
var theme = _ref6.theme;
|
|
8634
8750
|
return theme.colors.primary;
|
|
8635
8751
|
});
|
|
8636
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8752
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref7) {
|
|
8637
8753
|
var hasTextLinks = _ref7.hasTextLinks;
|
|
8638
8754
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
8639
8755
|
}, function (_ref8) {
|
|
@@ -8883,25 +8999,25 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
8883
8999
|
}))));
|
|
8884
9000
|
};
|
|
8885
9001
|
|
|
8886
|
-
var _templateObject$
|
|
9002
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$d;
|
|
8887
9003
|
var LENGTH_TEXT$2 = 28;
|
|
8888
9004
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
8889
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9005
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__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) {
|
|
8890
9006
|
var imageToLeft = _ref.imageToLeft;
|
|
8891
9007
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
8892
9008
|
}, devices.tablet, function (_ref2) {
|
|
8893
9009
|
var imageToLeft = _ref2.imageToLeft;
|
|
8894
9010
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
8895
9011
|
}, devices.mobile);
|
|
8896
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9012
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
8897
9013
|
var imageToLeft = _ref3.imageToLeft;
|
|
8898
9014
|
return imageToLeft ? 'left' : 'right';
|
|
8899
9015
|
}, devices.mobile);
|
|
8900
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9016
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__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) {
|
|
8901
9017
|
var imageToLeft = _ref4.imageToLeft;
|
|
8902
9018
|
return imageToLeft ? 'right' : 'left';
|
|
8903
9019
|
}, devices.mobile);
|
|
8904
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9020
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
|
|
8905
9021
|
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$p || (_templateObject5$p = /*#__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"])));
|
|
8906
9022
|
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
8907
9023
|
var theme = _ref5.theme;
|
|
@@ -8939,8 +9055,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
8939
9055
|
return '';
|
|
8940
9056
|
});
|
|
8941
9057
|
|
|
8942
|
-
var _templateObject$
|
|
8943
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9058
|
+
var _templateObject$14;
|
|
9059
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
8944
9060
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8945
9061
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8946
9062
|
return aspectRatio;
|
|
@@ -9144,8 +9260,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9144
9260
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9145
9261
|
};
|
|
9146
9262
|
|
|
9147
|
-
var _templateObject$
|
|
9148
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9263
|
+
var _templateObject$15;
|
|
9264
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9149
9265
|
|
|
9150
9266
|
/**
|
|
9151
9267
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9203,9 +9319,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9203
9319
|
})));
|
|
9204
9320
|
};
|
|
9205
9321
|
|
|
9206
|
-
var _templateObject$
|
|
9207
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9208
|
-
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9322
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$F;
|
|
9323
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9324
|
+
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9209
9325
|
var horizontalMode = _ref.horizontalMode;
|
|
9210
9326
|
if (horizontalMode) return 'row';
|
|
9211
9327
|
return 'column';
|
|
@@ -9213,7 +9329,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_temp
|
|
|
9213
9329
|
var gap = _ref2.gap;
|
|
9214
9330
|
return gap + "px";
|
|
9215
9331
|
});
|
|
9216
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9332
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9217
9333
|
var darkMode = _ref3.darkMode;
|
|
9218
9334
|
if (darkMode) return 'var(--base-color-white)';
|
|
9219
9335
|
return 'var(--base-color-errorstate)';
|
|
@@ -9293,10 +9409,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9293
9409
|
}, error)));
|
|
9294
9410
|
};
|
|
9295
9411
|
|
|
9296
|
-
var _templateObject$
|
|
9297
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9298
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9299
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9412
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$G;
|
|
9413
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__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);
|
|
9414
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__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"])));
|
|
9415
|
+
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
9300
9416
|
|
|
9301
9417
|
var StatusBanner = function StatusBanner(_ref) {
|
|
9302
9418
|
var statusText = _ref.statusText,
|
|
@@ -9358,8 +9474,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9358
9474
|
})))));
|
|
9359
9475
|
};
|
|
9360
9476
|
|
|
9361
|
-
var _templateObject$
|
|
9362
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9477
|
+
var _templateObject$18;
|
|
9478
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
9363
9479
|
|
|
9364
9480
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9365
9481
|
var title = _ref.title,
|
|
@@ -9387,8 +9503,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9387
9503
|
}, description))));
|
|
9388
9504
|
};
|
|
9389
9505
|
|
|
9390
|
-
var _templateObject$
|
|
9391
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
9506
|
+
var _templateObject$19, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$k, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9507
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$19 || (_templateObject$19 = /*#__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) {
|
|
9392
9508
|
var theme = _ref.theme;
|
|
9393
9509
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9394
9510
|
}, function (_ref2) {
|
|
@@ -9398,12 +9514,12 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$1a || (_templateObject
|
|
|
9398
9514
|
var theme = _ref3.theme;
|
|
9399
9515
|
return theme.colors.lightgrey;
|
|
9400
9516
|
});
|
|
9401
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
9517
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
9402
9518
|
var theme = _ref4.theme;
|
|
9403
9519
|
return theme.colors.darkgrey;
|
|
9404
9520
|
});
|
|
9405
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
9406
|
-
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$
|
|
9521
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
9522
|
+
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
9407
9523
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
9408
9524
|
var theme = _ref5.theme;
|
|
9409
9525
|
return {
|
|
@@ -9810,9 +9926,9 @@ function Select(_ref3) {
|
|
|
9810
9926
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9811
9927
|
}
|
|
9812
9928
|
|
|
9813
|
-
var _templateObject$
|
|
9814
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9815
|
-
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9929
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
9930
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9931
|
+
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__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) {
|
|
9816
9932
|
var width = _ref.width;
|
|
9817
9933
|
if (!width) return 'none';
|
|
9818
9934
|
return width + 'px';
|
|
@@ -9829,12 +9945,12 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_t
|
|
|
9829
9945
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
9830
9946
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
9831
9947
|
});
|
|
9832
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9948
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
9833
9949
|
var darkMode = _ref5.darkMode;
|
|
9834
9950
|
if (darkMode) return "var(--base-color-white)";
|
|
9835
9951
|
return "var(--base-color-black)";
|
|
9836
9952
|
});
|
|
9837
|
-
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9953
|
+
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
9838
9954
|
var darkMode = _ref6.darkMode;
|
|
9839
9955
|
if (darkMode) return "var(--base-color-white)";
|
|
9840
9956
|
return "var(--base-color-errorstate)";
|
|
@@ -9950,8 +10066,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
9950
10066
|
})));
|
|
9951
10067
|
};
|
|
9952
10068
|
|
|
9953
|
-
var _templateObject$
|
|
9954
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10069
|
+
var _templateObject$1b;
|
|
10070
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
9955
10071
|
var theme = _ref.theme;
|
|
9956
10072
|
return theme.colors.primary;
|
|
9957
10073
|
});
|
|
@@ -9979,8 +10095,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
9979
10095
|
})));
|
|
9980
10096
|
};
|
|
9981
10097
|
|
|
9982
|
-
var _templateObject$
|
|
9983
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10098
|
+
var _templateObject$1c, _templateObject2$R;
|
|
10099
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
9984
10100
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9985
10101
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9986
10102
|
return aspectRatio;
|
|
@@ -9990,7 +10106,7 @@ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templat
|
|
|
9990
10106
|
height = _ref2.height;
|
|
9991
10107
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
9992
10108
|
});
|
|
9993
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10109
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
|
|
9994
10110
|
|
|
9995
10111
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
9996
10112
|
var caption = _ref.caption,
|
|
@@ -10028,13 +10144,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10028
10144
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10029
10145
|
};
|
|
10030
10146
|
|
|
10031
|
-
var _templateObject$
|
|
10032
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10033
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10147
|
+
var _templateObject$1d, _templateObject2$S, _templateObject3$J;
|
|
10148
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10149
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10034
10150
|
var displayAttribution = _ref.displayAttribution;
|
|
10035
10151
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
10036
10152
|
});
|
|
10037
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10153
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__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);
|
|
10038
10154
|
|
|
10039
10155
|
var Quote = function Quote(_ref) {
|
|
10040
10156
|
var text = _ref.text,
|
|
@@ -10058,11 +10174,11 @@ var Quote = function Quote(_ref) {
|
|
|
10058
10174
|
}, attribution))));
|
|
10059
10175
|
};
|
|
10060
10176
|
|
|
10061
|
-
var _templateObject$
|
|
10062
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10063
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10064
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
10065
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10177
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$l;
|
|
10178
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__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"])));
|
|
10179
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10180
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10181
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10066
10182
|
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__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);
|
|
10067
10183
|
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$l || (_templateObject6$l = /*#__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);
|
|
10068
10184
|
|
|
@@ -10102,11 +10218,11 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10102
10218
|
}, title)))));
|
|
10103
10219
|
};
|
|
10104
10220
|
|
|
10105
|
-
var _templateObject$
|
|
10106
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10107
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10108
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10109
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10221
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$A;
|
|
10222
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__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"])));
|
|
10223
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
10224
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10225
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n"])));
|
|
10110
10226
|
|
|
10111
10227
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10112
10228
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10204,11 +10320,11 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10204
10320
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10205
10321
|
};
|
|
10206
10322
|
|
|
10207
|
-
var _templateObject$
|
|
10208
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
10209
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$
|
|
10210
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
10211
|
-
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
10323
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$s;
|
|
10324
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10325
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10326
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10327
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10212
10328
|
var isActive = _ref.isActive;
|
|
10213
10329
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10214
10330
|
}, exports.Colors.MidGrey);
|
|
@@ -10382,14 +10498,14 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10382
10498
|
});
|
|
10383
10499
|
};
|
|
10384
10500
|
|
|
10385
|
-
var _templateObject$
|
|
10386
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10387
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10388
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10501
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$t, _templateObject6$m;
|
|
10502
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10503
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10504
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10389
10505
|
var color = _ref.color;
|
|
10390
10506
|
return "var(--base-color-" + color + ")";
|
|
10391
10507
|
});
|
|
10392
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10508
|
+
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10393
10509
|
var Text = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10394
10510
|
var color = _ref2.color;
|
|
10395
10511
|
return "var(--base-color-" + color + ")";
|
|
@@ -10480,11 +10596,11 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10480
10596
|
}, strengthLabel))));
|
|
10481
10597
|
};
|
|
10482
10598
|
|
|
10483
|
-
var _templateObject$
|
|
10484
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
10485
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10486
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10487
|
-
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$
|
|
10599
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$u, _templateObject6$n, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10600
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10601
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10602
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10603
|
+
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n\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) {
|
|
10488
10604
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10489
10605
|
}, devices.tablet, devices.mobile);
|
|
10490
10606
|
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 padding: 30px 30px 30px 0;\n text-align: left;\n vertical-align: top;\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n }\n"])), function (props) {
|
|
@@ -10765,9 +10881,9 @@ var LiveChat = function LiveChat() {
|
|
|
10765
10881
|
});
|
|
10766
10882
|
};
|
|
10767
10883
|
|
|
10768
|
-
var _templateObject$
|
|
10769
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10770
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
10884
|
+
var _templateObject$1j, _templateObject2$Y;
|
|
10885
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
10886
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
10771
10887
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
10772
10888
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
10773
10889
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -10795,11 +10911,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
10795
10911
|
}, children)));
|
|
10796
10912
|
};
|
|
10797
10913
|
|
|
10798
|
-
var _templateObject$
|
|
10799
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10800
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
10801
|
-
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10802
|
-
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
10914
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
10915
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__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);
|
|
10916
|
+
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$Z || (_templateObject2$Z = /*#__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);
|
|
10917
|
+
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10918
|
+
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$E || (_templateObject4$E = /*#__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"])));
|
|
10803
10919
|
|
|
10804
10920
|
var MAX_Z_INDEX = 9999999999;
|
|
10805
10921
|
|
|
@@ -10919,8 +11035,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
10919
11035
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
10920
11036
|
};
|
|
10921
11037
|
|
|
10922
|
-
var _templateObject$
|
|
10923
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
11038
|
+
var _templateObject$1l;
|
|
11039
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
10924
11040
|
var theme = _ref.theme;
|
|
10925
11041
|
return theme.colors.primary;
|
|
10926
11042
|
}, function (_ref2) {
|