@royaloperahouse/chord 2.11.2 → 2.11.3-dev

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/README.md +255 -40
  2. package/dist/chord.cjs.development.js +406 -156
  3. package/dist/chord.cjs.development.js.map +1 -1
  4. package/dist/chord.cjs.production.min.js +1 -1
  5. package/dist/chord.cjs.production.min.js.map +1 -1
  6. package/dist/chord.esm.js +406 -156
  7. package/dist/chord.esm.js.map +1 -1
  8. package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.d.ts +5 -0
  9. package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.style.d.ts +3 -0
  10. package/dist/components/atoms/AriaAlternativeDescription/index.d.ts +2 -0
  11. package/dist/components/atoms/Grid/GridItemLegacy.d.ts +8 -0
  12. package/dist/components/atoms/Grid/index.d.ts +2 -1
  13. package/dist/components/atoms/Icons/SvgIcons/Payment/ApplePay.svg.d.ts +4 -0
  14. package/dist/components/atoms/Icons/SvgIcons/Payment/GooglePay.svg.d.ts +4 -0
  15. package/dist/components/atoms/Icons/SvgIcons/Payment/PayPal.svg.d.ts +4 -0
  16. package/dist/components/atoms/Icons/SvgIcons/index.d.ts +3 -0
  17. package/dist/components/atoms/index.d.ts +2 -2
  18. package/dist/components/molecules/Accordion/Accordion.style.d.ts +3 -1
  19. package/dist/components/molecules/PageHeading/index.d.ts +1 -1
  20. package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.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/types/ariaAlternative.d.ts +34 -0
  24. package/dist/types/formTypes.d.ts +12 -9
  25. package/dist/types/iconTypes.d.ts +2 -0
  26. package/dist/types/types.d.ts +4 -0
  27. package/package.json +2 -2
  28. package/README.GIT +0 -282
package/dist/chord.cjs.development.js CHANGED
@@ -948,14 +948,16 @@ var Directions = {
948
948
  down: 'transform: rotate(90deg)',
949
949
  reverse: 'transform: scaleX(-1)'
950
950
  };
951
- var Wrapper = /*#__PURE__*/styled__default.span(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n & svg {\n display: block;\n ", ";\n }\n\n & svg path {\n fill: var(--base-color-", ", ", ");\n }\n"])), function (_ref) {
951
+ var Wrapper = /*#__PURE__*/styled__default.span(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n width: 100%;\n height: 100%;\n\n & svg {\n display: block;\n ", ";\n }\n\n ", "\n"])), function (_ref) {
952
952
  var _ref$direction = _ref.direction,
953
953
  direction = _ref$direction === void 0 ? 'right' : _ref$direction;
954
954
  return Directions[direction];
955
955
  }, function (_ref2) {
956
- var color = _ref2.color;
957
- return color || 'black';
958
- }, core.colors.black);
956
+ var _ref2$monochrome = _ref2.monochrome,
957
+ monochrome = _ref2$monochrome === void 0 ? true : _ref2$monochrome,
958
+ color = _ref2.color;
959
+ return monochrome && "\n & svg path {\n fill: var(--base-color-" + (color || 'black') + ", " + core.colors.black + ");\n }\n ";
960
+ });
959
961
 
960
962
  var Expand12px = (function (_ref) {
961
963
  var _ref$color = _ref.color,
@@ -967,6 +969,7 @@ var Expand12px = (function (_ref) {
967
969
  height: "12",
968
970
  viewBox: "0 0 12 12",
969
971
  fill: "none",
972
+ role: "img",
970
973
  "aria-label": ariaLabel
971
974
  }, /*#__PURE__*/React.createElement("path", {
972
975
  d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
@@ -984,6 +987,7 @@ var Remove12px = (function (_ref) {
984
987
  height: "12",
985
988
  viewBox: "0 0 12 12",
986
989
  fill: "none",
990
+ role: "img",
987
991
  "aria-label": ariaLabel
988
992
  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
989
993
  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",
@@ -1001,6 +1005,7 @@ var Tick = (function (_ref) {
1001
1005
  viewBox: "0 0 12 12",
1002
1006
  fill: "none",
1003
1007
  xmlns: "http://www.w3.org/2000/svg",
1008
+ role: "img",
1004
1009
  "aria-label": ariaLabel
1005
1010
  }, /*#__PURE__*/React.createElement("path", {
1006
1011
  d: "M4.09961 11.1999L1.09961 7.2999L1.89961 6.6999L4.09961 9.4999L10.0996 1.3999L10.8996 1.9999L4.09961 11.1999Z",
@@ -1018,6 +1023,7 @@ var AddToMyList = (function (_ref) {
1018
1023
  viewBox: "0 0 24 24",
1019
1024
  fill: "none",
1020
1025
  xmlns: "http://www.w3.org/2000/svg",
1026
+ role: "img",
1021
1027
  "aria-label": ariaLabel
1022
1028
  }, /*#__PURE__*/React.createElement("path", {
1023
1029
  d: "M21 3H3V4H21V3Z",
@@ -1050,6 +1056,7 @@ var OnMyList = (function (_ref) {
1050
1056
  viewBox: "0 0 24 24",
1051
1057
  fill: "none",
1052
1058
  xmlns: "http://www.w3.org/2000/svg",
1059
+ role: "img",
1053
1060
  "aria-label": ariaLabel
1054
1061
  }, /*#__PURE__*/React.createElement("path", {
1055
1062
  d: "M15.4996 20.2002L13.3996 17.7002L12.5996 18.3002L15.5996 21.8002L20.8996 13.8002L20.0996 13.2002L15.4996 20.2002Z",
@@ -1082,6 +1089,7 @@ var BookTickets = (function (_ref) {
1082
1089
  viewBox: "0 0 24 24",
1083
1090
  fill: "none",
1084
1091
  xmlns: "http://www.w3.org/2000/svg",
1092
+ role: "img",
1085
1093
  "aria-label": ariaLabel
1086
1094
  }, /*#__PURE__*/React.createElement("path", {
1087
1095
  d: "M7 2H6V5H7V2Z",
@@ -1126,6 +1134,7 @@ var ChooseDates = (function (_ref) {
1126
1134
  viewBox: "0 0 24 24",
1127
1135
  fill: "none",
1128
1136
  xmlns: "http://www.w3.org/2000/svg",
1137
+ role: "img",
1129
1138
  "aria-label": ariaLabel
1130
1139
  }, /*#__PURE__*/React.createElement("path", {
1131
1140
  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",
@@ -1143,6 +1152,7 @@ var EditMyList = (function (_ref) {
1143
1152
  viewBox: "0 0 24 24",
1144
1153
  fill: "none",
1145
1154
  xmlns: "http://www.w3.org/2000/svg",
1155
+ role: "img",
1146
1156
  "aria-label": ariaLabel
1147
1157
  }, /*#__PURE__*/React.createElement("path", {
1148
1158
  d: "M21 3H3V4H21V3Z",
@@ -1175,6 +1185,7 @@ var Favourite = (function (_ref) {
1175
1185
  viewBox: "0 0 24 24",
1176
1186
  fill: "none",
1177
1187
  xmlns: "http://www.w3.org/2000/svg",
1188
+ role: "img",
1178
1189
  "aria-label": ariaLabel
1179
1190
  }, /*#__PURE__*/React.createElement("path", {
1180
1191
  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",
@@ -1192,6 +1203,7 @@ var FavouriteFull = (function (_ref) {
1192
1203
  viewBox: "0 0 24 24",
1193
1204
  fill: "none",
1194
1205
  xmlns: "http://www.w3.org/2000/svg",
1206
+ role: "img",
1195
1207
  "aria-label": ariaLabel
1196
1208
  }, /*#__PURE__*/React.createElement("path", {
1197
1209
  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",
@@ -1209,6 +1221,7 @@ var Filter = (function (_ref) {
1209
1221
  viewBox: "0 0 24 24",
1210
1222
  fill: "none",
1211
1223
  xmlns: "http://www.w3.org/2000/svg",
1224
+ role: "img",
1212
1225
  "aria-label": ariaLabel
1213
1226
  }, /*#__PURE__*/React.createElement("path", {
1214
1227
  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",
@@ -1232,6 +1245,7 @@ var FindAScreening = (function (_ref) {
1232
1245
  viewBox: "0 0 24 24",
1233
1246
  fill: "none",
1234
1247
  xmlns: "http://www.w3.org/2000/svg",
1248
+ role: "img",
1235
1249
  "aria-label": ariaLabel
1236
1250
  }, /*#__PURE__*/React.createElement("path", {
1237
1251
  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",
@@ -1264,6 +1278,7 @@ var Reminder = (function (_ref) {
1264
1278
  viewBox: "0 0 24 24",
1265
1279
  fill: "none",
1266
1280
  xmlns: "http://www.w3.org/2000/svg",
1281
+ role: "img",
1267
1282
  "aria-label": ariaLabel
1268
1283
  }, /*#__PURE__*/React.createElement("path", {
1269
1284
  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",
@@ -1281,6 +1296,7 @@ var Subscribe = (function (_ref) {
1281
1296
  viewBox: "0 0 24 24",
1282
1297
  fill: "none",
1283
1298
  xmlns: "http://www.w3.org/2000/svg",
1299
+ role: "img",
1284
1300
  "aria-label": ariaLabel
1285
1301
  }, /*#__PURE__*/React.createElement("path", {
1286
1302
  d: "M20 4V20H4V4H20ZM21 3H3V21H21V3Z",
@@ -1301,6 +1317,7 @@ var Watch = (function (_ref) {
1301
1317
  viewBox: "0 0 24 24",
1302
1318
  fill: "none",
1303
1319
  xmlns: "http://www.w3.org/2000/svg",
1320
+ role: "img",
1304
1321
  "aria-label": ariaLabel
1305
1322
  }, /*#__PURE__*/React.createElement("path", {
1306
1323
  d: "M9 8L16 12L9 16V8Z",
@@ -1321,6 +1338,7 @@ var Arrow = (function (_ref) {
1321
1338
  viewBox: "0 0 24 24",
1322
1339
  fill: "none",
1323
1340
  xmlns: "http://www.w3.org/2000/svg",
1341
+ role: "img",
1324
1342
  "aria-label": ariaLabel
1325
1343
  }, /*#__PURE__*/React.createElement("path", {
1326
1344
  d: "M3 12.6001H19L12.9 18.7001L13.6 19.4001L21 12.0001L13.6 4.6001L12.9 5.3001L19.2 11.6001H3V12.6001Z",
@@ -1338,6 +1356,7 @@ var CarouselArrow = (function (_ref) {
1338
1356
  viewBox: "0 0 24 24",
1339
1357
  fill: "none",
1340
1358
  xmlns: "http://www.w3.org/2000/svg",
1359
+ role: "img",
1341
1360
  "aria-label": ariaLabel
1342
1361
  }, /*#__PURE__*/React.createElement("path", {
1343
1362
  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",
@@ -1355,6 +1374,7 @@ var DropdownArrow = (function (_ref) {
1355
1374
  viewBox: "0 0 24 24",
1356
1375
  fill: "none",
1357
1376
  xmlns: "http://www.w3.org/2000/svg",
1377
+ role: "img",
1358
1378
  "aria-label": ariaLabel
1359
1379
  }, /*#__PURE__*/React.createElement("path", {
1360
1380
  d: "M19.3 8L12 14.7L4.7 8L4 8.7L12 16L20 8.7L19.3 8Z",
@@ -1372,6 +1392,7 @@ var Cinema = (function (_ref) {
1372
1392
  viewBox: "0 0 24 24",
1373
1393
  fill: "none",
1374
1394
  xmlns: "http://www.w3.org/2000/svg",
1395
+ role: "img",
1375
1396
  "aria-label": ariaLabel
1376
1397
  }, /*#__PURE__*/React.createElement("path", {
1377
1398
  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",
@@ -1404,6 +1425,7 @@ var Clock = (function (_ref) {
1404
1425
  viewBox: "0 0 24 24",
1405
1426
  fill: "none",
1406
1427
  xmlns: "http://www.w3.org/2000/svg",
1428
+ role: "img",
1407
1429
  "aria-label": ariaLabel
1408
1430
  }, /*#__PURE__*/React.createElement("path", {
1409
1431
  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",
@@ -1424,6 +1446,7 @@ var CreditCard = (function (_ref) {
1424
1446
  viewBox: "0 0 24 24",
1425
1447
  fill: "none",
1426
1448
  xmlns: "http://www.w3.org/2000/svg",
1449
+ role: "img",
1427
1450
  "aria-label": ariaLabel
1428
1451
  }, /*#__PURE__*/React.createElement("path", {
1429
1452
  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",
@@ -1447,6 +1470,7 @@ var Email = (function (_ref) {
1447
1470
  viewBox: "0 0 24 24",
1448
1471
  fill: "none",
1449
1472
  xmlns: "http://www.w3.org/2000/svg",
1473
+ role: "img",
1450
1474
  "aria-label": ariaLabel
1451
1475
  }, /*#__PURE__*/React.createElement("path", {
1452
1476
  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",
@@ -1464,6 +1488,7 @@ var Info = (function (_ref) {
1464
1488
  viewBox: "0 0 24 24",
1465
1489
  fill: "none",
1466
1490
  xmlns: "http://www.w3.org/2000/svg",
1491
+ role: "img",
1467
1492
  "aria-label": ariaLabel
1468
1493
  }, /*#__PURE__*/React.createElement("path", {
1469
1494
  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",
@@ -1487,6 +1512,7 @@ var List = (function (_ref) {
1487
1512
  viewBox: "0 0 24 24",
1488
1513
  fill: "none",
1489
1514
  xmlns: "http://www.w3.org/2000/svg",
1515
+ role: "img",
1490
1516
  "aria-label": ariaLabel
1491
1517
  }, /*#__PURE__*/React.createElement("path", {
1492
1518
  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",
@@ -1519,6 +1545,7 @@ var Location = (function (_ref) {
1519
1545
  viewBox: "0 0 24 24",
1520
1546
  fill: "none",
1521
1547
  xmlns: "http://www.w3.org/2000/svg",
1548
+ role: "img",
1522
1549
  "aria-label": ariaLabel
1523
1550
  }, /*#__PURE__*/React.createElement("path", {
1524
1551
  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",
@@ -1539,6 +1566,7 @@ var PDF = (function (_ref) {
1539
1566
  viewBox: "0 0 24 24",
1540
1567
  fill: "none",
1541
1568
  xmlns: "http://www.w3.org/2000/svg",
1569
+ role: "img",
1542
1570
  "aria-label": ariaLabel
1543
1571
  }, /*#__PURE__*/React.createElement("path", {
1544
1572
  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",
@@ -1565,6 +1593,7 @@ var Phone = (function (_ref) {
1565
1593
  viewBox: "0 0 24 24",
1566
1594
  fill: "none",
1567
1595
  xmlns: "http://www.w3.org/2000/svg",
1596
+ role: "img",
1568
1597
  "aria-label": ariaLabel
1569
1598
  }, /*#__PURE__*/React.createElement("path", {
1570
1599
  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",
@@ -1582,6 +1611,7 @@ var Print = (function (_ref) {
1582
1611
  viewBox: "0 0 24 24",
1583
1612
  fill: "none",
1584
1613
  xmlns: "http://www.w3.org/2000/svg",
1614
+ role: "img",
1585
1615
  "aria-label": ariaLabel
1586
1616
  }, /*#__PURE__*/React.createElement("path", {
1587
1617
  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",
@@ -1599,6 +1629,7 @@ var Seat = (function (_ref) {
1599
1629
  viewBox: "0 0 24 24",
1600
1630
  fill: "none",
1601
1631
  xmlns: "http://www.w3.org/2000/svg",
1632
+ role: "img",
1602
1633
  "aria-label": ariaLabel
1603
1634
  }, /*#__PURE__*/React.createElement("path", {
1604
1635
  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",
@@ -1619,6 +1650,7 @@ var Secure = (function (_ref) {
1619
1650
  viewBox: "0 0 24 24",
1620
1651
  fill: "none",
1621
1652
  xmlns: "http://www.w3.org/2000/svg",
1653
+ role: "img",
1622
1654
  "aria-label": ariaLabel
1623
1655
  }, /*#__PURE__*/React.createElement("path", {
1624
1656
  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",
@@ -1639,6 +1671,7 @@ var Standing = (function (_ref) {
1639
1671
  viewBox: "0 0 24 24",
1640
1672
  fill: "none",
1641
1673
  xmlns: "http://www.w3.org/2000/svg",
1674
+ role: "img",
1642
1675
  "aria-label": ariaLabel
1643
1676
  }, /*#__PURE__*/React.createElement("path", {
1644
1677
  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",
@@ -1656,6 +1689,7 @@ var Tickets = (function (_ref) {
1656
1689
  viewBox: "0 0 24 24",
1657
1690
  fill: "none",
1658
1691
  xmlns: "http://www.w3.org/2000/svg",
1692
+ role: "img",
1659
1693
  "aria-label": ariaLabel
1660
1694
  }, /*#__PURE__*/React.createElement("path", {
1661
1695
  d: "M12 14H11V16H12V14Z",
@@ -1679,6 +1713,7 @@ var Wheelchair = (function (_ref) {
1679
1713
  viewBox: "0 0 24 24",
1680
1714
  fill: "none",
1681
1715
  xmlns: "http://www.w3.org/2000/svg",
1716
+ role: "img",
1682
1717
  "aria-label": ariaLabel
1683
1718
  }, /*#__PURE__*/React.createElement("path", {
1684
1719
  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",
@@ -1686,6 +1721,159 @@ var Wheelchair = (function (_ref) {
1686
1721
  }));
1687
1722
  });
1688
1723
 
1724
+ var ApplePay = (function (_ref) {
1725
+ var ariaLabel = _ref.ariaLabel;
1726
+ return /*#__PURE__*/React.createElement("svg", {
1727
+ width: "100%",
1728
+ height: "100%",
1729
+ viewBox: "0 0 58 40",
1730
+ fill: "none",
1731
+ xmlns: "http://www.w3.org/2000/svg",
1732
+ "aria-label": ariaLabel,
1733
+ role: "img"
1734
+ }, /*#__PURE__*/React.createElement("rect", {
1735
+ x: "0.5",
1736
+ y: "0.5",
1737
+ width: "57",
1738
+ height: "39",
1739
+ rx: "3.5",
1740
+ fill: "white",
1741
+ stroke: "#F3F3F3"
1742
+ }), /*#__PURE__*/React.createElement("path", {
1743
+ fillRule: "evenodd",
1744
+ clipRule: "evenodd",
1745
+ d: "M17.5771 14.9265C17.1553 15.4313 16.4803 15.8294 15.8053 15.7725C15.7209 15.09 16.0513 14.3649 16.4381 13.9171C16.8599 13.3981 17.5982 13.0284 18.1959 13C18.2662 13.7109 17.992 14.4076 17.5771 14.9265ZM18.1888 15.9076C17.5942 15.873 17.0516 16.0884 16.6133 16.2624C16.3313 16.3744 16.0924 16.4692 15.9107 16.4692C15.7068 16.4692 15.4581 16.3693 15.1789 16.2571C14.813 16.1102 14.3947 15.9422 13.956 15.9502C12.9506 15.9645 12.0154 16.5403 11.5021 17.4573C10.4474 19.2915 11.2279 22.0071 12.2474 23.5C12.7467 24.2393 13.3443 25.0498 14.1318 25.0213C14.4783 25.0081 14.7275 24.9012 14.9854 24.7905C15.2823 24.6631 15.5908 24.5308 16.0724 24.5308C16.5374 24.5308 16.8324 24.6597 17.1155 24.7834C17.3847 24.9011 17.6433 25.014 18.0271 25.0071C18.8428 24.9929 19.356 24.2678 19.8553 23.5284C20.394 22.7349 20.6307 21.9605 20.6667 21.843L20.6709 21.8294C20.67 21.8285 20.6634 21.8254 20.6516 21.82C20.4715 21.7366 19.095 21.0995 19.0818 19.391C19.0686 17.957 20.1736 17.2304 20.3476 17.116C20.3582 17.109 20.3653 17.1043 20.3685 17.1019C19.6654 16.0498 18.5685 15.936 18.1888 15.9076ZM23.8349 24.9289V13.846H27.9482C30.0717 13.846 31.5553 15.3246 31.5553 17.4858C31.5553 19.6469 30.0435 21.1398 27.892 21.1398H25.5365V24.9289H23.8349ZM25.5365 15.2962H27.4982C28.9748 15.2962 29.8185 16.0924 29.8185 17.4929C29.8185 18.8934 28.9748 19.6967 27.4912 19.6967H25.5365V15.2962ZM37.1732 23.5995C36.7232 24.4668 35.7318 25.0142 34.6631 25.0142C33.081 25.0142 31.9771 24.0616 31.9771 22.6256C31.9771 21.2038 33.0459 20.3863 35.0217 20.2654L37.1451 20.1374V19.5261C37.1451 18.6232 36.5615 18.1327 35.5209 18.1327C34.6631 18.1327 34.0373 18.5806 33.9107 19.263H32.3779C32.4271 17.827 33.7631 16.782 35.5701 16.782C37.5177 16.782 38.7834 17.8128 38.7834 19.4123V24.9289H37.2084V23.5995H37.1732ZM35.1201 23.6991C34.2131 23.6991 33.6365 23.2583 33.6365 22.5829C33.6365 21.8863 34.192 21.481 35.2537 21.4171L37.1451 21.2962V21.9218C37.1451 22.9597 36.2732 23.6991 35.1201 23.6991ZM44.0076 25.3626C43.3256 27.3033 42.5451 27.9431 40.8857 27.9431C40.7592 27.9431 40.3373 27.9289 40.2388 27.9005V26.5711C40.3443 26.5853 40.6045 26.5995 40.7381 26.5995C41.4904 26.5995 41.9123 26.2796 42.1724 25.4479L42.3271 24.9573L39.4443 16.8886H41.2232L43.2271 23.436H43.2623L45.2662 16.8886H46.9959L44.0076 25.3626Z",
1746
+ fill: "#000000"
1747
+ }));
1748
+ });
1749
+
1750
+ var GooglePay = (function (_ref) {
1751
+ var ariaLabel = _ref.ariaLabel;
1752
+ return /*#__PURE__*/React.createElement("svg", {
1753
+ width: "100%",
1754
+ height: "100%",
1755
+ viewBox: "0 0 58 40",
1756
+ fill: "none",
1757
+ xmlns: "http://www.w3.org/2000/svg",
1758
+ "aria-label": ariaLabel,
1759
+ role: "img"
1760
+ }, /*#__PURE__*/React.createElement("rect", {
1761
+ x: "0.5",
1762
+ y: "0.5",
1763
+ width: "57",
1764
+ height: "39",
1765
+ rx: "3.5",
1766
+ fill: "white",
1767
+ stroke: "#F3F3F3"
1768
+ }), /*#__PURE__*/React.createElement("path", {
1769
+ fillRule: "evenodd",
1770
+ clipRule: "evenodd",
1771
+ d: "M27.9174 24.1182V19.6071V19.6062H30.3578C31.3639 19.6068 32.2095 19.2907 32.8945 18.6578C33.5868 18.0571 33.9738 17.1935 33.9541 16.2934C33.9678 15.3982 33.5815 14.541 32.8945 13.9422C32.2155 13.3059 31.3023 12.9587 30.3578 12.9778H26.4404V24.1182H27.9174ZM27.9174 18.2382V14.3494V14.3485H30.3945C30.9466 14.3334 31.4788 14.5487 31.856 14.9396C32.2355 15.2971 32.4496 15.7881 32.4496 16.3009C32.4496 16.8137 32.2355 17.3048 31.856 17.6622C31.4741 18.0449 30.9436 18.254 30.3945 18.2382H27.9174Z",
1772
+ fill: "#5F6368"
1773
+ }), /*#__PURE__*/React.createElement("path", {
1774
+ fillRule: "evenodd",
1775
+ clipRule: "evenodd",
1776
+ d: "M39.9431 17.0951C39.3113 16.5297 38.4496 16.2471 37.3578 16.2471C35.9554 16.2471 34.8963 16.7448 34.1807 17.7404L35.4817 18.5342C35.9624 17.8598 36.6153 17.5226 37.4404 17.5226C37.9664 17.5167 38.4755 17.703 38.8661 18.0444C39.2555 18.3564 39.4795 18.8215 39.4762 19.3111V19.6382C38.9086 19.3271 38.1863 19.1715 37.3092 19.1715C36.2817 19.1727 35.4603 19.4062 34.845 19.872C34.2297 20.3377 33.922 20.965 33.922 21.7537C33.9086 22.4719 34.2302 23.1577 34.7973 23.6204C35.3807 24.1182 36.1058 24.3671 36.9725 24.3671C37.9878 24.3671 38.8012 23.9315 39.4129 23.0604H39.4771V24.1182H40.8899V19.4204C40.8905 18.4355 40.5749 17.6604 39.9431 17.0951ZM35.9367 22.7182C35.6273 22.5021 35.4448 22.1544 35.4468 21.7848C35.4468 21.3697 35.6477 21.024 36.0523 20.7395C36.4529 20.4592 36.9532 20.3191 37.5532 20.3191C38.3771 20.3191 39.0193 20.4968 39.4798 20.8524C39.4798 21.4533 39.2352 21.9768 38.7459 22.4231C38.3052 22.8501 37.7077 23.0905 37.0844 23.0915C36.6689 23.099 36.2634 22.9672 35.9367 22.7182Z",
1777
+ fill: "#5F6368"
1778
+ }), /*#__PURE__*/React.createElement("path", {
1779
+ fillRule: "evenodd",
1780
+ clipRule: "evenodd",
1781
+ d: "M49 16.496L44.0679 27.4782H42.5431L44.3734 23.6355L41.1303 16.496H42.7358L45.0798 21.9715H45.1119L47.3917 16.496H49Z",
1782
+ fill: "#5F6368"
1783
+ }), /*#__PURE__*/React.createElement("path", {
1784
+ fillRule: "evenodd",
1785
+ clipRule: "evenodd",
1786
+ d: "M21.9486 18.6347C21.9492 18.1986 21.9111 17.7632 21.8349 17.3334H15.6055V19.7983H19.1734C19.0259 20.5938 18.5493 21.2964 17.8541 21.7432V23.3432H19.9835C21.2303 22.2294 21.9486 20.5823 21.9486 18.6347Z",
1787
+ fill: "#4285F4"
1788
+ }), /*#__PURE__*/React.createElement("path", {
1789
+ fillRule: "evenodd",
1790
+ clipRule: "evenodd",
1791
+ d: "M15.6055 24.8889C17.3881 24.8889 18.889 24.3217 19.9835 23.344L17.8541 21.744C17.2615 22.1333 16.4982 22.3555 15.6055 22.3555C13.8826 22.3555 12.4202 21.2302 11.8973 19.7137H9.70367V21.3626C10.8249 23.5244 13.1085 24.8887 15.6055 24.8889Z",
1792
+ fill: "#34A853"
1793
+ }), /*#__PURE__*/React.createElement("path", {
1794
+ fillRule: "evenodd",
1795
+ clipRule: "evenodd",
1796
+ d: "M11.8973 19.7138C11.6208 18.9192 11.6208 18.0586 11.8973 17.264V15.6151H9.70367C8.76585 17.4232 8.76585 19.5546 9.70367 21.3627L11.8973 19.7138Z",
1797
+ fill: "#FBBC04"
1798
+ }), /*#__PURE__*/React.createElement("path", {
1799
+ fillRule: "evenodd",
1800
+ clipRule: "evenodd",
1801
+ d: "M15.6055 14.6223C16.5475 14.6073 17.4577 14.9522 18.1395 15.5823V15.5823L20.0248 13.7556C18.8293 12.6677 17.2455 12.0704 15.6055 12.0889C13.1085 12.089 10.8249 13.4534 9.70367 15.6151L11.8973 17.264C12.4202 15.7476 13.8826 14.6223 15.6055 14.6223Z",
1802
+ fill: "#EA4335"
1803
+ }));
1804
+ });
1805
+
1806
+ var PayPal = (function (_ref) {
1807
+ var ariaLabel = _ref.ariaLabel;
1808
+ return /*#__PURE__*/React.createElement("svg", {
1809
+ width: "100%",
1810
+ height: "100%",
1811
+ viewBox: "0 0 58 40",
1812
+ fill: "none",
1813
+ xmlns: "http://www.w3.org/2000/svg",
1814
+ "aria-label": ariaLabel,
1815
+ role: "img"
1816
+ }, /*#__PURE__*/React.createElement("rect", {
1817
+ x: "0.5",
1818
+ y: "0.5",
1819
+ width: "57",
1820
+ height: "39",
1821
+ rx: "3.5",
1822
+ fill: "white",
1823
+ stroke: "#F3F3F3"
1824
+ }), /*#__PURE__*/React.createElement("path", {
1825
+ fillRule: "evenodd",
1826
+ clipRule: "evenodd",
1827
+ d: "M26.4388 20.2562L26.6913 18.6477L26.1288 18.6346H23.4429L25.3095 6.76505C25.3153 6.72911 25.3341 6.69575 25.3616 6.67201C25.3892 6.64827 25.4243 6.63525 25.4611 6.63525H29.9901C31.4937 6.63525 32.5313 6.94897 33.073 7.56826C33.327 7.85879 33.4887 8.16246 33.567 8.49653C33.6491 8.84713 33.6505 9.26596 33.5704 9.77689L33.5646 9.81405V10.1415L33.8186 10.2858C34.0324 10.3996 34.2024 10.5298 34.3328 10.6788C34.55 10.9273 34.6905 11.2431 34.7499 11.6173C34.8113 12.0022 34.791 12.4604 34.6905 12.979C34.5746 13.5755 34.3873 14.0951 34.1343 14.5202C33.9016 14.9119 33.6052 15.2369 33.2531 15.4886C32.9171 15.7279 32.5178 15.9095 32.0664 16.0257C31.6288 16.1399 31.1301 16.1975 30.583 16.1975H30.2305C29.9786 16.1975 29.7338 16.2886 29.5416 16.4517C29.3489 16.6183 29.2215 16.8459 29.1824 17.0947L29.1558 17.2396L28.7096 20.0747L28.6894 20.1787C28.684 20.2117 28.6748 20.2281 28.6613 20.2392C28.6493 20.2494 28.632 20.2562 28.615 20.2562H26.4388",
1828
+ fill: "#28356A"
1829
+ }), /*#__PURE__*/React.createElement("path", {
1830
+ fillRule: "evenodd",
1831
+ clipRule: "evenodd",
1832
+ d: "M34.0589 9.85181C34.0455 9.93848 34.03 10.027 34.0126 10.1181C33.4154 13.1934 31.372 14.2558 28.7623 14.2558H27.4335C27.1143 14.2558 26.8453 14.4881 26.7957 14.8038L25.9227 20.3573C25.8904 20.5647 26.0497 20.7514 26.2582 20.7514H28.615C28.894 20.7514 29.1311 20.5481 29.1751 20.2721L29.1982 20.1521L29.6419 17.3281L29.6705 17.1732C29.7139 16.8962 29.9515 16.6928 30.2305 16.6928H30.583C32.8663 16.6928 34.6538 15.7632 35.1763 13.0728C35.3944 11.9489 35.2815 11.0105 34.704 10.3505C34.5293 10.1516 34.3125 9.98635 34.0589 9.85181",
1833
+ fill: "#298FC2"
1834
+ }), /*#__PURE__*/React.createElement("path", {
1835
+ fillRule: "evenodd",
1836
+ clipRule: "evenodd",
1837
+ d: "M33.4342 9.60206C33.3429 9.57534 33.2488 9.5512 33.1522 9.52936C33.0551 9.50807 32.9557 9.48922 32.8533 9.47267C32.4951 9.41462 32.1025 9.38708 31.682 9.38708H28.1322C28.0447 9.38708 27.9617 9.40689 27.8874 9.44269C27.7236 9.52163 27.602 9.67707 27.5726 9.86736L26.8174 14.6641L26.7957 14.8039C26.8454 14.4882 27.1144 14.2558 27.4335 14.2558H28.7623C31.372 14.2558 33.4154 13.1929 34.0127 10.1181C34.0305 10.0271 34.0455 9.93856 34.0589 9.85189C33.9078 9.77146 33.7442 9.7027 33.568 9.64411C33.5244 9.62959 33.4795 9.61562 33.4342 9.60206",
1838
+ fill: "#22284F"
1839
+ }), /*#__PURE__*/React.createElement("path", {
1840
+ fillRule: "evenodd",
1841
+ clipRule: "evenodd",
1842
+ d: "M27.5726 9.86737C27.6021 9.67708 27.7236 9.52165 27.8874 9.44325C27.9622 9.40731 28.0447 9.38751 28.1322 9.38751H31.682C32.1025 9.38751 32.4951 9.41518 32.8534 9.47323C32.9557 9.48964 33.0551 9.50863 33.1522 9.52992C33.2488 9.55162 33.3429 9.5759 33.4342 9.60248C33.4795 9.61605 33.5244 9.63015 33.5684 9.64412C33.7446 9.70272 33.9084 9.77202 34.0595 9.85191C34.2372 8.71545 34.058 7.94168 33.4453 7.241C32.7698 6.46953 31.5507 6.1394 29.9906 6.1394H25.4615C25.1429 6.1394 24.8711 6.37174 24.8218 6.68803L22.9354 18.6796C22.8982 18.9168 23.0807 19.1309 23.3193 19.1309H26.1153L27.5726 9.86737",
1843
+ fill: "#28356A"
1844
+ }), /*#__PURE__*/React.createElement("path", {
1845
+ fillRule: "evenodd",
1846
+ clipRule: "evenodd",
1847
+ d: "M13.0946 23.5209H9.79248C9.56648 23.5209 9.3743 23.6855 9.339 23.9093L8.00345 32.4009C7.97695 32.5686 8.10638 32.7195 8.27584 32.7195H9.85225C10.0782 32.7195 10.2704 32.555 10.3057 32.3308L10.6659 30.0404C10.7006 29.8162 10.8932 29.6516 11.1188 29.6516H12.1641C14.3393 29.6516 15.5946 28.5959 15.9226 26.5042C16.0703 25.589 15.9288 24.87 15.5014 24.3664C15.0321 23.8134 14.1997 23.5209 13.0946 23.5209ZM13.4755 26.6224C13.2949 27.8106 12.3896 27.8106 11.5143 27.8106H11.0159L11.3655 25.5914C11.3863 25.4573 11.5021 25.3585 11.6374 25.3585H11.8658C12.4621 25.3585 13.0246 25.3585 13.3152 25.6994C13.4886 25.9027 13.5416 26.2049 13.4755 26.6224Z",
1848
+ fill: "#28356A"
1849
+ }), /*#__PURE__*/React.createElement("path", {
1850
+ fillRule: "evenodd",
1851
+ clipRule: "evenodd",
1852
+ d: "M23.0496 26.5199H21.4683C21.3336 26.5199 21.2171 26.6187 21.1964 26.7528L21.1264 27.1963L21.0159 27.0356C20.6736 26.5373 19.9101 26.3707 19.1483 26.3707C17.4008 26.3707 15.9084 27.698 15.6177 29.5598C15.4666 30.4885 15.6814 31.3766 16.2068 31.9959C16.6887 32.5653 17.3782 32.8026 18.1985 32.8026C19.6065 32.8026 20.3871 31.8947 20.3871 31.8947L20.3167 32.3354C20.2902 32.5038 20.4196 32.6549 20.5881 32.6549H22.0124C22.2389 32.6549 22.4301 32.4903 22.4659 32.2661L23.3205 26.8385C23.3475 26.6714 23.2185 26.5199 23.0496 26.5199ZM20.8453 29.6064C20.6928 30.5122 19.9759 31.1204 19.0613 31.1204C18.6022 31.1204 18.2353 30.9727 17.9995 30.6929C17.7658 30.415 17.6771 30.0194 17.7513 29.5787C17.8939 28.6805 18.6229 28.0524 19.5235 28.0524C19.9725 28.0524 20.3375 28.2022 20.578 28.4843C20.8188 28.7695 20.9145 29.1676 20.8453 29.6064Z",
1853
+ fill: "#28356A"
1854
+ }), /*#__PURE__*/React.createElement("path", {
1855
+ fillRule: "evenodd",
1856
+ clipRule: "evenodd",
1857
+ d: "M31.3495 26.6556H29.7604C29.6088 26.6556 29.4664 26.7312 29.3805 26.8576L27.1888 30.095L26.2598 26.9839C26.2014 26.7892 26.0223 26.6556 25.8195 26.6556H24.2581C24.0682 26.6556 23.9365 26.8416 23.9968 27.0208L25.7471 32.1718L24.1016 34.5014C23.9722 34.6849 24.1025 34.9372 24.3261 34.9372H25.9132C26.0639 34.9372 26.2048 34.8635 26.2903 34.7397L31.5754 27.089C31.702 26.906 31.572 26.6556 31.3495 26.6556",
1858
+ fill: "#28356A"
1859
+ }), /*#__PURE__*/React.createElement("path", {
1860
+ fillRule: "evenodd",
1861
+ clipRule: "evenodd",
1862
+ d: "M36.6469 23.5209H33.3444C33.1189 23.5209 32.9267 23.6855 32.8914 23.9093L31.5559 32.4009C31.5294 32.5686 31.6588 32.7195 31.8273 32.7195H33.5221C33.6794 32.7195 33.8141 32.6044 33.8387 32.4475L34.2178 30.0404C34.2525 29.8162 34.4453 29.6516 34.6707 29.6516H35.7156C37.8912 29.6516 39.1461 28.5959 39.4745 26.5042C39.6227 25.589 39.4803 24.87 39.0529 24.3664C38.584 23.8134 37.7521 23.5209 36.6469 23.5209ZM37.0279 26.6224C36.8478 27.8106 35.9424 27.8106 35.0666 27.8106H34.5689L34.9189 25.5914C34.9396 25.4573 35.0545 25.3585 35.1902 25.3585H35.4186C36.0144 25.3585 36.5774 25.3585 36.868 25.6994C37.0414 25.9027 37.094 26.2049 37.0279 26.6224Z",
1863
+ fill: "#298FC2"
1864
+ }), /*#__PURE__*/React.createElement("path", {
1865
+ fillRule: "evenodd",
1866
+ clipRule: "evenodd",
1867
+ d: "M46.5999 26.5199H45.0195C44.8839 26.5199 44.7685 26.6187 44.7482 26.7528L44.6782 27.1963L44.5671 27.0356C44.2248 26.5373 43.4619 26.3707 42.6999 26.3707C40.9526 26.3707 39.4607 27.698 39.1701 29.5598C39.0194 30.4885 39.2332 31.3766 39.7585 31.9959C40.2415 32.5653 40.9299 32.8026 41.7503 32.8026C43.1582 32.8026 43.9389 31.8947 43.9389 31.8947L43.8685 32.3354C43.842 32.5038 43.9713 32.6549 44.1408 32.6549H45.5647C45.7902 32.6549 45.9823 32.4903 46.0176 32.2661L46.8727 26.8385C46.8988 26.6714 46.7693 26.5199 46.5999 26.5199ZM44.3958 29.6064C44.2442 30.5122 43.5262 31.1204 42.6116 31.1204C42.1534 31.1204 41.7856 30.9727 41.5498 30.6929C41.3163 30.415 41.2283 30.0194 41.3016 29.5787C41.4451 28.6805 42.1732 28.0524 43.0738 28.0524C43.5228 28.0524 43.8878 28.2022 44.1283 28.4843C44.3701 28.7695 44.4657 29.1676 44.3958 29.6064Z",
1868
+ fill: "#298FC2"
1869
+ }), /*#__PURE__*/React.createElement("path", {
1870
+ fillRule: "evenodd",
1871
+ clipRule: "evenodd",
1872
+ d: "M48.3324 23.7543L46.9771 32.4013C46.9506 32.569 47.0799 32.7199 47.2484 32.7199H48.611C48.8375 32.7199 49.0296 32.5554 49.0643 32.3312L50.4008 23.84C50.4275 23.6724 50.298 23.5209 50.1295 23.5209H48.6038C48.4691 23.5213 48.3532 23.6202 48.3324 23.7543",
1873
+ fill: "#298FC2"
1874
+ }));
1875
+ });
1876
+
1689
1877
  var BalletAndDance = (function (_ref) {
1690
1878
  var _ref$color = _ref.color,
1691
1879
  color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
@@ -1696,6 +1884,7 @@ var BalletAndDance = (function (_ref) {
1696
1884
  viewBox: "0 0 24 24",
1697
1885
  fill: "none",
1698
1886
  xmlns: "http://www.w3.org/2000/svg",
1887
+ role: "img",
1699
1888
  "aria-label": ariaLabel
1700
1889
  }, /*#__PURE__*/React.createElement("path", {
1701
1890
  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",
@@ -1713,6 +1902,7 @@ var Basket = (function (_ref) {
1713
1902
  viewBox: "0 0 24 24",
1714
1903
  fill: "none",
1715
1904
  xmlns: "http://www.w3.org/2000/svg",
1905
+ role: "img",
1716
1906
  "aria-label": ariaLabel
1717
1907
  }, /*#__PURE__*/React.createElement("path", {
1718
1908
  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",
@@ -1730,6 +1920,7 @@ var BasketFull = (function (_ref) {
1730
1920
  viewBox: "0 0 24 24",
1731
1921
  fill: "none",
1732
1922
  xmlns: "http://www.w3.org/2000/svg",
1923
+ role: "img",
1733
1924
  "aria-label": ariaLabel
1734
1925
  }, /*#__PURE__*/React.createElement("path", {
1735
1926
  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",
@@ -1747,6 +1938,7 @@ var Home = (function (_ref) {
1747
1938
  viewBox: "0 0 24 24",
1748
1939
  fill: "none",
1749
1940
  xmlns: "http://www.w3.org/2000/svg",
1941
+ role: "img",
1750
1942
  "aria-label": ariaLabel
1751
1943
  }, /*#__PURE__*/React.createElement("path", {
1752
1944
  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",
@@ -1764,6 +1956,7 @@ var LiveStream = (function (_ref) {
1764
1956
  viewBox: "0 0 24 24",
1765
1957
  fill: "none",
1766
1958
  xmlns: "http://www.w3.org/2000/svg",
1959
+ role: "img",
1767
1960
  "aria-label": ariaLabel
1768
1961
  }, /*#__PURE__*/React.createElement("path", {
1769
1962
  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",
@@ -1793,6 +1986,7 @@ var Menu = (function (_ref) {
1793
1986
  viewBox: "0 0 24 24",
1794
1987
  fill: "none",
1795
1988
  xmlns: "http://www.w3.org/2000/svg",
1989
+ role: "img",
1796
1990
  "aria-label": ariaLabel
1797
1991
  }, /*#__PURE__*/React.createElement("path", {
1798
1992
  d: "M22 5H2V6H22V5Z",
@@ -1816,6 +2010,7 @@ var OperaAndMusic = (function (_ref) {
1816
2010
  viewBox: "0 0 24 24",
1817
2011
  fill: "none",
1818
2012
  xmlns: "http://www.w3.org/2000/svg",
2013
+ role: "img",
1819
2014
  "aria-label": ariaLabel
1820
2015
  }, /*#__PURE__*/React.createElement("path", {
1821
2016
  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",
@@ -1851,6 +2046,7 @@ var Search = (function (_ref) {
1851
2046
  viewBox: "0 0 24 24",
1852
2047
  fill: "none",
1853
2048
  xmlns: "http://www.w3.org/2000/svg",
2049
+ role: "img",
1854
2050
  "aria-label": ariaLabel
1855
2051
  }, /*#__PURE__*/React.createElement("path", {
1856
2052
  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",
@@ -1868,6 +2064,7 @@ var Settings = (function (_ref) {
1868
2064
  viewBox: "0 0 24 24",
1869
2065
  fill: "none",
1870
2066
  xmlns: "http://www.w3.org/2000/svg",
2067
+ role: "img",
1871
2068
  "aria-label": ariaLabel
1872
2069
  }, /*#__PURE__*/React.createElement("path", {
1873
2070
  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",
@@ -1888,6 +2085,7 @@ var User = (function (_ref) {
1888
2085
  viewBox: "0 0 24 24",
1889
2086
  fill: "none",
1890
2087
  xmlns: "http://www.w3.org/2000/svg",
2088
+ role: "img",
1891
2089
  "aria-label": ariaLabel
1892
2090
  }, /*#__PURE__*/React.createElement("path", {
1893
2091
  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",
@@ -1908,6 +2106,7 @@ var UserSignedIn = (function (_ref) {
1908
2106
  viewBox: "0 0 24 24",
1909
2107
  fill: "none",
1910
2108
  xmlns: "http://www.w3.org/2000/svg",
2109
+ role: "img",
1911
2110
  "aria-label": ariaLabel
1912
2111
  }, /*#__PURE__*/React.createElement("path", {
1913
2112
  d: "M22 21H2C2.4 17.7 2 11 12 11C22 11 21.6 17.7 22 21Z",
@@ -2042,6 +2241,7 @@ var Delete = (function (_ref) {
2042
2241
  viewBox: "0 0 24 24",
2043
2242
  fill: "none",
2044
2243
  xmlns: "http://www.w3.org/2000/svg",
2244
+ role: "img",
2045
2245
  "aria-label": ariaLabel
2046
2246
  }, /*#__PURE__*/React.createElement("path", {
2047
2247
  d: "M11 4L2 12L11 20H22V4H11ZM21 19H11.4L3.5 12L11.4 5H21V19Z",
@@ -2079,6 +2279,7 @@ var Space = (function (_ref) {
2079
2279
  viewBox: "0 0 24 24",
2080
2280
  fill: "none",
2081
2281
  xmlns: "http://www.w3.org/2000/svg",
2282
+ role: "img",
2082
2283
  "aria-label": ariaLabel
2083
2284
  }, /*#__PURE__*/React.createElement("path", {
2084
2285
  d: "M21 16V19H3V16H2V19V20H3H21H22V19V16H21Z",
@@ -2096,6 +2297,7 @@ var Close = (function (_ref) {
2096
2297
  viewBox: "0 0 24 24",
2097
2298
  fill: "none",
2098
2299
  xmlns: "http://www.w3.org/2000/svg",
2300
+ role: "img",
2099
2301
  "aria-label": ariaLabel
2100
2302
  }, /*#__PURE__*/React.createElement("path", {
2101
2303
  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",
@@ -2113,6 +2315,7 @@ var Confirm = (function (_ref) {
2113
2315
  viewBox: "0 0 24 24",
2114
2316
  fill: "none",
2115
2317
  xmlns: "http://www.w3.org/2000/svg",
2318
+ role: "img",
2116
2319
  "aria-label": ariaLabel
2117
2320
  }, /*#__PURE__*/React.createElement("path", {
2118
2321
  d: "M9.09961 21L3 12.5L3.8 11.9L9.09961 19.3L21.1996 3L21.9996 3.6L9.09961 21Z",
@@ -2130,6 +2333,7 @@ var Detract = (function (_ref) {
2130
2333
  viewBox: "0 0 24 24",
2131
2334
  fill: "none",
2132
2335
  xmlns: "http://www.w3.org/2000/svg",
2336
+ role: "img",
2133
2337
  "aria-label": ariaLabel
2134
2338
  }, /*#__PURE__*/React.createElement("path", {
2135
2339
  d: "M21 11.5H3V12.5H21V11.5Z",
@@ -2147,6 +2351,7 @@ var Expand = (function (_ref) {
2147
2351
  viewBox: "0 0 24 24",
2148
2352
  fill: "none",
2149
2353
  xmlns: "http://www.w3.org/2000/svg",
2354
+ role: "img",
2150
2355
  "aria-label": ariaLabel
2151
2356
  }, /*#__PURE__*/React.createElement("path", {
2152
2357
  d: "M12.5 11.5V3H11.5V11.5H3V12.5H11.5V21H12.5V12.5H21V11.5H12.5Z",
@@ -2164,6 +2369,7 @@ var ExternalLink = (function (_ref) {
2164
2369
  viewBox: "0 0 24 24",
2165
2370
  fill: "none",
2166
2371
  xmlns: "http://www.w3.org/2000/svg",
2372
+ role: "img",
2167
2373
  "aria-label": ariaLabel
2168
2374
  }, /*#__PURE__*/React.createElement("path", {
2169
2375
  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",
@@ -2184,6 +2390,7 @@ var GridView = (function (_ref) {
2184
2390
  viewBox: "0 0 24 24",
2185
2391
  fill: "none",
2186
2392
  xmlns: "http://www.w3.org/2000/svg",
2393
+ role: "img",
2187
2394
  "aria-label": ariaLabel
2188
2395
  }, /*#__PURE__*/React.createElement("path", {
2189
2396
  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",
@@ -2201,6 +2408,7 @@ var ListView = (function (_ref) {
2201
2408
  viewBox: "0 0 24 24",
2202
2409
  fill: "none",
2203
2410
  xmlns: "http://www.w3.org/2000/svg",
2411
+ role: "img",
2204
2412
  "aria-label": ariaLabel
2205
2413
  }, /*#__PURE__*/React.createElement("path", {
2206
2414
  d: "M3 3V7H21V3H3ZM20 6H4V4H20V6Z",
@@ -2224,6 +2432,7 @@ var Refresh = (function (_ref) {
2224
2432
  viewBox: "0 0 24 24",
2225
2433
  fill: "none",
2226
2434
  xmlns: "http://www.w3.org/2000/svg",
2435
+ role: "img",
2227
2436
  "aria-label": ariaLabel
2228
2437
  }, /*#__PURE__*/React.createElement("path", {
2229
2438
  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",
@@ -2244,6 +2453,7 @@ var Remove = (function (_ref) {
2244
2453
  viewBox: "0 0 12 12",
2245
2454
  fill: "none",
2246
2455
  xmlns: "http://www.w3.org/2000/svg",
2456
+ role: "img",
2247
2457
  "aria-label": ariaLabel
2248
2458
  }, /*#__PURE__*/React.createElement("path", {
2249
2459
  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",
@@ -2261,6 +2471,7 @@ var Star = (function (_ref) {
2261
2471
  viewBox: "0 0 48 46",
2262
2472
  fill: "none",
2263
2473
  xmlns: "http://www.w3.org/2000/svg",
2474
+ role: "img",
2264
2475
  "aria-label": ariaLabel
2265
2476
  }, /*#__PURE__*/React.createElement("path", {
2266
2477
  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",
@@ -2278,6 +2489,7 @@ var AudioDescription = (function (_ref) {
2278
2489
  viewBox: "0 0 24 24",
2279
2490
  fill: "none",
2280
2491
  xmlns: "http://www.w3.org/2000/svg",
2492
+ role: "img",
2281
2493
  "aria-label": ariaLabel
2282
2494
  }, /*#__PURE__*/React.createElement("path", {
2283
2495
  d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
@@ -2301,6 +2513,7 @@ var Back10 = (function (_ref) {
2301
2513
  viewBox: "0 0 24 24",
2302
2514
  fill: "none",
2303
2515
  xmlns: "http://www.w3.org/2000/svg",
2516
+ role: "img",
2304
2517
  "aria-label": ariaLabel
2305
2518
  }, /*#__PURE__*/React.createElement("path", {
2306
2519
  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",
@@ -2324,6 +2537,7 @@ var Clips = (function (_ref) {
2324
2537
  viewBox: "0 0 24 24",
2325
2538
  fill: "none",
2326
2539
  xmlns: "http://www.w3.org/2000/svg",
2540
+ role: "img",
2327
2541
  "aria-label": ariaLabel
2328
2542
  }, /*#__PURE__*/React.createElement("path", {
2329
2543
  d: "M15 11V19H3V11H15ZM16 10H2V20H16V10Z",
@@ -2347,6 +2561,7 @@ var Forward10 = (function (_ref) {
2347
2561
  viewBox: "0 0 24 24",
2348
2562
  fill: "none",
2349
2563
  xmlns: "http://www.w3.org/2000/svg",
2564
+ role: "img",
2350
2565
  "aria-label": ariaLabel
2351
2566
  }, /*#__PURE__*/React.createElement("path", {
2352
2567
  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",
@@ -2370,6 +2585,7 @@ var FullScreen = (function (_ref) {
2370
2585
  viewBox: "0 0 24 24",
2371
2586
  fill: "none",
2372
2587
  xmlns: "http://www.w3.org/2000/svg",
2588
+ role: "img",
2373
2589
  "aria-label": ariaLabel
2374
2590
  }, /*#__PURE__*/React.createElement("path", {
2375
2591
  d: "M3 9H4V4H9V3H3V9Z",
@@ -2396,6 +2612,7 @@ var Minimise = (function (_ref) {
2396
2612
  viewBox: "0 0 24 24",
2397
2613
  fill: "none",
2398
2614
  xmlns: "http://www.w3.org/2000/svg",
2615
+ role: "img",
2399
2616
  "aria-label": ariaLabel
2400
2617
  }, /*#__PURE__*/React.createElement("path", {
2401
2618
  d: "M9 3H8V8H3V9H9V3Z",
@@ -2422,6 +2639,7 @@ var Muted = (function (_ref) {
2422
2639
  viewBox: "0 0 24 24",
2423
2640
  fill: "none",
2424
2641
  xmlns: "http://www.w3.org/2000/svg",
2642
+ role: "img",
2425
2643
  "aria-label": ariaLabel
2426
2644
  }, /*#__PURE__*/React.createElement("path", {
2427
2645
  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",
@@ -2442,6 +2660,7 @@ var Pause = (function (_ref) {
2442
2660
  viewBox: "0 0 24 24",
2443
2661
  fill: "none",
2444
2662
  xmlns: "http://www.w3.org/2000/svg",
2663
+ role: "img",
2445
2664
  "aria-label": ariaLabel
2446
2665
  }, /*#__PURE__*/React.createElement("path", {
2447
2666
  d: "M10 2H4V22H10V2Z",
@@ -2462,6 +2681,7 @@ var Play = (function (_ref) {
2462
2681
  viewBox: "0 0 24 24",
2463
2682
  fill: "none",
2464
2683
  xmlns: "http://www.w3.org/2000/svg",
2684
+ role: "img",
2465
2685
  "aria-label": ariaLabel
2466
2686
  }, /*#__PURE__*/React.createElement("path", {
2467
2687
  d: "M5.5 3.8999L20 11.9999L5.5 20.0999V3.8999Z",
@@ -2482,6 +2702,7 @@ var Restart = (function (_ref) {
2482
2702
  viewBox: "0 0 24 24",
2483
2703
  fill: "none",
2484
2704
  xmlns: "http://www.w3.org/2000/svg",
2705
+ role: "img",
2485
2706
  "aria-label": ariaLabel
2486
2707
  }, /*#__PURE__*/React.createElement("path", {
2487
2708
  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",
@@ -2499,6 +2720,7 @@ var Subtitles = (function (_ref) {
2499
2720
  viewBox: "0 0 24 24",
2500
2721
  fill: "none",
2501
2722
  xmlns: "http://www.w3.org/2000/svg",
2723
+ role: "img",
2502
2724
  "aria-label": ariaLabel
2503
2725
  }, /*#__PURE__*/React.createElement("path", {
2504
2726
  d: "M9 7H7V8H9V7Z",
@@ -2534,6 +2756,7 @@ var Trailer = (function (_ref) {
2534
2756
  viewBox: "0 0 24 24",
2535
2757
  fill: "none",
2536
2758
  xmlns: "http://www.w3.org/2000/svg",
2759
+ role: "img",
2537
2760
  "aria-label": ariaLabel
2538
2761
  }, /*#__PURE__*/React.createElement("path", {
2539
2762
  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",
@@ -2554,6 +2777,7 @@ var Volume = (function (_ref) {
2554
2777
  viewBox: "0 0 24 24",
2555
2778
  fill: "none",
2556
2779
  xmlns: "http://www.w3.org/2000/svg",
2780
+ role: "img",
2557
2781
  "aria-label": ariaLabel
2558
2782
  }, /*#__PURE__*/React.createElement("path", {
2559
2783
  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",
@@ -2570,6 +2794,7 @@ var Volume = (function (_ref) {
2570
2794
  /* 12px */
2571
2795
  var IconLibrary = {
2572
2796
  AddToMyList: AddToMyList,
2797
+ ApplePay: ApplePay,
2573
2798
  Arrow: Arrow,
2574
2799
  AudioDescription: AudioDescription,
2575
2800
  Back10: Back10,
@@ -2600,6 +2825,7 @@ var IconLibrary = {
2600
2825
  FindAScreening: FindAScreening,
2601
2826
  Forward10: Forward10,
2602
2827
  FullScreen: FullScreen,
2828
+ GooglePay: GooglePay,
2603
2829
  GridView: GridView,
2604
2830
  Home: Home,
2605
2831
  Info: Info,
@@ -2614,6 +2840,7 @@ var IconLibrary = {
2614
2840
  OnMyList: OnMyList,
2615
2841
  OperaAndMusic: OperaAndMusic,
2616
2842
  Pause: Pause,
2843
+ PayPal: PayPal,
2617
2844
  PDF: PDF,
2618
2845
  Phone: Phone,
2619
2846
  Play: Play,
@@ -2647,6 +2874,10 @@ var IconLibrary = {
2647
2874
  Youtube: Youtube
2648
2875
  };
2649
2876
 
2877
+ // Icons whose artwork carries its own brand colours (payment marks etc).
2878
+ // Everything else is a single-colour outline that takes its fill from `color`.
2879
+ var multicolorIcons = ['ApplePay', 'GooglePay', 'PayPal'];
2880
+
2650
2881
  var Icon = /*#__PURE__*/React.memo(function (_ref) {
2651
2882
  var className = _ref.className,
2652
2883
  color = _ref.color,
@@ -2655,11 +2886,13 @@ var Icon = /*#__PURE__*/React.memo(function (_ref) {
2655
2886
  direction = _ref.direction,
2656
2887
  ariaLabel = _ref.ariaLabel;
2657
2888
  var IconComponent = IconLibrary[iconName];
2889
+ var monochrome = !multicolorIcons.includes(iconName);
2658
2890
  return /*#__PURE__*/React.createElement(Wrapper, {
2659
2891
  className: className,
2660
2892
  color: color,
2661
2893
  title: title,
2662
- direction: direction
2894
+ direction: direction,
2895
+ monochrome: monochrome
2663
2896
  }, /*#__PURE__*/React.createElement(IconComponent, {
2664
2897
  color: color,
2665
2898
  ariaLabel: ariaLabel
@@ -7471,19 +7704,21 @@ var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$M || (_te
7471
7704
  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);
7472
7705
  var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
7473
7706
 
7474
- var _templateObject$N, _templateObject2$x, _templateObject3$q, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7707
+ var _templateObject$N, _templateObject2$x, _templateObject3$q, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$7, _templateObject8$6;
7475
7708
  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"])));
7476
7709
  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"])));
7477
7710
  var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
7478
7711
  var isVisible = _ref.isVisible;
7479
7712
  return isVisible ? 'visible' : 'hidden';
7480
7713
  }, devices.mobile);
7481
- var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
7482
- var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n max-height: ", ";\n\n @media print {\n max-height: max-content;\n }\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), function (_ref2) {
7714
+ var IconGroup = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n flex-shrink: 0;\n\n margin: 12px;\n"])));
7715
+ var DisplayIconWrapper = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-shrink: 0;\n width: 50px;\n height: 34px;\n\n margin: 0;\n"])));
7716
+ var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 12px;\n\n @media print {\n display: none;\n }\n"])));
7717
+ var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div:not(", "):not(", ") {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n && ", " svg {\n width: 100%;\n height: auto;\n margin-right: 0px;\n }\n\n :hover {\n cursor: pointer;\n }\n"])), PrintHideWrapper, DisplayIconWrapper, devices.mobile, devices.mobile, DisplayIconWrapper);
7718
+ var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n max-height: ", ";\n\n @media print {\n max-height: max-content;\n }\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), function (_ref2) {
7483
7719
  var textHeight = _ref2.textHeight;
7484
7720
  return textHeight;
7485
7721
  }, devices.mobile);
7486
- var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
7487
7722
 
7488
7723
  var Accordion = function Accordion(_ref) {
7489
7724
  var _ref$title = _ref.title,
@@ -7499,7 +7734,8 @@ var Accordion = function Accordion(_ref) {
7499
7734
  _ref$semanticLevel = _ref.semanticLevel,
7500
7735
  semanticLevel = _ref$semanticLevel === void 0 ? 4 : _ref$semanticLevel,
7501
7736
  _ref$displayLevel = _ref.displayLevel,
7502
- displayLevel = _ref$displayLevel === void 0 ? 1 : _ref$displayLevel;
7737
+ displayLevel = _ref$displayLevel === void 0 ? 1 : _ref$displayLevel,
7738
+ icon = _ref.icon;
7503
7739
 
7504
7740
  var _useState = React.useState(initOpen),
7505
7741
  openAccordion = _useState[0],
@@ -7574,6 +7810,14 @@ var Accordion = function Accordion(_ref) {
7574
7810
  return null;
7575
7811
  };
7576
7812
 
7813
+ var DisplayIcon = function DisplayIcon(_ref3) {
7814
+ var name = _ref3.iconName;
7815
+ var Svg = IconLibrary[name];
7816
+ return /*#__PURE__*/React__default.createElement(Svg, {
7817
+ ariaLabel: name
7818
+ });
7819
+ };
7820
+
7577
7821
  return /*#__PURE__*/React__default.createElement(AccordionContainer, {
7578
7822
  tabIndex: 0,
7579
7823
  onKeyDown: keyDown
@@ -7587,9 +7831,11 @@ var Accordion = function Accordion(_ref) {
7587
7831
  }, /*#__PURE__*/React__default.createElement(AccordionTitle, {
7588
7832
  level: displayLevel,
7589
7833
  semanticLevel: semanticLevel
7590
- }, title), children && /*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
7834
+ }, title), (icon || children) && /*#__PURE__*/React__default.createElement(IconGroup, null, icon && /*#__PURE__*/React__default.createElement(DisplayIconWrapper, null, /*#__PURE__*/React__default.createElement(DisplayIcon, {
7835
+ iconName: icon
7836
+ })), children && /*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
7591
7837
  iconName: iconName
7592
- }))), visibleStandfirst && /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
7838
+ })))), visibleStandfirst && /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
7593
7839
  "data-testid": "richcontainer",
7594
7840
  ref: content,
7595
7841
  textHeight: textHeight,
@@ -7619,7 +7865,8 @@ var Accordions = function Accordions(_ref) {
7619
7865
  visibleStandfirst: accordion.visibleStandfirst,
7620
7866
  contentType: accordion.contentType,
7621
7867
  displayLevel: accordion.displayLevel,
7622
- semanticLevel: accordion.semanticLevel
7868
+ semanticLevel: accordion.semanticLevel,
7869
+ initOpen: accordion.initOpen
7623
7870
  }, accordion.children);
7624
7871
  }));
7625
7872
  };
@@ -7700,7 +7947,7 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
7700
7947
  }), children);
7701
7948
  };
7702
7949
 
7703
- var _templateObject$R, _templateObject2$z, _templateObject3$s, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
7950
+ var _templateObject$R, _templateObject2$z, _templateObject3$s, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$8, _templateObject8$7, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
7704
7951
  var LENGTH_LARGE_TEXT = 28;
7705
7952
  var LENGTH_SMALL_TEXT$1 = 19;
7706
7953
  var LENGTH_TEXT_TABLET = 10;
@@ -7727,8 +7974,8 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k ||
7727
7974
  });
7728
7975
  var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
7729
7976
  var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobileAndTablet);
7730
- var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
7731
- var HighlightTextContainer = /*#__PURE__*/styled__default(TextContainer$1)(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-primary);\n margin-top: 4px;\n"])));
7977
+ var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
7978
+ var HighlightTextContainer = /*#__PURE__*/styled__default(TextContainer$1)(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-primary);\n margin-top: 4px;\n"])));
7732
7979
  var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n display: block;\n overflow-wrap: break-word;\n"])));
7733
7980
  var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 30px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (_ref6) {
7734
7981
  var isVisible = _ref6.isVisible;
@@ -7991,9 +8238,9 @@ var Card = function Card(_ref) {
7991
8238
  dangerouslySetInnerHTML: {
7992
8239
  __html: truncatedText
7993
8240
  }
7994
- }), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
8241
+ }))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
7995
8242
  level: 1
7996
- }, highlightText)))), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
8243
+ }, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7997
8244
  fullWidth: fullWidth
7998
8245
  }, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
7999
8246
  ref: node,
@@ -8123,7 +8370,7 @@ var ContactCard = function ContactCard(_ref) {
8123
8370
  }, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
8124
8371
  };
8125
8372
 
8126
- var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
8373
+ var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$9;
8127
8374
  var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
8128
8375
  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) {
8129
8376
  return props.clickable ? 'pointer' : 'default';
@@ -8134,7 +8381,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject
8134
8381
  }, devices.mobile);
8135
8382
  var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
8136
8383
  var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
8137
- var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
8384
+ var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
8138
8385
  return !!props.truncate && "\n overflow: hidden;\n position: relative;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n min-height: 1em;\n max-height: 3em;\n ";
8139
8386
  });
8140
8387
 
@@ -8389,7 +8636,7 @@ var Information = function Information(_ref) {
8389
8636
  }))));
8390
8637
  };
8391
8638
 
8392
- var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
8639
+ var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$a, _templateObject8$8;
8393
8640
  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) {
8394
8641
  var theme = _ref.theme;
8395
8642
  return theme.colors.primary;
@@ -8408,8 +8655,8 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_t
8408
8655
  }, devices.mobile);
8409
8656
  var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
8410
8657
  var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
8411
- var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
8412
- var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
8658
+ var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
8659
+ var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
8413
8660
 
8414
8661
  var _excluded$g = ["text"];
8415
8662
 
@@ -8496,15 +8743,15 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
8496
8743
  })));
8497
8744
  };
8498
8745
 
8499
- var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8746
+ var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$b, _templateObject8$9;
8500
8747
  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);
8501
8748
  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);
8502
8749
  var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
8503
8750
  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);
8504
8751
  var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
8505
8752
  var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
8506
- var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
8507
- var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
8753
+ var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
8754
+ var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
8508
8755
 
8509
8756
  var _excluded$j = ["text"];
8510
8757
 
@@ -8640,7 +8887,7 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
8640
8887
  }))));
8641
8888
  };
8642
8889
 
8643
- var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8890
+ var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject5$n, _templateObject6$h, _templateObject7$c, _templateObject8$a, _templateObject9$4, _templateObject10$4;
8644
8891
  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);
8645
8892
  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"])));
8646
8893
  var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
@@ -8661,8 +8908,8 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
8661
8908
  var theme = _ref4.theme;
8662
8909
  return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
8663
8910
  }, devices.tablet, devices.mobile);
8664
- var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: logo;\n padding-left: 50px;\n justify-content: left;\n align-items: center;\n width: 100%;\n @media ", " {\n padding-left: 0px;\n justify-content: center;\n }\n @media ", " {\n width: fit-content;\n }\n"])), devices.mobile, devices.tablet);
8665
- var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: title;\n align-items: center;\n justify-content: center;\n font-family: var(--font-family-header);\n text-transform: uppercase;\n text-align: center;\n padding: 0 2em;\n @media ", " {\n justify-content: center;\n }\n"])), devices.mobile);
8911
+ var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: logo;\n padding-left: 50px;\n justify-content: left;\n align-items: center;\n width: 100%;\n @media ", " {\n padding-left: 0px;\n justify-content: center;\n }\n @media ", " {\n width: fit-content;\n }\n"])), devices.mobile, devices.tablet);
8912
+ var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: title;\n align-items: center;\n justify-content: center;\n font-family: var(--font-family-header);\n text-transform: uppercase;\n text-align: center;\n padding: 0 2em;\n @media ", " {\n justify-content: center;\n }\n"])), devices.mobile);
8666
8913
  var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: cta;\n justify-content: right;\n align-items: center;\n padding-right: 50px;\n @media ", " {\n padding-right: 0px;\n justify-content: center;\n }\n"])), devices.mobile);
8667
8914
  var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (_ref5) {
8668
8915
  var invert = _ref5.invert,
@@ -8771,7 +9018,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
8771
9018
  var isIOS = function isIOS() {
8772
9019
  try {
8773
9020
  console.warn('Do not use this on server side rendering, it may throw an error.');
8774
- if (typeof navigator === undefined) return false;
9021
+ if (typeof navigator === 'undefined') return false;
8775
9022
  return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
8776
9023
  navigator.userAgent.includes('Mac') && 'ontouchend' in document;
8777
9024
  } catch (e) {
@@ -8787,7 +9034,7 @@ var useIOS = function useIOS() {
8787
9034
  setIOS = _useState[1];
8788
9035
 
8789
9036
  React.useEffect(function () {
8790
- if (typeof navigator === undefined) return;
9037
+ if (typeof navigator === 'undefined') return;
8791
9038
  setIOS(isIOS());
8792
9039
  }, []);
8793
9040
  return IOS;
@@ -8814,7 +9061,10 @@ var useMobile = function useMobile() {
8814
9061
  setMobile(isMobile());
8815
9062
  }, []);
8816
9063
  return mobile;
8817
- };
9064
+ }; // Detect mobile or tablet helper function:
9065
+ // export const isMobileOrTablet = () => {
9066
+ // return typeof window !== 'undefined' && window.matchMedia('(max-width: 1024px)').matches;
9067
+ // };
8818
9068
 
8819
9069
  var _excluded$l = ["text"];
8820
9070
 
@@ -9052,14 +9302,14 @@ var Pagination = function Pagination(_ref) {
9052
9302
  }))));
9053
9303
  };
9054
9304
 
9055
- var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
9305
+ var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$d;
9056
9306
  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);
9057
9307
  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"])));
9058
9308
  var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
9059
9309
  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"])));
9060
9310
  var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
9061
9311
  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"])));
9062
- var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
9312
+ var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
9063
9313
 
9064
9314
  var Person = function Person(_ref) {
9065
9315
  var person = _ref.person,
@@ -9120,8 +9370,8 @@ var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_temp
9120
9370
  var columnCount = _ref.columnCount;
9121
9371
  return "repeat(" + columnCount + ", 1fr)";
9122
9372
  }, devices.mobile, devices.tablet);
9123
- var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
9124
- 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"])));
9373
+ var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
9374
+ 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"])));
9125
9375
 
9126
9376
  var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
9127
9377
  return array.reduce(function (acc, item) {
@@ -9257,7 +9507,7 @@ var CreditListing = function CreditListing(_ref) {
9257
9507
  }, creditEntries);
9258
9508
  };
9259
9509
 
9260
- var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
9510
+ var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$e, _templateObject8$b, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
9261
9511
  var LENGTH_TEXT = 28;
9262
9512
  var LENGTH_TEXT_TABLET$1 = 12;
9263
9513
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
@@ -9318,8 +9568,8 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
9318
9568
  return marginBottom + "px";
9319
9569
  });
9320
9570
  var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
9321
- 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"])));
9322
- 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"])));
9571
+ var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
9572
+ var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
9323
9573
  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);
9324
9574
  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);
9325
9575
  var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
@@ -9539,7 +9789,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
9539
9789
  }))));
9540
9790
  };
9541
9791
 
9542
- var _templateObject$14, _templateObject2$N, _templateObject3$F, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
9792
+ var _templateObject$14, _templateObject2$N, _templateObject3$F, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$f;
9543
9793
  var LENGTH_TEXT$2 = 28;
9544
9794
  var LENGTH_TEXT_TABLET$2 = 10;
9545
9795
  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) {
@@ -9569,7 +9819,7 @@ var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$k ||
9569
9819
  var theme = _ref7.theme;
9570
9820
  return theme.colors.primary;
9571
9821
  });
9572
- 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) {
9822
+ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__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) {
9573
9823
  var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
9574
9824
  primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
9575
9825
  _ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
@@ -10045,7 +10295,7 @@ var SectionTitle = function SectionTitle(_ref) {
10045
10295
  }, description))));
10046
10296
  };
10047
10297
 
10048
- var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
10298
+ var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$g, _templateObject8$c, _templateObject9$6, _templateObject10$6, _templateObject11$3;
10049
10299
  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) {
10050
10300
  var theme = _ref.theme;
10051
10301
  return "3px solid " + theme.colors.lapisLazuli;
@@ -10071,8 +10321,8 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
10071
10321
  };
10072
10322
  })(_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"])));
10073
10323
  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);
10074
- var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
10075
- var Options = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
10324
+ var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
10325
+ var Options = /*#__PURE__*/styled__default.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
10076
10326
  var Option = /*#__PURE__*/styled__default.li(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
10077
10327
  var theme = _ref6.theme,
10078
10328
  hover = _ref6.hover;
@@ -10860,15 +11110,113 @@ var ReadMore = function ReadMore(_ref) {
10860
11110
  }, isFullTextOpen ? "" + hideText : "" + showMoreText)));
10861
11111
  };
10862
11112
 
10863
- var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$B, _templateObject5$u;
10864
- var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10865
- 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);
10866
- 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);
10867
- 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) {
11113
+ var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$B, _templateObject5$u, _templateObject6$n;
11114
+ var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
11115
+ var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
11116
+ var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
11117
+ var color = _ref.color;
11118
+ return "var(--base-color-" + color + ")";
11119
+ });
11120
+ 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"])));
11121
+ var Text = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
11122
+ var color = _ref2.color;
11123
+ return "var(--base-color-" + color + ")";
11124
+ });
11125
+ 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) {
11126
+ var color = _ref3.color;
11127
+ return "var(--base-color-" + color + ")";
11128
+ });
11129
+
11130
+ /**
11131
+ * Password strength indicator component.
11132
+ * This renders some number of lines (6 by default)
11133
+ * which should become active when the user improves
11134
+ * the strength of the entered password.
11135
+ *
11136
+ * ## Sections
11137
+ * To set number of sections it should be passed
11138
+ * as `sections` prop.
11139
+ *
11140
+ * ## Active section
11141
+ * To set number of active sections it should be passed
11142
+ * as `activeSections` prop.
11143
+ *
11144
+ * ## Colors
11145
+ * Color of every element can be controlled by properties:
11146
+ * `sectionsColor`, `activeSectionsColor`,
11147
+ * `textColor`, `strengthLabelColor`.
11148
+ *
11149
+ * ## Text
11150
+ * `text` prop is used to render some message.
11151
+ * For example error (together with proper red color)
11152
+ * or some password requirement. It can be empty.
11153
+ *
11154
+ * ## Strength label
11155
+ * `strengthLabel` prop is used to render strength characteristic
11156
+ * of entered password. For example: `weak`, `normal`, `strong`, etc.
11157
+ * It can be empty.
11158
+ */
11159
+
11160
+ var PasswordStrength = function PasswordStrength(_ref) {
11161
+ var _ref$sections = _ref.sections,
11162
+ sections = _ref$sections === void 0 ? 6 : _ref$sections,
11163
+ _ref$activeSections = _ref.activeSections,
11164
+ activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
11165
+ _ref$sectionsColor = _ref.sectionsColor,
11166
+ sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
11167
+ _ref$activeSectionsCo = _ref.activeSectionsColor,
11168
+ activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
11169
+ _ref$text = _ref.text,
11170
+ text = _ref$text === void 0 ? '' : _ref$text,
11171
+ _ref$textColor = _ref.textColor,
11172
+ textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
11173
+ _ref$strengthLabel = _ref.strengthLabel,
11174
+ strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
11175
+ _ref$strengthLabelCol = _ref.strengthLabelColor,
11176
+ strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
11177
+
11178
+ var setSectionColor = function setSectionColor(index) {
11179
+ return index < activeSections ? activeSectionsColor : sectionsColor;
11180
+ };
11181
+
11182
+ var setSectionDataTestId = function setSectionDataTestId(index) {
11183
+ return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
11184
+ };
11185
+
11186
+ return /*#__PURE__*/React__default.createElement(Container$5, {
11187
+ "data-testid": "password-strength-container"
11188
+ }, /*#__PURE__*/React__default.createElement(Sections, {
11189
+ "data-testid": "password-strength-sections"
11190
+ }, Array.from({
11191
+ length: sections
11192
+ }, function (_section, i) {
11193
+ return /*#__PURE__*/React__default.createElement(Section, {
11194
+ key: i,
11195
+ color: setSectionColor(i),
11196
+ "data-testid": setSectionDataTestId(i)
11197
+ });
11198
+ })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
11199
+ color: textColor,
11200
+ "data-testid": "password-strength-text"
11201
+ }, /*#__PURE__*/React__default.createElement(AltHeader, {
11202
+ level: 6
11203
+ }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
11204
+ color: strengthLabelColor,
11205
+ "data-testid": "password-strength-label"
11206
+ }, /*#__PURE__*/React__default.createElement(Overline, {
11207
+ level: 2
11208
+ }, strengthLabel))));
11209
+ };
11210
+
11211
+ var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$C, _templateObject5$v;
11212
+ var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
11213
+ 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);
11214
+ var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$O || (_templateObject3$O = /*#__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);
11215
+ 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) {
10868
11216
  var isActive = _ref.isActive;
10869
11217
  return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
10870
11218
  }, exports.Colors.MidGrey);
10871
- 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) {
11219
+ 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) {
10872
11220
  var isOpen = _ref2.isOpen;
10873
11221
  return isOpen ? 'block' : 'none';
10874
11222
  }, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
@@ -11038,105 +11386,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
11038
11386
  });
11039
11387
  };
11040
11388
 
11041
- var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$C, _templateObject5$v, _templateObject6$n;
11042
- var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
11043
- var Sections = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
11044
- var Section = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
11045
- var color = _ref.color;
11046
- return "var(--base-color-" + color + ")";
11047
- });
11048
- 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"])));
11049
- var Text = /*#__PURE__*/styled__default.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
11050
- var color = _ref2.color;
11051
- return "var(--base-color-" + color + ")";
11052
- });
11053
- 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) {
11054
- var color = _ref3.color;
11055
- return "var(--base-color-" + color + ")";
11056
- });
11057
-
11058
- /**
11059
- * Password strength indicator component.
11060
- * This renders some number of lines (6 by default)
11061
- * which should become active when the user improves
11062
- * the strength of the entered password.
11063
- *
11064
- * ## Sections
11065
- * To set number of sections it should be passed
11066
- * as `sections` prop.
11067
- *
11068
- * ## Active section
11069
- * To set number of active sections it should be passed
11070
- * as `activeSections` prop.
11071
- *
11072
- * ## Colors
11073
- * Color of every element can be controlled by properties:
11074
- * `sectionsColor`, `activeSectionsColor`,
11075
- * `textColor`, `strengthLabelColor`.
11076
- *
11077
- * ## Text
11078
- * `text` prop is used to render some message.
11079
- * For example error (together with proper red color)
11080
- * or some password requirement. It can be empty.
11081
- *
11082
- * ## Strength label
11083
- * `strengthLabel` prop is used to render strength characteristic
11084
- * of entered password. For example: `weak`, `normal`, `strong`, etc.
11085
- * It can be empty.
11086
- */
11087
-
11088
- var PasswordStrength = function PasswordStrength(_ref) {
11089
- var _ref$sections = _ref.sections,
11090
- sections = _ref$sections === void 0 ? 6 : _ref$sections,
11091
- _ref$activeSections = _ref.activeSections,
11092
- activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
11093
- _ref$sectionsColor = _ref.sectionsColor,
11094
- sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
11095
- _ref$activeSectionsCo = _ref.activeSectionsColor,
11096
- activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
11097
- _ref$text = _ref.text,
11098
- text = _ref$text === void 0 ? '' : _ref$text,
11099
- _ref$textColor = _ref.textColor,
11100
- textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
11101
- _ref$strengthLabel = _ref.strengthLabel,
11102
- strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
11103
- _ref$strengthLabelCol = _ref.strengthLabelColor,
11104
- strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
11105
-
11106
- var setSectionColor = function setSectionColor(index) {
11107
- return index < activeSections ? activeSectionsColor : sectionsColor;
11108
- };
11109
-
11110
- var setSectionDataTestId = function setSectionDataTestId(index) {
11111
- return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
11112
- };
11113
-
11114
- return /*#__PURE__*/React__default.createElement(Container$5, {
11115
- "data-testid": "password-strength-container"
11116
- }, /*#__PURE__*/React__default.createElement(Sections, {
11117
- "data-testid": "password-strength-sections"
11118
- }, Array.from({
11119
- length: sections
11120
- }, function (_section, i) {
11121
- return /*#__PURE__*/React__default.createElement(Section, {
11122
- key: i,
11123
- color: setSectionColor(i),
11124
- "data-testid": setSectionDataTestId(i)
11125
- });
11126
- })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
11127
- color: textColor,
11128
- "data-testid": "password-strength-text"
11129
- }, /*#__PURE__*/React__default.createElement(AltHeader, {
11130
- level: 6
11131
- }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
11132
- color: strengthLabelColor,
11133
- "data-testid": "password-strength-label"
11134
- }, /*#__PURE__*/React__default.createElement(Overline, {
11135
- level: 2
11136
- }, strengthLabel))));
11137
- };
11138
-
11139
- var _templateObject$1j, _templateObject2$Y, _templateObject3$P, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
11389
+ var _templateObject$1j, _templateObject2$Y, _templateObject3$P, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$h, _templateObject8$d, _templateObject9$7, _templateObject10$7;
11140
11390
  var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
11141
11391
  var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
11142
11392
  var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
@@ -11151,13 +11401,13 @@ var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$w || (_template
11151
11401
  return "calc(100% / " + (props.columns - 1) + ")";
11152
11402
  }, devices.mobile);
11153
11403
  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"])));
11154
- 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) {
11404
+ var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$h || (_templateObject7$h = /*#__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) {
11155
11405
  var active = _ref.active;
11156
11406
  return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
11157
11407
  });
11158
- 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"])));
11408
+ var Next = /*#__PURE__*/styled__default.span(_templateObject8$d || (_templateObject8$d = /*#__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"])));
11159
11409
  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"])));
11160
- 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"])));
11410
+ 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"])));
11161
11411
 
11162
11412
  var Content = function Content(_ref) {
11163
11413
  var content = _ref.content;
@@ -11243,7 +11493,7 @@ var Table = function Table(_ref) {
11243
11493
  return window.removeEventListener('resize', horizontalScroll);
11244
11494
  };
11245
11495
  }, []);
11246
- var totalRows = Array.isArray(children) ? children.length + 1 : 1;
11496
+ var totalRows = Array.isArray(children) ? children.length : 1;
11247
11497
  var totalPages = pagination ? Math.ceil(totalRows / rowsPerPage) : 1;
11248
11498
  var pageNumbers = Array.from({
11249
11499
  length: totalPages
@@ -11332,7 +11582,7 @@ var Table = function Table(_ref) {
11332
11582
  }))))))));
11333
11583
  };
11334
11584
 
11335
- var _templateObject$1k, _templateObject2$Z, _templateObject3$Q, _templateObject4$E, _templateObject5$x, _templateObject6$p, _templateObject7$h, _templateObject8$d, _templateObject9$8, _templateObject10$8, _templateObject11$4, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1;
11585
+ var _templateObject$1k, _templateObject2$Z, _templateObject3$Q, _templateObject4$E, _templateObject5$x, _templateObject6$p, _templateObject7$i, _templateObject8$e, _templateObject9$8, _templateObject10$8, _templateObject11$4, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1;
11336
11586
  var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
11337
11587
  var theme = _ref.theme;
11338
11588
  return "var(--base-color-" + theme + ")";
@@ -11345,8 +11595,8 @@ var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$Q
11345
11595
  var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--base-color-errorstate);\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
11346
11596
  var Form = /*#__PURE__*/styled__default.form(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error$1);
11347
11597
  var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
11348
- var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--base-color-errorstate);\n"])));
11349
- var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n div {\n text-decoration: underline;\n }\n"])));
11598
+ var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--base-color-errorstate);\n"])));
11599
+ var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n div {\n text-decoration: underline;\n }\n"])));
11350
11600
  var ButtonWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n color: var(--base-color-white);\n text-decoration: none;\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
11351
11601
  var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject10$8 || (_templateObject10$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 36px;\n\n @media ", " {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n"])), devices.mobile);
11352
11602
  var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div > p {\n margin: 0;\n }\n"])));