@royaloperahouse/chord 2.4.7 → 2.4.8-a-chord-development

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/CHANGELOG.md +213 -7
  2. package/README.md +250 -40
  3. package/dist/chord.cjs.development.js +601 -410
  4. package/dist/chord.cjs.development.js.map +1 -1
  5. package/dist/chord.cjs.production.min.js +1 -1
  6. package/dist/chord.cjs.production.min.js.map +1 -1
  7. package/dist/chord.esm.js +601 -411
  8. package/dist/chord.esm.js.map +1 -1
  9. package/dist/components/atoms/Grid/GridItemLegacy.d.ts +8 -0
  10. package/dist/components/atoms/Grid/index.d.ts +2 -1
  11. package/dist/components/atoms/Icons/StorybookSupport/Iconography.d.ts +1 -0
  12. package/dist/components/atoms/Icons/SvgIcons/12px/Expand.svg.d.ts +1 -1
  13. package/dist/components/atoms/Icons/SvgIcons/12px/Remove.svg.d.ts +1 -1
  14. package/dist/components/atoms/Icons/SvgIcons/12px/Tick.svg.d.ts +1 -1
  15. package/dist/components/atoms/Icons/SvgIcons/Actions/AddToMyList.svg.d.ts +1 -1
  16. package/dist/components/atoms/Icons/SvgIcons/Actions/BookTickets.svg.d.ts +1 -1
  17. package/dist/components/atoms/Icons/SvgIcons/Actions/ChooseDates.svg.d.ts +1 -1
  18. package/dist/components/atoms/Icons/SvgIcons/Actions/EditMyList.svg.d.ts +1 -1
  19. package/dist/components/atoms/Icons/SvgIcons/Actions/Favourite.svg.d.ts +1 -1
  20. package/dist/components/atoms/Icons/SvgIcons/Actions/FavouriteFull.svg.d.ts +1 -1
  21. package/dist/components/atoms/Icons/SvgIcons/Actions/Filter.svg.d.ts +1 -1
  22. package/dist/components/atoms/Icons/SvgIcons/Actions/FindAScreening.svg.d.ts +1 -1
  23. package/dist/components/atoms/Icons/SvgIcons/Actions/OnMyList.svg.d.ts +1 -1
  24. package/dist/components/atoms/Icons/SvgIcons/Actions/Reminder.svg.d.ts +1 -1
  25. package/dist/components/atoms/Icons/SvgIcons/Actions/Subscribe.svg.d.ts +1 -1
  26. package/dist/components/atoms/Icons/SvgIcons/Actions/Watch.svg.d.ts +1 -1
  27. package/dist/components/atoms/Icons/SvgIcons/Arrows/Arrow.svg.d.ts +1 -1
  28. package/dist/components/atoms/Icons/SvgIcons/Arrows/CarouselArrow.svg.d.ts +1 -1
  29. package/dist/components/atoms/Icons/SvgIcons/Arrows/DropdownArrow.svg.d.ts +1 -1
  30. package/dist/components/atoms/Icons/SvgIcons/Descriptors/Cinema.svg.d.ts +1 -1
  31. package/dist/components/atoms/Icons/SvgIcons/Descriptors/Clock.svg.d.ts +1 -1
  32. package/dist/components/atoms/Icons/SvgIcons/Descriptors/CreditCard.svg.d.ts +1 -1
  33. package/dist/components/atoms/Icons/SvgIcons/Descriptors/Email.svg.d.ts +1 -1
  34. package/dist/components/atoms/Icons/SvgIcons/Descriptors/Info.svg.d.ts +1 -1
  35. package/dist/components/atoms/Icons/SvgIcons/Descriptors/List.svg.d.ts +1 -1
  36. package/dist/components/atoms/Icons/SvgIcons/Descriptors/Location.svg.d.ts +1 -1
  37. package/dist/components/atoms/Icons/SvgIcons/Descriptors/PDF.svg.d.ts +1 -1
  38. package/dist/components/atoms/Icons/SvgIcons/Descriptors/Phone.svg.d.ts +1 -1
  39. package/dist/components/atoms/Icons/SvgIcons/Descriptors/Print.svg.d.ts +1 -1
  40. package/dist/components/atoms/Icons/SvgIcons/Descriptors/Seat.svg.d.ts +1 -1
  41. package/dist/components/atoms/Icons/SvgIcons/Descriptors/Secure.svg.d.ts +1 -1
  42. package/dist/components/atoms/Icons/SvgIcons/Descriptors/Standing.svg.d.ts +1 -1
  43. package/dist/components/atoms/Icons/SvgIcons/Descriptors/Tickets.svg.d.ts +1 -1
  44. package/dist/components/atoms/Icons/SvgIcons/Logos/Social/Facebook.svg.d.ts +1 -1
  45. package/dist/components/atoms/Icons/SvgIcons/Logos/Social/Instagram.svg.d.ts +1 -1
  46. package/dist/components/atoms/Icons/SvgIcons/Logos/Social/Tiktok.svg.d.ts +1 -1
  47. package/dist/components/atoms/Icons/SvgIcons/Logos/Social/Twitter.svg.d.ts +1 -1
  48. package/dist/components/atoms/Icons/SvgIcons/Logos/Social/X.svg.d.ts +1 -1
  49. package/dist/components/atoms/Icons/SvgIcons/Logos/Social/Youtube.svg.d.ts +1 -1
  50. package/dist/components/atoms/Icons/SvgIcons/Navigation/BalletAndDance.svg.d.ts +1 -1
  51. package/dist/components/atoms/Icons/SvgIcons/Navigation/Basket.svg.d.ts +1 -1
  52. package/dist/components/atoms/Icons/SvgIcons/Navigation/BasketFull.svg.d.ts +1 -1
  53. package/dist/components/atoms/Icons/SvgIcons/Navigation/Home.svg.d.ts +1 -1
  54. package/dist/components/atoms/Icons/SvgIcons/Navigation/LiveStream.svg.d.ts +1 -1
  55. package/dist/components/atoms/Icons/SvgIcons/Navigation/Menu.svg.d.ts +1 -1
  56. package/dist/components/atoms/Icons/SvgIcons/Navigation/OperaAndMusic.svg.d.ts +1 -1
  57. package/dist/components/atoms/Icons/SvgIcons/Navigation/Search.svg.d.ts +1 -1
  58. package/dist/components/atoms/Icons/SvgIcons/Navigation/Settings.svg.d.ts +1 -1
  59. package/dist/components/atoms/Icons/SvgIcons/Navigation/User.svg.d.ts +1 -1
  60. package/dist/components/atoms/Icons/SvgIcons/Navigation/UserSignedIn.svg.d.ts +1 -1
  61. package/dist/components/atoms/Icons/SvgIcons/Text/Delete.svg.d.ts +1 -1
  62. package/dist/components/atoms/Icons/SvgIcons/Text/Shift.svg.d.ts +1 -1
  63. package/dist/components/atoms/Icons/SvgIcons/Text/Space.svg.d.ts +1 -1
  64. package/dist/components/atoms/Icons/SvgIcons/Utility/Close.svg.d.ts +1 -1
  65. package/dist/components/atoms/Icons/SvgIcons/Utility/Confirm.svg.d.ts +1 -1
  66. package/dist/components/atoms/Icons/SvgIcons/Utility/Detract.svg.d.ts +1 -1
  67. package/dist/components/atoms/Icons/SvgIcons/Utility/Expand.svg.d.ts +1 -1
  68. package/dist/components/atoms/Icons/SvgIcons/Utility/ExternalLink.svg.d.ts +1 -1
  69. package/dist/components/atoms/Icons/SvgIcons/Utility/GridView.svg.d.ts +1 -1
  70. package/dist/components/atoms/Icons/SvgIcons/Utility/ListView.svg.d.ts +1 -1
  71. package/dist/components/atoms/Icons/SvgIcons/Utility/Refresh.svg.d.ts +1 -1
  72. package/dist/components/atoms/Icons/SvgIcons/Utility/Remove.svg.d.ts +1 -1
  73. package/dist/components/atoms/Icons/SvgIcons/Utility/Star.svg.d.ts +1 -1
  74. package/dist/components/atoms/Icons/SvgIcons/Video/AudioDescription.svg.d.ts +1 -1
  75. package/dist/components/atoms/Icons/SvgIcons/Video/Back10.svg.d.ts +1 -1
  76. package/dist/components/atoms/Icons/SvgIcons/Video/Clips.svg.d.ts +1 -1
  77. package/dist/components/atoms/Icons/SvgIcons/Video/Forward10.svg.d.ts +1 -1
  78. package/dist/components/atoms/Icons/SvgIcons/Video/FullScreen.svg.d.ts +1 -1
  79. package/dist/components/atoms/Icons/SvgIcons/Video/Minimise.svg.d.ts +1 -1
  80. package/dist/components/atoms/Icons/SvgIcons/Video/Muted.svg.d.ts +1 -1
  81. package/dist/components/atoms/Icons/SvgIcons/Video/Pause.svg.d.ts +1 -1
  82. package/dist/components/atoms/Icons/SvgIcons/Video/Play.svg.d.ts +1 -1
  83. package/dist/components/atoms/Icons/SvgIcons/Video/Restart.svg.d.ts +1 -1
  84. package/dist/components/atoms/Icons/SvgIcons/Video/Subtitles.svg.d.ts +1 -1
  85. package/dist/components/atoms/Icons/SvgIcons/Video/Trailer.svg.d.ts +1 -1
  86. package/dist/components/atoms/Icons/SvgIcons/Video/Volume.svg.d.ts +1 -1
  87. package/dist/components/atoms/Icons/SvgIcons/index.d.ts +75 -75
  88. package/dist/components/atoms/index.d.ts +2 -2
  89. package/dist/components/index.d.ts +2 -2
  90. package/dist/components/molecules/PageHeading/index.d.ts +1 -1
  91. package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
  92. package/dist/components/molecules/index.d.ts +1 -1
  93. package/dist/index.d.ts +3 -2
  94. package/dist/types/formTypes.d.ts +12 -9
  95. package/dist/types/iconTypes.d.ts +1 -0
  96. package/package.json +1 -1
  97. package/README.GIT +0 -277
package/dist/chord.cjs.development.js CHANGED
@@ -907,13 +907,15 @@ var Wrapper = /*#__PURE__*/styled__default.span(_templateObject$3 || (_templateO
907
907
 
908
908
  var Expand12px = (function (_ref) {
909
909
  var _ref$color = _ref.color,
910
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
910
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
911
+ ariaLabel = _ref.ariaLabel;
911
912
  return /*#__PURE__*/React.createElement("svg", {
912
913
  xmlns: "http://www.w3.org/2000/svg",
913
914
  width: "12",
914
915
  height: "12",
915
916
  viewBox: "0 0 12 12",
916
- fill: "none"
917
+ fill: "none",
918
+ "aria-label": ariaLabel
917
919
  }, /*#__PURE__*/React.createElement("path", {
918
920
  d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
919
921
  fill: color
@@ -922,13 +924,15 @@ var Expand12px = (function (_ref) {
922
924
 
923
925
  var Remove12px = (function (_ref) {
924
926
  var _ref$color = _ref.color,
925
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
927
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
928
+ ariaLabel = _ref.ariaLabel;
926
929
  return /*#__PURE__*/React.createElement("svg", {
927
930
  xmlns: "http://www.w3.org/2000/svg",
928
931
  width: "12",
929
932
  height: "12",
930
933
  viewBox: "0 0 12 12",
931
- fill: "none"
934
+ fill: "none",
935
+ "aria-label": ariaLabel
932
936
  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
933
937
  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",
934
938
  fill: color
@@ -937,13 +941,15 @@ var Remove12px = (function (_ref) {
937
941
 
938
942
  var Tick = (function (_ref) {
939
943
  var _ref$color = _ref.color,
940
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
944
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
945
+ ariaLabel = _ref.ariaLabel;
941
946
  return /*#__PURE__*/React.createElement("svg", {
942
947
  width: "100%",
943
948
  height: "100%",
944
949
  viewBox: "0 0 12 12",
945
950
  fill: "none",
946
- xmlns: "http://www.w3.org/2000/svg"
951
+ xmlns: "http://www.w3.org/2000/svg",
952
+ "aria-label": ariaLabel
947
953
  }, /*#__PURE__*/React.createElement("path", {
948
954
  d: "M4.09961 11.1999L1.09961 7.2999L1.89961 6.6999L4.09961 9.4999L10.0996 1.3999L10.8996 1.9999L4.09961 11.1999Z",
949
955
  fill: color
@@ -952,13 +958,15 @@ var Tick = (function (_ref) {
952
958
 
953
959
  var AddToMyList = (function (_ref) {
954
960
  var _ref$color = _ref.color,
955
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
961
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
962
+ ariaLabel = _ref.ariaLabel;
956
963
  return /*#__PURE__*/React.createElement("svg", {
957
964
  width: "100%",
958
965
  height: "100%",
959
966
  viewBox: "0 0 24 24",
960
967
  fill: "none",
961
- xmlns: "http://www.w3.org/2000/svg"
968
+ xmlns: "http://www.w3.org/2000/svg",
969
+ "aria-label": ariaLabel
962
970
  }, /*#__PURE__*/React.createElement("path", {
963
971
  d: "M21 3H3V4H21V3Z",
964
972
  fill: color
@@ -982,13 +990,15 @@ var AddToMyList = (function (_ref) {
982
990
 
983
991
  var OnMyList = (function (_ref) {
984
992
  var _ref$color = _ref.color,
985
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
993
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
994
+ ariaLabel = _ref.ariaLabel;
986
995
  return /*#__PURE__*/React.createElement("svg", {
987
996
  width: "100%",
988
997
  height: "100%",
989
998
  viewBox: "0 0 24 24",
990
999
  fill: "none",
991
- xmlns: "http://www.w3.org/2000/svg"
1000
+ xmlns: "http://www.w3.org/2000/svg",
1001
+ "aria-label": ariaLabel
992
1002
  }, /*#__PURE__*/React.createElement("path", {
993
1003
  d: "M15.4996 20.2002L13.3996 17.7002L12.5996 18.3002L15.5996 21.8002L20.8996 13.8002L20.0996 13.2002L15.4996 20.2002Z",
994
1004
  fill: color
@@ -1012,13 +1022,15 @@ var OnMyList = (function (_ref) {
1012
1022
 
1013
1023
  var BookTickets = (function (_ref) {
1014
1024
  var _ref$color = _ref.color,
1015
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1025
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1026
+ ariaLabel = _ref.ariaLabel;
1016
1027
  return /*#__PURE__*/React.createElement("svg", {
1017
1028
  width: "100%",
1018
1029
  height: "100%",
1019
1030
  viewBox: "0 0 24 24",
1020
1031
  fill: "none",
1021
- xmlns: "http://www.w3.org/2000/svg"
1032
+ xmlns: "http://www.w3.org/2000/svg",
1033
+ "aria-label": ariaLabel
1022
1034
  }, /*#__PURE__*/React.createElement("path", {
1023
1035
  d: "M7 2H6V5H7V2Z",
1024
1036
  fill: color
@@ -1054,13 +1066,15 @@ var BookTickets = (function (_ref) {
1054
1066
 
1055
1067
  var ChooseDates = (function (_ref) {
1056
1068
  var _ref$color = _ref.color,
1057
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1069
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1070
+ ariaLabel = _ref.ariaLabel;
1058
1071
  return /*#__PURE__*/React.createElement("svg", {
1059
1072
  width: "100%",
1060
1073
  height: "100%",
1061
1074
  viewBox: "0 0 24 24",
1062
1075
  fill: "none",
1063
- xmlns: "http://www.w3.org/2000/svg"
1076
+ xmlns: "http://www.w3.org/2000/svg",
1077
+ "aria-label": ariaLabel
1064
1078
  }, /*#__PURE__*/React.createElement("path", {
1065
1079
  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",
1066
1080
  fill: color
@@ -1069,13 +1083,15 @@ var ChooseDates = (function (_ref) {
1069
1083
 
1070
1084
  var EditMyList = (function (_ref) {
1071
1085
  var _ref$color = _ref.color,
1072
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1086
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1087
+ ariaLabel = _ref.ariaLabel;
1073
1088
  return /*#__PURE__*/React.createElement("svg", {
1074
1089
  width: "100%",
1075
1090
  height: "100%",
1076
1091
  viewBox: "0 0 24 24",
1077
1092
  fill: "none",
1078
- xmlns: "http://www.w3.org/2000/svg"
1093
+ xmlns: "http://www.w3.org/2000/svg",
1094
+ "aria-label": ariaLabel
1079
1095
  }, /*#__PURE__*/React.createElement("path", {
1080
1096
  d: "M21 3H3V4H21V3Z",
1081
1097
  fill: color
@@ -1099,13 +1115,15 @@ var EditMyList = (function (_ref) {
1099
1115
 
1100
1116
  var Favourite = (function (_ref) {
1101
1117
  var _ref$color = _ref.color,
1102
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1118
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1119
+ ariaLabel = _ref.ariaLabel;
1103
1120
  return /*#__PURE__*/React.createElement("svg", {
1104
1121
  width: "100%",
1105
1122
  height: "100%",
1106
1123
  viewBox: "0 0 24 24",
1107
1124
  fill: "none",
1108
- xmlns: "http://www.w3.org/2000/svg"
1125
+ xmlns: "http://www.w3.org/2000/svg",
1126
+ "aria-label": ariaLabel
1109
1127
  }, /*#__PURE__*/React.createElement("path", {
1110
1128
  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",
1111
1129
  fill: color
@@ -1114,13 +1132,15 @@ var Favourite = (function (_ref) {
1114
1132
 
1115
1133
  var FavouriteFull = (function (_ref) {
1116
1134
  var _ref$color = _ref.color,
1117
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1135
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1136
+ ariaLabel = _ref.ariaLabel;
1118
1137
  return /*#__PURE__*/React.createElement("svg", {
1119
1138
  width: "100%",
1120
1139
  height: "100%",
1121
1140
  viewBox: "0 0 24 24",
1122
1141
  fill: "none",
1123
- xmlns: "http://www.w3.org/2000/svg"
1142
+ xmlns: "http://www.w3.org/2000/svg",
1143
+ "aria-label": ariaLabel
1124
1144
  }, /*#__PURE__*/React.createElement("path", {
1125
1145
  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",
1126
1146
  fill: color
@@ -1129,13 +1149,15 @@ var FavouriteFull = (function (_ref) {
1129
1149
 
1130
1150
  var Filter = (function (_ref) {
1131
1151
  var _ref$color = _ref.color,
1132
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1152
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1153
+ ariaLabel = _ref.ariaLabel;
1133
1154
  return /*#__PURE__*/React.createElement("svg", {
1134
1155
  width: "100%",
1135
1156
  height: "100%",
1136
1157
  viewBox: "0 0 24 24",
1137
1158
  fill: "none",
1138
- xmlns: "http://www.w3.org/2000/svg"
1159
+ xmlns: "http://www.w3.org/2000/svg",
1160
+ "aria-label": ariaLabel
1139
1161
  }, /*#__PURE__*/React.createElement("path", {
1140
1162
  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",
1141
1163
  fill: color
@@ -1150,13 +1172,15 @@ var Filter = (function (_ref) {
1150
1172
 
1151
1173
  var FindAScreening = (function (_ref) {
1152
1174
  var _ref$color = _ref.color,
1153
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1175
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1176
+ ariaLabel = _ref.ariaLabel;
1154
1177
  return /*#__PURE__*/React.createElement("svg", {
1155
1178
  width: "100%",
1156
1179
  height: "100%",
1157
1180
  viewBox: "0 0 24 24",
1158
1181
  fill: "none",
1159
- xmlns: "http://www.w3.org/2000/svg"
1182
+ xmlns: "http://www.w3.org/2000/svg",
1183
+ "aria-label": ariaLabel
1160
1184
  }, /*#__PURE__*/React.createElement("path", {
1161
1185
  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",
1162
1186
  fill: color
@@ -1180,13 +1204,15 @@ var FindAScreening = (function (_ref) {
1180
1204
 
1181
1205
  var Reminder = (function (_ref) {
1182
1206
  var _ref$color = _ref.color,
1183
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1207
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1208
+ ariaLabel = _ref.ariaLabel;
1184
1209
  return /*#__PURE__*/React.createElement("svg", {
1185
1210
  width: "100%",
1186
1211
  height: "100%",
1187
1212
  viewBox: "0 0 24 24",
1188
1213
  fill: "none",
1189
- xmlns: "http://www.w3.org/2000/svg"
1214
+ xmlns: "http://www.w3.org/2000/svg",
1215
+ "aria-label": ariaLabel
1190
1216
  }, /*#__PURE__*/React.createElement("path", {
1191
1217
  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",
1192
1218
  fill: color
@@ -1195,13 +1221,15 @@ var Reminder = (function (_ref) {
1195
1221
 
1196
1222
  var Subscribe = (function (_ref) {
1197
1223
  var _ref$color = _ref.color,
1198
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1224
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1225
+ ariaLabel = _ref.ariaLabel;
1199
1226
  return /*#__PURE__*/React.createElement("svg", {
1200
1227
  width: "100%",
1201
1228
  height: "100%",
1202
1229
  viewBox: "0 0 24 24",
1203
1230
  fill: "none",
1204
- xmlns: "http://www.w3.org/2000/svg"
1231
+ xmlns: "http://www.w3.org/2000/svg",
1232
+ "aria-label": ariaLabel
1205
1233
  }, /*#__PURE__*/React.createElement("path", {
1206
1234
  d: "M20 4V20H4V4H20ZM21 3H3V21H21V3Z",
1207
1235
  fill: color
@@ -1213,13 +1241,15 @@ var Subscribe = (function (_ref) {
1213
1241
 
1214
1242
  var Watch = (function (_ref) {
1215
1243
  var _ref$color = _ref.color,
1216
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1244
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1245
+ ariaLabel = _ref.ariaLabel;
1217
1246
  return /*#__PURE__*/React.createElement("svg", {
1218
1247
  width: "100%",
1219
1248
  height: "100%",
1220
1249
  viewBox: "0 0 24 24",
1221
1250
  fill: "none",
1222
- xmlns: "http://www.w3.org/2000/svg"
1251
+ xmlns: "http://www.w3.org/2000/svg",
1252
+ "aria-label": ariaLabel
1223
1253
  }, /*#__PURE__*/React.createElement("path", {
1224
1254
  d: "M9 8L16 12L9 16V8Z",
1225
1255
  fill: color
@@ -1231,13 +1261,15 @@ var Watch = (function (_ref) {
1231
1261
 
1232
1262
  var Arrow = (function (_ref) {
1233
1263
  var _ref$color = _ref.color,
1234
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1264
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1265
+ ariaLabel = _ref.ariaLabel;
1235
1266
  return /*#__PURE__*/React.createElement("svg", {
1236
1267
  width: "100%",
1237
1268
  height: "100%",
1238
1269
  viewBox: "0 0 24 24",
1239
1270
  fill: "none",
1240
- xmlns: "http://www.w3.org/2000/svg"
1271
+ xmlns: "http://www.w3.org/2000/svg",
1272
+ "aria-label": ariaLabel
1241
1273
  }, /*#__PURE__*/React.createElement("path", {
1242
1274
  d: "M3 12.6001H19L12.9 18.7001L13.6 19.4001L21 12.0001L13.6 4.6001L12.9 5.3001L19.2 11.6001H3V12.6001Z",
1243
1275
  fill: color
@@ -1246,13 +1278,15 @@ var Arrow = (function (_ref) {
1246
1278
 
1247
1279
  var CarouselArrow = (function (_ref) {
1248
1280
  var _ref$color = _ref.color,
1249
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1281
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1282
+ ariaLabel = _ref.ariaLabel;
1250
1283
  return /*#__PURE__*/React.createElement("svg", {
1251
1284
  width: "100%",
1252
1285
  height: "100%",
1253
1286
  viewBox: "0 0 24 24",
1254
1287
  fill: "none",
1255
- xmlns: "http://www.w3.org/2000/svg"
1288
+ xmlns: "http://www.w3.org/2000/svg",
1289
+ "aria-label": ariaLabel
1256
1290
  }, /*#__PURE__*/React.createElement("path", {
1257
1291
  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",
1258
1292
  fill: color
@@ -1261,13 +1295,15 @@ var CarouselArrow = (function (_ref) {
1261
1295
 
1262
1296
  var DropdownArrow = (function (_ref) {
1263
1297
  var _ref$color = _ref.color,
1264
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1298
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1299
+ ariaLabel = _ref.ariaLabel;
1265
1300
  return /*#__PURE__*/React.createElement("svg", {
1266
1301
  width: "100%",
1267
1302
  height: "100%",
1268
1303
  viewBox: "0 0 24 24",
1269
1304
  fill: "none",
1270
- xmlns: "http://www.w3.org/2000/svg"
1305
+ xmlns: "http://www.w3.org/2000/svg",
1306
+ "aria-label": ariaLabel
1271
1307
  }, /*#__PURE__*/React.createElement("path", {
1272
1308
  d: "M19.3 8L12 14.7L4.7 8L4 8.7L12 16L20 8.7L19.3 8Z",
1273
1309
  fill: color
@@ -1276,13 +1312,15 @@ var DropdownArrow = (function (_ref) {
1276
1312
 
1277
1313
  var Cinema = (function (_ref) {
1278
1314
  var _ref$color = _ref.color,
1279
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1315
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1316
+ ariaLabel = _ref.ariaLabel;
1280
1317
  return /*#__PURE__*/React.createElement("svg", {
1281
1318
  width: "100%",
1282
1319
  height: "100%",
1283
1320
  viewBox: "0 0 24 24",
1284
1321
  fill: "none",
1285
- xmlns: "http://www.w3.org/2000/svg"
1322
+ xmlns: "http://www.w3.org/2000/svg",
1323
+ "aria-label": ariaLabel
1286
1324
  }, /*#__PURE__*/React.createElement("path", {
1287
1325
  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",
1288
1326
  fill: color
@@ -1306,13 +1344,15 @@ var Cinema = (function (_ref) {
1306
1344
 
1307
1345
  var Clock = (function (_ref) {
1308
1346
  var _ref$color = _ref.color,
1309
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1347
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1348
+ ariaLabel = _ref.ariaLabel;
1310
1349
  return /*#__PURE__*/React.createElement("svg", {
1311
1350
  width: "100%",
1312
1351
  height: "100%",
1313
1352
  viewBox: "0 0 24 24",
1314
1353
  fill: "none",
1315
- xmlns: "http://www.w3.org/2000/svg"
1354
+ xmlns: "http://www.w3.org/2000/svg",
1355
+ "aria-label": ariaLabel
1316
1356
  }, /*#__PURE__*/React.createElement("path", {
1317
1357
  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",
1318
1358
  fill: color
@@ -1324,13 +1364,15 @@ var Clock = (function (_ref) {
1324
1364
 
1325
1365
  var CreditCard = (function (_ref) {
1326
1366
  var _ref$color = _ref.color,
1327
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1367
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1368
+ ariaLabel = _ref.ariaLabel;
1328
1369
  return /*#__PURE__*/React.createElement("svg", {
1329
1370
  width: "100%",
1330
1371
  height: "100%",
1331
1372
  viewBox: "0 0 24 24",
1332
1373
  fill: "none",
1333
- xmlns: "http://www.w3.org/2000/svg"
1374
+ xmlns: "http://www.w3.org/2000/svg",
1375
+ "aria-label": ariaLabel
1334
1376
  }, /*#__PURE__*/React.createElement("path", {
1335
1377
  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",
1336
1378
  fill: color
@@ -1345,13 +1387,15 @@ var CreditCard = (function (_ref) {
1345
1387
 
1346
1388
  var Email = (function (_ref) {
1347
1389
  var _ref$color = _ref.color,
1348
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1390
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1391
+ ariaLabel = _ref.ariaLabel;
1349
1392
  return /*#__PURE__*/React.createElement("svg", {
1350
1393
  width: "100%",
1351
1394
  height: "100%",
1352
1395
  viewBox: "0 0 24 24",
1353
1396
  fill: "none",
1354
- xmlns: "http://www.w3.org/2000/svg"
1397
+ xmlns: "http://www.w3.org/2000/svg",
1398
+ "aria-label": ariaLabel
1355
1399
  }, /*#__PURE__*/React.createElement("path", {
1356
1400
  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",
1357
1401
  fill: color
@@ -1360,13 +1404,15 @@ var Email = (function (_ref) {
1360
1404
 
1361
1405
  var Info = (function (_ref) {
1362
1406
  var _ref$color = _ref.color,
1363
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1407
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1408
+ ariaLabel = _ref.ariaLabel;
1364
1409
  return /*#__PURE__*/React.createElement("svg", {
1365
1410
  width: "100%",
1366
1411
  height: "100%",
1367
1412
  viewBox: "0 0 24 24",
1368
1413
  fill: "none",
1369
- xmlns: "http://www.w3.org/2000/svg"
1414
+ xmlns: "http://www.w3.org/2000/svg",
1415
+ "aria-label": ariaLabel
1370
1416
  }, /*#__PURE__*/React.createElement("path", {
1371
1417
  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",
1372
1418
  fill: color
@@ -1381,13 +1427,15 @@ var Info = (function (_ref) {
1381
1427
 
1382
1428
  var List = (function (_ref) {
1383
1429
  var _ref$color = _ref.color,
1384
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1430
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1431
+ ariaLabel = _ref.ariaLabel;
1385
1432
  return /*#__PURE__*/React.createElement("svg", {
1386
1433
  width: "100%",
1387
1434
  height: "100%",
1388
1435
  viewBox: "0 0 24 24",
1389
1436
  fill: "none",
1390
- xmlns: "http://www.w3.org/2000/svg"
1437
+ xmlns: "http://www.w3.org/2000/svg",
1438
+ "aria-label": ariaLabel
1391
1439
  }, /*#__PURE__*/React.createElement("path", {
1392
1440
  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",
1393
1441
  fill: color
@@ -1411,13 +1459,15 @@ var List = (function (_ref) {
1411
1459
 
1412
1460
  var Location = (function (_ref) {
1413
1461
  var _ref$color = _ref.color,
1414
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1462
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1463
+ ariaLabel = _ref.ariaLabel;
1415
1464
  return /*#__PURE__*/React.createElement("svg", {
1416
1465
  width: "100%",
1417
1466
  height: "100%",
1418
1467
  viewBox: "0 0 24 24",
1419
1468
  fill: "none",
1420
- xmlns: "http://www.w3.org/2000/svg"
1469
+ xmlns: "http://www.w3.org/2000/svg",
1470
+ "aria-label": ariaLabel
1421
1471
  }, /*#__PURE__*/React.createElement("path", {
1422
1472
  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",
1423
1473
  fill: color
@@ -1429,13 +1479,15 @@ var Location = (function (_ref) {
1429
1479
 
1430
1480
  var PDF = (function (_ref) {
1431
1481
  var _ref$color = _ref.color,
1432
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1482
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1483
+ ariaLabel = _ref.ariaLabel;
1433
1484
  return /*#__PURE__*/React.createElement("svg", {
1434
1485
  width: "100%",
1435
1486
  height: "100%",
1436
1487
  viewBox: "0 0 24 24",
1437
1488
  fill: "none",
1438
- xmlns: "http://www.w3.org/2000/svg"
1489
+ xmlns: "http://www.w3.org/2000/svg",
1490
+ "aria-label": ariaLabel
1439
1491
  }, /*#__PURE__*/React.createElement("path", {
1440
1492
  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",
1441
1493
  fill: color
@@ -1453,13 +1505,15 @@ var PDF = (function (_ref) {
1453
1505
 
1454
1506
  var Phone = (function (_ref) {
1455
1507
  var _ref$color = _ref.color,
1456
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1508
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1509
+ ariaLabel = _ref.ariaLabel;
1457
1510
  return /*#__PURE__*/React.createElement("svg", {
1458
1511
  width: "100%",
1459
1512
  height: "100%",
1460
1513
  viewBox: "0 0 24 24",
1461
1514
  fill: "none",
1462
- xmlns: "http://www.w3.org/2000/svg"
1515
+ xmlns: "http://www.w3.org/2000/svg",
1516
+ "aria-label": ariaLabel
1463
1517
  }, /*#__PURE__*/React.createElement("path", {
1464
1518
  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",
1465
1519
  fill: color
@@ -1468,13 +1522,15 @@ var Phone = (function (_ref) {
1468
1522
 
1469
1523
  var Print = (function (_ref) {
1470
1524
  var _ref$color = _ref.color,
1471
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1525
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1526
+ ariaLabel = _ref.ariaLabel;
1472
1527
  return /*#__PURE__*/React.createElement("svg", {
1473
1528
  width: "100%",
1474
1529
  height: "100%",
1475
1530
  viewBox: "0 0 24 24",
1476
1531
  fill: "none",
1477
- xmlns: "http://www.w3.org/2000/svg"
1532
+ xmlns: "http://www.w3.org/2000/svg",
1533
+ "aria-label": ariaLabel
1478
1534
  }, /*#__PURE__*/React.createElement("path", {
1479
1535
  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",
1480
1536
  fill: color
@@ -1483,13 +1539,15 @@ var Print = (function (_ref) {
1483
1539
 
1484
1540
  var Seat = (function (_ref) {
1485
1541
  var _ref$color = _ref.color,
1486
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1542
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1543
+ ariaLabel = _ref.ariaLabel;
1487
1544
  return /*#__PURE__*/React.createElement("svg", {
1488
1545
  width: "100%",
1489
1546
  height: "100%",
1490
1547
  viewBox: "0 0 24 24",
1491
1548
  fill: "none",
1492
- xmlns: "http://www.w3.org/2000/svg"
1549
+ xmlns: "http://www.w3.org/2000/svg",
1550
+ "aria-label": ariaLabel
1493
1551
  }, /*#__PURE__*/React.createElement("path", {
1494
1552
  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",
1495
1553
  fill: color
@@ -1501,13 +1559,15 @@ var Seat = (function (_ref) {
1501
1559
 
1502
1560
  var Secure = (function (_ref) {
1503
1561
  var _ref$color = _ref.color,
1504
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1562
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1563
+ ariaLabel = _ref.ariaLabel;
1505
1564
  return /*#__PURE__*/React.createElement("svg", {
1506
1565
  width: "100%",
1507
1566
  height: "100%",
1508
1567
  viewBox: "0 0 24 24",
1509
1568
  fill: "none",
1510
- xmlns: "http://www.w3.org/2000/svg"
1569
+ xmlns: "http://www.w3.org/2000/svg",
1570
+ "aria-label": ariaLabel
1511
1571
  }, /*#__PURE__*/React.createElement("path", {
1512
1572
  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",
1513
1573
  fill: color
@@ -1519,13 +1579,15 @@ var Secure = (function (_ref) {
1519
1579
 
1520
1580
  var Standing = (function (_ref) {
1521
1581
  var _ref$color = _ref.color,
1522
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1582
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1583
+ ariaLabel = _ref.ariaLabel;
1523
1584
  return /*#__PURE__*/React.createElement("svg", {
1524
1585
  width: "100%",
1525
1586
  height: "100%",
1526
1587
  viewBox: "0 0 24 24",
1527
1588
  fill: "none",
1528
- xmlns: "http://www.w3.org/2000/svg"
1589
+ xmlns: "http://www.w3.org/2000/svg",
1590
+ "aria-label": ariaLabel
1529
1591
  }, /*#__PURE__*/React.createElement("path", {
1530
1592
  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",
1531
1593
  fill: color
@@ -1534,13 +1596,15 @@ var Standing = (function (_ref) {
1534
1596
 
1535
1597
  var Tickets = (function (_ref) {
1536
1598
  var _ref$color = _ref.color,
1537
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1599
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1600
+ ariaLabel = _ref.ariaLabel;
1538
1601
  return /*#__PURE__*/React.createElement("svg", {
1539
1602
  width: "100%",
1540
1603
  height: "100%",
1541
1604
  viewBox: "0 0 24 24",
1542
1605
  fill: "none",
1543
- xmlns: "http://www.w3.org/2000/svg"
1606
+ xmlns: "http://www.w3.org/2000/svg",
1607
+ "aria-label": ariaLabel
1544
1608
  }, /*#__PURE__*/React.createElement("path", {
1545
1609
  d: "M12 14H11V16H12V14Z",
1546
1610
  fill: color
@@ -1572,13 +1636,15 @@ var Wheelchair = (function (_ref) {
1572
1636
 
1573
1637
  var BalletAndDance = (function (_ref) {
1574
1638
  var _ref$color = _ref.color,
1575
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1639
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1640
+ ariaLabel = _ref.ariaLabel;
1576
1641
  return /*#__PURE__*/React.createElement("svg", {
1577
1642
  width: "100%",
1578
1643
  height: "100%",
1579
1644
  viewBox: "0 0 24 24",
1580
1645
  fill: "none",
1581
- xmlns: "http://www.w3.org/2000/svg"
1646
+ xmlns: "http://www.w3.org/2000/svg",
1647
+ "aria-label": ariaLabel
1582
1648
  }, /*#__PURE__*/React.createElement("path", {
1583
1649
  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",
1584
1650
  fill: color
@@ -1587,13 +1653,15 @@ var BalletAndDance = (function (_ref) {
1587
1653
 
1588
1654
  var Basket = (function (_ref) {
1589
1655
  var _ref$color = _ref.color,
1590
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1656
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1657
+ ariaLabel = _ref.ariaLabel;
1591
1658
  return /*#__PURE__*/React.createElement("svg", {
1592
1659
  width: "100%",
1593
1660
  height: "100%",
1594
1661
  viewBox: "0 0 24 24",
1595
1662
  fill: "none",
1596
- xmlns: "http://www.w3.org/2000/svg"
1663
+ xmlns: "http://www.w3.org/2000/svg",
1664
+ "aria-label": ariaLabel
1597
1665
  }, /*#__PURE__*/React.createElement("path", {
1598
1666
  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",
1599
1667
  fill: color
@@ -1602,13 +1670,15 @@ var Basket = (function (_ref) {
1602
1670
 
1603
1671
  var BasketFull = (function (_ref) {
1604
1672
  var _ref$color = _ref.color,
1605
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1673
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1674
+ ariaLabel = _ref.ariaLabel;
1606
1675
  return /*#__PURE__*/React.createElement("svg", {
1607
1676
  width: "100%",
1608
1677
  height: "100%",
1609
1678
  viewBox: "0 0 24 24",
1610
1679
  fill: "none",
1611
- xmlns: "http://www.w3.org/2000/svg"
1680
+ xmlns: "http://www.w3.org/2000/svg",
1681
+ "aria-label": ariaLabel
1612
1682
  }, /*#__PURE__*/React.createElement("path", {
1613
1683
  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",
1614
1684
  fill: color
@@ -1617,13 +1687,15 @@ var BasketFull = (function (_ref) {
1617
1687
 
1618
1688
  var Home = (function (_ref) {
1619
1689
  var _ref$color = _ref.color,
1620
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1690
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1691
+ ariaLabel = _ref.ariaLabel;
1621
1692
  return /*#__PURE__*/React.createElement("svg", {
1622
1693
  width: "100%",
1623
1694
  height: "100%",
1624
1695
  viewBox: "0 0 24 24",
1625
1696
  fill: "none",
1626
- xmlns: "http://www.w3.org/2000/svg"
1697
+ xmlns: "http://www.w3.org/2000/svg",
1698
+ "aria-label": ariaLabel
1627
1699
  }, /*#__PURE__*/React.createElement("path", {
1628
1700
  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",
1629
1701
  fill: color
@@ -1632,13 +1704,15 @@ var Home = (function (_ref) {
1632
1704
 
1633
1705
  var LiveStream = (function (_ref) {
1634
1706
  var _ref$color = _ref.color,
1635
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1707
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1708
+ ariaLabel = _ref.ariaLabel;
1636
1709
  return /*#__PURE__*/React.createElement("svg", {
1637
1710
  width: "100%",
1638
1711
  height: "100%",
1639
1712
  viewBox: "0 0 24 24",
1640
1713
  fill: "none",
1641
- xmlns: "http://www.w3.org/2000/svg"
1714
+ xmlns: "http://www.w3.org/2000/svg",
1715
+ "aria-label": ariaLabel
1642
1716
  }, /*#__PURE__*/React.createElement("path", {
1643
1717
  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",
1644
1718
  fill: color
@@ -1659,13 +1733,15 @@ var LiveStream = (function (_ref) {
1659
1733
 
1660
1734
  var Menu = (function (_ref) {
1661
1735
  var _ref$color = _ref.color,
1662
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1736
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1737
+ ariaLabel = _ref.ariaLabel;
1663
1738
  return /*#__PURE__*/React.createElement("svg", {
1664
1739
  width: "100%",
1665
1740
  height: "100%",
1666
1741
  viewBox: "0 0 24 24",
1667
1742
  fill: "none",
1668
- xmlns: "http://www.w3.org/2000/svg"
1743
+ xmlns: "http://www.w3.org/2000/svg",
1744
+ "aria-label": ariaLabel
1669
1745
  }, /*#__PURE__*/React.createElement("path", {
1670
1746
  d: "M22 5H2V6H22V5Z",
1671
1747
  fill: color
@@ -1680,13 +1756,15 @@ var Menu = (function (_ref) {
1680
1756
 
1681
1757
  var OperaAndMusic = (function (_ref) {
1682
1758
  var _ref$color = _ref.color,
1683
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1759
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1760
+ ariaLabel = _ref.ariaLabel;
1684
1761
  return /*#__PURE__*/React.createElement("svg", {
1685
1762
  width: "100%",
1686
1763
  height: "100%",
1687
1764
  viewBox: "0 0 24 24",
1688
1765
  fill: "none",
1689
- xmlns: "http://www.w3.org/2000/svg"
1766
+ xmlns: "http://www.w3.org/2000/svg",
1767
+ "aria-label": ariaLabel
1690
1768
  }, /*#__PURE__*/React.createElement("path", {
1691
1769
  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",
1692
1770
  fill: color
@@ -1713,13 +1791,15 @@ var OperaAndMusic = (function (_ref) {
1713
1791
 
1714
1792
  var Search = (function (_ref) {
1715
1793
  var _ref$color = _ref.color,
1716
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1794
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1795
+ ariaLabel = _ref.ariaLabel;
1717
1796
  return /*#__PURE__*/React.createElement("svg", {
1718
1797
  width: "100%",
1719
1798
  height: "100%",
1720
1799
  viewBox: "0 0 24 24",
1721
1800
  fill: "none",
1722
- xmlns: "http://www.w3.org/2000/svg"
1801
+ xmlns: "http://www.w3.org/2000/svg",
1802
+ "aria-label": ariaLabel
1723
1803
  }, /*#__PURE__*/React.createElement("path", {
1724
1804
  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",
1725
1805
  fill: color
@@ -1728,13 +1808,15 @@ var Search = (function (_ref) {
1728
1808
 
1729
1809
  var Settings = (function (_ref) {
1730
1810
  var _ref$color = _ref.color,
1731
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1811
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1812
+ ariaLabel = _ref.ariaLabel;
1732
1813
  return /*#__PURE__*/React.createElement("svg", {
1733
1814
  width: "100%",
1734
1815
  height: "100%",
1735
1816
  viewBox: "0 0 24 24",
1736
1817
  fill: "none",
1737
- xmlns: "http://www.w3.org/2000/svg"
1818
+ xmlns: "http://www.w3.org/2000/svg",
1819
+ "aria-label": ariaLabel
1738
1820
  }, /*#__PURE__*/React.createElement("path", {
1739
1821
  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",
1740
1822
  fill: color
@@ -1746,13 +1828,15 @@ var Settings = (function (_ref) {
1746
1828
 
1747
1829
  var User = (function (_ref) {
1748
1830
  var _ref$color = _ref.color,
1749
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1831
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1832
+ ariaLabel = _ref.ariaLabel;
1750
1833
  return /*#__PURE__*/React.createElement("svg", {
1751
1834
  width: "100%",
1752
1835
  height: "100%",
1753
1836
  viewBox: "0 0 24 24",
1754
1837
  fill: "none",
1755
- xmlns: "http://www.w3.org/2000/svg"
1838
+ xmlns: "http://www.w3.org/2000/svg",
1839
+ "aria-label": ariaLabel
1756
1840
  }, /*#__PURE__*/React.createElement("path", {
1757
1841
  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",
1758
1842
  fill: color
@@ -1764,13 +1848,15 @@ var User = (function (_ref) {
1764
1848
 
1765
1849
  var UserSignedIn = (function (_ref) {
1766
1850
  var _ref$color = _ref.color,
1767
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1851
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1852
+ ariaLabel = _ref.ariaLabel;
1768
1853
  return /*#__PURE__*/React.createElement("svg", {
1769
1854
  width: "100%",
1770
1855
  height: "100%",
1771
1856
  viewBox: "0 0 24 24",
1772
1857
  fill: "none",
1773
- xmlns: "http://www.w3.org/2000/svg"
1858
+ xmlns: "http://www.w3.org/2000/svg",
1859
+ "aria-label": ariaLabel
1774
1860
  }, /*#__PURE__*/React.createElement("path", {
1775
1861
  d: "M22 21H2C2.4 17.7 2 11 12 11C22 11 21.6 17.7 22 21Z",
1776
1862
  fill: color
@@ -1782,13 +1868,15 @@ var UserSignedIn = (function (_ref) {
1782
1868
 
1783
1869
  var Facebook = (function (_ref) {
1784
1870
  var _ref$color = _ref.color,
1785
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1871
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1872
+ ariaLabel = _ref.ariaLabel;
1786
1873
  return /*#__PURE__*/React.createElement("svg", {
1787
1874
  width: "100%",
1788
1875
  height: "100%",
1789
1876
  viewBox: "0 0 24 24",
1790
1877
  fill: "none",
1791
- xmlns: "http://www.w3.org/2000/svg"
1878
+ xmlns: "http://www.w3.org/2000/svg",
1879
+ "aria-label": ariaLabel
1792
1880
  }, /*#__PURE__*/React.createElement("path", {
1793
1881
  d: "M13.6598 22H9.70976V12.14H6.99976V8.93H9.69976V6.65C9.70976 3.94 10.8998 2 14.8398 2C15.5622 2.02024 16.2831 2.07698 16.9998 2.17V5.17H15.6098C14.2098 5.17 13.6598 5.59 13.6598 6.77V8.93H16.9298L16.6398 12.14H13.6398L13.6598 22Z",
1794
1882
  fill: color
@@ -1797,13 +1885,15 @@ var Facebook = (function (_ref) {
1797
1885
 
1798
1886
  var Instagram = (function (_ref) {
1799
1887
  var _ref$color = _ref.color,
1800
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1888
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1889
+ ariaLabel = _ref.ariaLabel;
1801
1890
  return /*#__PURE__*/React.createElement("svg", {
1802
1891
  width: "100%",
1803
1892
  height: "100%",
1804
1893
  viewBox: "0 0 24 24",
1805
1894
  fill: "none",
1806
- xmlns: "http://www.w3.org/2000/svg"
1895
+ xmlns: "http://www.w3.org/2000/svg",
1896
+ "aria-label": ariaLabel
1807
1897
  }, /*#__PURE__*/React.createElement("path", {
1808
1898
  d: "M11.9998 4.62C14.3998 4.62 14.6898 4.62 15.6398 4.62C16.2138 4.652 16.7784 4.78047 17.3098 5C17.6891 5.15025 18.0306 5.38245 18.3098 5.68C18.6073 5.95918 18.8395 6.30065 18.9898 6.68C19.1854 7.21552 19.2901 7.77996 19.2998 8.35C19.2998 9.35 19.3498 9.59 19.3498 11.99C19.3498 14.39 19.3498 14.68 19.2998 15.63C19.2945 16.2028 19.1931 16.7707 18.9998 17.31C18.8495 17.6893 18.6173 18.0308 18.3198 18.31C18.0406 18.6075 17.6991 18.8397 17.3198 18.99C16.7843 19.1856 16.2198 19.2904 15.6498 19.3C14.6998 19.3 14.4098 19.35 12.0098 19.35C9.60978 19.35 9.31978 19.35 8.36978 19.3C7.79694 19.2947 7.22905 19.1933 6.68978 19C6.31043 18.8497 5.96896 18.6175 5.68978 18.32C5.39223 18.0408 5.16003 17.6993 5.00978 17.32C4.81419 16.7845 4.70942 16.22 4.69978 15.65C4.69978 14.65 4.64978 14.41 4.64978 12.01C4.64978 9.61 4.64978 9.32 4.69978 8.37C4.70509 7.79716 4.8065 7.22927 4.99978 6.69C5.15003 6.31065 5.38223 5.96918 5.67978 5.69C5.95897 5.39245 6.30044 5.16025 6.67978 5.01C7.21531 4.81441 7.77974 4.70963 8.34978 4.7C9.34978 4.7 9.58978 4.7 11.9898 4.7L11.9998 4.62ZM11.9998 3C9.55978 3 9.24978 3 8.28978 3C7.54184 3.02033 6.80218 3.16219 6.09978 3.42C5.50426 3.63557 4.96202 3.9766 4.50978 4.42C4.06638 4.87223 3.72535 5.41448 3.50978 6.01C3.25197 6.7124 3.11012 7.45206 3.08978 8.2C3.08978 9.2 3.08978 9.47 3.08978 11.91C3.08978 14.35 3.08978 14.66 3.08978 15.62C3.11012 16.3679 3.25197 17.1076 3.50978 17.81C3.72535 18.4055 4.06638 18.9478 4.50978 19.4C4.96202 19.8434 5.50426 20.1844 6.09978 20.4C6.80218 20.6578 7.54184 20.7997 8.28978 20.82C9.28978 20.82 9.55978 20.87 11.9998 20.87C14.4398 20.87 14.7498 20.87 15.7098 20.82C16.4577 20.7997 17.1974 20.6578 17.8998 20.4C18.4953 20.1844 19.0375 19.8434 19.4898 19.4C19.9332 18.9478 20.2742 18.4055 20.4898 17.81C20.769 17.1411 20.9411 16.4324 20.9998 15.71C20.9998 14.71 21.0498 14.44 21.0498 12C21.0498 9.56 21.0498 9.25 20.9998 8.29C20.9794 7.54206 20.8376 6.8024 20.5798 6.1C20.3642 5.50448 20.0232 4.96223 19.5798 4.51C19.1275 4.0666 18.5853 3.72557 17.9898 3.51C17.2874 3.25219 16.5477 3.11033 15.7998 3.09C14.7998 3.09 14.5298 3.09 12.0898 3.09L11.9998 3Z",
1809
1899
  fill: color
@@ -1818,13 +1908,15 @@ var Instagram = (function (_ref) {
1818
1908
 
1819
1909
  var Tiktok = (function (_ref) {
1820
1910
  var _ref$color = _ref.color,
1821
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1911
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1912
+ ariaLabel = _ref.ariaLabel;
1822
1913
  return /*#__PURE__*/React.createElement("svg", {
1823
1914
  width: "100%",
1824
1915
  height: "100%",
1825
1916
  viewBox: "0 0 24 24",
1826
1917
  fill: "none",
1827
- xmlns: "http://www.w3.org/2000/svg"
1918
+ xmlns: "http://www.w3.org/2000/svg",
1919
+ "aria-label": ariaLabel
1828
1920
  }, /*#__PURE__*/React.createElement("path", {
1829
1921
  d: "M19.6997 10.28C19.5532 10.2898 19.4062 10.2898 19.2597 10.28C18.4648 10.2811 17.6823 10.083 16.9836 9.70397C16.2849 9.32492 15.6922 8.77693 15.2597 8.11V15.51C15.2597 16.5919 14.9389 17.6494 14.3378 18.549C13.7368 19.4485 12.8825 20.1496 11.883 20.5636C10.8835 20.9776 9.78364 21.086 8.72256 20.8749C7.66148 20.6638 6.68682 20.1429 5.92183 19.3779C5.15684 18.6129 4.63587 17.6382 4.42481 16.5771C4.21375 15.5161 4.32207 14.4162 4.73608 13.4167C5.15009 12.4172 5.8512 11.5629 6.75074 10.9619C7.65027 10.3608 8.70784 10.04 9.7897 10.04H10.1297V12.73H9.7897C9.04975 12.73 8.3401 13.0239 7.81688 13.5472C7.29365 14.0704 6.9997 14.78 6.9997 15.52C6.9997 16.26 7.29365 16.9696 7.81688 17.4928C8.3401 18.0161 9.04975 18.31 9.7897 18.31C10.5372 18.3236 11.26 18.0429 11.8025 17.5285C12.345 17.0141 12.6636 16.3071 12.6897 15.56L12.6997 3H15.2797C15.3963 4.11994 15.9028 5.16325 16.7108 5.94747C17.5188 6.7317 18.5768 7.20691 19.6997 7.29V10.29",
1830
1922
  fill: color
@@ -1833,13 +1925,15 @@ var Tiktok = (function (_ref) {
1833
1925
 
1834
1926
  var Twitter = (function (_ref) {
1835
1927
  var _ref$color = _ref.color,
1836
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1928
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1929
+ ariaLabel = _ref.ariaLabel;
1837
1930
  return /*#__PURE__*/React.createElement("svg", {
1838
1931
  width: "100%",
1839
1932
  height: "100%",
1840
1933
  viewBox: "0 0 24 24",
1841
1934
  fill: "none",
1842
- xmlns: "http://www.w3.org/2000/svg"
1935
+ xmlns: "http://www.w3.org/2000/svg",
1936
+ "aria-label": ariaLabel
1843
1937
  }, /*#__PURE__*/React.createElement("path", {
1844
1938
  d: "M21.9998 5.88989C21.2497 6.22055 20.4541 6.43631 19.6398 6.52989C20.4934 6.0305 21.1366 5.23803 21.4498 4.29989C20.6398 4.77267 19.7583 5.11042 18.8398 5.29989C18.4539 4.89263 17.9885 4.5689 17.4725 4.34873C16.9565 4.12856 16.4008 4.01664 15.8398 4.01989C14.7662 4.01179 13.7327 4.42715 12.9634 5.17592C12.194 5.92469 11.7508 6.94652 11.7298 8.01989C11.7307 8.32978 11.7676 8.63852 11.8398 8.93989C10.2142 8.86071 8.62291 8.44473 7.1666 7.71829C5.71029 6.99186 4.42077 5.97082 3.37975 4.71989C3.02375 5.3266 2.83404 6.01646 2.82976 6.71989C2.82871 7.38732 2.9947 8.04441 3.31258 8.63128C3.63047 9.21815 4.09016 9.71614 4.64976 10.0799C3.99934 10.0599 3.36252 9.88873 2.78976 9.57989C2.78849 10.5249 3.11611 11.4409 3.71641 12.1707C4.31671 12.9006 5.15227 13.3988 6.07976 13.5799C5.72736 13.6732 5.36431 13.7203 4.99976 13.7199C4.74165 13.7169 4.48418 13.6935 4.22976 13.6499C4.49917 14.456 5.01247 15.1585 5.69862 15.6601C6.38478 16.1618 7.20987 16.4377 8.05975 16.4499C6.61975 17.5939 4.83879 18.2239 2.99976 18.2399C2.66976 18.2399 2.33976 18.2399 1.99976 18.2399C3.88906 19.4067 6.06925 20.0167 8.28976 19.9999C9.81706 20.0291 11.3349 19.7535 12.7544 19.1892C14.1739 18.6249 15.4667 17.7832 16.557 16.7133C17.6474 15.6435 18.5134 14.3669 19.1046 12.9583C19.6957 11.5498 20 10.0375 19.9998 8.50989C19.9998 8.32989 19.9998 8.15989 19.9998 7.97989C20.7857 7.40806 21.463 6.70024 21.9998 5.88989Z",
1845
1939
  fill: color
@@ -1848,13 +1942,15 @@ var Twitter = (function (_ref) {
1848
1942
 
1849
1943
  var X = (function (_ref) {
1850
1944
  var _ref$color = _ref.color,
1851
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1945
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1946
+ ariaLabel = _ref.ariaLabel;
1852
1947
  return /*#__PURE__*/React.createElement("svg", {
1853
1948
  width: "100%",
1854
1949
  height: "100%",
1855
1950
  viewBox: "0 0 24 24",
1856
1951
  fill: "none",
1857
- xmlns: "http://www.w3.org/2000/svg"
1952
+ xmlns: "http://www.w3.org/2000/svg",
1953
+ "aria-label": ariaLabel
1858
1954
  }, /*#__PURE__*/React.createElement("path", {
1859
1955
  d: "M13.7124 10.6179L20.4133 3H18.8254L13.007 9.61448L8.35992 3H3L10.0274 13.0023L3 20.9908H4.58799L10.7324 14.0056L15.6401 20.9908H21L13.7124 10.6179ZM11.5375 13.0904L10.8255 12.0944L5.16016 4.16911H7.59922L12.1712 10.5651L12.8832 11.5611L18.8262 19.8748H16.3871L11.5375 13.0904Z",
1860
1956
  fill: color
@@ -1863,13 +1959,15 @@ var X = (function (_ref) {
1863
1959
 
1864
1960
  var Youtube = (function (_ref) {
1865
1961
  var _ref$color = _ref.color,
1866
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1962
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1963
+ ariaLabel = _ref.ariaLabel;
1867
1964
  return /*#__PURE__*/React.createElement("svg", {
1868
1965
  width: "100%",
1869
1966
  height: "100%",
1870
1967
  viewBox: "0 0 24 24",
1871
1968
  fill: "none",
1872
- xmlns: "http://www.w3.org/2000/svg"
1969
+ xmlns: "http://www.w3.org/2000/svg",
1970
+ "aria-label": ariaLabel
1873
1971
  }, /*#__PURE__*/React.createElement("path", {
1874
1972
  d: "M12.4398 18.8999L8.33978 18.8199C7.00184 18.8681 5.66237 18.7877 4.33978 18.5799C2.33978 18.1699 2.21978 16.1899 2.06978 14.5799C1.86519 12.2448 1.95253 9.89335 2.32978 7.57989C2.3868 6.99013 2.66085 6.44256 3.09878 6.04344C3.5367 5.64432 4.10727 5.4221 4.69978 5.41989C9.1314 5.15166 13.5738 5.10827 18.0098 5.28989C18.4804 5.30645 18.9488 5.36332 19.4098 5.45989C21.6798 5.84989 21.7398 8.09989 21.8798 9.99989C22.0316 11.911 21.9679 13.8331 21.6898 15.7299C21.4598 17.3099 21.0298 18.6199 19.2098 18.7299C16.9298 18.8999 14.7098 19.0299 12.4198 18.9899C12.4598 18.8999 12.4498 18.8999 12.4398 18.8999ZM10.0298 14.8999L15.1398 11.9999L9.99978 9.04989L10.0298 14.8999Z",
1875
1973
  fill: color
@@ -1878,13 +1976,15 @@ var Youtube = (function (_ref) {
1878
1976
 
1879
1977
  var Delete = (function (_ref) {
1880
1978
  var _ref$color = _ref.color,
1881
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1979
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1980
+ ariaLabel = _ref.ariaLabel;
1882
1981
  return /*#__PURE__*/React.createElement("svg", {
1883
1982
  width: "100%",
1884
1983
  height: "100%",
1885
1984
  viewBox: "0 0 24 24",
1886
1985
  fill: "none",
1887
- xmlns: "http://www.w3.org/2000/svg"
1986
+ xmlns: "http://www.w3.org/2000/svg",
1987
+ "aria-label": ariaLabel
1888
1988
  }, /*#__PURE__*/React.createElement("path", {
1889
1989
  d: "M11 4L2 12L11 20H22V4H11ZM21 19H11.4L3.5 12L11.4 5H21V19Z",
1890
1990
  fill: color
@@ -1896,7 +1996,8 @@ var Delete = (function (_ref) {
1896
1996
 
1897
1997
  var Shift = (function (_ref) {
1898
1998
  var _ref$color = _ref.color,
1899
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1999
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2000
+ ariaLabel = _ref.ariaLabel;
1900
2001
  return /*#__PURE__*/React.createElement("svg", {
1901
2002
  width: "100%",
1902
2003
  height: "100%",
@@ -1905,19 +2006,22 @@ var Shift = (function (_ref) {
1905
2006
  xmlns: "http://www.w3.org/2000/svg"
1906
2007
  }, /*#__PURE__*/React.createElement("path", {
1907
2008
  d: "M12 3L3 12H8V21H16V12H21L12 3ZM15 11V12V20H9V12V11H8H5.4L12 4.4L18.6 11H16H15Z",
1908
- fill: color
2009
+ fill: color,
2010
+ "aria-label": ariaLabel
1909
2011
  }));
1910
2012
  });
1911
2013
 
1912
2014
  var Space = (function (_ref) {
1913
2015
  var _ref$color = _ref.color,
1914
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2016
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2017
+ ariaLabel = _ref.ariaLabel;
1915
2018
  return /*#__PURE__*/React.createElement("svg", {
1916
2019
  width: "100%",
1917
2020
  height: "100%",
1918
2021
  viewBox: "0 0 24 24",
1919
2022
  fill: "none",
1920
- xmlns: "http://www.w3.org/2000/svg"
2023
+ xmlns: "http://www.w3.org/2000/svg",
2024
+ "aria-label": ariaLabel
1921
2025
  }, /*#__PURE__*/React.createElement("path", {
1922
2026
  d: "M21 16V19H3V16H2V19V20H3H21H22V19V16H21Z",
1923
2027
  fill: color
@@ -1926,13 +2030,15 @@ var Space = (function (_ref) {
1926
2030
 
1927
2031
  var Close = (function (_ref) {
1928
2032
  var _ref$color = _ref.color,
1929
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2033
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2034
+ ariaLabel = _ref.ariaLabel;
1930
2035
  return /*#__PURE__*/React.createElement("svg", {
1931
2036
  width: "100%",
1932
2037
  height: "100%",
1933
2038
  viewBox: "0 0 24 24",
1934
2039
  fill: "none",
1935
- xmlns: "http://www.w3.org/2000/svg"
2040
+ xmlns: "http://www.w3.org/2000/svg",
2041
+ "aria-label": ariaLabel
1936
2042
  }, /*#__PURE__*/React.createElement("path", {
1937
2043
  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",
1938
2044
  fill: color
@@ -1941,13 +2047,15 @@ var Close = (function (_ref) {
1941
2047
 
1942
2048
  var Confirm = (function (_ref) {
1943
2049
  var _ref$color = _ref.color,
1944
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2050
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2051
+ ariaLabel = _ref.ariaLabel;
1945
2052
  return /*#__PURE__*/React.createElement("svg", {
1946
2053
  width: "100%",
1947
2054
  height: "100%",
1948
2055
  viewBox: "0 0 24 24",
1949
2056
  fill: "none",
1950
- xmlns: "http://www.w3.org/2000/svg"
2057
+ xmlns: "http://www.w3.org/2000/svg",
2058
+ "aria-label": ariaLabel
1951
2059
  }, /*#__PURE__*/React.createElement("path", {
1952
2060
  d: "M9.09961 21L3 12.5L3.8 11.9L9.09961 19.3L21.1996 3L21.9996 3.6L9.09961 21Z",
1953
2061
  fill: color
@@ -1956,13 +2064,15 @@ var Confirm = (function (_ref) {
1956
2064
 
1957
2065
  var Detract = (function (_ref) {
1958
2066
  var _ref$color = _ref.color,
1959
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2067
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2068
+ ariaLabel = _ref.ariaLabel;
1960
2069
  return /*#__PURE__*/React.createElement("svg", {
1961
2070
  width: "100%",
1962
2071
  height: "100%",
1963
2072
  viewBox: "0 0 24 24",
1964
2073
  fill: "none",
1965
- xmlns: "http://www.w3.org/2000/svg"
2074
+ xmlns: "http://www.w3.org/2000/svg",
2075
+ "aria-label": ariaLabel
1966
2076
  }, /*#__PURE__*/React.createElement("path", {
1967
2077
  d: "M21 11.5H3V12.5H21V11.5Z",
1968
2078
  fill: color
@@ -1971,13 +2081,15 @@ var Detract = (function (_ref) {
1971
2081
 
1972
2082
  var Expand = (function (_ref) {
1973
2083
  var _ref$color = _ref.color,
1974
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2084
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2085
+ ariaLabel = _ref.ariaLabel;
1975
2086
  return /*#__PURE__*/React.createElement("svg", {
1976
2087
  width: "100%",
1977
2088
  height: "100%",
1978
2089
  viewBox: "0 0 24 24",
1979
2090
  fill: "none",
1980
- xmlns: "http://www.w3.org/2000/svg"
2091
+ xmlns: "http://www.w3.org/2000/svg",
2092
+ "aria-label": ariaLabel
1981
2093
  }, /*#__PURE__*/React.createElement("path", {
1982
2094
  d: "M12.5 11.5V3H11.5V11.5H3V12.5H11.5V21H12.5V12.5H21V11.5H12.5Z",
1983
2095
  fill: color
@@ -1986,13 +2098,15 @@ var Expand = (function (_ref) {
1986
2098
 
1987
2099
  var ExternalLink = (function (_ref) {
1988
2100
  var _ref$color = _ref.color,
1989
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2101
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2102
+ ariaLabel = _ref.ariaLabel;
1990
2103
  return /*#__PURE__*/React.createElement("svg", {
1991
2104
  width: "100%",
1992
2105
  height: "100%",
1993
2106
  viewBox: "0 0 24 24",
1994
2107
  fill: "none",
1995
- xmlns: "http://www.w3.org/2000/svg"
2108
+ xmlns: "http://www.w3.org/2000/svg",
2109
+ "aria-label": ariaLabel
1996
2110
  }, /*#__PURE__*/React.createElement("path", {
1997
2111
  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",
1998
2112
  fill: color
@@ -2004,13 +2118,15 @@ var ExternalLink = (function (_ref) {
2004
2118
 
2005
2119
  var GridView = (function (_ref) {
2006
2120
  var _ref$color = _ref.color,
2007
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2121
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2122
+ ariaLabel = _ref.ariaLabel;
2008
2123
  return /*#__PURE__*/React.createElement("svg", {
2009
2124
  width: "100%",
2010
2125
  height: "100%",
2011
2126
  viewBox: "0 0 24 24",
2012
2127
  fill: "none",
2013
- xmlns: "http://www.w3.org/2000/svg"
2128
+ xmlns: "http://www.w3.org/2000/svg",
2129
+ "aria-label": ariaLabel
2014
2130
  }, /*#__PURE__*/React.createElement("path", {
2015
2131
  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",
2016
2132
  fill: color
@@ -2019,13 +2135,15 @@ var GridView = (function (_ref) {
2019
2135
 
2020
2136
  var ListView = (function (_ref) {
2021
2137
  var _ref$color = _ref.color,
2022
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2138
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2139
+ ariaLabel = _ref.ariaLabel;
2023
2140
  return /*#__PURE__*/React.createElement("svg", {
2024
2141
  width: "100%",
2025
2142
  height: "100%",
2026
2143
  viewBox: "0 0 24 24",
2027
2144
  fill: "none",
2028
- xmlns: "http://www.w3.org/2000/svg"
2145
+ xmlns: "http://www.w3.org/2000/svg",
2146
+ "aria-label": ariaLabel
2029
2147
  }, /*#__PURE__*/React.createElement("path", {
2030
2148
  d: "M3 3V7H21V3H3ZM20 6H4V4H20V6Z",
2031
2149
  fill: color
@@ -2040,13 +2158,15 @@ var ListView = (function (_ref) {
2040
2158
 
2041
2159
  var Refresh = (function (_ref) {
2042
2160
  var _ref$color = _ref.color,
2043
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2161
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2162
+ ariaLabel = _ref.ariaLabel;
2044
2163
  return /*#__PURE__*/React.createElement("svg", {
2045
2164
  width: "100%",
2046
2165
  height: "100%",
2047
2166
  viewBox: "0 0 24 24",
2048
2167
  fill: "none",
2049
- xmlns: "http://www.w3.org/2000/svg"
2168
+ xmlns: "http://www.w3.org/2000/svg",
2169
+ "aria-label": ariaLabel
2050
2170
  }, /*#__PURE__*/React.createElement("path", {
2051
2171
  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",
2052
2172
  fill: color
@@ -2058,13 +2178,15 @@ var Refresh = (function (_ref) {
2058
2178
 
2059
2179
  var Remove = (function (_ref) {
2060
2180
  var _ref$color = _ref.color,
2061
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2181
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2182
+ ariaLabel = _ref.ariaLabel;
2062
2183
  return /*#__PURE__*/React.createElement("svg", {
2063
2184
  width: "100%",
2064
2185
  height: "100%",
2065
2186
  viewBox: "0 0 12 12",
2066
2187
  fill: "none",
2067
- xmlns: "http://www.w3.org/2000/svg"
2188
+ xmlns: "http://www.w3.org/2000/svg",
2189
+ "aria-label": ariaLabel
2068
2190
  }, /*#__PURE__*/React.createElement("path", {
2069
2191
  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",
2070
2192
  fill: color
@@ -2073,13 +2195,15 @@ var Remove = (function (_ref) {
2073
2195
 
2074
2196
  var Star = (function (_ref) {
2075
2197
  var _ref$color = _ref.color,
2076
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2198
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2199
+ ariaLabel = _ref.ariaLabel;
2077
2200
  return /*#__PURE__*/React.createElement("svg", {
2078
2201
  width: "100%",
2079
2202
  height: "100%",
2080
2203
  viewBox: "0 0 48 46",
2081
2204
  fill: "none",
2082
- xmlns: "http://www.w3.org/2000/svg"
2205
+ xmlns: "http://www.w3.org/2000/svg",
2206
+ "aria-label": ariaLabel
2083
2207
  }, /*#__PURE__*/React.createElement("path", {
2084
2208
  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",
2085
2209
  fill: color
@@ -2088,13 +2212,15 @@ var Star = (function (_ref) {
2088
2212
 
2089
2213
  var AudioDescription = (function (_ref) {
2090
2214
  var _ref$color = _ref.color,
2091
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2215
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2216
+ ariaLabel = _ref.ariaLabel;
2092
2217
  return /*#__PURE__*/React.createElement("svg", {
2093
2218
  width: "100%",
2094
2219
  height: "100%",
2095
2220
  viewBox: "0 0 24 24",
2096
2221
  fill: "none",
2097
- xmlns: "http://www.w3.org/2000/svg"
2222
+ xmlns: "http://www.w3.org/2000/svg",
2223
+ "aria-label": ariaLabel
2098
2224
  }, /*#__PURE__*/React.createElement("path", {
2099
2225
  d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
2100
2226
  fill: color
@@ -2109,13 +2235,15 @@ var AudioDescription = (function (_ref) {
2109
2235
 
2110
2236
  var Back10 = (function (_ref) {
2111
2237
  var _ref$color = _ref.color,
2112
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2238
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2239
+ ariaLabel = _ref.ariaLabel;
2113
2240
  return /*#__PURE__*/React.createElement("svg", {
2114
2241
  width: "100%",
2115
2242
  height: "100%",
2116
2243
  viewBox: "0 0 24 24",
2117
2244
  fill: "none",
2118
- xmlns: "http://www.w3.org/2000/svg"
2245
+ xmlns: "http://www.w3.org/2000/svg",
2246
+ "aria-label": ariaLabel
2119
2247
  }, /*#__PURE__*/React.createElement("path", {
2120
2248
  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",
2121
2249
  fill: color
@@ -2130,13 +2258,15 @@ var Back10 = (function (_ref) {
2130
2258
 
2131
2259
  var Clips = (function (_ref) {
2132
2260
  var _ref$color = _ref.color,
2133
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2261
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2262
+ ariaLabel = _ref.ariaLabel;
2134
2263
  return /*#__PURE__*/React.createElement("svg", {
2135
2264
  width: "100%",
2136
2265
  height: "100%",
2137
2266
  viewBox: "0 0 24 24",
2138
2267
  fill: "none",
2139
- xmlns: "http://www.w3.org/2000/svg"
2268
+ xmlns: "http://www.w3.org/2000/svg",
2269
+ "aria-label": ariaLabel
2140
2270
  }, /*#__PURE__*/React.createElement("path", {
2141
2271
  d: "M15 11V19H3V11H15ZM16 10H2V20H16V10Z",
2142
2272
  fill: color
@@ -2151,13 +2281,15 @@ var Clips = (function (_ref) {
2151
2281
 
2152
2282
  var Forward10 = (function (_ref) {
2153
2283
  var _ref$color = _ref.color,
2154
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2284
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2285
+ ariaLabel = _ref.ariaLabel;
2155
2286
  return /*#__PURE__*/React.createElement("svg", {
2156
2287
  width: "100%",
2157
2288
  height: "100%",
2158
2289
  viewBox: "0 0 24 24",
2159
2290
  fill: "none",
2160
- xmlns: "http://www.w3.org/2000/svg"
2291
+ xmlns: "http://www.w3.org/2000/svg",
2292
+ "aria-label": ariaLabel
2161
2293
  }, /*#__PURE__*/React.createElement("path", {
2162
2294
  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",
2163
2295
  fill: color
@@ -2172,13 +2304,15 @@ var Forward10 = (function (_ref) {
2172
2304
 
2173
2305
  var FullScreen = (function (_ref) {
2174
2306
  var _ref$color = _ref.color,
2175
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2307
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2308
+ ariaLabel = _ref.ariaLabel;
2176
2309
  return /*#__PURE__*/React.createElement("svg", {
2177
2310
  width: "100%",
2178
2311
  height: "100%",
2179
2312
  viewBox: "0 0 24 24",
2180
2313
  fill: "none",
2181
- xmlns: "http://www.w3.org/2000/svg"
2314
+ xmlns: "http://www.w3.org/2000/svg",
2315
+ "aria-label": ariaLabel
2182
2316
  }, /*#__PURE__*/React.createElement("path", {
2183
2317
  d: "M3 9H4V4H9V3H3V9Z",
2184
2318
  fill: color
@@ -2196,13 +2330,15 @@ var FullScreen = (function (_ref) {
2196
2330
 
2197
2331
  var Minimise = (function (_ref) {
2198
2332
  var _ref$color = _ref.color,
2199
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2333
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2334
+ ariaLabel = _ref.ariaLabel;
2200
2335
  return /*#__PURE__*/React.createElement("svg", {
2201
2336
  width: "100%",
2202
2337
  height: "100%",
2203
2338
  viewBox: "0 0 24 24",
2204
2339
  fill: "none",
2205
- xmlns: "http://www.w3.org/2000/svg"
2340
+ xmlns: "http://www.w3.org/2000/svg",
2341
+ "aria-label": ariaLabel
2206
2342
  }, /*#__PURE__*/React.createElement("path", {
2207
2343
  d: "M9 3H8V8H3V9H9V3Z",
2208
2344
  fill: color
@@ -2220,13 +2356,15 @@ var Minimise = (function (_ref) {
2220
2356
 
2221
2357
  var Muted = (function (_ref) {
2222
2358
  var _ref$color = _ref.color,
2223
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2359
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2360
+ ariaLabel = _ref.ariaLabel;
2224
2361
  return /*#__PURE__*/React.createElement("svg", {
2225
2362
  width: "100%",
2226
2363
  height: "100%",
2227
2364
  viewBox: "0 0 24 24",
2228
2365
  fill: "none",
2229
- xmlns: "http://www.w3.org/2000/svg"
2366
+ xmlns: "http://www.w3.org/2000/svg",
2367
+ "aria-label": ariaLabel
2230
2368
  }, /*#__PURE__*/React.createElement("path", {
2231
2369
  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",
2232
2370
  fill: color
@@ -2238,13 +2376,15 @@ var Muted = (function (_ref) {
2238
2376
 
2239
2377
  var Pause = (function (_ref) {
2240
2378
  var _ref$color = _ref.color,
2241
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2379
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2380
+ ariaLabel = _ref.ariaLabel;
2242
2381
  return /*#__PURE__*/React.createElement("svg", {
2243
2382
  width: "100%",
2244
2383
  height: "100%",
2245
2384
  viewBox: "0 0 24 24",
2246
2385
  fill: "none",
2247
- xmlns: "http://www.w3.org/2000/svg"
2386
+ xmlns: "http://www.w3.org/2000/svg",
2387
+ "aria-label": ariaLabel
2248
2388
  }, /*#__PURE__*/React.createElement("path", {
2249
2389
  d: "M10 2H4V22H10V2Z",
2250
2390
  fill: color
@@ -2256,13 +2396,15 @@ var Pause = (function (_ref) {
2256
2396
 
2257
2397
  var Play = (function (_ref) {
2258
2398
  var _ref$color = _ref.color,
2259
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2399
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2400
+ ariaLabel = _ref.ariaLabel;
2260
2401
  return /*#__PURE__*/React.createElement("svg", {
2261
2402
  width: "100%",
2262
2403
  height: "100%",
2263
2404
  viewBox: "0 0 24 24",
2264
2405
  fill: "none",
2265
- xmlns: "http://www.w3.org/2000/svg"
2406
+ xmlns: "http://www.w3.org/2000/svg",
2407
+ "aria-label": ariaLabel
2266
2408
  }, /*#__PURE__*/React.createElement("path", {
2267
2409
  d: "M5.5 3.8999L20 11.9999L5.5 20.0999V3.8999Z",
2268
2410
  fill: color
@@ -2274,13 +2416,15 @@ var Play = (function (_ref) {
2274
2416
 
2275
2417
  var Restart = (function (_ref) {
2276
2418
  var _ref$color = _ref.color,
2277
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2419
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2420
+ ariaLabel = _ref.ariaLabel;
2278
2421
  return /*#__PURE__*/React.createElement("svg", {
2279
2422
  width: "100%",
2280
2423
  height: "100%",
2281
2424
  viewBox: "0 0 24 24",
2282
2425
  fill: "none",
2283
- xmlns: "http://www.w3.org/2000/svg"
2426
+ xmlns: "http://www.w3.org/2000/svg",
2427
+ "aria-label": ariaLabel
2284
2428
  }, /*#__PURE__*/React.createElement("path", {
2285
2429
  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",
2286
2430
  fill: color
@@ -2289,13 +2433,15 @@ var Restart = (function (_ref) {
2289
2433
 
2290
2434
  var Subtitles = (function (_ref) {
2291
2435
  var _ref$color = _ref.color,
2292
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2436
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2437
+ ariaLabel = _ref.ariaLabel;
2293
2438
  return /*#__PURE__*/React.createElement("svg", {
2294
2439
  width: "100%",
2295
2440
  height: "100%",
2296
2441
  viewBox: "0 0 24 24",
2297
2442
  fill: "none",
2298
- xmlns: "http://www.w3.org/2000/svg"
2443
+ xmlns: "http://www.w3.org/2000/svg",
2444
+ "aria-label": ariaLabel
2299
2445
  }, /*#__PURE__*/React.createElement("path", {
2300
2446
  d: "M9 7H7V8H9V7Z",
2301
2447
  fill: color
@@ -2322,13 +2468,15 @@ var Subtitles = (function (_ref) {
2322
2468
 
2323
2469
  var Trailer = (function (_ref) {
2324
2470
  var _ref$color = _ref.color,
2325
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2471
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2472
+ ariaLabel = _ref.ariaLabel;
2326
2473
  return /*#__PURE__*/React.createElement("svg", {
2327
2474
  width: "100%",
2328
2475
  height: "100%",
2329
2476
  viewBox: "0 0 24 24",
2330
2477
  fill: "none",
2331
- xmlns: "http://www.w3.org/2000/svg"
2478
+ xmlns: "http://www.w3.org/2000/svg",
2479
+ "aria-label": ariaLabel
2332
2480
  }, /*#__PURE__*/React.createElement("path", {
2333
2481
  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",
2334
2482
  fill: color
@@ -2340,13 +2488,15 @@ var Trailer = (function (_ref) {
2340
2488
 
2341
2489
  var Volume = (function (_ref) {
2342
2490
  var _ref$color = _ref.color,
2343
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2491
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2492
+ ariaLabel = _ref.ariaLabel;
2344
2493
  return /*#__PURE__*/React.createElement("svg", {
2345
2494
  width: "100%",
2346
2495
  height: "100%",
2347
2496
  viewBox: "0 0 24 24",
2348
2497
  fill: "none",
2349
- xmlns: "http://www.w3.org/2000/svg"
2498
+ xmlns: "http://www.w3.org/2000/svg",
2499
+ "aria-label": ariaLabel
2350
2500
  }, /*#__PURE__*/React.createElement("path", {
2351
2501
  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",
2352
2502
  fill: color
@@ -2802,7 +2952,39 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
2802
2952
  });
2803
2953
 
2804
2954
  var _templateObject$b;
2805
- var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
2955
+ /**
2956
+ * # IMPORTANT
2957
+ * Please use the `<GridItem />` component instead of this component if possible.
2958
+ * This component was introduced due to incompatibilities between versions of the Chord library.
2959
+ */
2960
+
2961
+ var GridItemLegacy = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", " / span\n ", ";\n\n @media ", " {\n & {\n grid-column: ", " /\n span ", ";\n }\n }\n\n @media ", " {\n & {\n grid-column: ", " / span\n ", ";\n }\n }\n"])), function (_ref) {
2962
+ var columnStartDesktop = _ref.columnStartDesktop;
2963
+ return columnStartDesktop;
2964
+ }, function (_ref2) {
2965
+ var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
2966
+ columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
2967
+ return columnSpanDesktop;
2968
+ }, devices.mobile, function (_ref3) {
2969
+ var columnStartDevice = _ref3.columnStartDevice,
2970
+ columnStartSmallDevice = _ref3.columnStartSmallDevice;
2971
+ return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
2972
+ }, function (_ref4) {
2973
+ var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
2974
+ columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
2975
+ columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
2976
+ return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
2977
+ }, devices.tablet, function (_ref5) {
2978
+ var columnStartDevice = _ref5.columnStartDevice;
2979
+ return columnStartDevice;
2980
+ }, function (_ref6) {
2981
+ var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
2982
+ columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
2983
+ return columnSpanDevice;
2984
+ });
2985
+
2986
+ var _templateObject$c;
2987
+ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
2806
2988
  var _ref$aspectRatio = _ref.aspectRatio,
2807
2989
  aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
2808
2990
  return aspectRatio;
@@ -2820,8 +3002,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b
2820
3002
  return aspectRatio;
2821
3003
  });
2822
3004
 
2823
- var _templateObject$c, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
2824
- var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
3005
+ var _templateObject$d, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
3006
+ var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
2825
3007
  var height = _ref.height;
2826
3008
  return height ? height + "px" : '6px';
2827
3009
  });
@@ -2904,13 +3086,13 @@ var Progress = function Progress(_ref) {
2904
3086
  }, renderSteps()));
2905
3087
  };
2906
3088
 
2907
- var _templateObject$d, _templateObject2$5, _templateObject3$3;
2908
- var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
3089
+ var _templateObject$e, _templateObject2$5, _templateObject3$3;
3090
+ var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
2909
3091
  var RadioLine = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
2910
3092
  var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
2911
3093
 
2912
- var _templateObject$e;
2913
- var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
3094
+ var _templateObject$f;
3095
+ var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
2914
3096
  var typography = _ref.typography;
2915
3097
  return typography;
2916
3098
  }, function (_ref2) {
@@ -3067,8 +3249,8 @@ var Radio = function Radio(_ref) {
3067
3249
  }, error)));
3068
3250
  };
3069
3251
 
3070
- var _templateObject$f, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
3071
- var Container = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3252
+ var _templateObject$g, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
3253
+ var Container = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3072
3254
  var Radio$1 = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
3073
3255
  var error = _ref.error,
3074
3256
  darkMode = _ref.darkMode,
@@ -3176,8 +3358,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
3176
3358
  }, error)));
3177
3359
  });
3178
3360
 
3179
- var _templateObject$g, _templateObject2$7, _templateObject3$5;
3180
- var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
3361
+ var _templateObject$h, _templateObject2$7, _templateObject3$5;
3362
+ var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
3181
3363
  var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
3182
3364
  var theme = _ref.theme;
3183
3365
  return theme.colors.primary;
@@ -3248,8 +3430,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
3248
3430
  }, renderNextIcon()));
3249
3431
  };
3250
3432
 
3251
- var _templateObject$h;
3252
- var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
3433
+ var _templateObject$i;
3434
+ var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
3253
3435
  var fillColor = _ref.fillColor;
3254
3436
  return fillColor;
3255
3437
  });
@@ -3273,8 +3455,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
3273
3455
  })));
3274
3456
  };
3275
3457
 
3276
- var _templateObject$i, _templateObject2$8;
3277
- var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
3458
+ var _templateObject$j, _templateObject2$8;
3459
+ var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
3278
3460
  var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
3279
3461
 
3280
3462
  var SectionSplitter = function SectionSplitter(_ref) {
@@ -3293,8 +3475,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
3293
3475
  }, /*#__PURE__*/React__default.createElement(Splitter, null)));
3294
3476
  };
3295
3477
 
3296
- var _templateObject$j;
3297
- var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
3478
+ var _templateObject$k;
3479
+ var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
3298
3480
 
3299
3481
  var SponsorLogo = function SponsorLogo(_ref) {
3300
3482
  var _ref$colorLogo = _ref.colorLogo,
@@ -3504,8 +3686,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
3504
3686
  })))));
3505
3687
  };
3506
3688
 
3507
- var _templateObject$k, _templateObject2$9;
3508
- var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
3689
+ var _templateObject$l, _templateObject2$9;
3690
+ var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
3509
3691
  var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$9 || (_templateObject2$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
3510
3692
 
3511
3693
  var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
@@ -3538,8 +3720,8 @@ var Sponsorship = function Sponsorship(_ref) {
3538
3720
  }));
3539
3721
  };
3540
3722
 
3541
- var _templateObject$l, _templateObject2$a;
3542
- var TabText = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
3723
+ var _templateObject$m, _templateObject2$a;
3724
+ var TabText = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
3543
3725
  if (props.withIcon === 'left') {
3544
3726
  return "margin-left: 5px;";
3545
3727
  }
@@ -3638,8 +3820,8 @@ var Tab = function Tab(_ref) {
3638
3820
  }));
3639
3821
  };
3640
3822
 
3641
- var _templateObject$m, _templateObject2$b;
3642
- var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
3823
+ var _templateObject$n, _templateObject2$b;
3824
+ var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
3643
3825
  var iconName = _ref.iconName;
3644
3826
  return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
3645
3827
  }, function (_ref2) {
@@ -3690,8 +3872,8 @@ var TabLink = function TabLink(_ref) {
3690
3872
  })) : null, children);
3691
3873
  };
3692
3874
 
3693
- var _templateObject$n, _templateObject2$c, _templateObject3$6, _templateObject4$3;
3694
- var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
3875
+ var _templateObject$o, _templateObject2$c, _templateObject3$6, _templateObject4$3;
3876
+ var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
3695
3877
  var width = _ref.width;
3696
3878
  return width ? width + "px;" : '100%;';
3697
3879
  }, function (_ref2) {
@@ -3814,8 +3996,8 @@ var TextArea = function TextArea(_ref) {
3814
3996
  }, error))));
3815
3997
  };
3816
3998
 
3817
- var _templateObject$o, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
3818
- var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3999
+ var _templateObject$p, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
4000
+ var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3819
4001
  var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
3820
4002
  var width = _ref.width;
3821
4003
  if (!width) return 'none';
@@ -3941,8 +4123,8 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
3941
4123
  }, error)));
3942
4124
  });
3943
4125
 
3944
- var _templateObject$p, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
3945
- var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4126
+ var _templateObject$q, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
4127
+ var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3946
4128
  var textStyles = /*#__PURE__*/styled.css(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
3947
4129
  var theme = _ref.theme;
3948
4130
  return theme.fonts.desktop.weights.body[1];
@@ -4015,8 +4197,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
4015
4197
  }, error) : null);
4016
4198
  };
4017
4199
 
4018
- var _templateObject$q, _templateObject2$f;
4019
- var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
4200
+ var _templateObject$r, _templateObject2$f;
4201
+ var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
4020
4202
  var iconName = _ref.iconName;
4021
4203
  return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
4022
4204
  }, function (_ref2) {
@@ -4052,8 +4234,8 @@ var TextLogoProduct;
4052
4234
  TextLogoProduct["Cinema"] = "CINEMA";
4053
4235
  })(TextLogoProduct || (TextLogoProduct = {}));
4054
4236
 
4055
- var _templateObject$r, _templateObject2$g, _templateObject3$9, _templateObject4$6;
4056
- var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
4237
+ var _templateObject$s, _templateObject2$g, _templateObject3$9, _templateObject4$6;
4238
+ var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
4057
4239
  var dark = _ref.dark;
4058
4240
  return dark ? 'white' : 'errorstate';
4059
4241
  });
@@ -4174,8 +4356,8 @@ var Tickbox = function Tickbox(_ref) {
4174
4356
  }, error)));
4175
4357
  };
4176
4358
 
4177
- var _templateObject$s, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4178
- var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4359
+ var _templateObject$t, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4360
+ var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4179
4361
  var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
4180
4362
  var error = _ref.error,
4181
4363
  darkMode = _ref.darkMode,
@@ -4285,8 +4467,8 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4285
4467
  }, error)));
4286
4468
  });
4287
4469
 
4288
- var _templateObject$t, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4289
- var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
4470
+ var _templateObject$u, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4471
+ var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
4290
4472
  var color = _ref.color;
4291
4473
  return color;
4292
4474
  });
@@ -4394,8 +4576,8 @@ var Timer = function Timer(_ref) {
4394
4576
  }));
4395
4577
  };
4396
4578
 
4397
- var _templateObject$u;
4398
- var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
4579
+ var _templateObject$v;
4580
+ var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
4399
4581
 
4400
4582
  var TypeTags = function TypeTags(_ref) {
4401
4583
  var list = _ref.list;
@@ -5137,8 +5319,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
5137
5319
  }
5138
5320
  });
5139
5321
 
5140
- var _templateObject$v, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5141
- var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
5322
+ var _templateObject$w, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5323
+ var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
5142
5324
  var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
5143
5325
  var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
5144
5326
  var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
@@ -5357,8 +5539,8 @@ var VideoControls = function VideoControls(_ref2) {
5357
5539
  })));
5358
5540
  };
5359
5541
 
5360
- var _templateObject$w, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
5361
- var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
5542
+ var _templateObject$x, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
5543
+ var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
5362
5544
  var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
5363
5545
  var darkMode = _ref.darkMode;
5364
5546
  return darkMode ? 'white' : 'errorstate';
@@ -5585,8 +5767,8 @@ var Component = function Component(_ref) {
5585
5767
  }, error)));
5586
5768
  };
5587
5769
 
5588
- var _templateObject$x, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
5589
- var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
5770
+ var _templateObject$y, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
5771
+ var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
5590
5772
  var isMenuOpen = _ref.isMenuOpen;
5591
5773
  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 ";
5592
5774
  });
@@ -5610,8 +5792,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_temp
5610
5792
  var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
5611
5793
  var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
5612
5794
 
5613
- var _templateObject$y;
5614
- var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
5795
+ var _templateObject$z;
5796
+ var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
5615
5797
 
5616
5798
  var Logo = function Logo(_ref) {
5617
5799
  var _ref$id = _ref.id,
@@ -5643,11 +5825,11 @@ var Logo = function Logo(_ref) {
5643
5825
  }))));
5644
5826
  };
5645
5827
 
5646
- var _templateObject$z;
5647
- var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
5828
+ var _templateObject$A;
5829
+ var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
5648
5830
 
5649
- var _templateObject$A, _templateObject2$m, _templateObject3$f, _templateObject4$c;
5650
- var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
5831
+ var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$c;
5832
+ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
5651
5833
  var selected = _ref.selected,
5652
5834
  colorPrimary = _ref.colorPrimary;
5653
5835
 
@@ -5825,7 +6007,8 @@ var Basket$1 = function Basket(_ref) {
5825
6007
  isActive: basketIsActive,
5826
6008
  tabIndex: 0
5827
6009
  }, /*#__PURE__*/React__default.createElement(SvgContainer, null, basketIsEmpty ? /*#__PURE__*/React__default.createElement(Icon, {
5828
- iconName: "Basket"
6010
+ iconName: "Basket",
6011
+ ariaLabel: "basket icon"
5829
6012
  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
5830
6013
  iconName: "BasketFull"
5831
6014
  }), /*#__PURE__*/React__default.createElement(NumContainer, null, /*#__PURE__*/React__default.createElement("span", {
@@ -5835,8 +6018,8 @@ var Basket$1 = function Basket(_ref) {
5835
6018
  }, expiryTime ? basketText : text) : ''));
5836
6019
  };
5837
6020
 
5838
- var _templateObject$B, _templateObject2$n;
5839
- var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
6021
+ var _templateObject$C, _templateObject2$n;
6022
+ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
5840
6023
  var selected = _ref.selected,
5841
6024
  colorPrimary = _ref.colorPrimary;
5842
6025
 
@@ -6128,8 +6311,8 @@ var NavTop = function NavTop(_ref) {
6128
6311
  }));
6129
6312
  };
6130
6313
 
6131
- var _templateObject$C, _templateObject2$o, _templateObject3$g, _templateObject4$d;
6132
- var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
6314
+ var _templateObject$D, _templateObject2$o, _templateObject3$g, _templateObject4$d;
6315
+ var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
6133
6316
  var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
6134
6317
  if (props.showMenu) {
6135
6318
  return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
@@ -6271,8 +6454,8 @@ var Tabs = function Tabs(_ref) {
6271
6454
  }, "MENU"))));
6272
6455
  };
6273
6456
 
6274
- var _templateObject$D, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6275
- var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
6457
+ var _templateObject$E, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6458
+ var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
6276
6459
  var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
6277
6460
  var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
6278
6461
  var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
@@ -6509,16 +6692,16 @@ var Navigation = function Navigation(_ref) {
6509
6692
  })))));
6510
6693
  };
6511
6694
 
6512
- var _templateObject$E, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6513
- var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
6695
+ var _templateObject$F, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6696
+ var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
6514
6697
  var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
6515
6698
  var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
6516
6699
  var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
6517
6700
  var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
6518
6701
  var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
6519
6702
 
6520
- var _templateObject$F, _templateObject2$r, _templateObject3$j;
6521
- var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
6703
+ var _templateObject$G, _templateObject2$r, _templateObject3$j;
6704
+ var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
6522
6705
  var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
6523
6706
  var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
6524
6707
 
@@ -6536,8 +6719,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
6536
6719
  }));
6537
6720
  };
6538
6721
 
6539
- var _templateObject$G, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
6540
- var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
6722
+ var _templateObject$H, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
6723
+ var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
6541
6724
  var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
6542
6725
  var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
6543
6726
  var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
@@ -6608,9 +6791,9 @@ var Footer = function Footer(_ref) {
6608
6791
  }, additionalInfo)))));
6609
6792
  };
6610
6793
 
6611
- var _templateObject$H, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
6794
+ var _templateObject$I, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
6612
6795
  var LIST_ITEM_GAP = 32;
6613
- var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
6796
+ var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
6614
6797
  var bottomBorder = _ref.bottomBorder;
6615
6798
  return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
6616
6799
  }, zIndexes.anchor);
@@ -6874,8 +7057,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
6874
7057
  })) : null) : null))));
6875
7058
  };
6876
7059
 
6877
- var _templateObject$I, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
6878
- var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
7060
+ var _templateObject$J, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
7061
+ var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
6879
7062
  var sticky = _ref.sticky;
6880
7063
  return sticky ? 'sticky' : 'initial';
6881
7064
  }, zIndexes.anchor);
@@ -6935,8 +7118,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
6935
7118
  }, message)));
6936
7119
  };
6937
7120
 
6938
- var _templateObject$J, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
6939
- var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
7121
+ var _templateObject$K, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
7122
+ var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
6940
7123
  var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
6941
7124
  var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
6942
7125
  var theme = _ref.theme;
@@ -7016,8 +7199,8 @@ var UpsellCard = function UpsellCard(_ref) {
7016
7199
  }), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
7017
7200
  };
7018
7201
 
7019
- var _templateObject$K;
7020
- var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
7202
+ var _templateObject$L;
7203
+ var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
7021
7204
 
7022
7205
  var UpsellCards = function UpsellCards(_ref) {
7023
7206
  var upsellCards = _ref.upsellCards;
@@ -7035,16 +7218,16 @@ var UpsellCards = function UpsellCards(_ref) {
7035
7218
  }));
7036
7219
  };
7037
7220
 
7038
- var _templateObject$L, _templateObject2$w, _templateObject3$o;
7039
- var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
7221
+ var _templateObject$M, _templateObject2$w, _templateObject3$o;
7222
+ var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
7040
7223
  var theme = _ref.theme;
7041
7224
  return theme.colors.primary;
7042
7225
  }, devices.mobile, devices.tablet);
7043
7226
  var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
7044
7227
  var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
7045
7228
 
7046
- var _templateObject$M, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7047
- var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
7229
+ var _templateObject$N, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7230
+ var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
7048
7231
  var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
7049
7232
  var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
7050
7233
  var isVisible = _ref.isVisible;
@@ -7172,8 +7355,8 @@ var Accordion = function Accordion(_ref) {
7172
7355
  }, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
7173
7356
  };
7174
7357
 
7175
- var _templateObject$N;
7176
- var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
7358
+ var _templateObject$O;
7359
+ var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
7177
7360
 
7178
7361
  var Accordions = function Accordions(_ref) {
7179
7362
  var _ref$items = _ref.items,
@@ -7191,7 +7374,8 @@ var Accordions = function Accordions(_ref) {
7191
7374
  visibleStandfirst: accordion.visibleStandfirst,
7192
7375
  contentType: accordion.contentType,
7193
7376
  displayLevel: accordion.displayLevel,
7194
- semanticLevel: accordion.semanticLevel
7377
+ semanticLevel: accordion.semanticLevel,
7378
+ initOpen: accordion.initOpen
7195
7379
  }, accordion.children);
7196
7380
  }));
7197
7381
  };
@@ -7205,8 +7389,8 @@ var Theme = function Theme(_ref) {
7205
7389
  }, children);
7206
7390
  };
7207
7391
 
7208
- var _templateObject$O, _templateObject2$y, _templateObject3$q;
7209
- var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
7392
+ var _templateObject$P, _templateObject2$y, _templateObject3$q;
7393
+ var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
7210
7394
  var theme = _ref.theme;
7211
7395
  return theme.colors.primary;
7212
7396
  }, devices.mobile);
@@ -7248,8 +7432,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
7248
7432
  }))))));
7249
7433
  };
7250
7434
 
7251
- var _templateObject$P;
7252
- var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
7435
+ var _templateObject$Q;
7436
+ var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
7253
7437
  var bgColor = _ref.bgColor,
7254
7438
  theme = _ref.theme;
7255
7439
  return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
@@ -7270,11 +7454,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
7270
7454
  }), children);
7271
7455
  };
7272
7456
 
7273
- var _templateObject$Q, _templateObject2$z, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
7457
+ 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;
7274
7458
  var LENGTH_LARGE_TEXT = 28;
7275
7459
  var LENGTH_SMALL_TEXT$1 = 19;
7276
7460
  var LENGTH_TEXT_TABLET = 10;
7277
- var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
7461
+ var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
7278
7462
  var isCardClickable = _ref.isCardClickable;
7279
7463
  return isCardClickable ? 'pointer' : 'default';
7280
7464
  }, function (_ref2) {
@@ -7558,9 +7742,9 @@ var Card = function Card(_ref) {
7558
7742
  dangerouslySetInnerHTML: {
7559
7743
  __html: truncatedText
7560
7744
  }
7561
- }), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
7745
+ }))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
7562
7746
  level: 1
7563
- }, highlightText)))), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7747
+ }, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7564
7748
  fullWidth: fullWidth
7565
7749
  }, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
7566
7750
  ref: node,
@@ -7574,8 +7758,8 @@ var Card = function Card(_ref) {
7574
7758
  }, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
7575
7759
  };
7576
7760
 
7577
- var _templateObject$R, _templateObject2$A;
7578
- var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
7761
+ var _templateObject$S, _templateObject2$A;
7762
+ var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
7579
7763
  var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
7580
7764
 
7581
7765
  var Cards = function Cards(_ref) {
@@ -7621,8 +7805,8 @@ var Cards = function Cards(_ref) {
7621
7805
  }));
7622
7806
  };
7623
7807
 
7624
- var _templateObject$S, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
7625
- var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
7808
+ var _templateObject$T, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
7809
+ var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
7626
7810
  var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
7627
7811
  var hideBottomBorder = _ref.hideBottomBorder;
7628
7812
  return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
@@ -7690,8 +7874,8 @@ var ContactCard = function ContactCard(_ref) {
7690
7874
  }, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
7691
7875
  };
7692
7876
 
7693
- var _templateObject$T, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
7694
- var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
7877
+ var _templateObject$U, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
7878
+ var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
7695
7879
  var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
7696
7880
  return props.clickable ? 'pointer' : 'default';
7697
7881
  }, devices.mobile);
@@ -7773,8 +7957,8 @@ var ContentSummary = function ContentSummary(_ref) {
7773
7957
  }), link.text)));
7774
7958
  };
7775
7959
 
7776
- var _templateObject$U, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
7777
- var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
7960
+ var _templateObject$V, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
7961
+ var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
7778
7962
  var imageToLeft = _ref.imageToLeft;
7779
7963
  return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
7780
7964
  }, devices.mobile);
@@ -7851,8 +8035,8 @@ var BackgroundColour;
7851
8035
  BackgroundColour["White"] = "white";
7852
8036
  })(BackgroundColour || (BackgroundColour = {}));
7853
8037
 
7854
- var _templateObject$V, _templateObject2$E, _templateObject3$v, _templateObject4$o;
7855
- var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
8038
+ var _templateObject$W, _templateObject2$E, _templateObject3$v, _templateObject4$o;
8039
+ var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
7856
8040
  var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
7857
8041
  var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
7858
8042
  if (!props.infoThemed) {
@@ -7978,8 +8162,8 @@ var Information = function Information(_ref) {
7978
8162
  }))));
7979
8163
  };
7980
8164
 
7981
- var _templateObject$W, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$f, _templateObject7$9, _templateObject8$7;
7982
- var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
8165
+ var _templateObject$X, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$f, _templateObject7$9, _templateObject8$7;
8166
+ var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
7983
8167
  var theme = _ref.theme;
7984
8168
  return theme.colors.primary;
7985
8169
  }, function (_ref2) {
@@ -8079,8 +8263,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
8079
8263
  })));
8080
8264
  };
8081
8265
 
8082
- var _templateObject$X, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8083
- var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
8266
+ var _templateObject$Y, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8267
+ var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
8084
8268
  var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
8085
8269
  var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
8086
8270
  var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
@@ -8153,8 +8337,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
8153
8337
  }, "Scroll Down")) : null);
8154
8338
  };
8155
8339
 
8156
- var _templateObject$Y, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$l;
8157
- var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
8340
+ var _templateObject$Z, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$l;
8341
+ var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
8158
8342
  var color = _ref.color;
8159
8343
  return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
8160
8344
  }, devices.mobileAndTablet);
@@ -8198,8 +8382,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
8198
8382
  }))));
8199
8383
  };
8200
8384
 
8201
- var _templateObject$Z;
8202
- var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
8385
+ var _templateObject$_;
8386
+ var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
8203
8387
 
8204
8388
  var PageHeadingStream = function PageHeadingStream(_ref) {
8205
8389
  var link = _ref.link,
@@ -8219,8 +8403,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
8219
8403
  }))));
8220
8404
  };
8221
8405
 
8222
- var _templateObject$_, _templateObject2$I, _templateObject3$z, _templateObject5$m, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8223
- var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
8406
+ var _templateObject$$, _templateObject2$I, _templateObject3$z, _templateObject5$m, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8407
+ var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
8224
8408
  var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
8225
8409
  var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
8226
8410
  var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
@@ -8350,7 +8534,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
8350
8534
  var isIOS = function isIOS() {
8351
8535
  try {
8352
8536
  console.warn('Do not use this on server side rendering, it may throw an error.');
8353
- if (typeof navigator === undefined) return false;
8537
+ if (typeof navigator === 'undefined') return false;
8354
8538
  return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
8355
8539
  navigator.userAgent.includes('Mac') && 'ontouchend' in document;
8356
8540
  } catch (e) {
@@ -8366,7 +8550,7 @@ var useIOS = function useIOS() {
8366
8550
  setIOS = _useState[1];
8367
8551
 
8368
8552
  React.useEffect(function () {
8369
- if (typeof navigator === undefined) return;
8553
+ if (typeof navigator === 'undefined') return;
8370
8554
  setIOS(isIOS());
8371
8555
  }, []);
8372
8556
  return IOS;
@@ -8552,8 +8736,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
8552
8736
  }), linkText))));
8553
8737
  };
8554
8738
 
8555
- var _templateObject$$, _templateObject2$J, _templateObject3$A, _templateObject4$s;
8556
- var MorePages = /*#__PURE__*/styled__default.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
8739
+ var _templateObject$10, _templateObject2$J, _templateObject3$A, _templateObject4$s;
8740
+ var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
8557
8741
  var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
8558
8742
 
8559
8743
  var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
@@ -8629,8 +8813,8 @@ var Pagination = function Pagination(_ref) {
8629
8813
  }))));
8630
8814
  };
8631
8815
 
8632
- var _templateObject$10, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$i;
8633
- var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
8816
+ var _templateObject$11, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$i;
8817
+ var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
8634
8818
  var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
8635
8819
  var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
8636
8820
  var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
@@ -8686,11 +8870,11 @@ var PeopleListing = function PeopleListing(_ref) {
8686
8870
  }));
8687
8871
  };
8688
8872
 
8689
- var _templateObject$11, _templateObject2$L, _templateObject3$C, _templateObject4$u;
8690
- var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
8873
+ var _templateObject$12, _templateObject2$L, _templateObject3$C, _templateObject4$u;
8874
+ var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
8691
8875
  var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
8692
- var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
8693
- var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
8876
+ var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
8877
+ var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
8694
8878
 
8695
8879
  var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
8696
8880
  return array.reduce(function (acc, item) {
@@ -8701,12 +8885,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
8701
8885
  var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
8702
8886
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
8703
8887
  if (musicTitle.length > 1 && index === musicTitle.length - 1) {
8704
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", null, title));
8888
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
8889
+ key: index
8890
+ }, title));
8705
8891
  } else if (index > 0) {
8706
- return /*#__PURE__*/React__default.createElement("i", null, ", ", title);
8892
+ return /*#__PURE__*/React__default.createElement("i", {
8893
+ key: index
8894
+ }, ", ", title);
8707
8895
  }
8708
8896
 
8709
- return /*#__PURE__*/React__default.createElement("i", null, title);
8897
+ return /*#__PURE__*/React__default.createElement("i", {
8898
+ key: index
8899
+ }, title);
8710
8900
  }));
8711
8901
  };
8712
8902
 
@@ -8758,14 +8948,14 @@ var CreditListing = function CreditListing(_ref) {
8758
8948
  }));
8759
8949
  };
8760
8950
 
8761
- var _templateObject$12, _templateObject2$M, _templateObject3$D, _templateObject4$v, _templateObject5$o, _templateObject6$j, _templateObject7$c, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
8951
+ var _templateObject$13, _templateObject2$M, _templateObject3$D, _templateObject4$v, _templateObject5$o, _templateObject6$j, _templateObject7$c, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
8762
8952
  var LENGTH_TEXT = 28;
8763
8953
  var LENGTH_TEXT_TABLET$1 = 12;
8764
8954
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
8765
8955
  var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
8766
8956
  var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
8767
8957
  var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
8768
- var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
8958
+ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
8769
8959
  var imageToLeft = _ref.imageToLeft;
8770
8960
  return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
8771
8961
  }, devices.tablet, function (_ref2) {
@@ -9036,10 +9226,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
9036
9226
  }))));
9037
9227
  };
9038
9228
 
9039
- var _templateObject$13, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$k, _templateObject7$d;
9229
+ var _templateObject$14, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$k, _templateObject7$d;
9040
9230
  var LENGTH_TEXT$2 = 28;
9041
9231
  var LENGTH_TEXT_TABLET$2 = 10;
9042
- var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
9232
+ var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
9043
9233
  var imageToLeft = _ref.imageToLeft;
9044
9234
  return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
9045
9235
  }, devices.tablet, function (_ref2) {
@@ -9092,8 +9282,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
9092
9282
  return '';
9093
9283
  });
9094
9284
 
9095
- var _templateObject$14;
9096
- var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
9285
+ var _templateObject$15;
9286
+ var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
9097
9287
  var _ref$aspectRatio = _ref.aspectRatio,
9098
9288
  aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
9099
9289
  return aspectRatio;
@@ -9297,8 +9487,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
9297
9487
  }, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
9298
9488
  };
9299
9489
 
9300
- var _templateObject$15;
9301
- var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
9490
+ var _templateObject$16;
9491
+ var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
9302
9492
 
9303
9493
  /**
9304
9494
  * DEPRECATED. Use RadioGroup2 instead
@@ -9356,8 +9546,8 @@ var RadioGroup = function RadioGroup(_ref) {
9356
9546
  })));
9357
9547
  };
9358
9548
 
9359
- var _templateObject$16, _templateObject2$O, _templateObject3$F;
9360
- var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9549
+ var _templateObject$17, _templateObject2$O, _templateObject3$F;
9550
+ var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9361
9551
  var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
9362
9552
  var horizontalMode = _ref.horizontalMode;
9363
9553
  if (horizontalMode) return 'row';
@@ -9446,8 +9636,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
9446
9636
  }, error)));
9447
9637
  };
9448
9638
 
9449
- var _templateObject$17, _templateObject2$P, _templateObject3$G;
9450
- var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
9639
+ var _templateObject$18, _templateObject2$P, _templateObject3$G;
9640
+ var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
9451
9641
  var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
9452
9642
  var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
9453
9643
 
@@ -9511,8 +9701,8 @@ var StatusBanner = function StatusBanner(_ref) {
9511
9701
  })))));
9512
9702
  };
9513
9703
 
9514
- var _templateObject$18;
9515
- var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
9704
+ var _templateObject$19;
9705
+ var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
9516
9706
 
9517
9707
  var SectionTitle = function SectionTitle(_ref) {
9518
9708
  var title = _ref.title,
@@ -9540,8 +9730,8 @@ var SectionTitle = function SectionTitle(_ref) {
9540
9730
  }, description))));
9541
9731
  };
9542
9732
 
9543
- var _templateObject$19, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$l, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
9544
- var stateStyles = /*#__PURE__*/styled.css(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
9733
+ var _templateObject$1a, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$l, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
9734
+ var stateStyles = /*#__PURE__*/styled.css(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
9545
9735
  var theme = _ref.theme;
9546
9736
  return "3px solid " + theme.colors.lapisLazuli;
9547
9737
  }, function (_ref2) {
@@ -9963,8 +10153,8 @@ function Select(_ref3) {
9963
10153
  }))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
9964
10154
  }
9965
10155
 
9966
- var _templateObject$1a, _templateObject2$R, _templateObject3$I, _templateObject4$y;
9967
- var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
10156
+ var _templateObject$1b, _templateObject2$R, _templateObject3$I, _templateObject4$y;
10157
+ var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
9968
10158
  var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
9969
10159
  var width = _ref.width;
9970
10160
  if (!width) return 'none';
@@ -10103,8 +10293,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
10103
10293
  })));
10104
10294
  };
10105
10295
 
10106
- var _templateObject$1b;
10107
- var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
10296
+ var _templateObject$1c;
10297
+ var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
10108
10298
  var theme = _ref.theme;
10109
10299
  return theme.colors.primary;
10110
10300
  });
@@ -10132,8 +10322,8 @@ var TextOnly = function TextOnly(_ref) {
10132
10322
  })));
10133
10323
  };
10134
10324
 
10135
- var _templateObject$1c, _templateObject2$S;
10136
- var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
10325
+ var _templateObject$1d, _templateObject2$S;
10326
+ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
10137
10327
  var _ref$aspectRatio = _ref.aspectRatio,
10138
10328
  aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
10139
10329
  return aspectRatio;
@@ -10181,8 +10371,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
10181
10371
  }, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
10182
10372
  };
10183
10373
 
10184
- var _templateObject$1d, _templateObject2$T, _templateObject3$J;
10185
- var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
10374
+ var _templateObject$1e, _templateObject2$T, _templateObject3$J;
10375
+ var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
10186
10376
  var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
10187
10377
  var displayAttribution = _ref.displayAttribution;
10188
10378
  return "display: " + (displayAttribution ? 'block' : 'none') + ";";
@@ -10211,8 +10401,8 @@ var Quote = function Quote(_ref) {
10211
10401
  }, attribution))));
10212
10402
  };
10213
10403
 
10214
- var _templateObject$1e, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$m;
10215
- var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
10404
+ var _templateObject$1f, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$m;
10405
+ var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
10216
10406
  var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
10217
10407
  var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
10218
10408
  var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
@@ -10255,8 +10445,8 @@ var MiniCard = function MiniCard(_ref) {
10255
10445
  }, title)))));
10256
10446
  };
10257
10447
 
10258
- var _templateObject$1f, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$s;
10259
- var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
10448
+ var _templateObject$1g, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$s;
10449
+ var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
10260
10450
  var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
10261
10451
  var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
10262
10452
  var isVisible = _ref.isVisible;
@@ -10353,15 +10543,113 @@ var ReadMore = function ReadMore(_ref) {
10353
10543
  }, isFullTextOpen ? "" + hideText : "" + showMoreText)));
10354
10544
  };
10355
10545
 
10356
- var _templateObject$1g, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$t;
10357
- var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10358
- var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
10359
- var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
10360
- var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
10546
+ var _templateObject$1h, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$t, _templateObject6$n;
10547
+ var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10548
+ var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10549
+ var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10550
+ var color = _ref.color;
10551
+ return "var(--base-color-" + color + ")";
10552
+ });
10553
+ var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
10554
+ var Text = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
10555
+ var color = _ref2.color;
10556
+ return "var(--base-color-" + color + ")";
10557
+ });
10558
+ var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
10559
+ var color = _ref3.color;
10560
+ return "var(--base-color-" + color + ")";
10561
+ });
10562
+
10563
+ /**
10564
+ * Password strength indicator component.
10565
+ * This renders some number of lines (6 by default)
10566
+ * which should become active when the user improves
10567
+ * the strength of the entered password.
10568
+ *
10569
+ * ## Sections
10570
+ * To set number of sections it should be passed
10571
+ * as `sections` prop.
10572
+ *
10573
+ * ## Active section
10574
+ * To set number of active sections it should be passed
10575
+ * as `activeSections` prop.
10576
+ *
10577
+ * ## Colors
10578
+ * Color of every element can be controlled by properties:
10579
+ * `sectionsColor`, `activeSectionsColor`,
10580
+ * `textColor`, `strengthLabelColor`.
10581
+ *
10582
+ * ## Text
10583
+ * `text` prop is used to render some message.
10584
+ * For example error (together with proper red color)
10585
+ * or some password requirement. It can be empty.
10586
+ *
10587
+ * ## Strength label
10588
+ * `strengthLabel` prop is used to render strength characteristic
10589
+ * of entered password. For example: `weak`, `normal`, `strong`, etc.
10590
+ * It can be empty.
10591
+ */
10592
+
10593
+ var PasswordStrength = function PasswordStrength(_ref) {
10594
+ var _ref$sections = _ref.sections,
10595
+ sections = _ref$sections === void 0 ? 6 : _ref$sections,
10596
+ _ref$activeSections = _ref.activeSections,
10597
+ activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
10598
+ _ref$sectionsColor = _ref.sectionsColor,
10599
+ sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
10600
+ _ref$activeSectionsCo = _ref.activeSectionsColor,
10601
+ activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
10602
+ _ref$text = _ref.text,
10603
+ text = _ref$text === void 0 ? '' : _ref$text,
10604
+ _ref$textColor = _ref.textColor,
10605
+ textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
10606
+ _ref$strengthLabel = _ref.strengthLabel,
10607
+ strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
10608
+ _ref$strengthLabelCol = _ref.strengthLabelColor,
10609
+ strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
10610
+
10611
+ var setSectionColor = function setSectionColor(index) {
10612
+ return index < activeSections ? activeSectionsColor : sectionsColor;
10613
+ };
10614
+
10615
+ var setSectionDataTestId = function setSectionDataTestId(index) {
10616
+ return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
10617
+ };
10618
+
10619
+ return /*#__PURE__*/React__default.createElement(Container$5, {
10620
+ "data-testid": "password-strength-container"
10621
+ }, /*#__PURE__*/React__default.createElement(Sections, {
10622
+ "data-testid": "password-strength-sections"
10623
+ }, Array.from({
10624
+ length: sections
10625
+ }, function (_section, i) {
10626
+ return /*#__PURE__*/React__default.createElement(Section, {
10627
+ key: i,
10628
+ color: setSectionColor(i),
10629
+ "data-testid": setSectionDataTestId(i)
10630
+ });
10631
+ })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
10632
+ color: textColor,
10633
+ "data-testid": "password-strength-text"
10634
+ }, /*#__PURE__*/React__default.createElement(AltHeader, {
10635
+ level: 6
10636
+ }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
10637
+ color: strengthLabelColor,
10638
+ "data-testid": "password-strength-label"
10639
+ }, /*#__PURE__*/React__default.createElement(Overline, {
10640
+ level: 2
10641
+ }, strengthLabel))));
10642
+ };
10643
+
10644
+ var _templateObject$1i, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$u;
10645
+ var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10646
+ var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
10647
+ var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
10648
+ var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
10361
10649
  var isActive = _ref.isActive;
10362
10650
  return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
10363
10651
  }, exports.Colors.MidGrey);
10364
- var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$t || (_templateObject5$t = /*#__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) {
10652
+ var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
10365
10653
  var isOpen = _ref2.isOpen;
10366
10654
  return isOpen ? 'block' : 'none';
10367
10655
  }, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
@@ -10531,106 +10819,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
10531
10819
  });
10532
10820
  };
10533
10821
 
10534
- var _templateObject$1h, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$u, _templateObject6$n;
10535
- var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10536
- var Sections = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10537
- var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10538
- var color = _ref.color;
10539
- return "var(--base-color-" + color + ")";
10540
- });
10541
- var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
10542
- var Text = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
10543
- var color = _ref2.color;
10544
- return "var(--base-color-" + color + ")";
10545
- });
10546
- var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
10547
- var color = _ref3.color;
10548
- return "var(--base-color-" + color + ")";
10549
- });
10550
-
10551
- /**
10552
- * Password strength indicator component.
10553
- * This renders some number of lines (6 by default)
10554
- * which should become active when the user improves
10555
- * the strength of the entered password.
10556
- *
10557
- * ## Sections
10558
- * To set number of sections it should be passed
10559
- * as `sections` prop.
10560
- *
10561
- * ## Active section
10562
- * To set number of active sections it should be passed
10563
- * as `activeSections` prop.
10564
- *
10565
- * ## Colors
10566
- * Color of every element can be controlled by properties:
10567
- * `sectionsColor`, `activeSectionsColor`,
10568
- * `textColor`, `strengthLabelColor`.
10569
- *
10570
- * ## Text
10571
- * `text` prop is used to render some message.
10572
- * For example error (together with proper red color)
10573
- * or some password requirement. It can be empty.
10574
- *
10575
- * ## Strength label
10576
- * `strengthLabel` prop is used to render strength characteristic
10577
- * of entered password. For example: `weak`, `normal`, `strong`, etc.
10578
- * It can be empty.
10579
- */
10580
-
10581
- var PasswordStrength = function PasswordStrength(_ref) {
10582
- var _ref$sections = _ref.sections,
10583
- sections = _ref$sections === void 0 ? 6 : _ref$sections,
10584
- _ref$activeSections = _ref.activeSections,
10585
- activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
10586
- _ref$sectionsColor = _ref.sectionsColor,
10587
- sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
10588
- _ref$activeSectionsCo = _ref.activeSectionsColor,
10589
- activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
10590
- _ref$text = _ref.text,
10591
- text = _ref$text === void 0 ? '' : _ref$text,
10592
- _ref$textColor = _ref.textColor,
10593
- textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
10594
- _ref$strengthLabel = _ref.strengthLabel,
10595
- strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
10596
- _ref$strengthLabelCol = _ref.strengthLabelColor,
10597
- strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
10598
-
10599
- var setSectionColor = function setSectionColor(index) {
10600
- return index < activeSections ? activeSectionsColor : sectionsColor;
10601
- };
10602
-
10603
- var setSectionDataTestId = function setSectionDataTestId(index) {
10604
- return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
10605
- };
10606
-
10607
- return /*#__PURE__*/React__default.createElement(Container$5, {
10608
- "data-testid": "password-strength-container"
10609
- }, /*#__PURE__*/React__default.createElement(Sections, {
10610
- "data-testid": "password-strength-sections"
10611
- }, Array.from({
10612
- length: sections
10613
- }, function (_section, i) {
10614
- return /*#__PURE__*/React__default.createElement(Section, {
10615
- key: i,
10616
- color: setSectionColor(i),
10617
- "data-testid": setSectionDataTestId(i)
10618
- });
10619
- })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
10620
- color: textColor,
10621
- "data-testid": "password-strength-text"
10622
- }, /*#__PURE__*/React__default.createElement(AltHeader, {
10623
- level: 6
10624
- }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
10625
- color: strengthLabelColor,
10626
- "data-testid": "password-strength-label"
10627
- }, /*#__PURE__*/React__default.createElement(Overline, {
10628
- level: 2
10629
- }, strengthLabel))));
10630
- };
10631
-
10632
- var _templateObject$1i, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$v, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
10633
- var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
10822
+ var _templateObject$1j, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$v, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
10823
+ var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
10634
10824
  var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
10635
10825
  var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
10636
10826
  var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
@@ -10913,8 +11103,8 @@ var LiveChat = function LiveChat() {
10913
11103
  });
10914
11104
  };
10915
11105
 
10916
- var _templateObject$1j, _templateObject2$Z;
10917
- var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
11106
+ var _templateObject$1k, _templateObject2$Z;
11107
+ var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
10918
11108
  var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
10919
11109
  var hideBottomBorder = _ref.hideBottomBorder;
10920
11110
  return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
@@ -10943,8 +11133,8 @@ var StickyBar = function StickyBar(_ref) {
10943
11133
  }, children)));
10944
11134
  };
10945
11135
 
10946
- var _templateObject$1k, _templateObject2$_, _templateObject3$P, _templateObject4$E;
10947
- var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
11136
+ var _templateObject$1l, _templateObject2$_, _templateObject3$P, _templateObject4$E;
11137
+ var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
10948
11138
  var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
10949
11139
  var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
10950
11140
  var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
@@ -11067,8 +11257,8 @@ var ModalWindow = function ModalWindow(_ref) {
11067
11257
  })), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
11068
11258
  };
11069
11259
 
11070
- var _templateObject$1l;
11071
- var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
11260
+ var _templateObject$1m;
11261
+ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
11072
11262
  var theme = _ref.theme;
11073
11263
  return theme.colors.primary;
11074
11264
  }, function (_ref2) {
@@ -12029,6 +12219,7 @@ exports.Footer = Footer;
12029
12219
  exports.GlobalStyles = GlobalStyles;
12030
12220
  exports.Grid = Grid;
12031
12221
  exports.GridItem = GridItem;
12222
+ exports.GridItemLegacy = GridItemLegacy;
12032
12223
  exports.Header = Header;
12033
12224
  exports.Icon = Icon;
12034
12225
  exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;