@royaloperahouse/chord 2.11.0 → 2.11.1-a-development

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/README.md +255 -40
  2. package/dist/chord.cjs.development.js +340 -253
  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 +340 -253
  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/Dropdown/Dropdown.d.ts +1 -1
  12. package/dist/components/atoms/Grid/GridItemLegacy.d.ts +8 -0
  13. package/dist/components/atoms/Grid/index.d.ts +2 -1
  14. package/dist/components/atoms/Tab/Tab.d.ts +1 -1
  15. package/dist/components/atoms/Tab/Tab.style.d.ts +1 -0
  16. package/dist/components/atoms/index.d.ts +2 -2
  17. package/dist/components/molecules/PageHeading/index.d.ts +1 -1
  18. package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
  19. package/dist/components/molecules/Table/Table.style.d.ts +1 -1
  20. package/dist/components/molecules/index.d.ts +1 -1
  21. package/dist/types/ariaAlternative.d.ts +34 -0
  22. package/dist/types/formTypes.d.ts +12 -9
  23. package/dist/types/types.d.ts +10 -0
  24. package/package.json +3 -3
  25. package/README.GIT +0 -278
package/dist/chord.esm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React__default, { createElement, memo, useRef, useCallback, useEffect, useState, forwardRef, useMemo, cloneElement, useLayoutEffect } from 'react';
2
2
  import styled, { css, ThemeProvider, createGlobalStyle } from 'styled-components';
3
- import moment from 'moment';
3
+ import { isPast, intervalToDuration, differenceInDays } from 'date-fns';
4
4
  import { renderToString } from 'react-dom/server';
5
5
  import Select$1, { components } from 'react-select';
6
6
  import Select$2 from 'react-select/async';
@@ -962,6 +962,7 @@ var Expand12px = (function (_ref) {
962
962
  height: "12",
963
963
  viewBox: "0 0 12 12",
964
964
  fill: "none",
965
+ role: "img",
965
966
  "aria-label": ariaLabel
966
967
  }, /*#__PURE__*/createElement("path", {
967
968
  d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
@@ -979,6 +980,7 @@ var Remove12px = (function (_ref) {
979
980
  height: "12",
980
981
  viewBox: "0 0 12 12",
981
982
  fill: "none",
983
+ role: "img",
982
984
  "aria-label": ariaLabel
983
985
  }, /*#__PURE__*/createElement("g", null, /*#__PURE__*/createElement("path", {
984
986
  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",
@@ -996,6 +998,7 @@ var Tick = (function (_ref) {
996
998
  viewBox: "0 0 12 12",
997
999
  fill: "none",
998
1000
  xmlns: "http://www.w3.org/2000/svg",
1001
+ role: "img",
999
1002
  "aria-label": ariaLabel
1000
1003
  }, /*#__PURE__*/createElement("path", {
1001
1004
  d: "M4.09961 11.1999L1.09961 7.2999L1.89961 6.6999L4.09961 9.4999L10.0996 1.3999L10.8996 1.9999L4.09961 11.1999Z",
@@ -1013,6 +1016,7 @@ var AddToMyList = (function (_ref) {
1013
1016
  viewBox: "0 0 24 24",
1014
1017
  fill: "none",
1015
1018
  xmlns: "http://www.w3.org/2000/svg",
1019
+ role: "img",
1016
1020
  "aria-label": ariaLabel
1017
1021
  }, /*#__PURE__*/createElement("path", {
1018
1022
  d: "M21 3H3V4H21V3Z",
@@ -1045,6 +1049,7 @@ var OnMyList = (function (_ref) {
1045
1049
  viewBox: "0 0 24 24",
1046
1050
  fill: "none",
1047
1051
  xmlns: "http://www.w3.org/2000/svg",
1052
+ role: "img",
1048
1053
  "aria-label": ariaLabel
1049
1054
  }, /*#__PURE__*/createElement("path", {
1050
1055
  d: "M15.4996 20.2002L13.3996 17.7002L12.5996 18.3002L15.5996 21.8002L20.8996 13.8002L20.0996 13.2002L15.4996 20.2002Z",
@@ -1077,6 +1082,7 @@ var BookTickets = (function (_ref) {
1077
1082
  viewBox: "0 0 24 24",
1078
1083
  fill: "none",
1079
1084
  xmlns: "http://www.w3.org/2000/svg",
1085
+ role: "img",
1080
1086
  "aria-label": ariaLabel
1081
1087
  }, /*#__PURE__*/createElement("path", {
1082
1088
  d: "M7 2H6V5H7V2Z",
@@ -1121,6 +1127,7 @@ var ChooseDates = (function (_ref) {
1121
1127
  viewBox: "0 0 24 24",
1122
1128
  fill: "none",
1123
1129
  xmlns: "http://www.w3.org/2000/svg",
1130
+ role: "img",
1124
1131
  "aria-label": ariaLabel
1125
1132
  }, /*#__PURE__*/createElement("path", {
1126
1133
  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",
@@ -1138,6 +1145,7 @@ var EditMyList = (function (_ref) {
1138
1145
  viewBox: "0 0 24 24",
1139
1146
  fill: "none",
1140
1147
  xmlns: "http://www.w3.org/2000/svg",
1148
+ role: "img",
1141
1149
  "aria-label": ariaLabel
1142
1150
  }, /*#__PURE__*/createElement("path", {
1143
1151
  d: "M21 3H3V4H21V3Z",
@@ -1170,6 +1178,7 @@ var Favourite = (function (_ref) {
1170
1178
  viewBox: "0 0 24 24",
1171
1179
  fill: "none",
1172
1180
  xmlns: "http://www.w3.org/2000/svg",
1181
+ role: "img",
1173
1182
  "aria-label": ariaLabel
1174
1183
  }, /*#__PURE__*/createElement("path", {
1175
1184
  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",
@@ -1187,6 +1196,7 @@ var FavouriteFull = (function (_ref) {
1187
1196
  viewBox: "0 0 24 24",
1188
1197
  fill: "none",
1189
1198
  xmlns: "http://www.w3.org/2000/svg",
1199
+ role: "img",
1190
1200
  "aria-label": ariaLabel
1191
1201
  }, /*#__PURE__*/createElement("path", {
1192
1202
  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",
@@ -1204,6 +1214,7 @@ var Filter = (function (_ref) {
1204
1214
  viewBox: "0 0 24 24",
1205
1215
  fill: "none",
1206
1216
  xmlns: "http://www.w3.org/2000/svg",
1217
+ role: "img",
1207
1218
  "aria-label": ariaLabel
1208
1219
  }, /*#__PURE__*/createElement("path", {
1209
1220
  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",
@@ -1227,6 +1238,7 @@ var FindAScreening = (function (_ref) {
1227
1238
  viewBox: "0 0 24 24",
1228
1239
  fill: "none",
1229
1240
  xmlns: "http://www.w3.org/2000/svg",
1241
+ role: "img",
1230
1242
  "aria-label": ariaLabel
1231
1243
  }, /*#__PURE__*/createElement("path", {
1232
1244
  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",
@@ -1259,6 +1271,7 @@ var Reminder = (function (_ref) {
1259
1271
  viewBox: "0 0 24 24",
1260
1272
  fill: "none",
1261
1273
  xmlns: "http://www.w3.org/2000/svg",
1274
+ role: "img",
1262
1275
  "aria-label": ariaLabel
1263
1276
  }, /*#__PURE__*/createElement("path", {
1264
1277
  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",
@@ -1276,6 +1289,7 @@ var Subscribe = (function (_ref) {
1276
1289
  viewBox: "0 0 24 24",
1277
1290
  fill: "none",
1278
1291
  xmlns: "http://www.w3.org/2000/svg",
1292
+ role: "img",
1279
1293
  "aria-label": ariaLabel
1280
1294
  }, /*#__PURE__*/createElement("path", {
1281
1295
  d: "M20 4V20H4V4H20ZM21 3H3V21H21V3Z",
@@ -1296,6 +1310,7 @@ var Watch = (function (_ref) {
1296
1310
  viewBox: "0 0 24 24",
1297
1311
  fill: "none",
1298
1312
  xmlns: "http://www.w3.org/2000/svg",
1313
+ role: "img",
1299
1314
  "aria-label": ariaLabel
1300
1315
  }, /*#__PURE__*/createElement("path", {
1301
1316
  d: "M9 8L16 12L9 16V8Z",
@@ -1316,6 +1331,7 @@ var Arrow = (function (_ref) {
1316
1331
  viewBox: "0 0 24 24",
1317
1332
  fill: "none",
1318
1333
  xmlns: "http://www.w3.org/2000/svg",
1334
+ role: "img",
1319
1335
  "aria-label": ariaLabel
1320
1336
  }, /*#__PURE__*/createElement("path", {
1321
1337
  d: "M3 12.6001H19L12.9 18.7001L13.6 19.4001L21 12.0001L13.6 4.6001L12.9 5.3001L19.2 11.6001H3V12.6001Z",
@@ -1333,6 +1349,7 @@ var CarouselArrow = (function (_ref) {
1333
1349
  viewBox: "0 0 24 24",
1334
1350
  fill: "none",
1335
1351
  xmlns: "http://www.w3.org/2000/svg",
1352
+ role: "img",
1336
1353
  "aria-label": ariaLabel
1337
1354
  }, /*#__PURE__*/createElement("path", {
1338
1355
  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",
@@ -1350,6 +1367,7 @@ var DropdownArrow = (function (_ref) {
1350
1367
  viewBox: "0 0 24 24",
1351
1368
  fill: "none",
1352
1369
  xmlns: "http://www.w3.org/2000/svg",
1370
+ role: "img",
1353
1371
  "aria-label": ariaLabel
1354
1372
  }, /*#__PURE__*/createElement("path", {
1355
1373
  d: "M19.3 8L12 14.7L4.7 8L4 8.7L12 16L20 8.7L19.3 8Z",
@@ -1367,6 +1385,7 @@ var Cinema = (function (_ref) {
1367
1385
  viewBox: "0 0 24 24",
1368
1386
  fill: "none",
1369
1387
  xmlns: "http://www.w3.org/2000/svg",
1388
+ role: "img",
1370
1389
  "aria-label": ariaLabel
1371
1390
  }, /*#__PURE__*/createElement("path", {
1372
1391
  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",
@@ -1399,6 +1418,7 @@ var Clock = (function (_ref) {
1399
1418
  viewBox: "0 0 24 24",
1400
1419
  fill: "none",
1401
1420
  xmlns: "http://www.w3.org/2000/svg",
1421
+ role: "img",
1402
1422
  "aria-label": ariaLabel
1403
1423
  }, /*#__PURE__*/createElement("path", {
1404
1424
  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",
@@ -1419,6 +1439,7 @@ var CreditCard = (function (_ref) {
1419
1439
  viewBox: "0 0 24 24",
1420
1440
  fill: "none",
1421
1441
  xmlns: "http://www.w3.org/2000/svg",
1442
+ role: "img",
1422
1443
  "aria-label": ariaLabel
1423
1444
  }, /*#__PURE__*/createElement("path", {
1424
1445
  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",
@@ -1442,6 +1463,7 @@ var Email = (function (_ref) {
1442
1463
  viewBox: "0 0 24 24",
1443
1464
  fill: "none",
1444
1465
  xmlns: "http://www.w3.org/2000/svg",
1466
+ role: "img",
1445
1467
  "aria-label": ariaLabel
1446
1468
  }, /*#__PURE__*/createElement("path", {
1447
1469
  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",
@@ -1459,6 +1481,7 @@ var Info = (function (_ref) {
1459
1481
  viewBox: "0 0 24 24",
1460
1482
  fill: "none",
1461
1483
  xmlns: "http://www.w3.org/2000/svg",
1484
+ role: "img",
1462
1485
  "aria-label": ariaLabel
1463
1486
  }, /*#__PURE__*/createElement("path", {
1464
1487
  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",
@@ -1482,6 +1505,7 @@ var List = (function (_ref) {
1482
1505
  viewBox: "0 0 24 24",
1483
1506
  fill: "none",
1484
1507
  xmlns: "http://www.w3.org/2000/svg",
1508
+ role: "img",
1485
1509
  "aria-label": ariaLabel
1486
1510
  }, /*#__PURE__*/createElement("path", {
1487
1511
  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",
@@ -1514,6 +1538,7 @@ var Location = (function (_ref) {
1514
1538
  viewBox: "0 0 24 24",
1515
1539
  fill: "none",
1516
1540
  xmlns: "http://www.w3.org/2000/svg",
1541
+ role: "img",
1517
1542
  "aria-label": ariaLabel
1518
1543
  }, /*#__PURE__*/createElement("path", {
1519
1544
  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",
@@ -1534,6 +1559,7 @@ var PDF = (function (_ref) {
1534
1559
  viewBox: "0 0 24 24",
1535
1560
  fill: "none",
1536
1561
  xmlns: "http://www.w3.org/2000/svg",
1562
+ role: "img",
1537
1563
  "aria-label": ariaLabel
1538
1564
  }, /*#__PURE__*/createElement("path", {
1539
1565
  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",
@@ -1560,6 +1586,7 @@ var Phone = (function (_ref) {
1560
1586
  viewBox: "0 0 24 24",
1561
1587
  fill: "none",
1562
1588
  xmlns: "http://www.w3.org/2000/svg",
1589
+ role: "img",
1563
1590
  "aria-label": ariaLabel
1564
1591
  }, /*#__PURE__*/createElement("path", {
1565
1592
  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",
@@ -1577,6 +1604,7 @@ var Print = (function (_ref) {
1577
1604
  viewBox: "0 0 24 24",
1578
1605
  fill: "none",
1579
1606
  xmlns: "http://www.w3.org/2000/svg",
1607
+ role: "img",
1580
1608
  "aria-label": ariaLabel
1581
1609
  }, /*#__PURE__*/createElement("path", {
1582
1610
  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",
@@ -1594,6 +1622,7 @@ var Seat = (function (_ref) {
1594
1622
  viewBox: "0 0 24 24",
1595
1623
  fill: "none",
1596
1624
  xmlns: "http://www.w3.org/2000/svg",
1625
+ role: "img",
1597
1626
  "aria-label": ariaLabel
1598
1627
  }, /*#__PURE__*/createElement("path", {
1599
1628
  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",
@@ -1614,6 +1643,7 @@ var Secure = (function (_ref) {
1614
1643
  viewBox: "0 0 24 24",
1615
1644
  fill: "none",
1616
1645
  xmlns: "http://www.w3.org/2000/svg",
1646
+ role: "img",
1617
1647
  "aria-label": ariaLabel
1618
1648
  }, /*#__PURE__*/createElement("path", {
1619
1649
  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",
@@ -1634,6 +1664,7 @@ var Standing = (function (_ref) {
1634
1664
  viewBox: "0 0 24 24",
1635
1665
  fill: "none",
1636
1666
  xmlns: "http://www.w3.org/2000/svg",
1667
+ role: "img",
1637
1668
  "aria-label": ariaLabel
1638
1669
  }, /*#__PURE__*/createElement("path", {
1639
1670
  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",
@@ -1651,6 +1682,7 @@ var Tickets = (function (_ref) {
1651
1682
  viewBox: "0 0 24 24",
1652
1683
  fill: "none",
1653
1684
  xmlns: "http://www.w3.org/2000/svg",
1685
+ role: "img",
1654
1686
  "aria-label": ariaLabel
1655
1687
  }, /*#__PURE__*/createElement("path", {
1656
1688
  d: "M12 14H11V16H12V14Z",
@@ -1674,6 +1706,7 @@ var Wheelchair = (function (_ref) {
1674
1706
  viewBox: "0 0 24 24",
1675
1707
  fill: "none",
1676
1708
  xmlns: "http://www.w3.org/2000/svg",
1709
+ role: "img",
1677
1710
  "aria-label": ariaLabel
1678
1711
  }, /*#__PURE__*/createElement("path", {
1679
1712
  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",
@@ -1691,6 +1724,7 @@ var BalletAndDance = (function (_ref) {
1691
1724
  viewBox: "0 0 24 24",
1692
1725
  fill: "none",
1693
1726
  xmlns: "http://www.w3.org/2000/svg",
1727
+ role: "img",
1694
1728
  "aria-label": ariaLabel
1695
1729
  }, /*#__PURE__*/createElement("path", {
1696
1730
  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",
@@ -1708,6 +1742,7 @@ var Basket = (function (_ref) {
1708
1742
  viewBox: "0 0 24 24",
1709
1743
  fill: "none",
1710
1744
  xmlns: "http://www.w3.org/2000/svg",
1745
+ role: "img",
1711
1746
  "aria-label": ariaLabel
1712
1747
  }, /*#__PURE__*/createElement("path", {
1713
1748
  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",
@@ -1725,6 +1760,7 @@ var BasketFull = (function (_ref) {
1725
1760
  viewBox: "0 0 24 24",
1726
1761
  fill: "none",
1727
1762
  xmlns: "http://www.w3.org/2000/svg",
1763
+ role: "img",
1728
1764
  "aria-label": ariaLabel
1729
1765
  }, /*#__PURE__*/createElement("path", {
1730
1766
  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",
@@ -1742,6 +1778,7 @@ var Home = (function (_ref) {
1742
1778
  viewBox: "0 0 24 24",
1743
1779
  fill: "none",
1744
1780
  xmlns: "http://www.w3.org/2000/svg",
1781
+ role: "img",
1745
1782
  "aria-label": ariaLabel
1746
1783
  }, /*#__PURE__*/createElement("path", {
1747
1784
  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",
@@ -1759,6 +1796,7 @@ var LiveStream = (function (_ref) {
1759
1796
  viewBox: "0 0 24 24",
1760
1797
  fill: "none",
1761
1798
  xmlns: "http://www.w3.org/2000/svg",
1799
+ role: "img",
1762
1800
  "aria-label": ariaLabel
1763
1801
  }, /*#__PURE__*/createElement("path", {
1764
1802
  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",
@@ -1788,6 +1826,7 @@ var Menu = (function (_ref) {
1788
1826
  viewBox: "0 0 24 24",
1789
1827
  fill: "none",
1790
1828
  xmlns: "http://www.w3.org/2000/svg",
1829
+ role: "img",
1791
1830
  "aria-label": ariaLabel
1792
1831
  }, /*#__PURE__*/createElement("path", {
1793
1832
  d: "M22 5H2V6H22V5Z",
@@ -1811,6 +1850,7 @@ var OperaAndMusic = (function (_ref) {
1811
1850
  viewBox: "0 0 24 24",
1812
1851
  fill: "none",
1813
1852
  xmlns: "http://www.w3.org/2000/svg",
1853
+ role: "img",
1814
1854
  "aria-label": ariaLabel
1815
1855
  }, /*#__PURE__*/createElement("path", {
1816
1856
  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",
@@ -1846,6 +1886,7 @@ var Search = (function (_ref) {
1846
1886
  viewBox: "0 0 24 24",
1847
1887
  fill: "none",
1848
1888
  xmlns: "http://www.w3.org/2000/svg",
1889
+ role: "img",
1849
1890
  "aria-label": ariaLabel
1850
1891
  }, /*#__PURE__*/createElement("path", {
1851
1892
  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",
@@ -1863,6 +1904,7 @@ var Settings = (function (_ref) {
1863
1904
  viewBox: "0 0 24 24",
1864
1905
  fill: "none",
1865
1906
  xmlns: "http://www.w3.org/2000/svg",
1907
+ role: "img",
1866
1908
  "aria-label": ariaLabel
1867
1909
  }, /*#__PURE__*/createElement("path", {
1868
1910
  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",
@@ -1883,6 +1925,7 @@ var User = (function (_ref) {
1883
1925
  viewBox: "0 0 24 24",
1884
1926
  fill: "none",
1885
1927
  xmlns: "http://www.w3.org/2000/svg",
1928
+ role: "img",
1886
1929
  "aria-label": ariaLabel
1887
1930
  }, /*#__PURE__*/createElement("path", {
1888
1931
  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",
@@ -1903,6 +1946,7 @@ var UserSignedIn = (function (_ref) {
1903
1946
  viewBox: "0 0 24 24",
1904
1947
  fill: "none",
1905
1948
  xmlns: "http://www.w3.org/2000/svg",
1949
+ role: "img",
1906
1950
  "aria-label": ariaLabel
1907
1951
  }, /*#__PURE__*/createElement("path", {
1908
1952
  d: "M22 21H2C2.4 17.7 2 11 12 11C22 11 21.6 17.7 22 21Z",
@@ -2037,6 +2081,7 @@ var Delete = (function (_ref) {
2037
2081
  viewBox: "0 0 24 24",
2038
2082
  fill: "none",
2039
2083
  xmlns: "http://www.w3.org/2000/svg",
2084
+ role: "img",
2040
2085
  "aria-label": ariaLabel
2041
2086
  }, /*#__PURE__*/createElement("path", {
2042
2087
  d: "M11 4L2 12L11 20H22V4H11ZM21 19H11.4L3.5 12L11.4 5H21V19Z",
@@ -2074,6 +2119,7 @@ var Space = (function (_ref) {
2074
2119
  viewBox: "0 0 24 24",
2075
2120
  fill: "none",
2076
2121
  xmlns: "http://www.w3.org/2000/svg",
2122
+ role: "img",
2077
2123
  "aria-label": ariaLabel
2078
2124
  }, /*#__PURE__*/createElement("path", {
2079
2125
  d: "M21 16V19H3V16H2V19V20H3H21H22V19V16H21Z",
@@ -2091,6 +2137,7 @@ var Close = (function (_ref) {
2091
2137
  viewBox: "0 0 24 24",
2092
2138
  fill: "none",
2093
2139
  xmlns: "http://www.w3.org/2000/svg",
2140
+ role: "img",
2094
2141
  "aria-label": ariaLabel
2095
2142
  }, /*#__PURE__*/createElement("path", {
2096
2143
  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",
@@ -2108,6 +2155,7 @@ var Confirm = (function (_ref) {
2108
2155
  viewBox: "0 0 24 24",
2109
2156
  fill: "none",
2110
2157
  xmlns: "http://www.w3.org/2000/svg",
2158
+ role: "img",
2111
2159
  "aria-label": ariaLabel
2112
2160
  }, /*#__PURE__*/createElement("path", {
2113
2161
  d: "M9.09961 21L3 12.5L3.8 11.9L9.09961 19.3L21.1996 3L21.9996 3.6L9.09961 21Z",
@@ -2125,6 +2173,7 @@ var Detract = (function (_ref) {
2125
2173
  viewBox: "0 0 24 24",
2126
2174
  fill: "none",
2127
2175
  xmlns: "http://www.w3.org/2000/svg",
2176
+ role: "img",
2128
2177
  "aria-label": ariaLabel
2129
2178
  }, /*#__PURE__*/createElement("path", {
2130
2179
  d: "M21 11.5H3V12.5H21V11.5Z",
@@ -2142,6 +2191,7 @@ var Expand = (function (_ref) {
2142
2191
  viewBox: "0 0 24 24",
2143
2192
  fill: "none",
2144
2193
  xmlns: "http://www.w3.org/2000/svg",
2194
+ role: "img",
2145
2195
  "aria-label": ariaLabel
2146
2196
  }, /*#__PURE__*/createElement("path", {
2147
2197
  d: "M12.5 11.5V3H11.5V11.5H3V12.5H11.5V21H12.5V12.5H21V11.5H12.5Z",
@@ -2159,6 +2209,7 @@ var ExternalLink = (function (_ref) {
2159
2209
  viewBox: "0 0 24 24",
2160
2210
  fill: "none",
2161
2211
  xmlns: "http://www.w3.org/2000/svg",
2212
+ role: "img",
2162
2213
  "aria-label": ariaLabel
2163
2214
  }, /*#__PURE__*/createElement("path", {
2164
2215
  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",
@@ -2179,6 +2230,7 @@ var GridView = (function (_ref) {
2179
2230
  viewBox: "0 0 24 24",
2180
2231
  fill: "none",
2181
2232
  xmlns: "http://www.w3.org/2000/svg",
2233
+ role: "img",
2182
2234
  "aria-label": ariaLabel
2183
2235
  }, /*#__PURE__*/createElement("path", {
2184
2236
  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",
@@ -2196,6 +2248,7 @@ var ListView = (function (_ref) {
2196
2248
  viewBox: "0 0 24 24",
2197
2249
  fill: "none",
2198
2250
  xmlns: "http://www.w3.org/2000/svg",
2251
+ role: "img",
2199
2252
  "aria-label": ariaLabel
2200
2253
  }, /*#__PURE__*/createElement("path", {
2201
2254
  d: "M3 3V7H21V3H3ZM20 6H4V4H20V6Z",
@@ -2219,6 +2272,7 @@ var Refresh = (function (_ref) {
2219
2272
  viewBox: "0 0 24 24",
2220
2273
  fill: "none",
2221
2274
  xmlns: "http://www.w3.org/2000/svg",
2275
+ role: "img",
2222
2276
  "aria-label": ariaLabel
2223
2277
  }, /*#__PURE__*/createElement("path", {
2224
2278
  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",
@@ -2239,6 +2293,7 @@ var Remove = (function (_ref) {
2239
2293
  viewBox: "0 0 12 12",
2240
2294
  fill: "none",
2241
2295
  xmlns: "http://www.w3.org/2000/svg",
2296
+ role: "img",
2242
2297
  "aria-label": ariaLabel
2243
2298
  }, /*#__PURE__*/createElement("path", {
2244
2299
  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",
@@ -2256,6 +2311,7 @@ var Star = (function (_ref) {
2256
2311
  viewBox: "0 0 48 46",
2257
2312
  fill: "none",
2258
2313
  xmlns: "http://www.w3.org/2000/svg",
2314
+ role: "img",
2259
2315
  "aria-label": ariaLabel
2260
2316
  }, /*#__PURE__*/createElement("path", {
2261
2317
  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",
@@ -2273,6 +2329,7 @@ var AudioDescription = (function (_ref) {
2273
2329
  viewBox: "0 0 24 24",
2274
2330
  fill: "none",
2275
2331
  xmlns: "http://www.w3.org/2000/svg",
2332
+ role: "img",
2276
2333
  "aria-label": ariaLabel
2277
2334
  }, /*#__PURE__*/createElement("path", {
2278
2335
  d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
@@ -2296,6 +2353,7 @@ var Back10 = (function (_ref) {
2296
2353
  viewBox: "0 0 24 24",
2297
2354
  fill: "none",
2298
2355
  xmlns: "http://www.w3.org/2000/svg",
2356
+ role: "img",
2299
2357
  "aria-label": ariaLabel
2300
2358
  }, /*#__PURE__*/createElement("path", {
2301
2359
  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",
@@ -2319,6 +2377,7 @@ var Clips = (function (_ref) {
2319
2377
  viewBox: "0 0 24 24",
2320
2378
  fill: "none",
2321
2379
  xmlns: "http://www.w3.org/2000/svg",
2380
+ role: "img",
2322
2381
  "aria-label": ariaLabel
2323
2382
  }, /*#__PURE__*/createElement("path", {
2324
2383
  d: "M15 11V19H3V11H15ZM16 10H2V20H16V10Z",
@@ -2342,6 +2401,7 @@ var Forward10 = (function (_ref) {
2342
2401
  viewBox: "0 0 24 24",
2343
2402
  fill: "none",
2344
2403
  xmlns: "http://www.w3.org/2000/svg",
2404
+ role: "img",
2345
2405
  "aria-label": ariaLabel
2346
2406
  }, /*#__PURE__*/createElement("path", {
2347
2407
  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",
@@ -2365,6 +2425,7 @@ var FullScreen = (function (_ref) {
2365
2425
  viewBox: "0 0 24 24",
2366
2426
  fill: "none",
2367
2427
  xmlns: "http://www.w3.org/2000/svg",
2428
+ role: "img",
2368
2429
  "aria-label": ariaLabel
2369
2430
  }, /*#__PURE__*/createElement("path", {
2370
2431
  d: "M3 9H4V4H9V3H3V9Z",
@@ -2391,6 +2452,7 @@ var Minimise = (function (_ref) {
2391
2452
  viewBox: "0 0 24 24",
2392
2453
  fill: "none",
2393
2454
  xmlns: "http://www.w3.org/2000/svg",
2455
+ role: "img",
2394
2456
  "aria-label": ariaLabel
2395
2457
  }, /*#__PURE__*/createElement("path", {
2396
2458
  d: "M9 3H8V8H3V9H9V3Z",
@@ -2417,6 +2479,7 @@ var Muted = (function (_ref) {
2417
2479
  viewBox: "0 0 24 24",
2418
2480
  fill: "none",
2419
2481
  xmlns: "http://www.w3.org/2000/svg",
2482
+ role: "img",
2420
2483
  "aria-label": ariaLabel
2421
2484
  }, /*#__PURE__*/createElement("path", {
2422
2485
  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",
@@ -2437,6 +2500,7 @@ var Pause = (function (_ref) {
2437
2500
  viewBox: "0 0 24 24",
2438
2501
  fill: "none",
2439
2502
  xmlns: "http://www.w3.org/2000/svg",
2503
+ role: "img",
2440
2504
  "aria-label": ariaLabel
2441
2505
  }, /*#__PURE__*/createElement("path", {
2442
2506
  d: "M10 2H4V22H10V2Z",
@@ -2457,6 +2521,7 @@ var Play = (function (_ref) {
2457
2521
  viewBox: "0 0 24 24",
2458
2522
  fill: "none",
2459
2523
  xmlns: "http://www.w3.org/2000/svg",
2524
+ role: "img",
2460
2525
  "aria-label": ariaLabel
2461
2526
  }, /*#__PURE__*/createElement("path", {
2462
2527
  d: "M5.5 3.8999L20 11.9999L5.5 20.0999V3.8999Z",
@@ -2477,6 +2542,7 @@ var Restart = (function (_ref) {
2477
2542
  viewBox: "0 0 24 24",
2478
2543
  fill: "none",
2479
2544
  xmlns: "http://www.w3.org/2000/svg",
2545
+ role: "img",
2480
2546
  "aria-label": ariaLabel
2481
2547
  }, /*#__PURE__*/createElement("path", {
2482
2548
  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",
@@ -2494,6 +2560,7 @@ var Subtitles = (function (_ref) {
2494
2560
  viewBox: "0 0 24 24",
2495
2561
  fill: "none",
2496
2562
  xmlns: "http://www.w3.org/2000/svg",
2563
+ role: "img",
2497
2564
  "aria-label": ariaLabel
2498
2565
  }, /*#__PURE__*/createElement("path", {
2499
2566
  d: "M9 7H7V8H9V7Z",
@@ -2529,6 +2596,7 @@ var Trailer = (function (_ref) {
2529
2596
  viewBox: "0 0 24 24",
2530
2597
  fill: "none",
2531
2598
  xmlns: "http://www.w3.org/2000/svg",
2599
+ role: "img",
2532
2600
  "aria-label": ariaLabel
2533
2601
  }, /*#__PURE__*/createElement("path", {
2534
2602
  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",
@@ -2549,6 +2617,7 @@ var Volume = (function (_ref) {
2549
2617
  viewBox: "0 0 24 24",
2550
2618
  fill: "none",
2551
2619
  xmlns: "http://www.w3.org/2000/svg",
2620
+ role: "img",
2552
2621
  "aria-label": ariaLabel
2553
2622
  }, /*#__PURE__*/createElement("path", {
2554
2623
  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",
@@ -3811,8 +3880,8 @@ var Sponsorship = function Sponsorship(_ref) {
3811
3880
  }));
3812
3881
  };
3813
3882
 
3814
- var _templateObject$l, _templateObject2$a;
3815
- var TabText = /*#__PURE__*/styled.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
3883
+ var _templateObject$l, _templateObject2$a, _templateObject3$6;
3884
+ var TabText = /*#__PURE__*/styled.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n display: flex;\n flex-direction: row;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
3816
3885
  if (props.withIcon === 'left') {
3817
3886
  return "margin-left: 5px;";
3818
3887
  }
@@ -3856,6 +3925,7 @@ var TitleContainer = /*#__PURE__*/styled.div(_templateObject2$a || (_templateObj
3856
3925
  var colorPrimary = _ref4.colorPrimary;
3857
3926
  return colorPrimary;
3858
3927
  });
3928
+ var InvisibleSEOAnchorText = /*#__PURE__*/styled.span(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n"])));
3859
3929
 
3860
3930
  var Tab = function Tab(_ref) {
3861
3931
  var title = _ref.title,
@@ -3873,7 +3943,8 @@ var Tab = function Tab(_ref) {
3873
3943
  _ref$withTextInMobile = _ref.withTextInMobile,
3874
3944
  withTextInMobile = _ref$withTextInMobile === void 0 ? true : _ref$withTextInMobile,
3875
3945
  _ref$colorPrimary = _ref.colorPrimary,
3876
- colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary;
3946
+ colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary,
3947
+ alternativeSEOAnchorText = _ref.alternativeSEOAnchorText;
3877
3948
 
3878
3949
  var clickHandler = function clickHandler() {
3879
3950
  if (onClick) {
@@ -3911,8 +3982,9 @@ var Tab = function Tab(_ref) {
3911
3982
  }, /*#__PURE__*/React__default.createElement(TabText, {
3912
3983
  href: "#",
3913
3984
  onClick: tabTextClickHandler,
3914
- withTextInMobile: withTextInMobile
3915
- }, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
3985
+ withTextInMobile: withTextInMobile,
3986
+ "aria-label": title || alternativeSEOAnchorText
3987
+ }, title || /*#__PURE__*/React__default.createElement(InvisibleSEOAnchorText, null, alternativeSEOAnchorText)), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
3916
3988
  iconName: iconName
3917
3989
  }));
3918
3990
  };
@@ -3971,7 +4043,7 @@ var TabLink = function TabLink(_ref) {
3971
4043
  })) : null, children);
3972
4044
  };
3973
4045
 
3974
- var _templateObject$n, _templateObject2$c, _templateObject3$6, _templateObject4$3;
4046
+ var _templateObject$n, _templateObject2$c, _templateObject3$7, _templateObject4$3;
3975
4047
  var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
3976
4048
  var width = _ref.width;
3977
4049
  return width ? width + "px;" : '100%;';
@@ -3983,7 +4055,7 @@ var TextAreaLabel = /*#__PURE__*/styled.div(_templateObject2$c || (_templateObje
3983
4055
  var darkMode = _ref3.darkMode;
3984
4056
  return darkMode ? 'color: var(--base-color-white)' : '';
3985
4057
  });
3986
- var TextAreaBox = /*#__PURE__*/styled.textarea(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n box-sizing: border-box;\n resize: none;\n padding: 20px;\n width: 100%;\n height: 100%;\n border: 1px solid ", ";\n\n ", ";\n\n :disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline-style: solid;\n outline-width: ", ";\n outline-color: ", ";\n }\n"])), function (_ref4) {
4058
+ var TextAreaBox = /*#__PURE__*/styled.textarea(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n box-sizing: border-box;\n resize: none;\n padding: 20px;\n width: 100%;\n height: 100%;\n border: 1px solid ", ";\n\n ", ";\n\n :disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline-style: solid;\n outline-width: ", ";\n outline-color: ", ";\n }\n"])), function (_ref4) {
3987
4059
  var error = _ref4.error;
3988
4060
  return !!error ? 'var(--base-color-errorstate)' : 'var(--base-color-lightgrey)';
3989
4061
  }, function (_ref5) {
@@ -4096,14 +4168,14 @@ var TextArea = function TextArea(_ref) {
4096
4168
  }, error))));
4097
4169
  };
4098
4170
 
4099
- var _templateObject$o, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
4171
+ var _templateObject$o, _templateObject2$d, _templateObject3$8, _templateObject4$4, _templateObject5$2, _templateObject6$1;
4100
4172
  var Container$1 = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4101
4173
  var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
4102
4174
  var width = _ref.width;
4103
4175
  if (!width) return 'none';
4104
4176
  return width + 'px';
4105
4177
  });
4106
- var Input = /*#__PURE__*/styled.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n border-radius: 0;\n width: 100%;\n height: 48px;\n padding-left: 20px;\n -moz-appearance: textfield;\n padding-right: ", ";\n outline: none;\n border: ", ";\n &:disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n &:focus {\n outline: ", ";\n }\n\n /* remove search decoration */\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n\n /* remove number decoration */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), function (_ref2) {
4178
+ var Input = /*#__PURE__*/styled.input(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n border-radius: 0;\n width: 100%;\n height: 48px;\n padding-left: 20px;\n -moz-appearance: textfield;\n padding-right: ", ";\n outline: none;\n border: ", ";\n &:disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n &:focus {\n outline: ", ";\n }\n\n /* remove search decoration */\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n\n /* remove number decoration */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), function (_ref2) {
4107
4179
  var isPasswordField = _ref2.isPasswordField;
4108
4180
  if (isPasswordField) return "80px";
4109
4181
  return "20px";
@@ -4229,7 +4301,7 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
4229
4301
  }, error)));
4230
4302
  });
4231
4303
 
4232
- var _templateObject$p, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
4304
+ var _templateObject$p, _templateObject2$e, _templateObject3$9, _templateObject4$5, _templateObject5$3;
4233
4305
  var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4234
4306
  var textStyles = /*#__PURE__*/css(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
4235
4307
  var theme = _ref.theme;
@@ -4241,7 +4313,7 @@ var textStyles = /*#__PURE__*/css(_templateObject2$e || (_templateObject2$e = /*
4241
4313
  var theme = _ref3.theme;
4242
4314
  return theme.spacing[7];
4243
4315
  });
4244
- var Input$1 = /*#__PURE__*/styled.input(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n width: ", ";\n height: 48px;\n padding: 0px 20px;\n\n border: 1px solid ", ";\n outline: none;\n\n ", "\n\n :disabled {\n background-color: ", ";\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline: ", "};\n }\n"])), textStyles, function (_ref4) {
4316
+ var Input$1 = /*#__PURE__*/styled.input(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n width: ", ";\n height: 48px;\n padding: 0px 20px;\n\n border: 1px solid ", ";\n outline: none;\n\n ", "\n\n :disabled {\n background-color: ", ";\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline: ", "};\n }\n"])), textStyles, function (_ref4) {
4245
4317
  var width = _ref4.width;
4246
4318
  return width ? width + 'px' : '196px';
4247
4319
  }, function (_ref5) {
@@ -4343,7 +4415,7 @@ var TextLogoProduct;
4343
4415
  TextLogoProduct["Cinema"] = "CINEMA";
4344
4416
  })(TextLogoProduct || (TextLogoProduct = {}));
4345
4417
 
4346
- var _templateObject$r, _templateObject2$g, _templateObject3$9, _templateObject4$6;
4418
+ var _templateObject$r, _templateObject2$g, _templateObject3$a, _templateObject4$6;
4347
4419
  var TickboxError = /*#__PURE__*/styled.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
4348
4420
  var dark = _ref.dark;
4349
4421
  return dark ? 'white' : 'errorstate';
@@ -4357,7 +4429,7 @@ var TickboxLabel$1 = /*#__PURE__*/styled.label(_templateObject2$g || (_templateO
4357
4429
  var disabled = _ref3.disabled;
4358
4430
  return disabled ? 'not-allowed' : 'pointer';
4359
4431
  }, devices.mobileAndTablet);
4360
- var TickboxCheckmark = /*#__PURE__*/styled.span(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n height: 20px;\n width: 20px;\n padding: 3px;\n box-sizing: border-box;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n outline: ", ";\n\n svg {\n display: none;\n }\n\n @media ", " {\n top: 0;\n }\n"])), function (_ref4) {
4432
+ var TickboxCheckmark = /*#__PURE__*/styled.span(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n height: 20px;\n width: 20px;\n padding: 3px;\n box-sizing: border-box;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n outline: ", ";\n\n svg {\n display: none;\n }\n\n @media ", " {\n top: 0;\n }\n"])), function (_ref4) {
4361
4433
  var dark = _ref4.dark,
4362
4434
  disabled = _ref4.disabled,
4363
4435
  error = _ref4.error;
@@ -4465,7 +4537,7 @@ var Tickbox = function Tickbox(_ref) {
4465
4537
  }, error)));
4466
4538
  };
4467
4539
 
4468
- var _templateObject$s, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4540
+ var _templateObject$s, _templateObject2$h, _templateObject3$b, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4469
4541
  var Container$2 = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4470
4542
  var Tickbox$1 = /*#__PURE__*/styled.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
4471
4543
  var error = _ref.error,
@@ -4490,7 +4562,7 @@ var Tickbox$1 = /*#__PURE__*/styled.div(_templateObject2$h || (_templateObject2$
4490
4562
  if (blackBox) return 'var(--base-color-white)';
4491
4563
  return ' var(--base-color-black)';
4492
4564
  });
4493
- var TickboxLabel$2 = /*#__PURE__*/styled.label(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-left: 32px;\n input[type='checkbox'] {\n width: 1px;\n height: 1px;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n z-index: 0;\n &:checked + ", " {\n background-color: ", ";\n }\n &:focus + ", " {\n outline: ", ";\n }\n }\n"])), Tickbox$1, function (_ref4) {
4565
+ var TickboxLabel$2 = /*#__PURE__*/styled.label(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-left: 32px;\n input[type='checkbox'] {\n width: 1px;\n height: 1px;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n z-index: 0;\n &:checked + ", " {\n background-color: ", ";\n }\n &:focus + ", " {\n outline: ", ";\n }\n }\n"])), Tickbox$1, function (_ref4) {
4494
4566
  var blackBox = _ref4.blackBox,
4495
4567
  darkMode = _ref4.darkMode;
4496
4568
  if (darkMode) return 'var(--base-color-white)';
@@ -4577,7 +4649,7 @@ var Tickbox2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
4577
4649
  }, error)));
4578
4650
  });
4579
4651
 
4580
- var _templateObject$t, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4652
+ var _templateObject$t, _templateObject2$i, _templateObject3$c, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4581
4653
  var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
4582
4654
  var color = _ref.color;
4583
4655
  return color;
@@ -4586,13 +4658,30 @@ var Line = /*#__PURE__*/styled.div(_templateObject2$i || (_templateObject2$i = /
4586
4658
  var color = _ref2.color;
4587
4659
  return color;
4588
4660
  }, devices.mobileAndTablet);
4589
- var TitleWrapper = /*#__PURE__*/styled.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
4661
+ var TitleWrapper = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
4590
4662
  var ValuesWrapper = /*#__PURE__*/styled.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n display: flex;\n\n @media ", " {\n font-size: var(--font-size-header-5);\n }\n"])), devices.tablet);
4591
4663
  var TimerLabel = /*#__PURE__*/styled.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n margin-top: 4px;\n"])));
4592
4664
  var TimerValueSeparator = /*#__PURE__*/styled.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 20px;\n\n @media ", " {\n margin: 0 12px;\n }\n\n @media ", " {\n margin: 0 12px;\n }\n"])), devices.tablet, devices.mobile);
4593
4665
  var TimerValueWrapper = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
4594
4666
  var TimerValue = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
4595
4667
 
4668
+ var pad = function pad(num) {
4669
+ return String(num || 0).padStart(2, '0');
4670
+ };
4671
+
4672
+ var renderTimerValue = function renderTimerValue(value, title, separator) {
4673
+ if (separator === void 0) {
4674
+ separator = true;
4675
+ }
4676
+
4677
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TimerValueWrapper, null, /*#__PURE__*/React__default.createElement(TimerValue, {
4678
+ className: 'chord-timer-value',
4679
+ "data-testid": title
4680
+ }, value), /*#__PURE__*/React__default.createElement(TimerLabel, {
4681
+ className: 'chord-timer-label'
4682
+ }, title)), separator && /*#__PURE__*/React__default.createElement(TimerValueSeparator, null, ":"));
4683
+ };
4684
+
4596
4685
  var Timer = function Timer(_ref) {
4597
4686
  var endDate = _ref.endDate,
4598
4687
  title = _ref.title,
@@ -4602,39 +4691,27 @@ var Timer = function Timer(_ref) {
4602
4691
  _ref$color = _ref.color,
4603
4692
  color = _ref$color === void 0 ? Colors.Black : _ref$color;
4604
4693
 
4605
- var _React$useState = React__default.useState('00'),
4606
- seconds = _React$useState[0],
4607
- setSeconds = _React$useState[1];
4694
+ var _useState = useState('00'),
4695
+ seconds = _useState[0],
4696
+ setSeconds = _useState[1];
4608
4697
 
4609
- var _React$useState2 = React__default.useState('00'),
4610
- minutes = _React$useState2[0],
4611
- setMinutes = _React$useState2[1];
4698
+ var _useState2 = useState('00'),
4699
+ minutes = _useState2[0],
4700
+ setMinutes = _useState2[1];
4612
4701
 
4613
- var _React$useState3 = React__default.useState('00'),
4614
- hours = _React$useState3[0],
4615
- setHours = _React$useState3[1];
4702
+ var _useState3 = useState('00'),
4703
+ hours = _useState3[0],
4704
+ setHours = _useState3[1];
4616
4705
 
4617
- var _React$useState4 = React__default.useState('00'),
4618
- days = _React$useState4[0],
4619
- setDays = _React$useState4[1];
4706
+ var _useState4 = useState('00'),
4707
+ days = _useState4[0],
4708
+ setDays = _useState4[1];
4620
4709
 
4621
- var _React$useState5 = React__default.useState(false),
4622
- isEndDateReached = _React$useState5[0],
4623
- setIsEndDateReached = _React$useState5[1];
4710
+ var _useState5 = useState(false),
4711
+ isEndDateReached = _useState5[0],
4712
+ setIsEndDateReached = _useState5[1];
4624
4713
 
4625
- var renderTimerValue = function renderTimerValue(value, title, separator) {
4626
- if (separator === void 0) {
4627
- separator = true;
4628
- }
4629
-
4630
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TimerValueWrapper, null, /*#__PURE__*/React__default.createElement(TimerValue, {
4631
- className: 'chord-timer-value'
4632
- }, value), /*#__PURE__*/React__default.createElement(TimerLabel, {
4633
- className: 'chord-timer-label'
4634
- }, title)), separator && /*#__PURE__*/React__default.createElement(TimerValueSeparator, null, ":"));
4635
- };
4636
-
4637
- React__default.useEffect(function () {
4714
+ useEffect(function () {
4638
4715
  if (isEndDateReached) return; // We use this to set values for the timer immediately
4639
4716
 
4640
4717
  var setIntervalAndExecute = function setIntervalAndExecute(fn, delay) {
@@ -4643,20 +4720,23 @@ var Timer = function Timer(_ref) {
4643
4720
  };
4644
4721
 
4645
4722
  var updateValues = function updateValues() {
4646
- var futureDate = moment(endDate);
4647
- var nowDate = moment();
4648
- var differenceInMilliseconds = futureDate.valueOf() - nowDate.valueOf();
4649
- var difference = moment(differenceInMilliseconds).utc();
4723
+ var futureDate = new Date(endDate); // Date.now() is explicitly passed here just to satisfy Jest time mocking.
4724
+
4725
+ var nowDate = new Date(Date.now());
4726
+ var diffInMs = futureDate.getTime() - nowDate.getTime();
4650
4727
 
4651
- if (differenceInMilliseconds < 0) {
4728
+ if (diffInMs < 0) {
4652
4729
  setIsEndDateReached(true);
4653
4730
  if (endDateHandler) endDateHandler();
4654
4731
  } else {
4655
- var fullDaysLeft = Math.floor(futureDate.diff(nowDate, 'days', true));
4656
- var daysDiff = fullDaysLeft < 10 ? "0" + fullDaysLeft : fullDaysLeft.toString();
4657
- var hoursDiff = difference.format('HH');
4658
- var minutesDiff = difference.format('mm');
4659
- var secondsDiff = difference.format('ss');
4732
+ var duration = intervalToDuration({
4733
+ start: nowDate,
4734
+ end: futureDate
4735
+ });
4736
+ var daysDiff = pad(differenceInDays(futureDate, nowDate));
4737
+ var hoursDiff = pad(duration.hours);
4738
+ var minutesDiff = pad(duration.minutes);
4739
+ var secondsDiff = pad(duration.seconds);
4660
4740
  setDays(daysDiff);
4661
4741
  setHours(hoursDiff);
4662
4742
  setMinutes(minutesDiff);
@@ -4669,7 +4749,7 @@ var Timer = function Timer(_ref) {
4669
4749
  clearInterval(interval);
4670
4750
  };
4671
4751
  });
4672
- var hideTimer = moment(endDate).isBefore(moment());
4752
+ var hideTimer = isPast(new Date(endDate));
4673
4753
  if (hideTimer) return null;
4674
4754
  return /*#__PURE__*/React__default.createElement(TimerWrapper, {
4675
4755
  color: color
@@ -5460,10 +5540,10 @@ try {
5460
5540
  }
5461
5541
  });
5462
5542
 
5463
- var _templateObject$v, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5543
+ var _templateObject$v, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5464
5544
  var VideoPlayButton = /*#__PURE__*/styled.button(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
5465
5545
  var VideoFullscreenButton = /*#__PURE__*/styled.button(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
5466
- var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
5546
+ var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
5467
5547
  var VideoControlsInnerWrapper = /*#__PURE__*/styled.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
5468
5548
  var LeftWrapper = /*#__PURE__*/styled.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
5469
5549
  var VideoVolume = /*#__PURE__*/styled.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
@@ -5680,13 +5760,13 @@ var VideoControls = function VideoControls(_ref2) {
5680
5760
  })));
5681
5761
  };
5682
5762
 
5683
- var _templateObject$w, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
5763
+ var _templateObject$w, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$7;
5684
5764
  var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
5685
5765
  var StepperError = /*#__PURE__*/styled.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
5686
5766
  var darkMode = _ref.darkMode;
5687
5767
  return darkMode ? 'white' : 'errorstate';
5688
5768
  });
5689
- var StepperBox = /*#__PURE__*/styled.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 154px;\n height: 48px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n ", ";\n\n * {\n color: var(--base-color-", ");\n word-break: unset;\n user-select: none;\n }\n\n path {\n fill: var(--base-color-", ") !important;\n }\n\n & > * {\n width: 51px;\n }\n"])), function (_ref2) {
5769
+ var StepperBox = /*#__PURE__*/styled.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 154px;\n height: 48px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n ", ";\n\n * {\n color: var(--base-color-", ");\n word-break: unset;\n user-select: none;\n }\n\n path {\n fill: var(--base-color-", ") !important;\n }\n\n & > * {\n width: 51px;\n }\n"])), function (_ref2) {
5690
5770
  var darkMode = _ref2.darkMode,
5691
5771
  disabled = _ref2.disabled,
5692
5772
  error = _ref2.error;
@@ -5970,13 +6050,13 @@ var ToggleButton = function ToggleButton(_ref) {
5970
6050
  }, item.label));
5971
6051
  };
5972
6052
 
5973
- var _templateObject$y, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
6053
+ var _templateObject$y, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
5974
6054
  var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
5975
6055
  var isMenuOpen = _ref.isMenuOpen;
5976
6056
  return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--base-color-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
5977
6057
  });
5978
6058
  var FullScreenContainer = /*#__PURE__*/styled.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 100vw;\n position: absolute;\n z-index: ", ";\n opacity: 0.4;\n"])), zIndexes.searchOverlay);
5979
- var NavigationGrid = /*#__PURE__*/styled(Grid)(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--base-color-white);\n height: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 80px;\n }\n"])), zIndexes.navigation, devices.mobile);
6059
+ var NavigationGrid = /*#__PURE__*/styled(Grid)(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--base-color-white);\n height: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 80px;\n }\n"])), zIndexes.navigation, devices.mobile);
5980
6060
  var SearchBackground = /*#__PURE__*/styled.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n background-color: var(--base-color-white);\n height: 100px;\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 100%;\n top: 80px;\n }\n"])), function (_ref2) {
5981
6061
  var visible = _ref2.visible;
5982
6062
  return visible ? 'visible' : 'hidden';
@@ -6031,7 +6111,7 @@ var Logo = function Logo(_ref) {
6031
6111
  var _templateObject$A;
6032
6112
  var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
6033
6113
 
6034
- var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$c;
6114
+ var _templateObject$B, _templateObject2$m, _templateObject3$g, _templateObject4$c;
6035
6115
  var BasketContainer = /*#__PURE__*/styled.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
6036
6116
  var selected = _ref.selected,
6037
6117
  colorPrimary = _ref.colorPrimary;
@@ -6061,7 +6141,7 @@ var BasketContainer = /*#__PURE__*/styled.div(_templateObject$B || (_templateObj
6061
6141
  return '';
6062
6142
  });
6063
6143
  var SvgContainer = /*#__PURE__*/styled.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
6064
- var NumContainer = /*#__PURE__*/styled.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n width: 12px;\n height: 12px;\n position: absolute;\n top: 8px;\n margin-left: 6px;\n\n & .basket-num {\n color: white;\n font-size: 10px;\n font-family: var(--font-family-navigation);\n }\n"])));
6144
+ var NumContainer = /*#__PURE__*/styled.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n width: 12px;\n height: 12px;\n position: absolute;\n top: 8px;\n margin-left: 6px;\n\n & .basket-num {\n color: white;\n font-size: 10px;\n font-family: var(--font-family-navigation);\n }\n"])));
6065
6145
  var BasketText = /*#__PURE__*/styled.a(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n color: var(--base-color-black);\n margin-left: 6px;\n text-decoration: none;\n"])));
6066
6146
 
6067
6147
  var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
@@ -6283,7 +6363,8 @@ var Dropdown = function Dropdown(_ref) {
6283
6363
  withIcon = _ref$withIcon === void 0 ? 'right' : _ref$withIcon,
6284
6364
  _ref$colorPrimary = _ref.colorPrimary,
6285
6365
  colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary,
6286
- className = _ref.className;
6366
+ className = _ref.className,
6367
+ alternativeSEOAnchorText = _ref.alternativeSEOAnchorText;
6287
6368
  var node = useRef();
6288
6369
 
6289
6370
  var _useState = useState(false),
@@ -6405,7 +6486,8 @@ var Dropdown = function Dropdown(_ref) {
6405
6486
  },
6406
6487
  onFocus: onFocusTitleHandler,
6407
6488
  onReset: onResetHandler,
6408
- colorPrimary: colorPrimary
6489
+ colorPrimary: colorPrimary,
6490
+ alternativeSEOAnchorText: alternativeSEOAnchorText
6409
6491
  }), withOptions() && open && /*#__PURE__*/React__default.createElement(OptionsContainer, {
6410
6492
  withOptionsInMobile: withOptionsInMobile,
6411
6493
  withIcon: withIcon,
@@ -6475,7 +6557,8 @@ var Account = function Account(_ref) {
6475
6557
  iconName: iconName,
6476
6558
  withOptionsInMobile: false,
6477
6559
  withIcon: 'left',
6478
- colorPrimary: colorPrimary
6560
+ colorPrimary: colorPrimary,
6561
+ alternativeSEOAnchorText: "Account"
6479
6562
  });
6480
6563
  };
6481
6564
 
@@ -6517,7 +6600,7 @@ var NavTop = function NavTop(_ref) {
6517
6600
  }));
6518
6601
  };
6519
6602
 
6520
- var _templateObject$D, _templateObject2$o, _templateObject3$g, _templateObject4$d;
6603
+ var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject4$d;
6521
6604
  var TabsContainer = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
6522
6605
  var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
6523
6606
  if (props.showMenu) {
@@ -6526,7 +6609,7 @@ var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$o || (_templateObj
6526
6609
 
6527
6610
  return "display: none;";
6528
6611
  });
6529
- var MenuContainer$1 = /*#__PURE__*/styled.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--base-color-", ");\n }\n }\n\n :hover {\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), function (_ref) {
6612
+ var MenuContainer$1 = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--base-color-", ");\n }\n }\n\n :hover {\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), function (_ref) {
6530
6613
  var colorPrimary = _ref.colorPrimary;
6531
6614
  return colorPrimary;
6532
6615
  }, function (_ref2) {
@@ -6660,10 +6743,10 @@ var Tabs = function Tabs(_ref) {
6660
6743
  }, "MENU"))));
6661
6744
  };
6662
6745
 
6663
- var _templateObject$E, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6746
+ var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6664
6747
  var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
6665
6748
  var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
6666
- var SvgContainerClose = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
6749
+ var SvgContainerClose = /*#__PURE__*/styled.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
6667
6750
  var InputContainer = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
6668
6751
  var SearchLinkContainer = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
6669
6752
  var SearchArrowContainer = /*#__PURE__*/styled.a(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
@@ -6898,18 +6981,18 @@ var Navigation = function Navigation(_ref) {
6898
6981
  })))));
6899
6982
  };
6900
6983
 
6901
- var _templateObject$F, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6984
+ var _templateObject$F, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6902
6985
  var FooterSection = /*#__PURE__*/styled.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
6903
6986
  var FooterContainer = /*#__PURE__*/styled.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
6904
- var PolicyLinksRow = /*#__PURE__*/styled.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
6987
+ var PolicyLinksRow = /*#__PURE__*/styled.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
6905
6988
  var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
6906
6989
  var ArtsLogoRow = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
6907
6990
  var AdditionalInfo = /*#__PURE__*/styled.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
6908
6991
 
6909
- var _templateObject$G, _templateObject2$r, _templateObject3$j;
6992
+ var _templateObject$G, _templateObject2$r, _templateObject3$k;
6910
6993
  var PolicyLinksList = /*#__PURE__*/styled.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
6911
6994
  var PolicyLinkItem = /*#__PURE__*/styled.li(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
6912
- var PolicyLink = /*#__PURE__*/styled.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
6995
+ var PolicyLink = /*#__PURE__*/styled.a(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
6913
6996
 
6914
6997
  var PolicyLinks = function PolicyLinks(_ref) {
6915
6998
  var _ref$items = _ref.items,
@@ -6925,10 +7008,10 @@ var PolicyLinks = function PolicyLinks(_ref) {
6925
7008
  }));
6926
7009
  };
6927
7010
 
6928
- var _templateObject$H, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
7011
+ var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
6929
7012
  var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
6930
7013
  var ContactNewsletterSeparator = /*#__PURE__*/styled.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
6931
- var SignUpWrapper = /*#__PURE__*/styled.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
7014
+ var SignUpWrapper = /*#__PURE__*/styled.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
6932
7015
  var SignUpText = /*#__PURE__*/styled.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
6933
7016
  var ContactWrapper = /*#__PURE__*/styled.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
6934
7017
  var MediaLinksWrapper = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
@@ -6999,14 +7082,14 @@ var Footer = function Footer(_ref) {
6999
7082
  }, additionalInfo)))));
7000
7083
  };
7001
7084
 
7002
- var _templateObject$I, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
7085
+ var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$g, _templateObject5$c, _templateObject6$9;
7003
7086
  var LIST_ITEM_GAP = 32;
7004
7087
  var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
7005
7088
  var bottomBorder = _ref.bottomBorder;
7006
7089
  return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
7007
7090
  }, zIndexes.anchor);
7008
7091
  var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
7009
- var TabsWrapper = /*#__PURE__*/styled.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
7092
+ var TabsWrapper = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
7010
7093
  var TabsList = /*#__PURE__*/styled.ul(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.48) 85%,\n rgba(235, 235, 235, 0.4) 99%,\n rgba(255, 255, 255, 0.39) 100%\n );\n }\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref2) {
7011
7094
  var tabsOverflow = _ref2.tabsOverflow;
7012
7095
  return tabsOverflow ? 'calc(100% - 74px)' : '100%';
@@ -7267,13 +7350,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
7267
7350
  })) : null) : null))));
7268
7351
  };
7269
7352
 
7270
- var _templateObject$J, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
7353
+ var _templateObject$J, _templateObject2$u, _templateObject3$n, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
7271
7354
  var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
7272
7355
  var sticky = _ref.sticky;
7273
7356
  return sticky ? 'sticky' : 'initial';
7274
7357
  }, zIndexes.anchor);
7275
7358
  var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
7276
- var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
7359
+ var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
7277
7360
  var title = _ref2.title;
7278
7361
  return title ? 'row' : 'row-reverse';
7279
7362
  }, devices.tablet, devices.mobile);
@@ -7331,10 +7414,10 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
7331
7414
  }, message)));
7332
7415
  };
7333
7416
 
7334
- var _templateObject$K, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
7417
+ var _templateObject$K, _templateObject2$v, _templateObject3$o, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
7335
7418
  var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
7336
7419
  var PromoLabelWrapper = /*#__PURE__*/styled.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
7337
- var PromoLabel = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
7420
+ var PromoLabel = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
7338
7421
  var theme = _ref.theme;
7339
7422
  return theme.colors.primary;
7340
7423
  }, Colors.White);
@@ -7454,18 +7537,18 @@ var UpsellCards = function UpsellCards(_ref) {
7454
7537
  }));
7455
7538
  };
7456
7539
 
7457
- var _templateObject$M, _templateObject2$w, _templateObject3$o;
7540
+ var _templateObject$M, _templateObject2$w, _templateObject3$p;
7458
7541
  var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
7459
7542
  var theme = _ref.theme;
7460
7543
  return theme.colors.primary;
7461
7544
  }, devices.mobile, devices.tablet);
7462
7545
  var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
7463
- var TextContainer = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
7546
+ var TextContainer = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
7464
7547
 
7465
- var _templateObject$N, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7548
+ var _templateObject$N, _templateObject2$x, _templateObject3$q, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7466
7549
  var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
7467
7550
  var LineContainer = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
7468
- var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
7551
+ var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
7469
7552
  var isVisible = _ref.isVisible;
7470
7553
  return isVisible ? 'visible' : 'hidden';
7471
7554
  }, devices.mobile);
@@ -7610,7 +7693,8 @@ var Accordions = function Accordions(_ref) {
7610
7693
  visibleStandfirst: accordion.visibleStandfirst,
7611
7694
  contentType: accordion.contentType,
7612
7695
  displayLevel: accordion.displayLevel,
7613
- semanticLevel: accordion.semanticLevel
7696
+ semanticLevel: accordion.semanticLevel,
7697
+ initOpen: accordion.initOpen
7614
7698
  }, accordion.children);
7615
7699
  }));
7616
7700
  };
@@ -7624,13 +7708,13 @@ var Theme = function Theme(_ref) {
7624
7708
  }, children);
7625
7709
  };
7626
7710
 
7627
- var _templateObject$P, _templateObject2$y, _templateObject3$q;
7711
+ var _templateObject$P, _templateObject2$y, _templateObject3$r;
7628
7712
  var AnnouncementBannerWrapper = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
7629
7713
  var theme = _ref.theme;
7630
7714
  return theme.colors.primary;
7631
7715
  }, devices.mobile);
7632
7716
  var SvgContainer$2 = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n @media ", " {\n align-items: flex-start;\n }\n"])), devices.mobile);
7633
- var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-white);\n a {\n color: var(--base-color-white);\n text-decoration: underline;\n }\n"])));
7717
+ var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-white);\n a {\n color: var(--base-color-white);\n text-decoration: underline;\n }\n"])));
7634
7718
 
7635
7719
  var AnnouncementBanner = function AnnouncementBanner(_ref) {
7636
7720
  var title = _ref.title,
@@ -7691,7 +7775,7 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
7691
7775
  }), children);
7692
7776
  };
7693
7777
 
7694
- var _templateObject$R, _templateObject2$z, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
7778
+ var _templateObject$R, _templateObject2$z, _templateObject3$s, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
7695
7779
  var LENGTH_LARGE_TEXT = 28;
7696
7780
  var LENGTH_SMALL_TEXT$1 = 19;
7697
7781
  var LENGTH_TEXT_TABLET = 10;
@@ -7708,7 +7792,7 @@ var HoverContainer = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObj
7708
7792
  if (lineColor === Colors.Cinema) return 'var(--base-color-white)';
7709
7793
  return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
7710
7794
  }, zIndexes.contentOverlay);
7711
- var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
7795
+ var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
7712
7796
  var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref4) {
7713
7797
  var fullWidth = _ref4.fullWidth;
7714
7798
  return fullWidth ? '0' : '20px';
@@ -7982,9 +8066,9 @@ var Card = function Card(_ref) {
7982
8066
  dangerouslySetInnerHTML: {
7983
8067
  __html: truncatedText
7984
8068
  }
7985
- }), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
8069
+ }))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
7986
8070
  level: 1
7987
- }, highlightText)))), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
8071
+ }, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7988
8072
  fullWidth: fullWidth
7989
8073
  }, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
7990
8074
  ref: node,
@@ -8045,7 +8129,7 @@ var Cards = function Cards(_ref) {
8045
8129
  }));
8046
8130
  };
8047
8131
 
8048
- var _templateObject$T, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
8132
+ var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$l, _templateObject5$g;
8049
8133
  var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
8050
8134
  var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
8051
8135
  var hideBottomBorder = _ref.hideBottomBorder;
@@ -8054,7 +8138,7 @@ var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject2$B || (_templateObject2$
8054
8138
  var hideTopBorder = _ref2.hideTopBorder;
8055
8139
  return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
8056
8140
  }, devices.mobileAndTablet);
8057
- var AddressWrapperDesktop = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
8141
+ var AddressWrapperDesktop = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
8058
8142
  var AddressWrapperMobile = /*#__PURE__*/styled.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
8059
8143
  var DetailsWrapper = /*#__PURE__*/styled.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n\n @media ", " {\n flex-direction: column;\n margin: 4px 0;\n }\n\n a {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-decoration: underline;\n\n &:before {\n display: inline-block;\n content: '';\n background-color: var(--base-color-black);\n width: 1px;\n height: 18px;\n margin: 0 8px -4px;\n\n @media ", " {\n display: none;\n }\n }\n\n &:first-child:before {\n display: none;\n }\n }\n"])), devices.mobile, devices.mobile);
8060
8144
 
@@ -8114,12 +8198,12 @@ var ContactCard = function ContactCard(_ref) {
8114
8198
  }, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
8115
8199
  };
8116
8200
 
8117
- var _templateObject$U, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
8201
+ var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
8118
8202
  var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
8119
8203
  var ContentSummaryWrapper = /*#__PURE__*/styled.article(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
8120
8204
  return props.clickable ? 'pointer' : 'default';
8121
8205
  }, devices.mobile);
8122
- var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
8206
+ var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
8123
8207
  var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 22px;\n\n & > * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n gap: 12px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
8124
8208
  return props.showImage ? 2 : '1 / span 4';
8125
8209
  }, devices.mobile);
@@ -8197,7 +8281,7 @@ var ContentSummary = function ContentSummary(_ref) {
8197
8281
  }), link.text)));
8198
8282
  };
8199
8283
 
8200
- var _templateObject$V, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
8284
+ var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$n, _templateObject5$i;
8201
8285
  var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
8202
8286
  var imageToLeft = _ref.imageToLeft;
8203
8287
  return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
@@ -8206,7 +8290,7 @@ var EditorialImageWrapper = /*#__PURE__*/styled.div(_templateObject2$D || (_temp
8206
8290
  var imageToLeft = _ref2.imageToLeft;
8207
8291
  return imageToLeft ? 'left' : 'right';
8208
8292
  }, devices.mobile);
8209
- var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
8293
+ var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
8210
8294
  var imageToLeft = _ref3.imageToLeft;
8211
8295
  return imageToLeft ? 'right' : 'left';
8212
8296
  }, devices.mobile);
@@ -8242,10 +8326,10 @@ var Editorial = function Editorial(_ref) {
8242
8326
  })))));
8243
8327
  };
8244
8328
 
8245
- var _templateObject$W, _templateObject2$E, _templateObject3$v, _templateObject4$o, _templateObject5$j;
8329
+ var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$o, _templateObject5$j;
8246
8330
  var InfoContent = /*#__PURE__*/styled('div')(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
8247
8331
  var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
8248
- var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
8332
+ var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
8249
8333
  if (!props.infoThemed) {
8250
8334
  return;
8251
8335
  } else {
@@ -8380,7 +8464,7 @@ var Information = function Information(_ref) {
8380
8464
  }))));
8381
8465
  };
8382
8466
 
8383
- var _templateObject$X, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
8467
+ var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
8384
8468
  var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
8385
8469
  var theme = _ref.theme;
8386
8470
  return theme.colors.primary;
@@ -8389,7 +8473,7 @@ var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$X || (_template
8389
8473
  return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
8390
8474
  }, devices.mobile);
8391
8475
  var PageHeadingGrid = /*#__PURE__*/styled(Grid)(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
8392
- var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
8476
+ var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
8393
8477
  var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
8394
8478
  return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
8395
8479
  }, devices.mobile);
@@ -8487,10 +8571,10 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
8487
8571
  })));
8488
8572
  };
8489
8573
 
8490
- var _templateObject$Y, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8574
+ var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8491
8575
  var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
8492
8576
  var ImpactHeaderImageWrapper = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
8493
- var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
8577
+ var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
8494
8578
  var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
8495
8579
  var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
8496
8580
  var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
@@ -8563,7 +8647,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
8563
8647
  }, "Scroll Down")) : null);
8564
8648
  };
8565
8649
 
8566
- var _templateObject$Z, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$m;
8650
+ var _templateObject$Z, _templateObject2$H, _templateObject3$z, _templateObject4$r, _templateObject5$m;
8567
8651
  var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
8568
8652
  var color = _ref.color;
8569
8653
  return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
@@ -8575,7 +8659,7 @@ var LeftPanel = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$
8575
8659
  var hasImage = _ref3.hasImage;
8576
8660
  return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
8577
8661
  });
8578
- var RightPanel = /*#__PURE__*/styled.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
8662
+ var RightPanel = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
8579
8663
  var InfoWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
8580
8664
  var ScrollDownWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
8581
8665
 
@@ -8631,10 +8715,10 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
8631
8715
  }))));
8632
8716
  };
8633
8717
 
8634
- var _templateObject$$, _templateObject2$I, _templateObject3$z, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8718
+ var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8635
8719
  var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
8636
8720
  var BrandingTextBody = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
8637
- var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
8721
+ var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
8638
8722
  var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
8639
8723
  var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
8640
8724
  var invert = _ref.invert,
@@ -8762,7 +8846,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
8762
8846
  var isIOS = function isIOS() {
8763
8847
  try {
8764
8848
  console.warn('Do not use this on server side rendering, it may throw an error.');
8765
- if (typeof navigator === undefined) return false;
8849
+ if (typeof navigator === 'undefined') return false;
8766
8850
  return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
8767
8851
  navigator.userAgent.includes('Mac') && 'ontouchend' in document;
8768
8852
  } catch (e) {
@@ -8778,7 +8862,7 @@ var useIOS = function useIOS() {
8778
8862
  setIOS = _useState[1];
8779
8863
 
8780
8864
  useEffect(function () {
8781
- if (typeof navigator === undefined) return;
8865
+ if (typeof navigator === 'undefined') return;
8782
8866
  setIOS(isIOS());
8783
8867
  }, []);
8784
8868
  return IOS;
@@ -8805,7 +8889,10 @@ var useMobile = function useMobile() {
8805
8889
  setMobile(isMobile());
8806
8890
  }, []);
8807
8891
  return mobile;
8808
- };
8892
+ }; // Detect mobile or tablet helper function:
8893
+ // export const isMobileOrTablet = () => {
8894
+ // return typeof window !== 'undefined' && window.matchMedia('(max-width: 1024px)').matches;
8895
+ // };
8809
8896
 
8810
8897
  var _excluded$l = ["text"];
8811
8898
 
@@ -8966,11 +9053,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
8966
9053
  }), linkText))));
8967
9054
  };
8968
9055
 
8969
- var _templateObject$10, _templateObject2$J, _templateObject3$A, _templateObject4$s;
9056
+ var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$s;
8970
9057
  var MorePages = /*#__PURE__*/styled.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
8971
9058
  var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
8972
9059
 
8973
- var PageNumber = /*#__PURE__*/styled.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
9060
+ var PageNumber = /*#__PURE__*/styled.a(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
8974
9061
  var active = _ref.active;
8975
9062
  return active === 'true' && " \n color: var(--base-color-core);\n ";
8976
9063
  });
@@ -9043,10 +9130,10 @@ var Pagination = function Pagination(_ref) {
9043
9130
  }))));
9044
9131
  };
9045
9132
 
9046
- var _templateObject$11, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
9133
+ var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
9047
9134
  var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
9048
9135
  var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
9049
- var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
9136
+ var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
9050
9137
  var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
9051
9138
  var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
9052
9139
  var PersonLink = /*#__PURE__*/styled.a(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
@@ -9105,14 +9192,14 @@ var PeopleListing = function PeopleListing(_ref) {
9105
9192
  }));
9106
9193
  };
9107
9194
 
9108
- var _templateObject$12, _templateObject2$L, _templateObject3$C, _templateObject4$u;
9195
+ var _templateObject$12, _templateObject2$L, _templateObject3$D, _templateObject4$u;
9109
9196
  var ReplacementWrapper$1 = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
9110
9197
  var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
9111
9198
  var columnCount = _ref.columnCount;
9112
9199
  return "repeat(" + columnCount + ", 1fr)";
9113
9200
  }, devices.mobile, devices.tablet);
9114
- var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
9115
- var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
9201
+ var DescriptionWrapper = /*#__PURE__*/styled.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"])));
9202
+ var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
9116
9203
 
9117
9204
  var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
9118
9205
  return array.reduce(function (acc, item) {
@@ -9248,7 +9335,7 @@ var CreditListing = function CreditListing(_ref) {
9248
9335
  }, creditEntries);
9249
9336
  };
9250
9337
 
9251
- var _templateObject$13, _templateObject2$M, _templateObject3$D, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
9338
+ var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
9252
9339
  var LENGTH_TEXT = 28;
9253
9340
  var LENGTH_TEXT_TABLET$1 = 12;
9254
9341
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
@@ -9266,7 +9353,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$13 || (_templa
9266
9353
  return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
9267
9354
  });
9268
9355
  var PromoWithTagsSubtitle = /*#__PURE__*/styled.span(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
9269
- var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref4) {
9356
+ var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref4) {
9270
9357
  var theme = _ref4.theme;
9271
9358
  return theme.colors.black;
9272
9359
  }, function (_ref5) {
@@ -9530,7 +9617,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
9530
9617
  }))));
9531
9618
  };
9532
9619
 
9533
- var _templateObject$14, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
9620
+ var _templateObject$14, _templateObject2$N, _templateObject3$F, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
9534
9621
  var LENGTH_TEXT$2 = 28;
9535
9622
  var LENGTH_TEXT_TABLET$2 = 10;
9536
9623
  var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
@@ -9544,7 +9631,7 @@ var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$N || (
9544
9631
  var imageToLeft = _ref3.imageToLeft;
9545
9632
  return imageToLeft ? 'left' : 'right';
9546
9633
  }, devices.mobile);
9547
- var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
9634
+ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
9548
9635
  var imageToLeft = _ref4.imageToLeft;
9549
9636
  return imageToLeft ? 'right' : 'left';
9550
9637
  }, devices.mobile);
@@ -9852,7 +9939,7 @@ var RadioGroup = function RadioGroup(_ref) {
9852
9939
  })));
9853
9940
  };
9854
9941
 
9855
- var _templateObject$17, _templateObject2$O, _templateObject3$F;
9942
+ var _templateObject$17, _templateObject2$O, _templateObject3$G;
9856
9943
  var Container$3 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9857
9944
  var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
9858
9945
  var horizontalMode = _ref.horizontalMode;
@@ -9862,7 +9949,7 @@ var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObjec
9862
9949
  var gap = _ref2.gap;
9863
9950
  return gap + "px";
9864
9951
  });
9865
- var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
9952
+ var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
9866
9953
  var darkMode = _ref3.darkMode;
9867
9954
  if (darkMode) return 'var(--base-color-white)';
9868
9955
  return 'var(--base-color-errorstate)';
@@ -9942,10 +10029,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
9942
10029
  }, error)));
9943
10030
  };
9944
10031
 
9945
- var _templateObject$18, _templateObject2$P, _templateObject3$G;
10032
+ var _templateObject$18, _templateObject2$P, _templateObject3$H;
9946
10033
  var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
9947
10034
  var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
9948
- var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
10035
+ var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
9949
10036
 
9950
10037
  var StatusBanner = function StatusBanner(_ref) {
9951
10038
  var statusText = _ref.statusText,
@@ -10036,7 +10123,7 @@ var SectionTitle = function SectionTitle(_ref) {
10036
10123
  }, description))));
10037
10124
  };
10038
10125
 
10039
- var _templateObject$1a, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
10126
+ var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
10040
10127
  var stateStyles = /*#__PURE__*/css(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
10041
10128
  var theme = _ref.theme;
10042
10129
  return "3px solid " + theme.colors.lapisLazuli;
@@ -10051,7 +10138,7 @@ var borderStyles = /*#__PURE__*/css(_templateObject2$Q || (_templateObject2$Q =
10051
10138
  var theme = _ref4.theme;
10052
10139
  return theme.colors.darkgrey;
10053
10140
  });
10054
- var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
10141
+ var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
10055
10142
  var listItemStyles = /*#__PURE__*/css(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
10056
10143
  var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
10057
10144
  var theme = _ref5.theme;
@@ -10459,7 +10546,7 @@ function Select(_ref3) {
10459
10546
  }))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
10460
10547
  }
10461
10548
 
10462
- var _templateObject$1b, _templateObject2$R, _templateObject3$I, _templateObject4$y;
10549
+ var _templateObject$1b, _templateObject2$R, _templateObject3$J, _templateObject4$y;
10463
10550
  var Container$4 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
10464
10551
  var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
10465
10552
  var width = _ref.width;
@@ -10478,7 +10565,7 @@ var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateOb
10478
10565
  if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
10479
10566
  return "0 0 0 3px var(--base-color-lapislazuli)";
10480
10567
  });
10481
- var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
10568
+ var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
10482
10569
  var darkMode = _ref5.darkMode;
10483
10570
  if (darkMode) return "var(--base-color-white)";
10484
10571
  return "var(--base-color-black)";
@@ -10679,13 +10766,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
10679
10766
  }, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
10680
10767
  };
10681
10768
 
10682
- var _templateObject$1e, _templateObject2$T, _templateObject3$J;
10769
+ var _templateObject$1e, _templateObject2$T, _templateObject3$K;
10683
10770
  var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
10684
10771
  var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
10685
10772
  var displayAttribution = _ref.displayAttribution;
10686
10773
  return "display: " + (displayAttribution ? 'block' : 'none') + ";";
10687
10774
  });
10688
- var Line$1 = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
10775
+ var Line$1 = /*#__PURE__*/styled.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
10689
10776
 
10690
10777
  var Quote = function Quote(_ref) {
10691
10778
  var text = _ref.text,
@@ -10709,10 +10796,10 @@ var Quote = function Quote(_ref) {
10709
10796
  }, attribution))));
10710
10797
  };
10711
10798
 
10712
- var _templateObject$1f, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$s, _templateObject6$m;
10799
+ var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$z, _templateObject5$s, _templateObject6$m;
10713
10800
  var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
10714
10801
  var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
10715
- var StyledImage = /*#__PURE__*/styled.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
10802
+ var StyledImage = /*#__PURE__*/styled.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
10716
10803
  var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
10717
10804
  var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
10718
10805
  var TitleWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
@@ -10753,10 +10840,10 @@ var MiniCard = function MiniCard(_ref) {
10753
10840
  }, title)))));
10754
10841
  };
10755
10842
 
10756
- var _templateObject$1g, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$t;
10843
+ var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$A, _templateObject5$t;
10757
10844
  var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
10758
10845
  var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
10759
- var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
10846
+ var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
10760
10847
  var isVisible = _ref.isVisible;
10761
10848
  return isVisible ? 'visible' : 'hidden';
10762
10849
  });
@@ -10851,15 +10938,113 @@ var ReadMore = function ReadMore(_ref) {
10851
10938
  }, isFullTextOpen ? "" + hideText : "" + showMoreText)));
10852
10939
  };
10853
10940
 
10854
- var _templateObject$1h, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$u;
10855
- var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10856
- var MenuList = /*#__PURE__*/styled.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), Colors.LightGrey);
10857
- var MobileButton = /*#__PURE__*/styled.button(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), Colors.Black, Colors.White, Colors.DarkGrey);
10858
- var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), Colors.Black, function (_ref) {
10941
+ var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$B, _templateObject5$u, _templateObject6$n;
10942
+ var Container$5 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10943
+ var Sections = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10944
+ var Section = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10945
+ var color = _ref.color;
10946
+ return "var(--base-color-" + color + ")";
10947
+ });
10948
+ var BottomLine = /*#__PURE__*/styled.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"])));
10949
+ var Text = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
10950
+ var color = _ref2.color;
10951
+ return "var(--base-color-" + color + ")";
10952
+ });
10953
+ var LabelText = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
10954
+ var color = _ref3.color;
10955
+ return "var(--base-color-" + color + ")";
10956
+ });
10957
+
10958
+ /**
10959
+ * Password strength indicator component.
10960
+ * This renders some number of lines (6 by default)
10961
+ * which should become active when the user improves
10962
+ * the strength of the entered password.
10963
+ *
10964
+ * ## Sections
10965
+ * To set number of sections it should be passed
10966
+ * as `sections` prop.
10967
+ *
10968
+ * ## Active section
10969
+ * To set number of active sections it should be passed
10970
+ * as `activeSections` prop.
10971
+ *
10972
+ * ## Colors
10973
+ * Color of every element can be controlled by properties:
10974
+ * `sectionsColor`, `activeSectionsColor`,
10975
+ * `textColor`, `strengthLabelColor`.
10976
+ *
10977
+ * ## Text
10978
+ * `text` prop is used to render some message.
10979
+ * For example error (together with proper red color)
10980
+ * or some password requirement. It can be empty.
10981
+ *
10982
+ * ## Strength label
10983
+ * `strengthLabel` prop is used to render strength characteristic
10984
+ * of entered password. For example: `weak`, `normal`, `strong`, etc.
10985
+ * It can be empty.
10986
+ */
10987
+
10988
+ var PasswordStrength = function PasswordStrength(_ref) {
10989
+ var _ref$sections = _ref.sections,
10990
+ sections = _ref$sections === void 0 ? 6 : _ref$sections,
10991
+ _ref$activeSections = _ref.activeSections,
10992
+ activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
10993
+ _ref$sectionsColor = _ref.sectionsColor,
10994
+ sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
10995
+ _ref$activeSectionsCo = _ref.activeSectionsColor,
10996
+ activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
10997
+ _ref$text = _ref.text,
10998
+ text = _ref$text === void 0 ? '' : _ref$text,
10999
+ _ref$textColor = _ref.textColor,
11000
+ textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
11001
+ _ref$strengthLabel = _ref.strengthLabel,
11002
+ strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
11003
+ _ref$strengthLabelCol = _ref.strengthLabelColor,
11004
+ strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
11005
+
11006
+ var setSectionColor = function setSectionColor(index) {
11007
+ return index < activeSections ? activeSectionsColor : sectionsColor;
11008
+ };
11009
+
11010
+ var setSectionDataTestId = function setSectionDataTestId(index) {
11011
+ return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
11012
+ };
11013
+
11014
+ return /*#__PURE__*/React__default.createElement(Container$5, {
11015
+ "data-testid": "password-strength-container"
11016
+ }, /*#__PURE__*/React__default.createElement(Sections, {
11017
+ "data-testid": "password-strength-sections"
11018
+ }, Array.from({
11019
+ length: sections
11020
+ }, function (_section, i) {
11021
+ return /*#__PURE__*/React__default.createElement(Section, {
11022
+ key: i,
11023
+ color: setSectionColor(i),
11024
+ "data-testid": setSectionDataTestId(i)
11025
+ });
11026
+ })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
11027
+ color: textColor,
11028
+ "data-testid": "password-strength-text"
11029
+ }, /*#__PURE__*/React__default.createElement(AltHeader, {
11030
+ level: 6
11031
+ }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
11032
+ color: strengthLabelColor,
11033
+ "data-testid": "password-strength-label"
11034
+ }, /*#__PURE__*/React__default.createElement(Overline, {
11035
+ level: 2
11036
+ }, strengthLabel))));
11037
+ };
11038
+
11039
+ var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$C, _templateObject5$v;
11040
+ var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
11041
+ var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey);
11042
+ var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey);
11043
+ var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref) {
10859
11044
  var isActive = _ref.isActive;
10860
11045
  return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
10861
11046
  }, Colors.MidGrey);
10862
- var MobileMenuList = /*#__PURE__*/styled.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) {
11047
+ var MobileMenuList = /*#__PURE__*/styled.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) {
10863
11048
  var isOpen = _ref2.isOpen;
10864
11049
  return isOpen ? 'block' : 'none';
10865
11050
  }, Colors.White, Colors.DarkGrey, MenuItem$1);
@@ -11029,108 +11214,10 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
11029
11214
  });
11030
11215
  };
11031
11216
 
11032
- var _templateObject$1i, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$v, _templateObject6$n;
11033
- var Container$5 = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
11034
- var Sections = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
11035
- var Section = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
11036
- var color = _ref.color;
11037
- return "var(--base-color-" + color + ")";
11038
- });
11039
- var BottomLine = /*#__PURE__*/styled.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"])));
11040
- var Text = /*#__PURE__*/styled.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
11041
- var color = _ref2.color;
11042
- return "var(--base-color-" + color + ")";
11043
- });
11044
- var LabelText = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
11045
- var color = _ref3.color;
11046
- return "var(--base-color-" + color + ")";
11047
- });
11048
-
11049
- /**
11050
- * Password strength indicator component.
11051
- * This renders some number of lines (6 by default)
11052
- * which should become active when the user improves
11053
- * the strength of the entered password.
11054
- *
11055
- * ## Sections
11056
- * To set number of sections it should be passed
11057
- * as `sections` prop.
11058
- *
11059
- * ## Active section
11060
- * To set number of active sections it should be passed
11061
- * as `activeSections` prop.
11062
- *
11063
- * ## Colors
11064
- * Color of every element can be controlled by properties:
11065
- * `sectionsColor`, `activeSectionsColor`,
11066
- * `textColor`, `strengthLabelColor`.
11067
- *
11068
- * ## Text
11069
- * `text` prop is used to render some message.
11070
- * For example error (together with proper red color)
11071
- * or some password requirement. It can be empty.
11072
- *
11073
- * ## Strength label
11074
- * `strengthLabel` prop is used to render strength characteristic
11075
- * of entered password. For example: `weak`, `normal`, `strong`, etc.
11076
- * It can be empty.
11077
- */
11078
-
11079
- var PasswordStrength = function PasswordStrength(_ref) {
11080
- var _ref$sections = _ref.sections,
11081
- sections = _ref$sections === void 0 ? 6 : _ref$sections,
11082
- _ref$activeSections = _ref.activeSections,
11083
- activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
11084
- _ref$sectionsColor = _ref.sectionsColor,
11085
- sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
11086
- _ref$activeSectionsCo = _ref.activeSectionsColor,
11087
- activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
11088
- _ref$text = _ref.text,
11089
- text = _ref$text === void 0 ? '' : _ref$text,
11090
- _ref$textColor = _ref.textColor,
11091
- textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
11092
- _ref$strengthLabel = _ref.strengthLabel,
11093
- strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
11094
- _ref$strengthLabelCol = _ref.strengthLabelColor,
11095
- strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
11096
-
11097
- var setSectionColor = function setSectionColor(index) {
11098
- return index < activeSections ? activeSectionsColor : sectionsColor;
11099
- };
11100
-
11101
- var setSectionDataTestId = function setSectionDataTestId(index) {
11102
- return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
11103
- };
11104
-
11105
- return /*#__PURE__*/React__default.createElement(Container$5, {
11106
- "data-testid": "password-strength-container"
11107
- }, /*#__PURE__*/React__default.createElement(Sections, {
11108
- "data-testid": "password-strength-sections"
11109
- }, Array.from({
11110
- length: sections
11111
- }, function (_section, i) {
11112
- return /*#__PURE__*/React__default.createElement(Section, {
11113
- key: i,
11114
- color: setSectionColor(i),
11115
- "data-testid": setSectionDataTestId(i)
11116
- });
11117
- })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
11118
- color: textColor,
11119
- "data-testid": "password-strength-text"
11120
- }, /*#__PURE__*/React__default.createElement(AltHeader, {
11121
- level: 6
11122
- }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
11123
- color: strengthLabelColor,
11124
- "data-testid": "password-strength-label"
11125
- }, /*#__PURE__*/React__default.createElement(Overline, {
11126
- level: 2
11127
- }, strengthLabel))));
11128
- };
11129
-
11130
- var _templateObject$1j, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
11217
+ var _templateObject$1j, _templateObject2$Y, _templateObject3$P, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
11131
11218
  var TableContainer = /*#__PURE__*/styled.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
11132
11219
  var Container$6 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
11133
- var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
11220
+ var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
11134
11221
  var TableHeader = /*#__PURE__*/styled.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
11135
11222
  return "var(--base-color-" + props.lineColor + ")";
11136
11223
  }, function (props) {
@@ -11148,7 +11235,7 @@ var PageNumber$1 = /*#__PURE__*/styled.button(_templateObject7$g || (_templateOb
11148
11235
  });
11149
11236
  var Next = /*#__PURE__*/styled.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"])));
11150
11237
  var ScrollButtons = /*#__PURE__*/styled.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"])));
11151
- var AriaDescription$1 = /*#__PURE__*/styled.span(_templateObject10$7 || (_templateObject10$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
11238
+ var AriaDescription$1 = /*#__PURE__*/styled.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"])));
11152
11239
 
11153
11240
  var Content = function Content(_ref) {
11154
11241
  var content = _ref.content;
@@ -11234,7 +11321,7 @@ var Table = function Table(_ref) {
11234
11321
  return window.removeEventListener('resize', horizontalScroll);
11235
11322
  };
11236
11323
  }, []);
11237
- var totalRows = Array.isArray(children) ? children.length + 1 : 1;
11324
+ var totalRows = Array.isArray(children) ? children.length : 1;
11238
11325
  var totalPages = pagination ? Math.ceil(totalRows / rowsPerPage) : 1;
11239
11326
  var pageNumbers = Array.from({
11240
11327
  length: totalPages
@@ -11323,7 +11410,7 @@ var Table = function Table(_ref) {
11323
11410
  }))))))));
11324
11411
  };
11325
11412
 
11326
- var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E, _templateObject5$x, _templateObject6$p, _templateObject7$h, _templateObject8$d, _templateObject9$8, _templateObject10$8, _templateObject11$4, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1;
11413
+ var _templateObject$1k, _templateObject2$Z, _templateObject3$Q, _templateObject4$E, _templateObject5$x, _templateObject6$p, _templateObject7$h, _templateObject8$d, _templateObject9$8, _templateObject10$8, _templateObject11$4, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1;
11327
11414
  var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
11328
11415
  var theme = _ref.theme;
11329
11416
  return "var(--base-color-" + theme + ")";
@@ -11332,7 +11419,7 @@ var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1k || (_templateObjec
11332
11419
  return "var(--base-color-" + theme + ")";
11333
11420
  });
11334
11421
  var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
11335
- var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--base-color-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
11422
+ var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--base-color-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
11336
11423
  var Error$1 = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--base-color-errorstate);\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
11337
11424
  var Form = /*#__PURE__*/styled.form(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error$1);
11338
11425
  var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
@@ -11765,13 +11852,13 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
11765
11852
  }))));
11766
11853
  };
11767
11854
 
11768
- var _templateObject$1l, _templateObject2$_, _templateObject3$Q, _templateObject4$F;
11855
+ var _templateObject$1l, _templateObject2$_, _templateObject3$R, _templateObject4$F;
11769
11856
  var AnchorBarContainer = /*#__PURE__*/styled('div')(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 50px;\n min-height: 70px;\n background: var(--base-color-white);\n ", "\n border-bottom: 2px solid var(--base-color-lightgrey);\n z-index: ", ";\n\n @media ", " {\n padding: 0 20px;\n min-height: 60px;\n }\n"])), function (_ref) {
11770
11857
  var hideTopBorder = _ref.hideTopBorder;
11771
11858
  return !hideTopBorder && 'border-top: 2px solid var(--base-color-lightgrey);';
11772
11859
  }, zIndexes.anchor, devices.mobile);
11773
11860
  var CTAWrapper = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n min-height: 28px;\n\n @media ", " {\n min-height: 24px;\n }\n"])), devices.mobile);
11774
- var CTALink = /*#__PURE__*/styled.a(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: underline;\n text-decoration-color: var(--base-color-black);\n text-underline-offset: 4px;\n line-height: 1.6;\n color: var(--base-color-black);\n font-weight: var(--font-weight-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n cursor: pointer;\n"])));
11861
+ var CTALink = /*#__PURE__*/styled.a(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: underline;\n text-decoration-color: var(--base-color-black);\n text-underline-offset: 4px;\n line-height: 1.6;\n color: var(--base-color-black);\n font-weight: var(--font-weight-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n cursor: pointer;\n"])));
11775
11862
  var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 24px;\n min-width: 24px;\n max-height: 24px;\n max-width: 24px;\n border: none;\n padding: 0;\n background: none;\n\n :hover {\n cursor: pointer;\n }\n"])));
11776
11863
 
11777
11864
  var AnchorBar = function AnchorBar(_ref) {
@@ -11892,10 +11979,10 @@ var StickyBar = function StickyBar(_ref) {
11892
11979
  }, children)));
11893
11980
  };
11894
11981
 
11895
- var _templateObject$1n, _templateObject2$10, _templateObject3$R, _templateObject4$G;
11982
+ var _templateObject$1n, _templateObject2$10, _templateObject3$S, _templateObject4$G;
11896
11983
  var InnerModal = /*#__PURE__*/styled.div(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
11897
11984
  var CloseButton = /*#__PURE__*/styled.button(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
11898
- var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11985
+ var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11899
11986
  var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
11900
11987
 
11901
11988
  var _excluded$q = ["isOpen", "setIsOpen", "children", "appElementId"];