@royaloperahouse/chord 2.4.10 → 2.5.0-a-chord-development

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/CHANGELOG.md +213 -7
  2. package/README.md +250 -40
  3. package/dist/chord.cjs.development.js +396 -270
  4. package/dist/chord.cjs.development.js.map +1 -1
  5. package/dist/chord.cjs.production.min.js +1 -1
  6. package/dist/chord.cjs.production.min.js.map +1 -1
  7. package/dist/chord.esm.js +396 -271
  8. package/dist/chord.esm.js.map +1 -1
  9. package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.d.ts +5 -0
  10. package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.style.d.ts +3 -0
  11. package/dist/components/atoms/AriaAlternativeDescription/index.d.ts +2 -0
  12. package/dist/components/atoms/AriaAlternativeDescription/mockTickets/ticketsResponse.mock.d.ts +3 -0
  13. package/dist/components/atoms/Grid/GridItemLegacy.d.ts +8 -0
  14. package/dist/components/atoms/Grid/index.d.ts +2 -1
  15. package/dist/components/atoms/Icons/SvgIcons/index.d.ts +75 -75
  16. package/dist/components/atoms/index.d.ts +2 -2
  17. package/dist/components/index.d.ts +2 -2
  18. package/dist/components/molecules/PageHeading/index.d.ts +1 -1
  19. package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
  20. package/dist/components/molecules/PeopleListing/PeopleListing.style.d.ts +1 -0
  21. package/dist/components/molecules/Table/Table.style.d.ts +1 -1
  22. package/dist/components/molecules/index.d.ts +1 -1
  23. package/dist/index.d.ts +3 -2
  24. package/dist/types/ariaAlternative.d.ts +34 -0
  25. package/dist/types/formTypes.d.ts +12 -9
  26. package/dist/types/types.d.ts +4 -0
  27. package/package.json +1 -1
  28. package/README.GIT +0 -277
@@ -929,6 +929,7 @@ var Expand12px = (function (_ref) {
929
929
  height: "12",
930
930
  viewBox: "0 0 12 12",
931
931
  fill: "none",
932
+ role: "img",
932
933
  "aria-label": ariaLabel
933
934
  }, /*#__PURE__*/React.createElement("path", {
934
935
  d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
@@ -946,6 +947,7 @@ var Remove12px = (function (_ref) {
946
947
  height: "12",
947
948
  viewBox: "0 0 12 12",
948
949
  fill: "none",
950
+ role: "img",
949
951
  "aria-label": ariaLabel
950
952
  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
951
953
  d: "M6.9956 5.96581L11.8642 10.8344L10.9042 11.7944L6.0356 6.92581L1.16703 11.7944L0.207031 10.8344L5.0756 5.96581L0.207031 1.16581L1.16703 0.205811L6.0356 5.07438L10.9042 0.205811L11.8642 1.16581L6.9956 5.96581Z",
@@ -963,6 +965,7 @@ var Tick = (function (_ref) {
963
965
  viewBox: "0 0 12 12",
964
966
  fill: "none",
965
967
  xmlns: "http://www.w3.org/2000/svg",
968
+ role: "img",
966
969
  "aria-label": ariaLabel
967
970
  }, /*#__PURE__*/React.createElement("path", {
968
971
  d: "M4.09961 11.1999L1.09961 7.2999L1.89961 6.6999L4.09961 9.4999L10.0996 1.3999L10.8996 1.9999L4.09961 11.1999Z",
@@ -980,6 +983,7 @@ var AddToMyList = (function (_ref) {
980
983
  viewBox: "0 0 24 24",
981
984
  fill: "none",
982
985
  xmlns: "http://www.w3.org/2000/svg",
986
+ role: "img",
983
987
  "aria-label": ariaLabel
984
988
  }, /*#__PURE__*/React.createElement("path", {
985
989
  d: "M21 3H3V4H21V3Z",
@@ -1012,6 +1016,7 @@ var OnMyList = (function (_ref) {
1012
1016
  viewBox: "0 0 24 24",
1013
1017
  fill: "none",
1014
1018
  xmlns: "http://www.w3.org/2000/svg",
1019
+ role: "img",
1015
1020
  "aria-label": ariaLabel
1016
1021
  }, /*#__PURE__*/React.createElement("path", {
1017
1022
  d: "M15.4996 20.2002L13.3996 17.7002L12.5996 18.3002L15.5996 21.8002L20.8996 13.8002L20.0996 13.2002L15.4996 20.2002Z",
@@ -1044,6 +1049,7 @@ var BookTickets = (function (_ref) {
1044
1049
  viewBox: "0 0 24 24",
1045
1050
  fill: "none",
1046
1051
  xmlns: "http://www.w3.org/2000/svg",
1052
+ role: "img",
1047
1053
  "aria-label": ariaLabel
1048
1054
  }, /*#__PURE__*/React.createElement("path", {
1049
1055
  d: "M7 2H6V5H7V2Z",
@@ -1088,6 +1094,7 @@ var ChooseDates = (function (_ref) {
1088
1094
  viewBox: "0 0 24 24",
1089
1095
  fill: "none",
1090
1096
  xmlns: "http://www.w3.org/2000/svg",
1097
+ role: "img",
1091
1098
  "aria-label": ariaLabel
1092
1099
  }, /*#__PURE__*/React.createElement("path", {
1093
1100
  d: "M20.9 9L19 10.9V5H15.5V4H14.5V5H12V4H11V5H8.5V4H7.5V5H4V18C4 19.1 4.9 20 6 20H17C18.1 20 19 19.1 19 18V15.1L23 11.1L20.9 9ZM17.5 12.3H14.3V10H18V11.9L17.5 12.3ZM14.6 15.7H14.3V13.4H16.5L14.7 15.2L14.6 15.7ZM8.7 19H6C5.4 19 5 18.6 5 18V16.7H8.7V19ZM8.7 15.7H5V13.4H8.7V15.7ZM8.7 12.3H5V10H8.7V12.3ZM5 9V6H7.5V7H8.5V6H11V7H12V6H14.5V7H15.5V6H18V9H5ZM13.3 19H9.7V16.7H13.4V19H13.3ZM13.3 15.7H9.7V13.4H13.4V15.7H13.3ZM13.3 12.3H9.7V10H13.4V12.3H13.3ZM18 16.7V18C18 18.6 17.6 19 17 19H14.3V18L16.9 17.2L17.5 16.6H18V16.7ZM19 13.7L18 14.7L17 15.7L16.3 16.4L15.3 16.7L15.6 15.7L17.9 13.4L18.9 12.4L19 12.3L19.7 13L19 13.7ZM19.8 11.5L20.9 10.4L21.6 11.1L20.5 12.2L19.8 11.5Z",
@@ -1105,6 +1112,7 @@ var EditMyList = (function (_ref) {
1105
1112
  viewBox: "0 0 24 24",
1106
1113
  fill: "none",
1107
1114
  xmlns: "http://www.w3.org/2000/svg",
1115
+ role: "img",
1108
1116
  "aria-label": ariaLabel
1109
1117
  }, /*#__PURE__*/React.createElement("path", {
1110
1118
  d: "M21 3H3V4H21V3Z",
@@ -1137,6 +1145,7 @@ var Favourite = (function (_ref) {
1137
1145
  viewBox: "0 0 24 24",
1138
1146
  fill: "none",
1139
1147
  xmlns: "http://www.w3.org/2000/svg",
1148
+ role: "img",
1140
1149
  "aria-label": ariaLabel
1141
1150
  }, /*#__PURE__*/React.createElement("path", {
1142
1151
  d: "M12 4.69994L13.88 8.51994L14.12 8.98994L14.64 9.06994L18.85 9.67994L15.8 12.6799L15.43 13.0499L15.51 13.5599L16.23 17.7599L12.47 15.7599L12 15.5099L11.53 15.7499L7.77 17.7499L8.49 13.5499L8.57 13.0399L8.2 12.6699L5.15 9.66994L9.36 9.05994L9.88 8.97994L10.12 8.50994L12 4.69994ZM12 2.43994L9.22 8.07994L3 8.99994L7.5 13.3899L6.44 19.5799L12 16.6399L17.56 19.5599L16.5 13.3699L21 8.99994L14.78 8.09994L12 2.43994Z",
@@ -1154,6 +1163,7 @@ var FavouriteFull = (function (_ref) {
1154
1163
  viewBox: "0 0 24 24",
1155
1164
  fill: "none",
1156
1165
  xmlns: "http://www.w3.org/2000/svg",
1166
+ role: "img",
1157
1167
  "aria-label": ariaLabel
1158
1168
  }, /*#__PURE__*/React.createElement("path", {
1159
1169
  d: "M9.22 8.07994L12 2.43994L14.78 8.09994L21 8.99994L16.5 13.3699L17.56 19.5599L12 16.6399L6.44 19.5799L7.5 13.3899L3 8.99994L9.22 8.07994Z",
@@ -1171,6 +1181,7 @@ var Filter = (function (_ref) {
1171
1181
  viewBox: "0 0 24 24",
1172
1182
  fill: "none",
1173
1183
  xmlns: "http://www.w3.org/2000/svg",
1184
+ role: "img",
1174
1185
  "aria-label": ariaLabel
1175
1186
  }, /*#__PURE__*/React.createElement("path", {
1176
1187
  d: "M8.4 5C8.2 4.1 7.4 3.5 6.5 3.5C5.6 3.5 4.8 4.1 4.6 5H2V6H4.6C4.8 6.9 5.6 7.5 6.5 7.5C7.4 7.5 8.2 6.9 8.4 6H22V5H8.4ZM6.5 6.5C5.9 6.5 5.5 6.1 5.5 5.5C5.5 4.9 5.9 4.5 6.5 4.5C7.1 4.5 7.5 4.9 7.5 5.5C7.5 6.1 7.1 6.5 6.5 6.5Z",
@@ -1194,6 +1205,7 @@ var FindAScreening = (function (_ref) {
1194
1205
  viewBox: "0 0 24 24",
1195
1206
  fill: "none",
1196
1207
  xmlns: "http://www.w3.org/2000/svg",
1208
+ role: "img",
1197
1209
  "aria-label": ariaLabel
1198
1210
  }, /*#__PURE__*/React.createElement("path", {
1199
1211
  d: "M12 2C9.7381 2.00427 7.54447 2.77523 5.77725 4.18702C4.01004 5.59881 2.77365 7.56802 2.26996 9.77313C1.76627 11.9782 2.02503 14.289 3.00399 16.328C3.98295 18.3671 5.62429 20.0141 7.66 21H2V22H12C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 9.34784 20.9464 6.8043 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 2ZM12 21C10.22 21 8.47991 20.4722 6.99987 19.4832C5.51983 18.4943 4.36627 17.0887 3.68508 15.4442C3.0039 13.7996 2.82567 11.99 3.17293 10.2442C3.5202 8.49836 4.37737 6.89471 5.63604 5.63604C6.89471 4.37737 8.49836 3.5202 10.2442 3.17293C11.99 2.82567 13.7996 3.0039 15.4442 3.68508C17.0887 4.36627 18.4943 5.51983 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C21 14.3869 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.3869 21 12 21Z",
@@ -1226,6 +1238,7 @@ var Reminder = (function (_ref) {
1226
1238
  viewBox: "0 0 24 24",
1227
1239
  fill: "none",
1228
1240
  xmlns: "http://www.w3.org/2000/svg",
1241
+ role: "img",
1229
1242
  "aria-label": ariaLabel
1230
1243
  }, /*#__PURE__*/React.createElement("path", {
1231
1244
  d: "M18 18V10C18 6.9 15.6 4.3 12.5 4V2H11.5V4C8.4 4.3 6 6.9 6 10V18H4V19H6H9C9 20.7 10.3 22 12 22C13.7 22 15 20.7 15 19H18H20V18H18ZM12 21C10.9 21 10 20.1 10 19H14C14 20.1 13.1 21 12 21ZM15 18H9H7V10C7 7.2 9.2 5 12 5C14.8 5 17 7.2 17 10V18H15Z",
@@ -1243,6 +1256,7 @@ var Subscribe = (function (_ref) {
1243
1256
  viewBox: "0 0 24 24",
1244
1257
  fill: "none",
1245
1258
  xmlns: "http://www.w3.org/2000/svg",
1259
+ role: "img",
1246
1260
  "aria-label": ariaLabel
1247
1261
  }, /*#__PURE__*/React.createElement("path", {
1248
1262
  d: "M20 4V20H4V4H20ZM21 3H3V21H21V3Z",
@@ -1263,6 +1277,7 @@ var Watch = (function (_ref) {
1263
1277
  viewBox: "0 0 24 24",
1264
1278
  fill: "none",
1265
1279
  xmlns: "http://www.w3.org/2000/svg",
1280
+ role: "img",
1266
1281
  "aria-label": ariaLabel
1267
1282
  }, /*#__PURE__*/React.createElement("path", {
1268
1283
  d: "M9 8L16 12L9 16V8Z",
@@ -1283,6 +1298,7 @@ var Arrow = (function (_ref) {
1283
1298
  viewBox: "0 0 24 24",
1284
1299
  fill: "none",
1285
1300
  xmlns: "http://www.w3.org/2000/svg",
1301
+ role: "img",
1286
1302
  "aria-label": ariaLabel
1287
1303
  }, /*#__PURE__*/React.createElement("path", {
1288
1304
  d: "M3 12.6001H19L12.9 18.7001L13.6 19.4001L21 12.0001L13.6 4.6001L12.9 5.3001L19.2 11.6001H3V12.6001Z",
@@ -1300,6 +1316,7 @@ var CarouselArrow = (function (_ref) {
1300
1316
  viewBox: "0 0 24 24",
1301
1317
  fill: "none",
1302
1318
  xmlns: "http://www.w3.org/2000/svg",
1319
+ role: "img",
1303
1320
  "aria-label": ariaLabel
1304
1321
  }, /*#__PURE__*/React.createElement("path", {
1305
1322
  d: "M13.6 4.24658L21.3536 12.0001L13.6 19.7537L12.5464 18.7001L18.3964 12.8501H2.75V11.3501H18.5964L12.5464 5.30014L13.6 4.24658Z",
@@ -1317,6 +1334,7 @@ var DropdownArrow = (function (_ref) {
1317
1334
  viewBox: "0 0 24 24",
1318
1335
  fill: "none",
1319
1336
  xmlns: "http://www.w3.org/2000/svg",
1337
+ role: "img",
1320
1338
  "aria-label": ariaLabel
1321
1339
  }, /*#__PURE__*/React.createElement("path", {
1322
1340
  d: "M19.3 8L12 14.7L4.7 8L4 8.7L12 16L20 8.7L19.3 8Z",
@@ -1334,6 +1352,7 @@ var Cinema = (function (_ref) {
1334
1352
  viewBox: "0 0 24 24",
1335
1353
  fill: "none",
1336
1354
  xmlns: "http://www.w3.org/2000/svg",
1355
+ role: "img",
1337
1356
  "aria-label": ariaLabel
1338
1357
  }, /*#__PURE__*/React.createElement("path", {
1339
1358
  d: "M12 2C9.7381 2.00427 7.54447 2.77523 5.77725 4.18702C4.01004 5.59881 2.77365 7.56802 2.26996 9.77313C1.76627 11.9782 2.02503 14.289 3.00399 16.328C3.98295 18.3671 5.62429 20.0141 7.66 21H2V22H12C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 9.34784 20.9464 6.8043 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 2V2ZM12 21C10.22 21 8.47991 20.4722 6.99987 19.4832C5.51983 18.4943 4.36627 17.0887 3.68508 15.4442C3.0039 13.7996 2.82567 11.99 3.17293 10.2442C3.5202 8.49836 4.37737 6.89471 5.63604 5.63604C6.89471 4.37737 8.49836 3.5202 10.2442 3.17293C11.99 2.82567 13.7996 3.0039 15.4442 3.68508C17.0887 4.36627 18.4943 5.51983 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C21 14.3869 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.3869 21 12 21V21Z",
@@ -1366,6 +1385,7 @@ var Clock = (function (_ref) {
1366
1385
  viewBox: "0 0 24 24",
1367
1386
  fill: "none",
1368
1387
  xmlns: "http://www.w3.org/2000/svg",
1388
+ role: "img",
1369
1389
  "aria-label": ariaLabel
1370
1390
  }, /*#__PURE__*/React.createElement("path", {
1371
1391
  d: "M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM12 21C7 21 3 17 3 12C3 7 7 3 12 3C17 3 21 7 21 12C21 17 17 21 12 21Z",
@@ -1386,6 +1406,7 @@ var CreditCard = (function (_ref) {
1386
1406
  viewBox: "0 0 24 24",
1387
1407
  fill: "none",
1388
1408
  xmlns: "http://www.w3.org/2000/svg",
1409
+ role: "img",
1389
1410
  "aria-label": ariaLabel
1390
1411
  }, /*#__PURE__*/React.createElement("path", {
1391
1412
  d: "M10.5 14H5.5C5.2 14 5 14.2 5 14.5C5 14.8 5.2 15 5.5 15H10.5C10.8 15 11 14.8 11 14.5C11 14.2 10.8 14 10.5 14Z",
@@ -1409,6 +1430,7 @@ var Email = (function (_ref) {
1409
1430
  viewBox: "0 0 24 24",
1410
1431
  fill: "none",
1411
1432
  xmlns: "http://www.w3.org/2000/svg",
1433
+ role: "img",
1412
1434
  "aria-label": ariaLabel
1413
1435
  }, /*#__PURE__*/React.createElement("path", {
1414
1436
  d: "M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM21 18.2L15.3 12.5L21 6.7V18C21 18.1 21 18.2 21 18.2ZM4 5H20C20.4 5 20.6 5.2 20.8 5.5L12 14.3L10.2 12.5L9.5 11.8L3.2 5.5C3.4 5.2 3.6 5 4 5ZM3 18.2C3 18.1 3 18 3 18V6.7L8.8 12.5L3 18.2ZM4 19C3.9 19 3.8 19 3.8 19L9.5 13.3L12 15.8L14.5 13.3L20.2 19C20.1 19 20 19 20 19H4Z",
@@ -1426,6 +1448,7 @@ var Info = (function (_ref) {
1426
1448
  viewBox: "0 0 24 24",
1427
1449
  fill: "none",
1428
1450
  xmlns: "http://www.w3.org/2000/svg",
1451
+ role: "img",
1429
1452
  "aria-label": ariaLabel
1430
1453
  }, /*#__PURE__*/React.createElement("path", {
1431
1454
  d: "M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM12 21C7 21 3 17 3 12C3 7 7 3 12 3C17 3 21 7 21 12C21 17 17 21 12 21Z",
@@ -1449,6 +1472,7 @@ var List = (function (_ref) {
1449
1472
  viewBox: "0 0 24 24",
1450
1473
  fill: "none",
1451
1474
  xmlns: "http://www.w3.org/2000/svg",
1475
+ role: "img",
1452
1476
  "aria-label": ariaLabel
1453
1477
  }, /*#__PURE__*/React.createElement("path", {
1454
1478
  d: "M4.5 7C5.32843 7 6 6.32843 6 5.5C6 4.67157 5.32843 4 4.5 4C3.67157 4 3 4.67157 3 5.5C3 6.32843 3.67157 7 4.5 7Z",
@@ -1481,6 +1505,7 @@ var Location = (function (_ref) {
1481
1505
  viewBox: "0 0 24 24",
1482
1506
  fill: "none",
1483
1507
  xmlns: "http://www.w3.org/2000/svg",
1508
+ role: "img",
1484
1509
  "aria-label": ariaLabel
1485
1510
  }, /*#__PURE__*/React.createElement("path", {
1486
1511
  d: "M12 2C9.87827 2 7.84344 2.84285 6.34315 4.34315C4.84286 5.84344 4 7.87827 4 10C4 14.42 12 22 12 22C12 22 20 14.42 20 10C20 7.87827 19.1571 5.84344 17.6569 4.34315C16.1566 2.84285 14.1217 2 12 2ZM12 20.6C9.55 18.14 5 13 5 10C5 8.14348 5.7375 6.36301 7.05025 5.05025C8.36301 3.7375 10.1435 3 12 3C13.8565 3 15.637 3.7375 16.9497 5.05025C18.2625 6.36301 19 8.14348 19 10C19 13 14.45 18.14 12 20.6Z",
@@ -1501,6 +1526,7 @@ var PDF = (function (_ref) {
1501
1526
  viewBox: "0 0 24 24",
1502
1527
  fill: "none",
1503
1528
  xmlns: "http://www.w3.org/2000/svg",
1529
+ role: "img",
1504
1530
  "aria-label": ariaLabel
1505
1531
  }, /*#__PURE__*/React.createElement("path", {
1506
1532
  d: "M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2ZM14.5 3.9L18.1 7.5H14.5V3.9ZM18 21H6C5.4 21 5 20.6 5 20V4C5 3.4 5.4 3 6 3H13.6H13.5V8.5H19V20C19 20.6 18.6 21 18 21Z",
@@ -1527,6 +1553,7 @@ var Phone = (function (_ref) {
1527
1553
  viewBox: "0 0 24 24",
1528
1554
  fill: "none",
1529
1555
  xmlns: "http://www.w3.org/2000/svg",
1556
+ role: "img",
1530
1557
  "aria-label": ariaLabel
1531
1558
  }, /*#__PURE__*/React.createElement("path", {
1532
1559
  d: "M20.14 14H20C18.5808 13.8715 17.201 13.4637 15.94 12.8L15.67 12.66C15.5265 12.5796 15.3645 12.5382 15.2 12.54C14.9377 12.5411 14.6863 12.6453 14.5 12.83L12.9 14.43C11.4318 13.3789 10.1763 12.0589 9.2 10.54L10.85 8.89001C11.0287 8.70464 11.129 8.45748 11.13 8.20001C11.1278 8.08009 11.1041 7.96154 11.06 7.85001L10.87 7.45001C10.3893 6.35669 10.0952 5.19054 10 4.00001C9.99507 3.96686 9.99507 3.93316 10 3.90001C9.97513 3.65249 9.85889 3.42312 9.67398 3.25671C9.48907 3.09029 9.24877 2.99877 9 3.00001H4C3.73478 3.00001 3.48043 3.10537 3.29289 3.29291C3.10536 3.48044 3 3.7348 3 4.00001C3.24002 8.43074 5.10813 12.6167 8.24573 15.7543C11.3833 18.8919 15.5693 20.76 20 21C20.2652 21 20.5196 20.8947 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V15C21.0024 14.7574 20.9165 14.5221 20.7582 14.3381C20.6 14.1541 20.3803 14.034 20.14 14ZM20 17V20C16.9863 19.8334 14.0721 18.8631 11.56 17.19C11.28 17 11.01 16.79 10.74 16.59C9.29429 15.4967 8.03183 14.1802 7 12.69C6.8 12.4 6.62 12.11 6.44 11.82C4.99691 9.45324 4.1589 6.76749 4 4.00001H9C9 4.34001 9.07 4.67001 9.13 5.00001C9.25673 5.76115 9.45769 6.50805 9.73 7.23001C9.85 7.54001 9.98 7.85001 10.12 8.15001L9.41 8.86001L8.62 9.64001L7.89 10.38C8.06 10.68 8.23 10.97 8.42 11.26C9.4178 12.7656 10.6778 14.0797 12.14 15.14C12.41 15.34 12.69 15.53 12.98 15.72L13.71 14.98L14.46 14.23L15.16 13.53L16.06 13.98C16.9924 14.3929 17.9737 14.6853 18.98 14.85C19.3 14.91 19.63 14.95 19.98 14.98V16.98L20 17Z",
@@ -1544,6 +1571,7 @@ var Print = (function (_ref) {
1544
1571
  viewBox: "0 0 24 24",
1545
1572
  fill: "none",
1546
1573
  xmlns: "http://www.w3.org/2000/svg",
1574
+ role: "img",
1547
1575
  "aria-label": ariaLabel
1548
1576
  }, /*#__PURE__*/React.createElement("path", {
1549
1577
  d: "M19 6H16V3H8V6H5C3.9 6 3 6.9 3 8V16C3 17.1 3.9 18 5 18H8V21H16V18H19C20.1 18 21 17.1 21 16V8C21 6.9 20.1 6 19 6ZM9 4H15V6H9V4ZM15 20H9V14H15V20ZM20 16C20 16.6 19.6 17 19 17H16V13H8V17H5C4.4 17 4 16.6 4 16V8C4 7.4 4.4 7 5 7H19C19.6 7 20 7.4 20 8V16Z",
@@ -1561,6 +1589,7 @@ var Seat = (function (_ref) {
1561
1589
  viewBox: "0 0 24 24",
1562
1590
  fill: "none",
1563
1591
  xmlns: "http://www.w3.org/2000/svg",
1592
+ role: "img",
1564
1593
  "aria-label": ariaLabel
1565
1594
  }, /*#__PURE__*/React.createElement("path", {
1566
1595
  d: "M17.5 7.8V4.9c0-2.7-2.2-4.9-4.9-4.9H7.2C4.5 0 2.3 2.2 2.3 4.9v2.9H0V20h4.2v-3.7h11.3V20h4.2V7.8h-2.2ZM3 4.8h.3v.1C3.3 2.8 5 1 7.2 1h5.4c2.2 0 3.9 1.8 3.9 3.9v2.8h-1v4.6H4.2V7.8H3v-3ZM1 19V8.7h2.2v3.6H1.9v4h1.3V19H1Zm1.9-3.6v-2h13.9v2H2.9ZM18.8 19h-2.2v-2.7h1.3v-4h-1.3V8.7h2.2V19Z",
@@ -1581,6 +1610,7 @@ var Secure = (function (_ref) {
1581
1610
  viewBox: "0 0 24 24",
1582
1611
  fill: "none",
1583
1612
  xmlns: "http://www.w3.org/2000/svg",
1613
+ role: "img",
1584
1614
  "aria-label": ariaLabel
1585
1615
  }, /*#__PURE__*/React.createElement("path", {
1586
1616
  d: "M18 9H17V7C17 5.67392 16.4732 4.40215 15.5355 3.46447C14.5979 2.52678 13.3261 2 12 2C10.6739 2 9.40215 2.52678 8.46447 3.46447C7.52678 4.40215 7 5.67392 7 7V9H6C5.46957 9 4.96086 9.21071 4.58579 9.58579C4.21071 9.96086 4 10.4696 4 11V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V11C20 10.4696 19.7893 9.96086 19.4142 9.58579C19.0391 9.21071 18.5304 9 18 9ZM8 7C8 5.93913 8.42143 4.92172 9.17157 4.17157C9.92172 3.42143 10.9391 3 12 3C13.0609 3 14.0783 3.42143 14.8284 4.17157C15.5786 4.92172 16 5.93913 16 7V9H8V7ZM19 20C19 20.2652 18.8946 20.5196 18.7071 20.7071C18.5196 20.8946 18.2652 21 18 21H6C5.73478 21 5.48043 20.8946 5.29289 20.7071C5.10536 20.5196 5 20.2652 5 20V11C5 10.7348 5.10536 10.4804 5.29289 10.2929C5.48043 10.1054 5.73478 10 6 10H18C18.2652 10 18.5196 10.1054 18.7071 10.2929C18.8946 10.4804 19 10.7348 19 11V20Z",
@@ -1601,6 +1631,7 @@ var Standing = (function (_ref) {
1601
1631
  viewBox: "0 0 24 24",
1602
1632
  fill: "none",
1603
1633
  xmlns: "http://www.w3.org/2000/svg",
1634
+ role: "img",
1604
1635
  "aria-label": ariaLabel
1605
1636
  }, /*#__PURE__*/React.createElement("path", {
1606
1637
  d: "M9.8 3.9c1.1 0 1.9-.9 1.9-1.9 0-1-.8-2-1.9-2-1.1 0-1.9.9-1.9 2s.9 1.9 1.9 1.9Zm0-2.9c.5 0 .9.4.9.9s-.4.9-.9.9-.9-.3-.9-.8.4-1 .9-1Zm2 3.2H8c-1.3 0-2.3 1-2.3 2.2v6.4h1.7V20h4.9v-7h1.8V6.4c0-1.2-1.1-2.2-2.3-2.2Zm1.3 7.8h-.8V7.4c0-.2-.2-.4-.5-.4-.2 0-.5.2-.5.4V19h-.9v-6.3c0-.2-.2-.4-.5-.4-.2 0-.5.2-.5.4V19h-1V7.4c0-.2-.2-.4-.5-.4-.2 0-.5.2-.5.4v4.5h-.7V6.5c0-.7.6-1.2 1.3-1.2h3.7c.7 0 1.3.5 1.3 1.2l.1 5.5Z",
@@ -1618,6 +1649,7 @@ var Tickets = (function (_ref) {
1618
1649
  viewBox: "0 0 24 24",
1619
1650
  fill: "none",
1620
1651
  xmlns: "http://www.w3.org/2000/svg",
1652
+ role: "img",
1621
1653
  "aria-label": ariaLabel
1622
1654
  }, /*#__PURE__*/React.createElement("path", {
1623
1655
  d: "M12 14H11V16H12V14Z",
@@ -1641,6 +1673,7 @@ var Wheelchair = (function (_ref) {
1641
1673
  viewBox: "0 0 24 24",
1642
1674
  fill: "none",
1643
1675
  xmlns: "http://www.w3.org/2000/svg",
1676
+ role: "img",
1644
1677
  "aria-label": ariaLabel
1645
1678
  }, /*#__PURE__*/React.createElement("path", {
1646
1679
  d: "M8.4 18.8c-1.1 0-2.2-.4-3-1.1-.8-.8-1.3-1.8-1.3-2.9-.1-1.6.9-3.2 2.3-3.9l-.4-1c-1.9.9-3 2.8-3 4.9.1 2.8 2.4 5.1 5.3 5.1h.2c2.6-.1 4.7-2.1 5.1-4.6l-1.1-.1c-.3 2-2 3.6-4.1 3.6ZM9.8 4.5c1.2 0 2.2-1 2.2-2.2C12 1.1 11 .1 9.8.1c-1.2 0-2.2 1-2.2 2.2 0 1.2.9 2.2 2.2 2.2Zm0-3.3c.6 0 1.1.5 1.1 1.1 0 .6-.5 1.1-1.1 1.1-.6 0-1.1-.5-1.1-1.1 0-.6.5-1.1 1.1-1.1Zm4.9 12c-.3-.5-.9-.8-1.6-.8h-2.6V6.3c0-.6-.5-1.2-1.1-1.2H6.2c-.5.1-.9.5-.9 1v3.2h1.1V6.2l2.9.1v7.2h3.8c.3 0 .5.1.6.3l3.4 5.4.9-.6-3.3-5.4Z",
@@ -1658,6 +1691,7 @@ var BalletAndDance = (function (_ref) {
1658
1691
  viewBox: "0 0 24 24",
1659
1692
  fill: "none",
1660
1693
  xmlns: "http://www.w3.org/2000/svg",
1694
+ role: "img",
1661
1695
  "aria-label": ariaLabel
1662
1696
  }, /*#__PURE__*/React.createElement("path", {
1663
1697
  d: "M20 10.8099C20 10.4099 20 10.0099 19.91 9.61995C19.8296 8.78684 19.7028 7.95889 19.53 7.13995C19.3725 6.36611 19.1722 5.6016 18.93 4.84995C18.83 4.52995 18.72 4.21995 18.61 3.90995L18.19 2.84995C18.12 2.69995 18.06 2.54995 18 2.39995C17.9472 2.27991 17.8602 2.17802 17.75 2.10691C17.6398 2.03581 17.5112 1.99861 17.38 1.99995H10.6C10.4803 1.99361 10.3611 2.02001 10.2552 2.0763C10.1494 2.13259 10.0609 2.21665 9.99918 2.31946C9.9375 2.42226 9.90499 2.53992 9.90513 2.65981C9.90527 2.7797 9.93807 2.89729 10 2.99995L10.61 3.99995C9.02093 4.16117 7.53678 4.8679 6.41 5.99995L3 9.35994L3.72 10.0699L7.16 6.66995C7.75257 6.09557 8.45725 5.64961 9.23 5.35995C8.49778 6.12058 7.95332 7.04171 7.64 8.04995L6.2 12.6399L7.2 12.9299L8.61 8.33995C9.04114 6.96737 9.97284 5.8072 11.22 5.08995C11.69 6.02959 12.091 7.00215 12.42 7.99995C11.9519 8.75685 11.7059 9.63002 11.71 10.5199C11.7119 11.022 11.7895 11.521 11.94 11.9999C12.1174 12.5578 12.3991 13.077 12.77 13.5299C12.8542 13.606 12.9312 13.6897 13 13.7799C13.3354 14.2018 13.5249 14.7212 13.54 15.2599C13.54 15.3699 13.54 15.4799 13.54 15.5899C13.5242 16.3823 13.4675 17.1734 13.37 17.9599C13.2272 18.9861 13.0168 20.0016 12.74 20.9999V20.9999C12.7011 21.1094 12.6881 21.2264 12.7021 21.3417C12.716 21.4571 12.7566 21.5676 12.8206 21.6645C12.8846 21.7615 12.9703 21.8423 13.0708 21.9005C13.1714 21.9587 13.284 21.9927 13.4 21.9999H16.91C17.1788 21.9964 17.4405 21.9126 17.6614 21.7594C17.8823 21.6062 18.0524 21.3905 18.15 21.1399C19.099 18.8653 19.6861 16.4562 19.89 13.9999C19.89 13.7699 19.94 13.5499 19.96 13.3099C19.98 13.0699 19.96 13.1099 19.96 13.0099C19.96 12.6499 19.96 12.2899 19.96 11.9299C19.96 11.5699 20 11.1899 20 10.8099ZM11.61 2.99995H17C17.0499 3.00059 17.0985 3.01618 17.1395 3.0447C17.1805 3.07322 17.212 3.11336 17.23 3.15995C17.34 3.41995 17.44 3.69995 17.55 3.96995H11.7L11.39 3.36995C11.3691 3.33182 11.3586 3.28892 11.3594 3.24547C11.3601 3.20202 11.3722 3.15953 11.3944 3.12218C11.4166 3.08482 11.4482 3.05391 11.486 3.03247C11.5238 3.01104 11.5665 2.99983 11.61 2.99995ZM12.23 4.99995H17.93C17.93 5.13995 18.02 5.27995 18.07 5.41995L17.25 6.31995L15.73 7.99995H15.65L13.08 6.99995C12.83 6.29995 12.54 5.62995 12.23 4.99995V4.99995ZM19 13.8999C18.808 16.2022 18.2545 18.4599 17.36 20.5899C17.3111 20.7095 17.2282 20.8121 17.1215 20.885C17.0149 20.9578 16.8892 20.9978 16.76 20.9999H13.86C13.8411 20.9995 13.8225 20.9945 13.8059 20.9855C13.7892 20.9764 13.775 20.9636 13.7642 20.948C13.7535 20.9324 13.7466 20.9144 13.7442 20.8957C13.7417 20.8769 13.7437 20.8578 13.75 20.8399C14.1769 19.104 14.415 17.327 14.46 15.5399C14.46 15.4699 14.46 14.9099 14.46 14.9099C14.3722 14.1233 14.0196 13.3898 13.46 12.8299V12.8299C12.9343 12.1788 12.6483 11.3668 12.65 10.5299C12.6562 10.1426 12.7203 9.75836 12.84 9.38995C12.9771 8.96486 13.1906 8.56836 13.47 8.21995L15.59 8.99995C15.6034 10.0554 15.9365 11.082 16.5453 11.9443C17.154 12.8066 18.0099 13.464 19 13.8299V13.8999ZM19 12.8099C18.2319 12.4636 17.5815 11.9007 17.1285 11.1902C16.6756 10.4797 16.4398 9.65248 16.45 8.80995C16.445 8.72001 16.445 8.62988 16.45 8.53995L18.33 6.53995C18.43 6.92995 18.53 7.32995 18.61 7.72995C18.9028 9.13498 19.0602 10.5649 19.08 11.9999C19.08 12.2499 19.06 12.5299 19 12.8099Z",
@@ -1675,6 +1709,7 @@ var Basket = (function (_ref) {
1675
1709
  viewBox: "0 0 24 24",
1676
1710
  fill: "none",
1677
1711
  xmlns: "http://www.w3.org/2000/svg",
1712
+ role: "img",
1678
1713
  "aria-label": ariaLabel
1679
1714
  }, /*#__PURE__*/React.createElement("path", {
1680
1715
  d: "M16.0996 8V7C15.9996 4.8 14.1996 3 11.9996 3C9.69961 3 7.89961 4.8 7.89961 7V8H3.09961L5.19961 18.8C5.39961 20.1 6.49961 21 7.79961 21H16.1996C17.4996 21 18.5996 20.1 18.7996 18.8L20.8996 8H16.0996ZM8.89961 7C8.89961 5.4 10.2996 4 11.9996 4C13.5996 4 15.0996 5.4 15.0996 7V8H8.89961V7ZM17.8996 18.6C17.6996 19.4 16.9996 20 16.1996 20H7.79961C6.99961 20 6.29961 19.4 6.19961 18.6L4.29961 9H7.89961H16.0996H19.6996L17.8996 18.6Z",
@@ -1692,6 +1727,7 @@ var BasketFull = (function (_ref) {
1692
1727
  viewBox: "0 0 24 24",
1693
1728
  fill: "none",
1694
1729
  xmlns: "http://www.w3.org/2000/svg",
1730
+ role: "img",
1695
1731
  "aria-label": ariaLabel
1696
1732
  }, /*#__PURE__*/React.createElement("path", {
1697
1733
  d: "M16.0996 8V7C15.9996 4.8 14.1996 3 11.9996 3C9.69961 3 7.89961 4.8 7.89961 7V8H3.09961L5.19961 18.8C5.39961 20.1 6.49961 21 7.79961 21H16.1996C17.4996 21 18.5996 20.1 18.7996 18.8L20.8996 8H16.0996ZM8.89961 7C8.89961 5.4 10.2996 4 11.9996 4C13.5996 4 15.0996 5.4 15.0996 7V8H8.89961V7Z",
@@ -1709,6 +1745,7 @@ var Home = (function (_ref) {
1709
1745
  viewBox: "0 0 24 24",
1710
1746
  fill: "none",
1711
1747
  xmlns: "http://www.w3.org/2000/svg",
1748
+ role: "img",
1712
1749
  "aria-label": ariaLabel
1713
1750
  }, /*#__PURE__*/React.createElement("path", {
1714
1751
  d: "M22 12.1L12 4L2 12.1L2.6 12.9L4.8 11.1V18C4.8 19.1 5.7 20 6.8 20H9.6C10.1 20 10.5 19.6 10.5 19.1V15.3C10.5 14.9 10.7 14.5 11 14.2C11.3 13.9 11.7 13.8 12.1 13.8C12.9 13.8 13.5 14.6 13.5 15.4V19.1C13.5 19.6 13.9 20 14.4 20H17.2C18.3 20 19.2 19.1 19.2 18V11.1L21.4 12.9L22 12.1ZM18.2 18C18.2 18.6 17.8 19 17.2 19H14.6V15.4C14.6 14 13.5 12.8 12.2 12.8C11.5 12.8 10.8 13 10.3 13.5C9.8 14 9.5 14.6 9.5 15.3V19H6.8C6.2 19 5.8 18.5 5.8 18V10.3L12 5.3L18.2 10.3V18Z",
@@ -1726,6 +1763,7 @@ var LiveStream = (function (_ref) {
1726
1763
  viewBox: "0 0 24 24",
1727
1764
  fill: "none",
1728
1765
  xmlns: "http://www.w3.org/2000/svg",
1766
+ role: "img",
1729
1767
  "aria-label": ariaLabel
1730
1768
  }, /*#__PURE__*/React.createElement("path", {
1731
1769
  d: "M12 15.5C10.1 15.5 8.5 13.9 8.5 12C8.5 10.1 10.1 8.5 12 8.5C13.9 8.5 15.5 10.1 15.5 12C15.5 13.9 13.9 15.5 12 15.5ZM12 9.5C10.6 9.5 9.5 10.6 9.5 12C9.5 13.4 10.6 14.5 12 14.5C13.4 14.5 14.5 13.4 14.5 12C14.5 10.6 13.4 9.5 12 9.5Z",
@@ -1755,6 +1793,7 @@ var Menu = (function (_ref) {
1755
1793
  viewBox: "0 0 24 24",
1756
1794
  fill: "none",
1757
1795
  xmlns: "http://www.w3.org/2000/svg",
1796
+ role: "img",
1758
1797
  "aria-label": ariaLabel
1759
1798
  }, /*#__PURE__*/React.createElement("path", {
1760
1799
  d: "M22 5H2V6H22V5Z",
@@ -1778,6 +1817,7 @@ var OperaAndMusic = (function (_ref) {
1778
1817
  viewBox: "0 0 24 24",
1779
1818
  fill: "none",
1780
1819
  xmlns: "http://www.w3.org/2000/svg",
1820
+ role: "img",
1781
1821
  "aria-label": ariaLabel
1782
1822
  }, /*#__PURE__*/React.createElement("path", {
1783
1823
  d: "M22 11V10C20.9391 10 19.9217 9.57857 19.1715 8.82843C18.4214 8.07828 18 7.06087 18 6H17V14.78C16.4875 14.3216 15.833 14.0532 15.1463 14.0197C14.4595 13.9862 13.7821 14.1896 13.2273 14.5958C12.6726 15.0021 12.2743 15.5866 12.0991 16.2515C11.9238 16.9164 11.9823 17.6213 12.2647 18.2482C12.5471 18.8751 13.0363 19.386 13.6504 19.6954C14.2644 20.0047 14.9661 20.0937 15.638 19.9475C16.3098 19.8013 16.9111 19.4287 17.3411 18.8921C17.771 18.3556 18.0037 17.6876 18 17V9C18.4657 9.62098 19.0696 10.125 19.7639 10.4721C20.4582 10.8193 21.2237 11 22 11V11ZM15 19C14.6044 19 14.2177 18.8827 13.8888 18.6629C13.5599 18.4432 13.3036 18.1308 13.1522 17.7654C13.0008 17.3999 12.9612 16.9978 13.0384 16.6098C13.1156 16.2219 13.306 15.8655 13.5857 15.5858C13.8655 15.3061 14.2218 15.1156 14.6098 15.0384C14.9977 14.9613 15.3999 15.0009 15.7653 15.1522C16.1308 15.3036 16.4431 15.56 16.6629 15.8889C16.8827 16.2178 17 16.6044 17 17C17 17.5304 16.7892 18.0391 16.4142 18.4142C16.0391 18.7893 15.5304 19 15 19Z",
@@ -1813,6 +1853,7 @@ var Search = (function (_ref) {
1813
1853
  viewBox: "0 0 24 24",
1814
1854
  fill: "none",
1815
1855
  xmlns: "http://www.w3.org/2000/svg",
1856
+ role: "img",
1816
1857
  "aria-label": ariaLabel
1817
1858
  }, /*#__PURE__*/React.createElement("path", {
1818
1859
  d: "M21 20.3L16.1 15.4C17.3 14.1 18 12.4 18 10.5C18 6.4 14.6 3 10.5 3C6.4 3 3 6.4 3 10.5C3 14.6 6.4 18 10.5 18C12.4 18 14.1 17.3 15.4 16.1L20.3 21L21 20.3ZM4 10.5C4 6.9 6.9 4 10.5 4C14.1 4 17 6.9 17 10.5C17 14.1 14.1 17 10.5 17C6.9 17 4 14.1 4 10.5Z",
@@ -1830,6 +1871,7 @@ var Settings = (function (_ref) {
1830
1871
  viewBox: "0 0 24 24",
1831
1872
  fill: "none",
1832
1873
  xmlns: "http://www.w3.org/2000/svg",
1874
+ role: "img",
1833
1875
  "aria-label": ariaLabel
1834
1876
  }, /*#__PURE__*/React.createElement("path", {
1835
1877
  d: "M19.4157 12.1133C19.4157 11.9133 19.4157 11.7133 19.4157 11.4133L22.1992 8.81328L20.1374 5.31328L16.426 6.31328C16.0137 6.11328 15.6013 5.91328 15.1889 5.71328L14.2611 2.11328H10.1374L9.20953 5.71328C8.79716 5.91328 8.38479 6.11328 8.07551 6.41328L4.36417 5.41328L2.30231 8.91328L4.98272 11.5133C4.98272 11.7133 4.98272 11.9133 4.98272 12.2133C4.98272 12.5133 4.98272 12.6133 4.98272 12.9133L2.19922 15.4133L4.26107 18.9133L8.07551 17.9133C8.38479 18.1133 8.79716 18.3133 9.20953 18.5133L10.1374 22.1133H14.2611L15.1889 18.5133C15.6013 18.3133 16.0137 18.1133 16.3229 17.8133L20.0343 18.8133L22.0961 15.3133L19.3126 12.7133C19.4157 12.5133 19.4157 12.3133 19.4157 12.1133ZM20.859 15.5133L19.6219 17.6133L16.6322 16.8133L16.1167 16.7133L15.7044 17.0133C15.3951 17.2133 14.9827 17.4133 14.6734 17.6133L14.2611 17.8133L14.158 18.3133L13.4363 21.1133H10.859L10.1374 18.2133L10.0343 17.7133L9.6219 17.5133C9.31262 17.3133 8.90025 17.2133 8.59097 16.9133L8.1786 16.6133L7.66314 16.7133L4.77654 17.5133L3.53943 15.4133L5.70437 13.3133L6.01365 13.1133V12.6133C6.01365 12.2133 6.01365 11.8133 6.01365 11.5133V11.0133L5.70437 10.7133L3.53943 8.71328L4.77654 6.61328L7.66314 7.41328L8.1786 7.51328L8.59097 7.21328C8.90025 7.01328 9.31262 6.81328 9.6219 6.61328L10.0343 6.41328L10.1374 5.91328L10.859 3.11328H13.3332L14.0549 6.01328L14.158 6.51328L14.5704 6.71328C14.8796 6.91328 15.292 7.01328 15.6013 7.31328L16.0137 7.61328L16.6322 7.41328L19.6219 6.61328L20.859 8.71328L18.6941 10.8133L18.2817 11.1133V11.6133C18.2817 12.0133 18.2817 12.4133 18.2817 12.7133V13.2133L18.591 13.5133L20.859 15.5133Z",
@@ -1850,6 +1892,7 @@ var User = (function (_ref) {
1850
1892
  viewBox: "0 0 24 24",
1851
1893
  fill: "none",
1852
1894
  xmlns: "http://www.w3.org/2000/svg",
1895
+ role: "img",
1853
1896
  "aria-label": ariaLabel
1854
1897
  }, /*#__PURE__*/React.createElement("path", {
1855
1898
  d: "M12 12C20.1 12 20.6 16.6 20.9 20H3.1C3.4 16.6 3.9 12 12 12ZM12 11C2 11 2.4 17.7 2 21H22C21.6 17.7 22 11 12 11Z",
@@ -1870,6 +1913,7 @@ var UserSignedIn = (function (_ref) {
1870
1913
  viewBox: "0 0 24 24",
1871
1914
  fill: "none",
1872
1915
  xmlns: "http://www.w3.org/2000/svg",
1916
+ role: "img",
1873
1917
  "aria-label": ariaLabel
1874
1918
  }, /*#__PURE__*/React.createElement("path", {
1875
1919
  d: "M22 21H2C2.4 17.7 2 11 12 11C22 11 21.6 17.7 22 21Z",
@@ -1890,6 +1934,7 @@ var Facebook = (function (_ref) {
1890
1934
  viewBox: "0 0 24 24",
1891
1935
  fill: "none",
1892
1936
  xmlns: "http://www.w3.org/2000/svg",
1937
+ role: "img",
1893
1938
  "aria-label": ariaLabel
1894
1939
  }, /*#__PURE__*/React.createElement("path", {
1895
1940
  d: "M13.6598 22H9.70976V12.14H6.99976V8.93H9.69976V6.65C9.70976 3.94 10.8998 2 14.8398 2C15.5622 2.02024 16.2831 2.07698 16.9998 2.17V5.17H15.6098C14.2098 5.17 13.6598 5.59 13.6598 6.77V8.93H16.9298L16.6398 12.14H13.6398L13.6598 22Z",
@@ -1907,6 +1952,7 @@ var Instagram = (function (_ref) {
1907
1952
  viewBox: "0 0 24 24",
1908
1953
  fill: "none",
1909
1954
  xmlns: "http://www.w3.org/2000/svg",
1955
+ role: "img",
1910
1956
  "aria-label": ariaLabel
1911
1957
  }, /*#__PURE__*/React.createElement("path", {
1912
1958
  d: "M11.9998 4.62C14.3998 4.62 14.6898 4.62 15.6398 4.62C16.2138 4.652 16.7784 4.78047 17.3098 5C17.6891 5.15025 18.0306 5.38245 18.3098 5.68C18.6073 5.95918 18.8395 6.30065 18.9898 6.68C19.1854 7.21552 19.2901 7.77996 19.2998 8.35C19.2998 9.35 19.3498 9.59 19.3498 11.99C19.3498 14.39 19.3498 14.68 19.2998 15.63C19.2945 16.2028 19.1931 16.7707 18.9998 17.31C18.8495 17.6893 18.6173 18.0308 18.3198 18.31C18.0406 18.6075 17.6991 18.8397 17.3198 18.99C16.7843 19.1856 16.2198 19.2904 15.6498 19.3C14.6998 19.3 14.4098 19.35 12.0098 19.35C9.60978 19.35 9.31978 19.35 8.36978 19.3C7.79694 19.2947 7.22905 19.1933 6.68978 19C6.31043 18.8497 5.96896 18.6175 5.68978 18.32C5.39223 18.0408 5.16003 17.6993 5.00978 17.32C4.81419 16.7845 4.70942 16.22 4.69978 15.65C4.69978 14.65 4.64978 14.41 4.64978 12.01C4.64978 9.61 4.64978 9.32 4.69978 8.37C4.70509 7.79716 4.8065 7.22927 4.99978 6.69C5.15003 6.31065 5.38223 5.96918 5.67978 5.69C5.95897 5.39245 6.30044 5.16025 6.67978 5.01C7.21531 4.81441 7.77974 4.70963 8.34978 4.7C9.34978 4.7 9.58978 4.7 11.9898 4.7L11.9998 4.62ZM11.9998 3C9.55978 3 9.24978 3 8.28978 3C7.54184 3.02033 6.80218 3.16219 6.09978 3.42C5.50426 3.63557 4.96202 3.9766 4.50978 4.42C4.06638 4.87223 3.72535 5.41448 3.50978 6.01C3.25197 6.7124 3.11012 7.45206 3.08978 8.2C3.08978 9.2 3.08978 9.47 3.08978 11.91C3.08978 14.35 3.08978 14.66 3.08978 15.62C3.11012 16.3679 3.25197 17.1076 3.50978 17.81C3.72535 18.4055 4.06638 18.9478 4.50978 19.4C4.96202 19.8434 5.50426 20.1844 6.09978 20.4C6.80218 20.6578 7.54184 20.7997 8.28978 20.82C9.28978 20.82 9.55978 20.87 11.9998 20.87C14.4398 20.87 14.7498 20.87 15.7098 20.82C16.4577 20.7997 17.1974 20.6578 17.8998 20.4C18.4953 20.1844 19.0375 19.8434 19.4898 19.4C19.9332 18.9478 20.2742 18.4055 20.4898 17.81C20.769 17.1411 20.9411 16.4324 20.9998 15.71C20.9998 14.71 21.0498 14.44 21.0498 12C21.0498 9.56 21.0498 9.25 20.9998 8.29C20.9794 7.54206 20.8376 6.8024 20.5798 6.1C20.3642 5.50448 20.0232 4.96223 19.5798 4.51C19.1275 4.0666 18.5853 3.72557 17.9898 3.51C17.2874 3.25219 16.5477 3.11033 15.7998 3.09C14.7998 3.09 14.5298 3.09 12.0898 3.09L11.9998 3Z",
@@ -1930,6 +1976,7 @@ var Tiktok = (function (_ref) {
1930
1976
  viewBox: "0 0 24 24",
1931
1977
  fill: "none",
1932
1978
  xmlns: "http://www.w3.org/2000/svg",
1979
+ role: "img",
1933
1980
  "aria-label": ariaLabel
1934
1981
  }, /*#__PURE__*/React.createElement("path", {
1935
1982
  d: "M19.6997 10.28C19.5532 10.2898 19.4062 10.2898 19.2597 10.28C18.4648 10.2811 17.6823 10.083 16.9836 9.70397C16.2849 9.32492 15.6922 8.77693 15.2597 8.11V15.51C15.2597 16.5919 14.9389 17.6494 14.3378 18.549C13.7368 19.4485 12.8825 20.1496 11.883 20.5636C10.8835 20.9776 9.78364 21.086 8.72256 20.8749C7.66148 20.6638 6.68682 20.1429 5.92183 19.3779C5.15684 18.6129 4.63587 17.6382 4.42481 16.5771C4.21375 15.5161 4.32207 14.4162 4.73608 13.4167C5.15009 12.4172 5.8512 11.5629 6.75074 10.9619C7.65027 10.3608 8.70784 10.04 9.7897 10.04H10.1297V12.73H9.7897C9.04975 12.73 8.3401 13.0239 7.81688 13.5472C7.29365 14.0704 6.9997 14.78 6.9997 15.52C6.9997 16.26 7.29365 16.9696 7.81688 17.4928C8.3401 18.0161 9.04975 18.31 9.7897 18.31C10.5372 18.3236 11.26 18.0429 11.8025 17.5285C12.345 17.0141 12.6636 16.3071 12.6897 15.56L12.6997 3H15.2797C15.3963 4.11994 15.9028 5.16325 16.7108 5.94747C17.5188 6.7317 18.5768 7.20691 19.6997 7.29V10.29",
@@ -1947,6 +1994,7 @@ var Twitter = (function (_ref) {
1947
1994
  viewBox: "0 0 24 24",
1948
1995
  fill: "none",
1949
1996
  xmlns: "http://www.w3.org/2000/svg",
1997
+ role: "img",
1950
1998
  "aria-label": ariaLabel
1951
1999
  }, /*#__PURE__*/React.createElement("path", {
1952
2000
  d: "M21.9998 5.88989C21.2497 6.22055 20.4541 6.43631 19.6398 6.52989C20.4934 6.0305 21.1366 5.23803 21.4498 4.29989C20.6398 4.77267 19.7583 5.11042 18.8398 5.29989C18.4539 4.89263 17.9885 4.5689 17.4725 4.34873C16.9565 4.12856 16.4008 4.01664 15.8398 4.01989C14.7662 4.01179 13.7327 4.42715 12.9634 5.17592C12.194 5.92469 11.7508 6.94652 11.7298 8.01989C11.7307 8.32978 11.7676 8.63852 11.8398 8.93989C10.2142 8.86071 8.62291 8.44473 7.1666 7.71829C5.71029 6.99186 4.42077 5.97082 3.37975 4.71989C3.02375 5.3266 2.83404 6.01646 2.82976 6.71989C2.82871 7.38732 2.9947 8.04441 3.31258 8.63128C3.63047 9.21815 4.09016 9.71614 4.64976 10.0799C3.99934 10.0599 3.36252 9.88873 2.78976 9.57989C2.78849 10.5249 3.11611 11.4409 3.71641 12.1707C4.31671 12.9006 5.15227 13.3988 6.07976 13.5799C5.72736 13.6732 5.36431 13.7203 4.99976 13.7199C4.74165 13.7169 4.48418 13.6935 4.22976 13.6499C4.49917 14.456 5.01247 15.1585 5.69862 15.6601C6.38478 16.1618 7.20987 16.4377 8.05975 16.4499C6.61975 17.5939 4.83879 18.2239 2.99976 18.2399C2.66976 18.2399 2.33976 18.2399 1.99976 18.2399C3.88906 19.4067 6.06925 20.0167 8.28976 19.9999C9.81706 20.0291 11.3349 19.7535 12.7544 19.1892C14.1739 18.6249 15.4667 17.7832 16.557 16.7133C17.6474 15.6435 18.5134 14.3669 19.1046 12.9583C19.6957 11.5498 20 10.0375 19.9998 8.50989C19.9998 8.32989 19.9998 8.15989 19.9998 7.97989C20.7857 7.40806 21.463 6.70024 21.9998 5.88989Z",
@@ -1964,6 +2012,7 @@ var X = (function (_ref) {
1964
2012
  viewBox: "0 0 24 24",
1965
2013
  fill: "none",
1966
2014
  xmlns: "http://www.w3.org/2000/svg",
2015
+ role: "img",
1967
2016
  "aria-label": ariaLabel
1968
2017
  }, /*#__PURE__*/React.createElement("path", {
1969
2018
  d: "M13.7124 10.6179L20.4133 3H18.8254L13.007 9.61448L8.35992 3H3L10.0274 13.0023L3 20.9908H4.58799L10.7324 14.0056L15.6401 20.9908H21L13.7124 10.6179ZM11.5375 13.0904L10.8255 12.0944L5.16016 4.16911H7.59922L12.1712 10.5651L12.8832 11.5611L18.8262 19.8748H16.3871L11.5375 13.0904Z",
@@ -1981,6 +2030,7 @@ var Youtube = (function (_ref) {
1981
2030
  viewBox: "0 0 24 24",
1982
2031
  fill: "none",
1983
2032
  xmlns: "http://www.w3.org/2000/svg",
2033
+ role: "img",
1984
2034
  "aria-label": ariaLabel
1985
2035
  }, /*#__PURE__*/React.createElement("path", {
1986
2036
  d: "M12.4398 18.8999L8.33978 18.8199C7.00184 18.8681 5.66237 18.7877 4.33978 18.5799C2.33978 18.1699 2.21978 16.1899 2.06978 14.5799C1.86519 12.2448 1.95253 9.89335 2.32978 7.57989C2.3868 6.99013 2.66085 6.44256 3.09878 6.04344C3.5367 5.64432 4.10727 5.4221 4.69978 5.41989C9.1314 5.15166 13.5738 5.10827 18.0098 5.28989C18.4804 5.30645 18.9488 5.36332 19.4098 5.45989C21.6798 5.84989 21.7398 8.09989 21.8798 9.99989C22.0316 11.911 21.9679 13.8331 21.6898 15.7299C21.4598 17.3099 21.0298 18.6199 19.2098 18.7299C16.9298 18.8999 14.7098 19.0299 12.4198 18.9899C12.4598 18.8999 12.4498 18.8999 12.4398 18.8999ZM10.0298 14.8999L15.1398 11.9999L9.99978 9.04989L10.0298 14.8999Z",
@@ -1998,6 +2048,7 @@ var Delete = (function (_ref) {
1998
2048
  viewBox: "0 0 24 24",
1999
2049
  fill: "none",
2000
2050
  xmlns: "http://www.w3.org/2000/svg",
2051
+ role: "img",
2001
2052
  "aria-label": ariaLabel
2002
2053
  }, /*#__PURE__*/React.createElement("path", {
2003
2054
  d: "M11 4L2 12L11 20H22V4H11ZM21 19H11.4L3.5 12L11.4 5H21V19Z",
@@ -2017,11 +2068,12 @@ var Shift = (function (_ref) {
2017
2068
  height: "100%",
2018
2069
  viewBox: "0 0 24 24",
2019
2070
  fill: "none",
2020
- xmlns: "http://www.w3.org/2000/svg"
2071
+ xmlns: "http://www.w3.org/2000/svg",
2072
+ role: "img",
2073
+ "aria-label": ariaLabel
2021
2074
  }, /*#__PURE__*/React.createElement("path", {
2022
2075
  d: "M12 3L3 12H8V21H16V12H21L12 3ZM15 11V12V20H9V12V11H8H5.4L12 4.4L18.6 11H16H15Z",
2023
- fill: color,
2024
- "aria-label": ariaLabel
2076
+ fill: color
2025
2077
  }));
2026
2078
  });
2027
2079
 
@@ -2035,6 +2087,7 @@ var Space = (function (_ref) {
2035
2087
  viewBox: "0 0 24 24",
2036
2088
  fill: "none",
2037
2089
  xmlns: "http://www.w3.org/2000/svg",
2090
+ role: "img",
2038
2091
  "aria-label": ariaLabel
2039
2092
  }, /*#__PURE__*/React.createElement("path", {
2040
2093
  d: "M21 16V19H3V16H2V19V20H3H21H22V19V16H21Z",
@@ -2052,6 +2105,7 @@ var Close = (function (_ref) {
2052
2105
  viewBox: "0 0 24 24",
2053
2106
  fill: "none",
2054
2107
  xmlns: "http://www.w3.org/2000/svg",
2108
+ role: "img",
2055
2109
  "aria-label": ariaLabel
2056
2110
  }, /*#__PURE__*/React.createElement("path", {
2057
2111
  d: "M20.8996 3.9001L20.0996 3.1001L11.9996 11.3001L3.89961 3.1001L3.09961 3.9001L11.2996 12.0001L3.09961 20.1001L3.89961 20.9001L11.9996 12.7001L20.0996 20.9001L20.8996 20.1001L12.6996 12.0001L20.8996 3.9001Z",
@@ -2069,6 +2123,7 @@ var Confirm = (function (_ref) {
2069
2123
  viewBox: "0 0 24 24",
2070
2124
  fill: "none",
2071
2125
  xmlns: "http://www.w3.org/2000/svg",
2126
+ role: "img",
2072
2127
  "aria-label": ariaLabel
2073
2128
  }, /*#__PURE__*/React.createElement("path", {
2074
2129
  d: "M9.09961 21L3 12.5L3.8 11.9L9.09961 19.3L21.1996 3L21.9996 3.6L9.09961 21Z",
@@ -2086,6 +2141,7 @@ var Detract = (function (_ref) {
2086
2141
  viewBox: "0 0 24 24",
2087
2142
  fill: "none",
2088
2143
  xmlns: "http://www.w3.org/2000/svg",
2144
+ role: "img",
2089
2145
  "aria-label": ariaLabel
2090
2146
  }, /*#__PURE__*/React.createElement("path", {
2091
2147
  d: "M21 11.5H3V12.5H21V11.5Z",
@@ -2103,6 +2159,7 @@ var Expand = (function (_ref) {
2103
2159
  viewBox: "0 0 24 24",
2104
2160
  fill: "none",
2105
2161
  xmlns: "http://www.w3.org/2000/svg",
2162
+ role: "img",
2106
2163
  "aria-label": ariaLabel
2107
2164
  }, /*#__PURE__*/React.createElement("path", {
2108
2165
  d: "M12.5 11.5V3H11.5V11.5H3V12.5H11.5V21H12.5V12.5H21V11.5H12.5Z",
@@ -2120,6 +2177,7 @@ var ExternalLink = (function (_ref) {
2120
2177
  viewBox: "0 0 24 24",
2121
2178
  fill: "none",
2122
2179
  xmlns: "http://www.w3.org/2000/svg",
2180
+ role: "img",
2123
2181
  "aria-label": ariaLabel
2124
2182
  }, /*#__PURE__*/React.createElement("path", {
2125
2183
  d: "M18 18.5C18 19.3 17.3 20 16.5 20H5.5C4.7 20 4 19.3 4 18.5V7.5C4 6.7 4.7 6 5.5 6H10.6V5H5.5C4.1 5 3 6.1 3 7.5V18.5C3 19.9 4.1 21 5.5 21H16.5C17.9 21 19 19.9 19 18.5V13.4H18V18.5Z",
@@ -2140,6 +2198,7 @@ var GridView = (function (_ref) {
2140
2198
  viewBox: "0 0 24 24",
2141
2199
  fill: "none",
2142
2200
  xmlns: "http://www.w3.org/2000/svg",
2201
+ role: "img",
2143
2202
  "aria-label": ariaLabel
2144
2203
  }, /*#__PURE__*/React.createElement("path", {
2145
2204
  d: "M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H14.3H15.3H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 4C19.6 4 20 4.4 20 5V8.9H15.3V4H19ZM9.7 9.9H14.4V14.6H9.7V9.9ZM8.7 14.6H4V9.9H8.7V14.6ZM15.3 9.9H20V14.6H15.3V9.9ZM14.3 8.9H9.7V4H14.4V8.9H14.3ZM5 4H8.7V8.9H4V5C4 4.4 4.4 4 5 4ZM4 19V15.6H8.7V20H5C4.4 20 4 19.6 4 19ZM9.7 20V15.6H14.4V20H9.7ZM19 20H15.3V15.6H20V19C20 19.6 19.6 20 19 20Z",
@@ -2157,6 +2216,7 @@ var ListView = (function (_ref) {
2157
2216
  viewBox: "0 0 24 24",
2158
2217
  fill: "none",
2159
2218
  xmlns: "http://www.w3.org/2000/svg",
2219
+ role: "img",
2160
2220
  "aria-label": ariaLabel
2161
2221
  }, /*#__PURE__*/React.createElement("path", {
2162
2222
  d: "M3 3V7H21V3H3ZM20 6H4V4H20V6Z",
@@ -2180,6 +2240,7 @@ var Refresh = (function (_ref) {
2180
2240
  viewBox: "0 0 24 24",
2181
2241
  fill: "none",
2182
2242
  xmlns: "http://www.w3.org/2000/svg",
2243
+ role: "img",
2183
2244
  "aria-label": ariaLabel
2184
2245
  }, /*#__PURE__*/React.createElement("path", {
2185
2246
  d: "M18.71 13.9001C18.3138 15.3804 17.4428 16.6898 16.2307 17.6273C15.0186 18.5648 13.5323 19.0787 12 19.0901C10.2633 19.0541 8.59637 18.3999 7.29868 17.2452C6.00098 16.0905 5.15758 14.5108 4.92 12.7901L6.64 14.2901L7.21 13.5701L4.42 11.1001L2 14.0001L2.7 14.5901L4.17 12.8301C4.33413 14.6921 5.15733 16.4345 6.49149 17.7437C7.82566 19.0529 9.58323 19.8431 11.448 19.9721C13.3128 20.1011 15.1624 19.5604 16.6641 18.4473C18.1658 17.3342 19.2211 15.7218 19.64 13.9001H18.71Z",
@@ -2200,6 +2261,7 @@ var Remove = (function (_ref) {
2200
2261
  viewBox: "0 0 12 12",
2201
2262
  fill: "none",
2202
2263
  xmlns: "http://www.w3.org/2000/svg",
2264
+ role: "img",
2203
2265
  "aria-label": ariaLabel
2204
2266
  }, /*#__PURE__*/React.createElement("path", {
2205
2267
  d: "M7.06066 5.93957L11.0001 2.00011L9.93945 0.939453L6 4.87891L2.06055 0.939453L0.999887 2.00011L4.93934 5.93957L0.939453 9.93945L2.00011 11.0001L6 7.00023L9.99989 11.0001L11.0605 9.93945L7.06066 5.93957Z",
@@ -2217,6 +2279,7 @@ var Star = (function (_ref) {
2217
2279
  viewBox: "0 0 48 46",
2218
2280
  fill: "none",
2219
2281
  xmlns: "http://www.w3.org/2000/svg",
2282
+ role: "img",
2220
2283
  "aria-label": ariaLabel
2221
2284
  }, /*#__PURE__*/React.createElement("path", {
2222
2285
  d: "M24 0L30.0248 16.7076L47.7764 17.2746L33.7483 28.1674L38.6946 45.2254L24 35.25L9.30537 45.2254L14.2517 28.1674L0.223587 17.2746L17.9752 16.7076L24 0Z",
@@ -2234,6 +2297,7 @@ var AudioDescription = (function (_ref) {
2234
2297
  viewBox: "0 0 24 24",
2235
2298
  fill: "none",
2236
2299
  xmlns: "http://www.w3.org/2000/svg",
2300
+ role: "img",
2237
2301
  "aria-label": ariaLabel
2238
2302
  }, /*#__PURE__*/React.createElement("path", {
2239
2303
  d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
@@ -2257,6 +2321,7 @@ var Back10 = (function (_ref) {
2257
2321
  viewBox: "0 0 24 24",
2258
2322
  fill: "none",
2259
2323
  xmlns: "http://www.w3.org/2000/svg",
2324
+ role: "img",
2260
2325
  "aria-label": ariaLabel
2261
2326
  }, /*#__PURE__*/React.createElement("path", {
2262
2327
  d: "M18.1992 6.1C14.9992 2.9 9.89922 2.7 6.49922 5.5L6.69922 3H5.69922L5.39922 7.1L9.49922 7.4L9.59922 6.4L7.09922 6.2C10.0992 3.7 14.5992 3.9 17.3992 6.7C20.3992 9.7 20.3992 14.6 17.3992 17.6C14.3992 20.6 9.49922 20.6 6.49922 17.6C4.99922 16.1 4.19922 14.2 4.19922 12.1H3.19922C3.19922 14.4 4.09922 16.6 5.79922 18.3C7.49922 20.1 9.79922 21 11.9992 21C14.1992 21 16.4992 20.1 18.1992 18.4C21.5992 15 21.5992 9.5 18.1992 6.1Z",
@@ -2280,6 +2345,7 @@ var Clips = (function (_ref) {
2280
2345
  viewBox: "0 0 24 24",
2281
2346
  fill: "none",
2282
2347
  xmlns: "http://www.w3.org/2000/svg",
2348
+ role: "img",
2283
2349
  "aria-label": ariaLabel
2284
2350
  }, /*#__PURE__*/React.createElement("path", {
2285
2351
  d: "M15 11V19H3V11H15ZM16 10H2V20H16V10Z",
@@ -2303,6 +2369,7 @@ var Forward10 = (function (_ref) {
2303
2369
  viewBox: "0 0 24 24",
2304
2370
  fill: "none",
2305
2371
  xmlns: "http://www.w3.org/2000/svg",
2372
+ role: "img",
2306
2373
  "aria-label": ariaLabel
2307
2374
  }, /*#__PURE__*/React.createElement("path", {
2308
2375
  d: "M5.8 6.0999C9 2.8999 14.1 2.6999 17.5 5.4999L17.3 2.9999L18.3 2.8999L18.6 6.9999L14.5 7.2999L14.4 6.2999L16.9 6.0999C13.8 3.7999 9.4 3.9999 6.5 6.7999C3.5 9.7999 3.5 14.6999 6.5 17.6999C9.5 20.6999 14.4 20.6999 17.4 17.6999C18.9 16.1999 19.7 14.2999 19.7 12.1999H20.7C20.7 14.4999 19.8 16.6999 18.1 18.3999C16.5 20.0999 14.2 20.9999 12 20.9999C9.8 20.9999 7.5 20.0999 5.8 18.3999C2.4 14.9999 2.4 9.4999 5.8 6.0999Z",
@@ -2326,6 +2393,7 @@ var FullScreen = (function (_ref) {
2326
2393
  viewBox: "0 0 24 24",
2327
2394
  fill: "none",
2328
2395
  xmlns: "http://www.w3.org/2000/svg",
2396
+ role: "img",
2329
2397
  "aria-label": ariaLabel
2330
2398
  }, /*#__PURE__*/React.createElement("path", {
2331
2399
  d: "M3 9H4V4H9V3H3V9Z",
@@ -2352,6 +2420,7 @@ var Minimise = (function (_ref) {
2352
2420
  viewBox: "0 0 24 24",
2353
2421
  fill: "none",
2354
2422
  xmlns: "http://www.w3.org/2000/svg",
2423
+ role: "img",
2355
2424
  "aria-label": ariaLabel
2356
2425
  }, /*#__PURE__*/React.createElement("path", {
2357
2426
  d: "M9 3H8V8H3V9H9V3Z",
@@ -2378,6 +2447,7 @@ var Muted = (function (_ref) {
2378
2447
  viewBox: "0 0 24 24",
2379
2448
  fill: "none",
2380
2449
  xmlns: "http://www.w3.org/2000/svg",
2450
+ role: "img",
2381
2451
  "aria-label": ariaLabel
2382
2452
  }, /*#__PURE__*/React.createElement("path", {
2383
2453
  d: "M22.0008 9.9001L21.3008 9.1001L19.2008 11.3001L17.0008 9.1001L16.3008 9.9001L18.4008 12.0001L16.3008 14.1001L17.0008 14.9001L19.2008 12.7001L21.3008 14.9001L22.0008 14.1001L19.9008 12.0001L22.0008 9.9001Z",
@@ -2398,6 +2468,7 @@ var Pause = (function (_ref) {
2398
2468
  viewBox: "0 0 24 24",
2399
2469
  fill: "none",
2400
2470
  xmlns: "http://www.w3.org/2000/svg",
2471
+ role: "img",
2401
2472
  "aria-label": ariaLabel
2402
2473
  }, /*#__PURE__*/React.createElement("path", {
2403
2474
  d: "M10 2H4V22H10V2Z",
@@ -2418,6 +2489,7 @@ var Play = (function (_ref) {
2418
2489
  viewBox: "0 0 24 24",
2419
2490
  fill: "none",
2420
2491
  xmlns: "http://www.w3.org/2000/svg",
2492
+ role: "img",
2421
2493
  "aria-label": ariaLabel
2422
2494
  }, /*#__PURE__*/React.createElement("path", {
2423
2495
  d: "M5.5 3.8999L20 11.9999L5.5 20.0999V3.8999Z",
@@ -2438,6 +2510,7 @@ var Restart = (function (_ref) {
2438
2510
  viewBox: "0 0 24 24",
2439
2511
  fill: "none",
2440
2512
  xmlns: "http://www.w3.org/2000/svg",
2513
+ role: "img",
2441
2514
  "aria-label": ariaLabel
2442
2515
  }, /*#__PURE__*/React.createElement("path", {
2443
2516
  d: "M12.6 7.4H5.9L9.6 3.7L8.9 3L4 7.9L8.9 12.8L9.6 12.1L5.9 8.4H12.6C16.1 8.4 18.9 11.2 18.9 14.7C18.9 18.2 16 21 12.6 21C9.1 21 6.3 18.2 6.3 14.7H5.3C5.3 18.7 8.6 22 12.6 22C16.6 22 19.9 18.7 19.9 14.7C19.8 10.7 16.6 7.4 12.6 7.4Z",
@@ -2455,6 +2528,7 @@ var Subtitles = (function (_ref) {
2455
2528
  viewBox: "0 0 24 24",
2456
2529
  fill: "none",
2457
2530
  xmlns: "http://www.w3.org/2000/svg",
2531
+ role: "img",
2458
2532
  "aria-label": ariaLabel
2459
2533
  }, /*#__PURE__*/React.createElement("path", {
2460
2534
  d: "M9 7H7V8H9V7Z",
@@ -2490,6 +2564,7 @@ var Trailer = (function (_ref) {
2490
2564
  viewBox: "0 0 24 24",
2491
2565
  fill: "none",
2492
2566
  xmlns: "http://www.w3.org/2000/svg",
2567
+ role: "img",
2493
2568
  "aria-label": ariaLabel
2494
2569
  }, /*#__PURE__*/React.createElement("path", {
2495
2570
  d: "M16.8 3H15.8H12.5H11.5H8.2H7.2H3V7.5V8.3V15.7V16.5V21H7.2H8.2H11.4H12.4H15.6H16.6H21V17V15.7V8.3V8V3H16.8ZM16.8 4H20V7.3H16.8V4ZM12.5 4H15.7V7.3H12.5V4ZM8.2 4H11.4V7.3H8.2V4ZM4 4H7.2V7.3H4V4ZM7.2 20H4V16.7H7.2V20ZM11.5 20H8.2V16.7H11.4V20H11.5ZM15.8 20H12.5V16.7H15.7V20H15.8ZM20 20H16.8V16.7H20V17V20ZM20 15.7H16.8H15.8H12.5H11.5H8.2H7.2H4V8.3H7.2H8.2H11.4H12.4H15.6H16.6H20V15.7Z",
@@ -2510,6 +2585,7 @@ var Volume = (function (_ref) {
2510
2585
  viewBox: "0 0 24 24",
2511
2586
  fill: "none",
2512
2587
  xmlns: "http://www.w3.org/2000/svg",
2588
+ role: "img",
2513
2589
  "aria-label": ariaLabel
2514
2590
  }, /*#__PURE__*/React.createElement("path", {
2515
2591
  d: "M19 12C19 10.3 17.7 9 16 9V10C17.1 10 18 10.9 18 12C18 13.1 17.1 14 16 14V15C17.7 15 19 13.7 19 12Z",
@@ -2997,7 +3073,39 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
2997
3073
  });
2998
3074
 
2999
3075
  var _templateObject$b;
3000
- var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\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) {
3076
+ /**
3077
+ * # IMPORTANT
3078
+ * Please use the `<GridItem />` component instead of this component if possible.
3079
+ * This component was introduced due to incompatibilities between versions of the Chord library.
3080
+ */
3081
+
3082
+ var GridItemLegacy = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", " / span\n ", ";\n\n @media ", " {\n & {\n grid-column: ", " /\n span ", ";\n }\n }\n\n @media ", " {\n & {\n grid-column: ", " / span\n ", ";\n }\n }\n"])), function (_ref) {
3083
+ var columnStartDesktop = _ref.columnStartDesktop;
3084
+ return columnStartDesktop;
3085
+ }, function (_ref2) {
3086
+ var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
3087
+ columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
3088
+ return columnSpanDesktop;
3089
+ }, devices.mobile, function (_ref3) {
3090
+ var columnStartDevice = _ref3.columnStartDevice,
3091
+ columnStartSmallDevice = _ref3.columnStartSmallDevice;
3092
+ return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
3093
+ }, function (_ref4) {
3094
+ var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
3095
+ columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
3096
+ columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
3097
+ return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
3098
+ }, devices.tablet, function (_ref5) {
3099
+ var columnStartDevice = _ref5.columnStartDevice;
3100
+ return columnStartDevice;
3101
+ }, function (_ref6) {
3102
+ var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
3103
+ columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
3104
+ return columnSpanDevice;
3105
+ });
3106
+
3107
+ var _templateObject$c;
3108
+ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\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) {
3001
3109
  var _ref$aspectRatio = _ref.aspectRatio,
3002
3110
  aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
3003
3111
  return aspectRatio;
@@ -3015,8 +3123,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b
3015
3123
  return aspectRatio;
3016
3124
  });
3017
3125
 
3018
- var _templateObject$c, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
3019
- var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
3126
+ var _templateObject$d, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
3127
+ var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
3020
3128
  var height = _ref.height;
3021
3129
  return height ? height + "px" : '6px';
3022
3130
  });
@@ -3099,13 +3207,13 @@ var Progress = function Progress(_ref) {
3099
3207
  }, renderSteps()));
3100
3208
  };
3101
3209
 
3102
- var _templateObject$d, _templateObject2$5, _templateObject3$3;
3103
- var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
3210
+ var _templateObject$e, _templateObject2$5, _templateObject3$3;
3211
+ var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
3104
3212
  var RadioLine = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
3105
3213
  var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
3106
3214
 
3107
- var _templateObject$e;
3108
- var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
3215
+ var _templateObject$f;
3216
+ var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
3109
3217
  var typography = _ref.typography;
3110
3218
  return typography;
3111
3219
  }, function (_ref2) {
@@ -3262,8 +3370,8 @@ var Radio = function Radio(_ref) {
3262
3370
  }, error)));
3263
3371
  };
3264
3372
 
3265
- var _templateObject$f, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
3266
- var Container = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3373
+ var _templateObject$g, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
3374
+ var Container = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3267
3375
  var Radio$1 = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__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 border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
3268
3376
  var error = _ref.error,
3269
3377
  darkMode = _ref.darkMode,
@@ -3371,8 +3479,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
3371
3479
  }, error)));
3372
3480
  });
3373
3481
 
3374
- var _templateObject$g, _templateObject2$7, _templateObject3$5;
3375
- var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
3482
+ var _templateObject$h, _templateObject2$7, _templateObject3$5;
3483
+ var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
3376
3484
  var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
3377
3485
  var theme = _ref.theme;
3378
3486
  return theme.colors.primary;
@@ -3443,8 +3551,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
3443
3551
  }, renderNextIcon()));
3444
3552
  };
3445
3553
 
3446
- var _templateObject$h;
3447
- var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
3554
+ var _templateObject$i;
3555
+ var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
3448
3556
  var fillColor = _ref.fillColor;
3449
3557
  return fillColor;
3450
3558
  });
@@ -3468,8 +3576,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
3468
3576
  })));
3469
3577
  };
3470
3578
 
3471
- var _templateObject$i, _templateObject2$8;
3472
- var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
3579
+ var _templateObject$j, _templateObject2$8;
3580
+ var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
3473
3581
  var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
3474
3582
 
3475
3583
  var SectionSplitter = function SectionSplitter(_ref) {
@@ -3488,8 +3596,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
3488
3596
  }, /*#__PURE__*/React__default.createElement(Splitter, null)));
3489
3597
  };
3490
3598
 
3491
- var _templateObject$j;
3492
- var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
3599
+ var _templateObject$k;
3600
+ var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
3493
3601
 
3494
3602
  var SponsorLogo = function SponsorLogo(_ref) {
3495
3603
  var _ref$colorLogo = _ref.colorLogo,
@@ -3699,8 +3807,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
3699
3807
  })))));
3700
3808
  };
3701
3809
 
3702
- var _templateObject$k, _templateObject2$9;
3703
- var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
3810
+ var _templateObject$l, _templateObject2$9;
3811
+ var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
3704
3812
  var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$9 || (_templateObject2$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
3705
3813
 
3706
3814
  var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
@@ -3733,8 +3841,8 @@ var Sponsorship = function Sponsorship(_ref) {
3733
3841
  }));
3734
3842
  };
3735
3843
 
3736
- var _templateObject$l, _templateObject2$a;
3737
- var TabText = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
3844
+ var _templateObject$m, _templateObject2$a;
3845
+ var TabText = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
3738
3846
  if (props.withIcon === 'left') {
3739
3847
  return "margin-left: 5px;";
3740
3848
  }
@@ -3833,8 +3941,8 @@ var Tab = function Tab(_ref) {
3833
3941
  }));
3834
3942
  };
3835
3943
 
3836
- var _templateObject$m, _templateObject2$b;
3837
- var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
3944
+ var _templateObject$n, _templateObject2$b;
3945
+ var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
3838
3946
  var iconName = _ref.iconName;
3839
3947
  return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
3840
3948
  }, function (_ref2) {
@@ -3885,8 +3993,8 @@ var TabLink = function TabLink(_ref) {
3885
3993
  })) : null, children);
3886
3994
  };
3887
3995
 
3888
- var _templateObject$n, _templateObject2$c, _templateObject3$6, _templateObject4$3;
3889
- var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
3996
+ var _templateObject$o, _templateObject2$c, _templateObject3$6, _templateObject4$3;
3997
+ var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
3890
3998
  var width = _ref.width;
3891
3999
  return width ? width + "px;" : '100%;';
3892
4000
  }, function (_ref2) {
@@ -4009,8 +4117,8 @@ var TextArea = function TextArea(_ref) {
4009
4117
  }, error))));
4010
4118
  };
4011
4119
 
4012
- var _templateObject$o, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
4013
- var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4120
+ var _templateObject$p, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
4121
+ var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4014
4122
  var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
4015
4123
  var width = _ref.width;
4016
4124
  if (!width) return 'none';
@@ -4136,8 +4244,8 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4136
4244
  }, error)));
4137
4245
  });
4138
4246
 
4139
- var _templateObject$p, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
4140
- var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4247
+ var _templateObject$q, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
4248
+ var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4141
4249
  var textStyles = /*#__PURE__*/styled.css(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
4142
4250
  var theme = _ref.theme;
4143
4251
  return theme.fonts.desktop.weights.body[1];
@@ -4210,8 +4318,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
4210
4318
  }, error) : null);
4211
4319
  };
4212
4320
 
4213
- var _templateObject$q, _templateObject2$f;
4214
- var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\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 color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
4321
+ var _templateObject$r, _templateObject2$f;
4322
+ var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\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 color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
4215
4323
  var iconName = _ref.iconName;
4216
4324
  return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
4217
4325
  }, function (_ref2) {
@@ -4247,8 +4355,8 @@ var TextLogoProduct;
4247
4355
  TextLogoProduct["Cinema"] = "CINEMA";
4248
4356
  })(TextLogoProduct || (TextLogoProduct = {}));
4249
4357
 
4250
- var _templateObject$r, _templateObject2$g, _templateObject3$9, _templateObject4$6;
4251
- var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
4358
+ var _templateObject$s, _templateObject2$g, _templateObject3$9, _templateObject4$6;
4359
+ var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
4252
4360
  var dark = _ref.dark;
4253
4361
  return dark ? 'white' : 'errorstate';
4254
4362
  });
@@ -4369,8 +4477,8 @@ var Tickbox = function Tickbox(_ref) {
4369
4477
  }, error)));
4370
4478
  };
4371
4479
 
4372
- var _templateObject$s, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4373
- var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4480
+ var _templateObject$t, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4481
+ var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4374
4482
  var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
4375
4483
  var error = _ref.error,
4376
4484
  darkMode = _ref.darkMode,
@@ -4480,8 +4588,8 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4480
4588
  }, error)));
4481
4589
  });
4482
4590
 
4483
- var _templateObject$t, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4484
- var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
4591
+ var _templateObject$u, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4592
+ var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
4485
4593
  var color = _ref.color;
4486
4594
  return color;
4487
4595
  });
@@ -4589,8 +4697,8 @@ var Timer = function Timer(_ref) {
4589
4697
  }));
4590
4698
  };
4591
4699
 
4592
- var _templateObject$u;
4593
- 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"])));
4700
+ var _templateObject$v;
4701
+ var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$v || (_templateObject$v = /*#__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"])));
4594
4702
 
4595
4703
  var TypeTags = function TypeTags(_ref) {
4596
4704
  var list = _ref.list;
@@ -5332,8 +5440,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
5332
5440
  }
5333
5441
  });
5334
5442
 
5335
- var _templateObject$v, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5336
- 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"])));
5443
+ var _templateObject$w, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5444
+ var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$w || (_templateObject$w = /*#__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"])));
5337
5445
  var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
5338
5446
  var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
5339
5447
  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"])));
@@ -5552,8 +5660,8 @@ var VideoControls = function VideoControls(_ref2) {
5552
5660
  })));
5553
5661
  };
5554
5662
 
5555
- var _templateObject$w, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
5556
- 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"])));
5663
+ var _templateObject$x, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
5664
+ var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
5557
5665
  var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
5558
5666
  var darkMode = _ref.darkMode;
5559
5667
  return darkMode ? 'white' : 'errorstate';
@@ -5780,8 +5888,8 @@ var Component = function Component(_ref) {
5780
5888
  }, error)));
5781
5889
  };
5782
5890
 
5783
- var _templateObject$x, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
5784
- var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
5891
+ var _templateObject$y, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
5892
+ var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
5785
5893
  var isMenuOpen = _ref.isMenuOpen;
5786
5894
  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 ";
5787
5895
  });
@@ -5805,8 +5913,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_temp
5805
5913
  var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
5806
5914
  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);
5807
5915
 
5808
- var _templateObject$y;
5809
- 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"])));
5916
+ var _templateObject$z;
5917
+ var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
5810
5918
 
5811
5919
  var Logo = function Logo(_ref) {
5812
5920
  var _ref$id = _ref.id,
@@ -5838,11 +5946,11 @@ var Logo = function Logo(_ref) {
5838
5946
  }))));
5839
5947
  };
5840
5948
 
5841
- var _templateObject$z;
5842
- 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);
5949
+ var _templateObject$A;
5950
+ var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
5843
5951
 
5844
- var _templateObject$A, _templateObject2$m, _templateObject3$f, _templateObject4$c;
5845
- 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) {
5952
+ var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$c;
5953
+ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
5846
5954
  var selected = _ref.selected,
5847
5955
  colorPrimary = _ref.colorPrimary;
5848
5956
 
@@ -6031,8 +6139,8 @@ var Basket$1 = function Basket(_ref) {
6031
6139
  }, expiryTime ? basketText : text) : ''));
6032
6140
  };
6033
6141
 
6034
- var _templateObject$B, _templateObject2$n;
6035
- 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) {
6142
+ var _templateObject$C, _templateObject2$n;
6143
+ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__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) {
6036
6144
  var selected = _ref.selected,
6037
6145
  colorPrimary = _ref.colorPrimary;
6038
6146
 
@@ -6324,8 +6432,8 @@ var NavTop = function NavTop(_ref) {
6324
6432
  }));
6325
6433
  };
6326
6434
 
6327
- var _templateObject$C, _templateObject2$o, _templateObject3$g, _templateObject4$d;
6328
- 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"])));
6435
+ var _templateObject$D, _templateObject2$o, _templateObject3$g, _templateObject4$d;
6436
+ var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
6329
6437
  var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
6330
6438
  if (props.showMenu) {
6331
6439
  return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
@@ -6467,8 +6575,8 @@ var Tabs = function Tabs(_ref) {
6467
6575
  }, "MENU"))));
6468
6576
  };
6469
6577
 
6470
- var _templateObject$D, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6471
- 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);
6578
+ var _templateObject$E, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6579
+ var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
6472
6580
  var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
6473
6581
  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"])));
6474
6582
  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);
@@ -6705,16 +6813,16 @@ var Navigation = function Navigation(_ref) {
6705
6813
  })))));
6706
6814
  };
6707
6815
 
6708
- var _templateObject$E, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6709
- 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"])));
6816
+ var _templateObject$F, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6817
+ var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
6710
6818
  var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
6711
6819
  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);
6712
6820
  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);
6713
6821
  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);
6714
6822
  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);
6715
6823
 
6716
- var _templateObject$F, _templateObject2$r, _templateObject3$j;
6717
- 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);
6824
+ var _templateObject$G, _templateObject2$r, _templateObject3$j;
6825
+ var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
6718
6826
  var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
6719
6827
  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"])));
6720
6828
 
@@ -6732,8 +6840,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
6732
6840
  }));
6733
6841
  };
6734
6842
 
6735
- var _templateObject$G, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
6736
- 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);
6843
+ var _templateObject$H, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
6844
+ var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
6737
6845
  var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
6738
6846
  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);
6739
6847
  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);
@@ -6804,9 +6912,9 @@ var Footer = function Footer(_ref) {
6804
6912
  }, additionalInfo)))));
6805
6913
  };
6806
6914
 
6807
- var _templateObject$H, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
6915
+ var _templateObject$I, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
6808
6916
  var LIST_ITEM_GAP = 32;
6809
- 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) {
6917
+ var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
6810
6918
  var bottomBorder = _ref.bottomBorder;
6811
6919
  return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
6812
6920
  }, zIndexes.anchor);
@@ -7070,8 +7178,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
7070
7178
  })) : null) : null))));
7071
7179
  };
7072
7180
 
7073
- var _templateObject$I, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
7074
- 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) {
7181
+ var _templateObject$J, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
7182
+ var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
7075
7183
  var sticky = _ref.sticky;
7076
7184
  return sticky ? 'sticky' : 'initial';
7077
7185
  }, zIndexes.anchor);
@@ -7131,8 +7239,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
7131
7239
  }, message)));
7132
7240
  };
7133
7241
 
7134
- var _templateObject$J, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
7135
- 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);
7242
+ var _templateObject$K, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
7243
+ var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
7136
7244
  var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
7137
7245
  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) {
7138
7246
  var theme = _ref.theme;
@@ -7212,8 +7320,8 @@ var UpsellCard = function UpsellCard(_ref) {
7212
7320
  }), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
7213
7321
  };
7214
7322
 
7215
- var _templateObject$K;
7216
- 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);
7323
+ var _templateObject$L;
7324
+ var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__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);
7217
7325
 
7218
7326
  var UpsellCards = function UpsellCards(_ref) {
7219
7327
  var upsellCards = _ref.upsellCards;
@@ -7231,16 +7339,16 @@ var UpsellCards = function UpsellCards(_ref) {
7231
7339
  }));
7232
7340
  };
7233
7341
 
7234
- var _templateObject$L, _templateObject2$w, _templateObject3$o;
7235
- 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) {
7342
+ var _templateObject$M, _templateObject2$w, _templateObject3$o;
7343
+ var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
7236
7344
  var theme = _ref.theme;
7237
7345
  return theme.colors.primary;
7238
7346
  }, devices.mobile, devices.tablet);
7239
7347
  var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
7240
7348
  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);
7241
7349
 
7242
- var _templateObject$M, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7243
- 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"])));
7350
+ var _templateObject$N, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7351
+ var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
7244
7352
  var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
7245
7353
  var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
7246
7354
  var isVisible = _ref.isVisible;
@@ -7368,8 +7476,8 @@ var Accordion = function Accordion(_ref) {
7368
7476
  }, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
7369
7477
  };
7370
7478
 
7371
- var _templateObject$N;
7372
- var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
7479
+ var _templateObject$O;
7480
+ var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
7373
7481
 
7374
7482
  var Accordions = function Accordions(_ref) {
7375
7483
  var _ref$items = _ref.items,
@@ -7387,7 +7495,8 @@ var Accordions = function Accordions(_ref) {
7387
7495
  visibleStandfirst: accordion.visibleStandfirst,
7388
7496
  contentType: accordion.contentType,
7389
7497
  displayLevel: accordion.displayLevel,
7390
- semanticLevel: accordion.semanticLevel
7498
+ semanticLevel: accordion.semanticLevel,
7499
+ initOpen: accordion.initOpen
7391
7500
  }, accordion.children);
7392
7501
  }));
7393
7502
  };
@@ -7401,8 +7510,8 @@ var Theme = function Theme(_ref) {
7401
7510
  }, children);
7402
7511
  };
7403
7512
 
7404
- var _templateObject$O, _templateObject2$y, _templateObject3$q;
7405
- 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) {
7513
+ var _templateObject$P, _templateObject2$y, _templateObject3$q;
7514
+ var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
7406
7515
  var theme = _ref.theme;
7407
7516
  return theme.colors.primary;
7408
7517
  }, devices.mobile);
@@ -7444,8 +7553,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
7444
7553
  }))))));
7445
7554
  };
7446
7555
 
7447
- var _templateObject$P;
7448
- 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) {
7556
+ var _templateObject$Q;
7557
+ var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$Q || (_templateObject$Q = /*#__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) {
7449
7558
  var bgColor = _ref.bgColor,
7450
7559
  theme = _ref.theme;
7451
7560
  return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
@@ -7466,11 +7575,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
7466
7575
  }), children);
7467
7576
  };
7468
7577
 
7469
- var _templateObject$Q, _templateObject2$z, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
7578
+ var _templateObject$R, _templateObject2$z, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
7470
7579
  var LENGTH_LARGE_TEXT = 28;
7471
7580
  var LENGTH_SMALL_TEXT$1 = 19;
7472
7581
  var LENGTH_TEXT_TABLET = 10;
7473
- 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) {
7582
+ var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
7474
7583
  var isCardClickable = _ref.isCardClickable;
7475
7584
  return isCardClickable ? 'pointer' : 'default';
7476
7585
  }, function (_ref2) {
@@ -7754,9 +7863,9 @@ var Card = function Card(_ref) {
7754
7863
  dangerouslySetInnerHTML: {
7755
7864
  __html: truncatedText
7756
7865
  }
7757
- }), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
7866
+ }))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
7758
7867
  level: 1
7759
- }, highlightText)))), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7868
+ }, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7760
7869
  fullWidth: fullWidth
7761
7870
  }, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
7762
7871
  ref: node,
@@ -7770,8 +7879,8 @@ var Card = function Card(_ref) {
7770
7879
  }, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
7771
7880
  };
7772
7881
 
7773
- var _templateObject$R, _templateObject2$A;
7774
- 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);
7882
+ var _templateObject$S, _templateObject2$A;
7883
+ var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$S || (_templateObject$S = /*#__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);
7775
7884
  var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
7776
7885
 
7777
7886
  var Cards = function Cards(_ref) {
@@ -7817,8 +7926,8 @@ var Cards = function Cards(_ref) {
7817
7926
  }));
7818
7927
  };
7819
7928
 
7820
- var _templateObject$S, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
7821
- 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);
7929
+ var _templateObject$T, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
7930
+ var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
7822
7931
  var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
7823
7932
  var hideBottomBorder = _ref.hideBottomBorder;
7824
7933
  return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
@@ -7886,8 +7995,8 @@ var ContactCard = function ContactCard(_ref) {
7886
7995
  }, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
7887
7996
  };
7888
7997
 
7889
- var _templateObject$T, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
7890
- var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
7998
+ var _templateObject$U, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
7999
+ var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
7891
8000
  var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
7892
8001
  return props.clickable ? 'pointer' : 'default';
7893
8002
  }, devices.mobile);
@@ -7969,8 +8078,8 @@ var ContentSummary = function ContentSummary(_ref) {
7969
8078
  }), link.text)));
7970
8079
  };
7971
8080
 
7972
- var _templateObject$U, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
7973
- 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) {
8081
+ var _templateObject$V, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
8082
+ var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
7974
8083
  var imageToLeft = _ref.imageToLeft;
7975
8084
  return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
7976
8085
  }, devices.mobile);
@@ -8014,8 +8123,8 @@ var Editorial = function Editorial(_ref) {
8014
8123
  })))));
8015
8124
  };
8016
8125
 
8017
- var _templateObject$V, _templateObject2$E, _templateObject3$v, _templateObject4$o, _templateObject5$j;
8018
- 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"])));
8126
+ var _templateObject$W, _templateObject2$E, _templateObject3$v, _templateObject4$o, _templateObject5$j;
8127
+ var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
8019
8128
  var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
8020
8129
  var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
8021
8130
  if (!props.infoThemed) {
@@ -8152,8 +8261,8 @@ var Information = function Information(_ref) {
8152
8261
  }))));
8153
8262
  };
8154
8263
 
8155
- var _templateObject$W, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
8156
- 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 // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
8264
+ var _templateObject$X, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
8265
+ var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
8157
8266
  var theme = _ref.theme;
8158
8267
  return theme.colors.primary;
8159
8268
  }, function (_ref2) {
@@ -8253,8 +8362,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
8253
8362
  })));
8254
8363
  };
8255
8364
 
8256
- var _templateObject$X, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8257
- 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);
8365
+ var _templateObject$Y, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8366
+ var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
8258
8367
  var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
8259
8368
  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);
8260
8369
  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);
@@ -8327,8 +8436,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
8327
8436
  }, "Scroll Down")) : null);
8328
8437
  };
8329
8438
 
8330
- var _templateObject$Y, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$m;
8331
- 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) {
8439
+ var _templateObject$Z, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$m;
8440
+ var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
8332
8441
  var color = _ref.color;
8333
8442
  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 ";
8334
8443
  }, devices.mobileAndTablet);
@@ -8372,8 +8481,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
8372
8481
  }))));
8373
8482
  };
8374
8483
 
8375
- var _templateObject$Z;
8376
- 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"])));
8484
+ var _templateObject$_;
8485
+ var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
8377
8486
 
8378
8487
  var PageHeadingStream = function PageHeadingStream(_ref) {
8379
8488
  var link = _ref.link,
@@ -8393,8 +8502,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
8393
8502
  }))));
8394
8503
  };
8395
8504
 
8396
- var _templateObject$_, _templateObject2$I, _templateObject3$z, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8397
- var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
8505
+ var _templateObject$$, _templateObject2$I, _templateObject3$z, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8506
+ var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
8398
8507
  var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
8399
8508
  var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
8400
8509
  var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
@@ -8524,7 +8633,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
8524
8633
  var isIOS = function isIOS() {
8525
8634
  try {
8526
8635
  console.warn('Do not use this on server side rendering, it may throw an error.');
8527
- if (typeof navigator === undefined) return false;
8636
+ if (typeof navigator === 'undefined') return false;
8528
8637
  return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
8529
8638
  navigator.userAgent.includes('Mac') && 'ontouchend' in document;
8530
8639
  } catch (e) {
@@ -8540,7 +8649,7 @@ var useIOS = function useIOS() {
8540
8649
  setIOS = _useState[1];
8541
8650
 
8542
8651
  React.useEffect(function () {
8543
- if (typeof navigator === undefined) return;
8652
+ if (typeof navigator === 'undefined') return;
8544
8653
  setIOS(isIOS());
8545
8654
  }, []);
8546
8655
  return IOS;
@@ -8567,7 +8676,10 @@ var useMobile = function useMobile() {
8567
8676
  setMobile(isMobile());
8568
8677
  }, []);
8569
8678
  return mobile;
8570
- };
8679
+ }; // Detect mobile or tablet helper function:
8680
+ // export const isMobileOrTablet = () => {
8681
+ // return typeof window !== 'undefined' && window.matchMedia('(max-width: 1024px)').matches;
8682
+ // };
8571
8683
 
8572
8684
  var useResponsiveVideo = function useResponsiveVideo(video, poster) {
8573
8685
  var mobileVideo = video.mobile || video.desktop;
@@ -8726,8 +8838,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
8726
8838
  }), linkText))));
8727
8839
  };
8728
8840
 
8729
- var _templateObject$$, _templateObject2$J, _templateObject3$A, _templateObject4$s;
8730
- var MorePages = /*#__PURE__*/styled__default.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
8841
+ var _templateObject$10, _templateObject2$J, _templateObject3$A, _templateObject4$s;
8842
+ var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
8731
8843
  var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
8732
8844
 
8733
8845
  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) {
@@ -8803,25 +8915,30 @@ var Pagination = function Pagination(_ref) {
8803
8915
  }))));
8804
8916
  };
8805
8917
 
8806
- var _templateObject$10, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$o, _templateObject6$i;
8807
- 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);
8918
+ var _templateObject$11, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
8919
+ var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
8808
8920
  var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
8809
8921
  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"])));
8810
8922
  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"])));
8811
8923
  var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
8812
8924
  var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
8925
+ var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
8813
8926
 
8814
8927
  var Person = function Person(_ref) {
8815
8928
  var person = _ref.person,
8816
8929
  withSeparator = _ref.withSeparator;
8817
8930
  var link = person.link,
8818
8931
  name = person.name,
8932
+ replacement = person.replacement,
8819
8933
  _person$separator = person.separator,
8820
8934
  separator = _person$separator === void 0 ? ', ' : _person$separator;
8821
8935
  var personSeparator = withSeparator ? separator : '';
8822
8936
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, link ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PersonLink, {
8823
8937
  href: link
8824
- }, name), personSeparator ? /*#__PURE__*/React__default.createElement("span", null, separator) : null) : /*#__PURE__*/React__default.createElement("span", null, name, personSeparator));
8938
+ }, name), personSeparator ? /*#__PURE__*/React__default.createElement("span", null, separator) : null) : /*#__PURE__*/React__default.createElement("span", null, name, replacement && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', /*#__PURE__*/React__default.createElement(ReplacementWrapper, null, /*#__PURE__*/React__default.createElement(BodyText, {
8939
+ level: 1,
8940
+ tag: "span"
8941
+ }, replacement))), personSeparator));
8825
8942
  };
8826
8943
 
8827
8944
  function hasHeadshot(role) {
@@ -8860,14 +8977,14 @@ var PeopleListing = function PeopleListing(_ref) {
8860
8977
  }));
8861
8978
  };
8862
8979
 
8863
- var _templateObject$11, _templateObject2$L, _templateObject3$C, _templateObject4$u;
8864
- var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
8980
+ var _templateObject$12, _templateObject2$L, _templateObject3$C, _templateObject4$u;
8981
+ var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
8865
8982
  var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
8866
8983
  var columnCount = _ref.columnCount;
8867
8984
  return "repeat(" + columnCount + ", 1fr)";
8868
8985
  }, devices.mobile, devices.tablet);
8869
- 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"])));
8870
- 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"])));
8986
+ var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
8987
+ 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"])));
8871
8988
 
8872
8989
  var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
8873
8990
  return array.reduce(function (acc, item) {
@@ -8878,12 +8995,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
8878
8995
  var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
8879
8996
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
8880
8997
  if (musicTitle.length > 1 && index === musicTitle.length - 1) {
8881
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", null, title));
8998
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
8999
+ key: index
9000
+ }, title));
8882
9001
  } else if (index > 0) {
8883
- return /*#__PURE__*/React__default.createElement("i", null, ", ", title);
9002
+ return /*#__PURE__*/React__default.createElement("i", {
9003
+ key: index
9004
+ }, ", ", title);
8884
9005
  }
8885
9006
 
8886
- return /*#__PURE__*/React__default.createElement("i", null, title);
9007
+ return /*#__PURE__*/React__default.createElement("i", {
9008
+ key: index
9009
+ }, title);
8887
9010
  }));
8888
9011
  };
8889
9012
 
@@ -8905,7 +9028,9 @@ var CreditListing = function CreditListing(_ref) {
8905
9028
  var namesLength = getConcatenatedPropLength(people, 'name');
8906
9029
  var columnSpanDesktop = namesLength > charThreshold ? people.length > 2 ? 4 : 2 : 1;
8907
9030
  return /*#__PURE__*/React__default.createElement(GridItem, {
9031
+ columnStartDesktop: 'auto',
8908
9032
  columnSpanDesktop: columnSpanDesktop,
9033
+ columnStartDevice: 'auto',
8909
9034
  columnSpanDevice: columnSpanDesktop,
8910
9035
  columnSpanSmallDevice: 2,
8911
9036
  key: name + "-" + index
@@ -8927,7 +9052,7 @@ var CreditListing = function CreditListing(_ref) {
8927
9052
  person: person,
8928
9053
  withSeparator: people.length !== personIndex + 1
8929
9054
  });
8930
- })), replacement && /*#__PURE__*/React__default.createElement(ReplacementWrapper, null, /*#__PURE__*/React__default.createElement(BodyText, {
9055
+ })), replacement && /*#__PURE__*/React__default.createElement(ReplacementWrapper$1, null, /*#__PURE__*/React__default.createElement(BodyText, {
8931
9056
  level: 1,
8932
9057
  tag: "p"
8933
9058
  }, replacement)), musicTitle && musicTitle.length > 0 && /*#__PURE__*/React__default.createElement(BodyText, {
@@ -8940,14 +9065,14 @@ var CreditListing = function CreditListing(_ref) {
8940
9065
  }));
8941
9066
  };
8942
9067
 
8943
- var _templateObject$12, _templateObject2$M, _templateObject3$D, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$c, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
9068
+ var _templateObject$13, _templateObject2$M, _templateObject3$D, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
8944
9069
  var LENGTH_TEXT = 28;
8945
9070
  var LENGTH_TEXT_TABLET$1 = 12;
8946
9071
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
8947
9072
  var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
8948
9073
  var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
8949
9074
  var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
8950
- 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) {
9075
+ var PromoWithTagsGrid = /*#__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\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
8951
9076
  var imageToLeft = _ref.imageToLeft;
8952
9077
  return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
8953
9078
  }, devices.tablet, function (_ref2) {
@@ -9001,7 +9126,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
9001
9126
  return marginBottom + "px";
9002
9127
  });
9003
9128
  var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
9004
- var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
9129
+ var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
9005
9130
  var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
9006
9131
  var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
9007
9132
  var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$5 || (_templateObject10$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
@@ -9218,10 +9343,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
9218
9343
  }))));
9219
9344
  };
9220
9345
 
9221
- var _templateObject$13, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$d;
9346
+ var _templateObject$14, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
9222
9347
  var LENGTH_TEXT$2 = 28;
9223
9348
  var LENGTH_TEXT_TABLET$2 = 10;
9224
- 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) {
9349
+ var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
9225
9350
  var imageToLeft = _ref.imageToLeft;
9226
9351
  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'";
9227
9352
  }, devices.tablet, function (_ref2) {
@@ -9248,7 +9373,7 @@ var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$k ||
9248
9373
  var theme = _ref7.theme;
9249
9374
  return theme.colors.primary;
9250
9375
  });
9251
- var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref8) {
9376
+ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref8) {
9252
9377
  var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
9253
9378
  primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
9254
9379
  _ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
@@ -9274,8 +9399,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
9274
9399
  return '';
9275
9400
  });
9276
9401
 
9277
- var _templateObject$14;
9278
- 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) {
9402
+ var _templateObject$15;
9403
+ var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__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) {
9279
9404
  var _ref$aspectRatio = _ref.aspectRatio,
9280
9405
  aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
9281
9406
  return aspectRatio;
@@ -9479,8 +9604,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
9479
9604
  }, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
9480
9605
  };
9481
9606
 
9482
- var _templateObject$15;
9483
- var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
9607
+ var _templateObject$16;
9608
+ var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
9484
9609
 
9485
9610
  /**
9486
9611
  * DEPRECATED. Use RadioGroup2 instead
@@ -9538,8 +9663,8 @@ var RadioGroup = function RadioGroup(_ref) {
9538
9663
  })));
9539
9664
  };
9540
9665
 
9541
- var _templateObject$16, _templateObject2$O, _templateObject3$F;
9542
- var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9666
+ var _templateObject$17, _templateObject2$O, _templateObject3$F;
9667
+ var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9543
9668
  var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
9544
9669
  var horizontalMode = _ref.horizontalMode;
9545
9670
  if (horizontalMode) return 'row';
@@ -9628,8 +9753,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
9628
9753
  }, error)));
9629
9754
  };
9630
9755
 
9631
- var _templateObject$17, _templateObject2$P, _templateObject3$G;
9632
- 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);
9756
+ var _templateObject$18, _templateObject2$P, _templateObject3$G;
9757
+ var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
9633
9758
  var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
9634
9759
  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);
9635
9760
 
@@ -9693,8 +9818,8 @@ var StatusBanner = function StatusBanner(_ref) {
9693
9818
  })))));
9694
9819
  };
9695
9820
 
9696
- var _templateObject$18;
9697
- 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);
9821
+ var _templateObject$19;
9822
+ var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__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);
9698
9823
 
9699
9824
  var SectionTitle = function SectionTitle(_ref) {
9700
9825
  var title = _ref.title,
@@ -9722,8 +9847,8 @@ var SectionTitle = function SectionTitle(_ref) {
9722
9847
  }, description))));
9723
9848
  };
9724
9849
 
9725
- var _templateObject$19, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
9726
- 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) {
9850
+ var _templateObject$1a, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
9851
+ var stateStyles = /*#__PURE__*/styled.css(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
9727
9852
  var theme = _ref.theme;
9728
9853
  return "3px solid " + theme.colors.lapisLazuli;
9729
9854
  }, function (_ref2) {
@@ -9748,7 +9873,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
9748
9873
  };
9749
9874
  })(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
9750
9875
  var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
9751
- var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
9876
+ var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
9752
9877
  var Options = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
9753
9878
  var Option = /*#__PURE__*/styled__default.li(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
9754
9879
  var theme = _ref6.theme,
@@ -10145,8 +10270,8 @@ function Select(_ref3) {
10145
10270
  }))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
10146
10271
  }
10147
10272
 
10148
- var _templateObject$1a, _templateObject2$R, _templateObject3$I, _templateObject4$y;
10149
- var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
10273
+ var _templateObject$1b, _templateObject2$R, _templateObject3$I, _templateObject4$y;
10274
+ var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
10150
10275
  var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
10151
10276
  var width = _ref.width;
10152
10277
  if (!width) return 'none';
@@ -10285,8 +10410,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
10285
10410
  })));
10286
10411
  };
10287
10412
 
10288
- var _templateObject$1b;
10289
- 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) {
10413
+ var _templateObject$1c;
10414
+ var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__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) {
10290
10415
  var theme = _ref.theme;
10291
10416
  return theme.colors.primary;
10292
10417
  });
@@ -10314,8 +10439,8 @@ var TextOnly = function TextOnly(_ref) {
10314
10439
  })));
10315
10440
  };
10316
10441
 
10317
- var _templateObject$1c, _templateObject2$S;
10318
- 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) {
10442
+ var _templateObject$1d, _templateObject2$S;
10443
+ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__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) {
10319
10444
  var _ref$aspectRatio = _ref.aspectRatio,
10320
10445
  aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
10321
10446
  return aspectRatio;
@@ -10363,8 +10488,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
10363
10488
  }, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
10364
10489
  };
10365
10490
 
10366
- var _templateObject$1d, _templateObject2$T, _templateObject3$J;
10367
- var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
10491
+ var _templateObject$1e, _templateObject2$T, _templateObject3$J;
10492
+ var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
10368
10493
  var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
10369
10494
  var displayAttribution = _ref.displayAttribution;
10370
10495
  return "display: " + (displayAttribution ? 'block' : 'none') + ";";
@@ -10393,8 +10518,8 @@ var Quote = function Quote(_ref) {
10393
10518
  }, attribution))));
10394
10519
  };
10395
10520
 
10396
- var _templateObject$1e, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$s, _templateObject6$m;
10397
- 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"])));
10521
+ var _templateObject$1f, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$s, _templateObject6$m;
10522
+ var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
10398
10523
  var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
10399
10524
  var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
10400
10525
  var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
@@ -10437,8 +10562,8 @@ var MiniCard = function MiniCard(_ref) {
10437
10562
  }, title)))));
10438
10563
  };
10439
10564
 
10440
- var _templateObject$1f, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$t;
10441
- 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"])));
10565
+ var _templateObject$1g, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$t;
10566
+ var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
10442
10567
  var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
10443
10568
  var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
10444
10569
  var isVisible = _ref.isVisible;
@@ -10535,15 +10660,113 @@ var ReadMore = function ReadMore(_ref) {
10535
10660
  }, isFullTextOpen ? "" + hideText : "" + showMoreText)));
10536
10661
  };
10537
10662
 
10538
- var _templateObject$1g, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$u;
10539
- var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10540
- var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
10541
- 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);
10542
- 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) {
10663
+ var _templateObject$1h, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$u, _templateObject6$n;
10664
+ var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10665
+ var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10666
+ var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10667
+ var color = _ref.color;
10668
+ return "var(--base-color-" + color + ")";
10669
+ });
10670
+ var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
10671
+ var Text = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
10672
+ var color = _ref2.color;
10673
+ return "var(--base-color-" + color + ")";
10674
+ });
10675
+ var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
10676
+ var color = _ref3.color;
10677
+ return "var(--base-color-" + color + ")";
10678
+ });
10679
+
10680
+ /**
10681
+ * Password strength indicator component.
10682
+ * This renders some number of lines (6 by default)
10683
+ * which should become active when the user improves
10684
+ * the strength of the entered password.
10685
+ *
10686
+ * ## Sections
10687
+ * To set number of sections it should be passed
10688
+ * as `sections` prop.
10689
+ *
10690
+ * ## Active section
10691
+ * To set number of active sections it should be passed
10692
+ * as `activeSections` prop.
10693
+ *
10694
+ * ## Colors
10695
+ * Color of every element can be controlled by properties:
10696
+ * `sectionsColor`, `activeSectionsColor`,
10697
+ * `textColor`, `strengthLabelColor`.
10698
+ *
10699
+ * ## Text
10700
+ * `text` prop is used to render some message.
10701
+ * For example error (together with proper red color)
10702
+ * or some password requirement. It can be empty.
10703
+ *
10704
+ * ## Strength label
10705
+ * `strengthLabel` prop is used to render strength characteristic
10706
+ * of entered password. For example: `weak`, `normal`, `strong`, etc.
10707
+ * It can be empty.
10708
+ */
10709
+
10710
+ var PasswordStrength = function PasswordStrength(_ref) {
10711
+ var _ref$sections = _ref.sections,
10712
+ sections = _ref$sections === void 0 ? 6 : _ref$sections,
10713
+ _ref$activeSections = _ref.activeSections,
10714
+ activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
10715
+ _ref$sectionsColor = _ref.sectionsColor,
10716
+ sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
10717
+ _ref$activeSectionsCo = _ref.activeSectionsColor,
10718
+ activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
10719
+ _ref$text = _ref.text,
10720
+ text = _ref$text === void 0 ? '' : _ref$text,
10721
+ _ref$textColor = _ref.textColor,
10722
+ textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
10723
+ _ref$strengthLabel = _ref.strengthLabel,
10724
+ strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
10725
+ _ref$strengthLabelCol = _ref.strengthLabelColor,
10726
+ strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
10727
+
10728
+ var setSectionColor = function setSectionColor(index) {
10729
+ return index < activeSections ? activeSectionsColor : sectionsColor;
10730
+ };
10731
+
10732
+ var setSectionDataTestId = function setSectionDataTestId(index) {
10733
+ return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
10734
+ };
10735
+
10736
+ return /*#__PURE__*/React__default.createElement(Container$5, {
10737
+ "data-testid": "password-strength-container"
10738
+ }, /*#__PURE__*/React__default.createElement(Sections, {
10739
+ "data-testid": "password-strength-sections"
10740
+ }, Array.from({
10741
+ length: sections
10742
+ }, function (_section, i) {
10743
+ return /*#__PURE__*/React__default.createElement(Section, {
10744
+ key: i,
10745
+ color: setSectionColor(i),
10746
+ "data-testid": setSectionDataTestId(i)
10747
+ });
10748
+ })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
10749
+ color: textColor,
10750
+ "data-testid": "password-strength-text"
10751
+ }, /*#__PURE__*/React__default.createElement(AltHeader, {
10752
+ level: 6
10753
+ }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
10754
+ color: strengthLabelColor,
10755
+ "data-testid": "password-strength-label"
10756
+ }, /*#__PURE__*/React__default.createElement(Overline, {
10757
+ level: 2
10758
+ }, strengthLabel))));
10759
+ };
10760
+
10761
+ var _templateObject$1i, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$v;
10762
+ var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10763
+ var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$X || (_templateObject2$X = /*#__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);
10764
+ var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
10765
+ var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$C || (_templateObject4$C = /*#__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) {
10543
10766
  var isActive = _ref.isActive;
10544
10767
  return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
10545
10768
  }, exports.Colors.MidGrey);
10546
- var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
10769
+ var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
10547
10770
  var isOpen = _ref2.isOpen;
10548
10771
  return isOpen ? 'block' : 'none';
10549
10772
  }, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
@@ -10713,106 +10936,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
10713
10936
  });
10714
10937
  };
10715
10938
 
10716
- var _templateObject$1h, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$v, _templateObject6$n;
10717
- var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10718
- var Sections = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10719
- var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10720
- var color = _ref.color;
10721
- return "var(--base-color-" + color + ")";
10722
- });
10723
- 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"])));
10724
- var Text = /*#__PURE__*/styled__default.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
10725
- var color = _ref2.color;
10726
- return "var(--base-color-" + color + ")";
10727
- });
10728
- var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
10729
- var color = _ref3.color;
10730
- return "var(--base-color-" + color + ")";
10731
- });
10732
-
10733
- /**
10734
- * Password strength indicator component.
10735
- * This renders some number of lines (6 by default)
10736
- * which should become active when the user improves
10737
- * the strength of the entered password.
10738
- *
10739
- * ## Sections
10740
- * To set number of sections it should be passed
10741
- * as `sections` prop.
10742
- *
10743
- * ## Active section
10744
- * To set number of active sections it should be passed
10745
- * as `activeSections` prop.
10746
- *
10747
- * ## Colors
10748
- * Color of every element can be controlled by properties:
10749
- * `sectionsColor`, `activeSectionsColor`,
10750
- * `textColor`, `strengthLabelColor`.
10751
- *
10752
- * ## Text
10753
- * `text` prop is used to render some message.
10754
- * For example error (together with proper red color)
10755
- * or some password requirement. It can be empty.
10756
- *
10757
- * ## Strength label
10758
- * `strengthLabel` prop is used to render strength characteristic
10759
- * of entered password. For example: `weak`, `normal`, `strong`, etc.
10760
- * It can be empty.
10761
- */
10762
-
10763
- var PasswordStrength = function PasswordStrength(_ref) {
10764
- var _ref$sections = _ref.sections,
10765
- sections = _ref$sections === void 0 ? 6 : _ref$sections,
10766
- _ref$activeSections = _ref.activeSections,
10767
- activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
10768
- _ref$sectionsColor = _ref.sectionsColor,
10769
- sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
10770
- _ref$activeSectionsCo = _ref.activeSectionsColor,
10771
- activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
10772
- _ref$text = _ref.text,
10773
- text = _ref$text === void 0 ? '' : _ref$text,
10774
- _ref$textColor = _ref.textColor,
10775
- textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
10776
- _ref$strengthLabel = _ref.strengthLabel,
10777
- strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
10778
- _ref$strengthLabelCol = _ref.strengthLabelColor,
10779
- strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
10780
-
10781
- var setSectionColor = function setSectionColor(index) {
10782
- return index < activeSections ? activeSectionsColor : sectionsColor;
10783
- };
10784
-
10785
- var setSectionDataTestId = function setSectionDataTestId(index) {
10786
- return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
10787
- };
10788
-
10789
- return /*#__PURE__*/React__default.createElement(Container$5, {
10790
- "data-testid": "password-strength-container"
10791
- }, /*#__PURE__*/React__default.createElement(Sections, {
10792
- "data-testid": "password-strength-sections"
10793
- }, Array.from({
10794
- length: sections
10795
- }, function (_section, i) {
10796
- return /*#__PURE__*/React__default.createElement(Section, {
10797
- key: i,
10798
- color: setSectionColor(i),
10799
- "data-testid": setSectionDataTestId(i)
10800
- });
10801
- })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
10802
- color: textColor,
10803
- "data-testid": "password-strength-text"
10804
- }, /*#__PURE__*/React__default.createElement(AltHeader, {
10805
- level: 6
10806
- }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
10807
- color: strengthLabelColor,
10808
- "data-testid": "password-strength-label"
10809
- }, /*#__PURE__*/React__default.createElement(Overline, {
10810
- level: 2
10811
- }, strengthLabel))));
10812
- };
10813
-
10814
- var _templateObject$1i, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
10815
- var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
10939
+ var _templateObject$1j, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
10940
+ var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
10816
10941
  var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
10817
10942
  var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
10818
10943
  var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
@@ -10826,13 +10951,13 @@ var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$w || (_template
10826
10951
  return "calc(100% / " + (props.columns - 1) + ")";
10827
10952
  }, devices.mobile);
10828
10953
  var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\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: none;\n }\n"])));
10829
- var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\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\n /* Active state */\n ", "\n"])), function (_ref) {
10954
+ var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\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\n /* Active state */\n ", "\n"])), function (_ref) {
10830
10955
  var active = _ref.active;
10831
10956
  return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
10832
10957
  });
10833
10958
  var Next = /*#__PURE__*/styled__default.span(_templateObject8$c || (_templateObject8$c = /*#__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"])));
10834
10959
  var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 0 0 24px 0;\n\n div:hover {\n background-color: var(--base-color-light-grey);\n }\n\n > div > div {\n background-color: var(--base-color-light-grey);\n }\n\n svg path {\n fill: var(--base-color-black) !important;\n }\n"])));
10835
- var AriaDescription$1 = /*#__PURE__*/styled__default.span(_templateObject10$7 || (_templateObject10$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
10960
+ var AriaDescription$1 = /*#__PURE__*/styled__default.div(_templateObject10$7 || (_templateObject10$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n white-space: nowrap;\n border: 0;\n"])));
10836
10961
 
10837
10962
  var Content = function Content(_ref) {
10838
10963
  var content = _ref.content;
@@ -11095,8 +11220,8 @@ var LiveChat = function LiveChat() {
11095
11220
  });
11096
11221
  };
11097
11222
 
11098
- var _templateObject$1j, _templateObject2$Z;
11099
- 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);
11223
+ var _templateObject$1k, _templateObject2$Z;
11224
+ var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
11100
11225
  var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Z || (_templateObject2$Z = /*#__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) {
11101
11226
  var hideBottomBorder = _ref.hideBottomBorder;
11102
11227
  return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
@@ -11125,8 +11250,8 @@ var StickyBar = function StickyBar(_ref) {
11125
11250
  }, children)));
11126
11251
  };
11127
11252
 
11128
- var _templateObject$1k, _templateObject2$_, _templateObject3$P, _templateObject4$E;
11129
- 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);
11253
+ var _templateObject$1l, _templateObject2$_, _templateObject3$P, _templateObject4$E;
11254
+ var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__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);
11130
11255
  var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$_ || (_templateObject2$_ = /*#__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);
11131
11256
  var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11132
11257
  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"])));
@@ -11249,8 +11374,8 @@ var ModalWindow = function ModalWindow(_ref) {
11249
11374
  })), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
11250
11375
  };
11251
11376
 
11252
- var _templateObject$1l;
11253
- 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) {
11377
+ var _templateObject$1m;
11378
+ 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) {
11254
11379
  var theme = _ref.theme;
11255
11380
  return theme.colors.primary;
11256
11381
  }, function (_ref2) {
@@ -12211,6 +12336,7 @@ exports.Footer = Footer;
12211
12336
  exports.GlobalStyles = GlobalStyles;
12212
12337
  exports.Grid = Grid;
12213
12338
  exports.GridItem = GridItem;
12339
+ exports.GridItemLegacy = GridItemLegacy;
12214
12340
  exports.Header = Header;
12215
12341
  exports.Icon = Icon;
12216
12342
  exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;