@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.esm.js CHANGED
@@ -902,13 +902,15 @@ var Wrapper = /*#__PURE__*/styled.span(_templateObject$3 || (_templateObject$3 =
902
902
 
903
903
  var Expand12px = (function (_ref) {
904
904
  var _ref$color = _ref.color,
905
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
905
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
906
+ ariaLabel = _ref.ariaLabel;
906
907
  return /*#__PURE__*/createElement("svg", {
907
908
  xmlns: "http://www.w3.org/2000/svg",
908
909
  width: "12",
909
910
  height: "12",
910
911
  viewBox: "0 0 12 12",
911
- fill: "none"
912
+ fill: "none",
913
+ "aria-label": ariaLabel
912
914
  }, /*#__PURE__*/createElement("path", {
913
915
  d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
914
916
  fill: color
@@ -917,13 +919,15 @@ var Expand12px = (function (_ref) {
917
919
 
918
920
  var Remove12px = (function (_ref) {
919
921
  var _ref$color = _ref.color,
920
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
922
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
923
+ ariaLabel = _ref.ariaLabel;
921
924
  return /*#__PURE__*/createElement("svg", {
922
925
  xmlns: "http://www.w3.org/2000/svg",
923
926
  width: "12",
924
927
  height: "12",
925
928
  viewBox: "0 0 12 12",
926
- fill: "none"
929
+ fill: "none",
930
+ "aria-label": ariaLabel
927
931
  }, /*#__PURE__*/createElement("g", null, /*#__PURE__*/createElement("path", {
928
932
  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",
929
933
  fill: color
@@ -932,13 +936,15 @@ var Remove12px = (function (_ref) {
932
936
 
933
937
  var Tick = (function (_ref) {
934
938
  var _ref$color = _ref.color,
935
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
939
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
940
+ ariaLabel = _ref.ariaLabel;
936
941
  return /*#__PURE__*/createElement("svg", {
937
942
  width: "100%",
938
943
  height: "100%",
939
944
  viewBox: "0 0 12 12",
940
945
  fill: "none",
941
- xmlns: "http://www.w3.org/2000/svg"
946
+ xmlns: "http://www.w3.org/2000/svg",
947
+ "aria-label": ariaLabel
942
948
  }, /*#__PURE__*/createElement("path", {
943
949
  d: "M4.09961 11.1999L1.09961 7.2999L1.89961 6.6999L4.09961 9.4999L10.0996 1.3999L10.8996 1.9999L4.09961 11.1999Z",
944
950
  fill: color
@@ -947,13 +953,15 @@ var Tick = (function (_ref) {
947
953
 
948
954
  var AddToMyList = (function (_ref) {
949
955
  var _ref$color = _ref.color,
950
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
956
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
957
+ ariaLabel = _ref.ariaLabel;
951
958
  return /*#__PURE__*/createElement("svg", {
952
959
  width: "100%",
953
960
  height: "100%",
954
961
  viewBox: "0 0 24 24",
955
962
  fill: "none",
956
- xmlns: "http://www.w3.org/2000/svg"
963
+ xmlns: "http://www.w3.org/2000/svg",
964
+ "aria-label": ariaLabel
957
965
  }, /*#__PURE__*/createElement("path", {
958
966
  d: "M21 3H3V4H21V3Z",
959
967
  fill: color
@@ -977,13 +985,15 @@ var AddToMyList = (function (_ref) {
977
985
 
978
986
  var OnMyList = (function (_ref) {
979
987
  var _ref$color = _ref.color,
980
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
988
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
989
+ ariaLabel = _ref.ariaLabel;
981
990
  return /*#__PURE__*/createElement("svg", {
982
991
  width: "100%",
983
992
  height: "100%",
984
993
  viewBox: "0 0 24 24",
985
994
  fill: "none",
986
- xmlns: "http://www.w3.org/2000/svg"
995
+ xmlns: "http://www.w3.org/2000/svg",
996
+ "aria-label": ariaLabel
987
997
  }, /*#__PURE__*/createElement("path", {
988
998
  d: "M15.4996 20.2002L13.3996 17.7002L12.5996 18.3002L15.5996 21.8002L20.8996 13.8002L20.0996 13.2002L15.4996 20.2002Z",
989
999
  fill: color
@@ -1007,13 +1017,15 @@ var OnMyList = (function (_ref) {
1007
1017
 
1008
1018
  var BookTickets = (function (_ref) {
1009
1019
  var _ref$color = _ref.color,
1010
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1020
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1021
+ ariaLabel = _ref.ariaLabel;
1011
1022
  return /*#__PURE__*/createElement("svg", {
1012
1023
  width: "100%",
1013
1024
  height: "100%",
1014
1025
  viewBox: "0 0 24 24",
1015
1026
  fill: "none",
1016
- xmlns: "http://www.w3.org/2000/svg"
1027
+ xmlns: "http://www.w3.org/2000/svg",
1028
+ "aria-label": ariaLabel
1017
1029
  }, /*#__PURE__*/createElement("path", {
1018
1030
  d: "M7 2H6V5H7V2Z",
1019
1031
  fill: color
@@ -1049,13 +1061,15 @@ var BookTickets = (function (_ref) {
1049
1061
 
1050
1062
  var ChooseDates = (function (_ref) {
1051
1063
  var _ref$color = _ref.color,
1052
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1064
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1065
+ ariaLabel = _ref.ariaLabel;
1053
1066
  return /*#__PURE__*/createElement("svg", {
1054
1067
  width: "100%",
1055
1068
  height: "100%",
1056
1069
  viewBox: "0 0 24 24",
1057
1070
  fill: "none",
1058
- xmlns: "http://www.w3.org/2000/svg"
1071
+ xmlns: "http://www.w3.org/2000/svg",
1072
+ "aria-label": ariaLabel
1059
1073
  }, /*#__PURE__*/createElement("path", {
1060
1074
  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",
1061
1075
  fill: color
@@ -1064,13 +1078,15 @@ var ChooseDates = (function (_ref) {
1064
1078
 
1065
1079
  var EditMyList = (function (_ref) {
1066
1080
  var _ref$color = _ref.color,
1067
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1081
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1082
+ ariaLabel = _ref.ariaLabel;
1068
1083
  return /*#__PURE__*/createElement("svg", {
1069
1084
  width: "100%",
1070
1085
  height: "100%",
1071
1086
  viewBox: "0 0 24 24",
1072
1087
  fill: "none",
1073
- xmlns: "http://www.w3.org/2000/svg"
1088
+ xmlns: "http://www.w3.org/2000/svg",
1089
+ "aria-label": ariaLabel
1074
1090
  }, /*#__PURE__*/createElement("path", {
1075
1091
  d: "M21 3H3V4H21V3Z",
1076
1092
  fill: color
@@ -1094,13 +1110,15 @@ var EditMyList = (function (_ref) {
1094
1110
 
1095
1111
  var Favourite = (function (_ref) {
1096
1112
  var _ref$color = _ref.color,
1097
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1113
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1114
+ ariaLabel = _ref.ariaLabel;
1098
1115
  return /*#__PURE__*/createElement("svg", {
1099
1116
  width: "100%",
1100
1117
  height: "100%",
1101
1118
  viewBox: "0 0 24 24",
1102
1119
  fill: "none",
1103
- xmlns: "http://www.w3.org/2000/svg"
1120
+ xmlns: "http://www.w3.org/2000/svg",
1121
+ "aria-label": ariaLabel
1104
1122
  }, /*#__PURE__*/createElement("path", {
1105
1123
  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",
1106
1124
  fill: color
@@ -1109,13 +1127,15 @@ var Favourite = (function (_ref) {
1109
1127
 
1110
1128
  var FavouriteFull = (function (_ref) {
1111
1129
  var _ref$color = _ref.color,
1112
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1130
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1131
+ ariaLabel = _ref.ariaLabel;
1113
1132
  return /*#__PURE__*/createElement("svg", {
1114
1133
  width: "100%",
1115
1134
  height: "100%",
1116
1135
  viewBox: "0 0 24 24",
1117
1136
  fill: "none",
1118
- xmlns: "http://www.w3.org/2000/svg"
1137
+ xmlns: "http://www.w3.org/2000/svg",
1138
+ "aria-label": ariaLabel
1119
1139
  }, /*#__PURE__*/createElement("path", {
1120
1140
  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",
1121
1141
  fill: color
@@ -1124,13 +1144,15 @@ var FavouriteFull = (function (_ref) {
1124
1144
 
1125
1145
  var Filter = (function (_ref) {
1126
1146
  var _ref$color = _ref.color,
1127
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1147
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1148
+ ariaLabel = _ref.ariaLabel;
1128
1149
  return /*#__PURE__*/createElement("svg", {
1129
1150
  width: "100%",
1130
1151
  height: "100%",
1131
1152
  viewBox: "0 0 24 24",
1132
1153
  fill: "none",
1133
- xmlns: "http://www.w3.org/2000/svg"
1154
+ xmlns: "http://www.w3.org/2000/svg",
1155
+ "aria-label": ariaLabel
1134
1156
  }, /*#__PURE__*/createElement("path", {
1135
1157
  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",
1136
1158
  fill: color
@@ -1145,13 +1167,15 @@ var Filter = (function (_ref) {
1145
1167
 
1146
1168
  var FindAScreening = (function (_ref) {
1147
1169
  var _ref$color = _ref.color,
1148
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1170
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1171
+ ariaLabel = _ref.ariaLabel;
1149
1172
  return /*#__PURE__*/createElement("svg", {
1150
1173
  width: "100%",
1151
1174
  height: "100%",
1152
1175
  viewBox: "0 0 24 24",
1153
1176
  fill: "none",
1154
- xmlns: "http://www.w3.org/2000/svg"
1177
+ xmlns: "http://www.w3.org/2000/svg",
1178
+ "aria-label": ariaLabel
1155
1179
  }, /*#__PURE__*/createElement("path", {
1156
1180
  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",
1157
1181
  fill: color
@@ -1175,13 +1199,15 @@ var FindAScreening = (function (_ref) {
1175
1199
 
1176
1200
  var Reminder = (function (_ref) {
1177
1201
  var _ref$color = _ref.color,
1178
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1202
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1203
+ ariaLabel = _ref.ariaLabel;
1179
1204
  return /*#__PURE__*/createElement("svg", {
1180
1205
  width: "100%",
1181
1206
  height: "100%",
1182
1207
  viewBox: "0 0 24 24",
1183
1208
  fill: "none",
1184
- xmlns: "http://www.w3.org/2000/svg"
1209
+ xmlns: "http://www.w3.org/2000/svg",
1210
+ "aria-label": ariaLabel
1185
1211
  }, /*#__PURE__*/createElement("path", {
1186
1212
  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",
1187
1213
  fill: color
@@ -1190,13 +1216,15 @@ var Reminder = (function (_ref) {
1190
1216
 
1191
1217
  var Subscribe = (function (_ref) {
1192
1218
  var _ref$color = _ref.color,
1193
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1219
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1220
+ ariaLabel = _ref.ariaLabel;
1194
1221
  return /*#__PURE__*/createElement("svg", {
1195
1222
  width: "100%",
1196
1223
  height: "100%",
1197
1224
  viewBox: "0 0 24 24",
1198
1225
  fill: "none",
1199
- xmlns: "http://www.w3.org/2000/svg"
1226
+ xmlns: "http://www.w3.org/2000/svg",
1227
+ "aria-label": ariaLabel
1200
1228
  }, /*#__PURE__*/createElement("path", {
1201
1229
  d: "M20 4V20H4V4H20ZM21 3H3V21H21V3Z",
1202
1230
  fill: color
@@ -1208,13 +1236,15 @@ var Subscribe = (function (_ref) {
1208
1236
 
1209
1237
  var Watch = (function (_ref) {
1210
1238
  var _ref$color = _ref.color,
1211
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1239
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1240
+ ariaLabel = _ref.ariaLabel;
1212
1241
  return /*#__PURE__*/createElement("svg", {
1213
1242
  width: "100%",
1214
1243
  height: "100%",
1215
1244
  viewBox: "0 0 24 24",
1216
1245
  fill: "none",
1217
- xmlns: "http://www.w3.org/2000/svg"
1246
+ xmlns: "http://www.w3.org/2000/svg",
1247
+ "aria-label": ariaLabel
1218
1248
  }, /*#__PURE__*/createElement("path", {
1219
1249
  d: "M9 8L16 12L9 16V8Z",
1220
1250
  fill: color
@@ -1226,13 +1256,15 @@ var Watch = (function (_ref) {
1226
1256
 
1227
1257
  var Arrow = (function (_ref) {
1228
1258
  var _ref$color = _ref.color,
1229
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1259
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1260
+ ariaLabel = _ref.ariaLabel;
1230
1261
  return /*#__PURE__*/createElement("svg", {
1231
1262
  width: "100%",
1232
1263
  height: "100%",
1233
1264
  viewBox: "0 0 24 24",
1234
1265
  fill: "none",
1235
- xmlns: "http://www.w3.org/2000/svg"
1266
+ xmlns: "http://www.w3.org/2000/svg",
1267
+ "aria-label": ariaLabel
1236
1268
  }, /*#__PURE__*/createElement("path", {
1237
1269
  d: "M3 12.6001H19L12.9 18.7001L13.6 19.4001L21 12.0001L13.6 4.6001L12.9 5.3001L19.2 11.6001H3V12.6001Z",
1238
1270
  fill: color
@@ -1241,13 +1273,15 @@ var Arrow = (function (_ref) {
1241
1273
 
1242
1274
  var CarouselArrow = (function (_ref) {
1243
1275
  var _ref$color = _ref.color,
1244
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1276
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1277
+ ariaLabel = _ref.ariaLabel;
1245
1278
  return /*#__PURE__*/createElement("svg", {
1246
1279
  width: "100%",
1247
1280
  height: "100%",
1248
1281
  viewBox: "0 0 24 24",
1249
1282
  fill: "none",
1250
- xmlns: "http://www.w3.org/2000/svg"
1283
+ xmlns: "http://www.w3.org/2000/svg",
1284
+ "aria-label": ariaLabel
1251
1285
  }, /*#__PURE__*/createElement("path", {
1252
1286
  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",
1253
1287
  fill: color
@@ -1256,13 +1290,15 @@ var CarouselArrow = (function (_ref) {
1256
1290
 
1257
1291
  var DropdownArrow = (function (_ref) {
1258
1292
  var _ref$color = _ref.color,
1259
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1293
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1294
+ ariaLabel = _ref.ariaLabel;
1260
1295
  return /*#__PURE__*/createElement("svg", {
1261
1296
  width: "100%",
1262
1297
  height: "100%",
1263
1298
  viewBox: "0 0 24 24",
1264
1299
  fill: "none",
1265
- xmlns: "http://www.w3.org/2000/svg"
1300
+ xmlns: "http://www.w3.org/2000/svg",
1301
+ "aria-label": ariaLabel
1266
1302
  }, /*#__PURE__*/createElement("path", {
1267
1303
  d: "M19.3 8L12 14.7L4.7 8L4 8.7L12 16L20 8.7L19.3 8Z",
1268
1304
  fill: color
@@ -1271,13 +1307,15 @@ var DropdownArrow = (function (_ref) {
1271
1307
 
1272
1308
  var Cinema = (function (_ref) {
1273
1309
  var _ref$color = _ref.color,
1274
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1310
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1311
+ ariaLabel = _ref.ariaLabel;
1275
1312
  return /*#__PURE__*/createElement("svg", {
1276
1313
  width: "100%",
1277
1314
  height: "100%",
1278
1315
  viewBox: "0 0 24 24",
1279
1316
  fill: "none",
1280
- xmlns: "http://www.w3.org/2000/svg"
1317
+ xmlns: "http://www.w3.org/2000/svg",
1318
+ "aria-label": ariaLabel
1281
1319
  }, /*#__PURE__*/createElement("path", {
1282
1320
  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",
1283
1321
  fill: color
@@ -1301,13 +1339,15 @@ var Cinema = (function (_ref) {
1301
1339
 
1302
1340
  var Clock = (function (_ref) {
1303
1341
  var _ref$color = _ref.color,
1304
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1342
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1343
+ ariaLabel = _ref.ariaLabel;
1305
1344
  return /*#__PURE__*/createElement("svg", {
1306
1345
  width: "100%",
1307
1346
  height: "100%",
1308
1347
  viewBox: "0 0 24 24",
1309
1348
  fill: "none",
1310
- xmlns: "http://www.w3.org/2000/svg"
1349
+ xmlns: "http://www.w3.org/2000/svg",
1350
+ "aria-label": ariaLabel
1311
1351
  }, /*#__PURE__*/createElement("path", {
1312
1352
  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",
1313
1353
  fill: color
@@ -1319,13 +1359,15 @@ var Clock = (function (_ref) {
1319
1359
 
1320
1360
  var CreditCard = (function (_ref) {
1321
1361
  var _ref$color = _ref.color,
1322
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1362
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1363
+ ariaLabel = _ref.ariaLabel;
1323
1364
  return /*#__PURE__*/createElement("svg", {
1324
1365
  width: "100%",
1325
1366
  height: "100%",
1326
1367
  viewBox: "0 0 24 24",
1327
1368
  fill: "none",
1328
- xmlns: "http://www.w3.org/2000/svg"
1369
+ xmlns: "http://www.w3.org/2000/svg",
1370
+ "aria-label": ariaLabel
1329
1371
  }, /*#__PURE__*/createElement("path", {
1330
1372
  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",
1331
1373
  fill: color
@@ -1340,13 +1382,15 @@ var CreditCard = (function (_ref) {
1340
1382
 
1341
1383
  var Email = (function (_ref) {
1342
1384
  var _ref$color = _ref.color,
1343
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1385
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1386
+ ariaLabel = _ref.ariaLabel;
1344
1387
  return /*#__PURE__*/createElement("svg", {
1345
1388
  width: "100%",
1346
1389
  height: "100%",
1347
1390
  viewBox: "0 0 24 24",
1348
1391
  fill: "none",
1349
- xmlns: "http://www.w3.org/2000/svg"
1392
+ xmlns: "http://www.w3.org/2000/svg",
1393
+ "aria-label": ariaLabel
1350
1394
  }, /*#__PURE__*/createElement("path", {
1351
1395
  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",
1352
1396
  fill: color
@@ -1355,13 +1399,15 @@ var Email = (function (_ref) {
1355
1399
 
1356
1400
  var Info = (function (_ref) {
1357
1401
  var _ref$color = _ref.color,
1358
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1402
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1403
+ ariaLabel = _ref.ariaLabel;
1359
1404
  return /*#__PURE__*/createElement("svg", {
1360
1405
  width: "100%",
1361
1406
  height: "100%",
1362
1407
  viewBox: "0 0 24 24",
1363
1408
  fill: "none",
1364
- xmlns: "http://www.w3.org/2000/svg"
1409
+ xmlns: "http://www.w3.org/2000/svg",
1410
+ "aria-label": ariaLabel
1365
1411
  }, /*#__PURE__*/createElement("path", {
1366
1412
  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",
1367
1413
  fill: color
@@ -1376,13 +1422,15 @@ var Info = (function (_ref) {
1376
1422
 
1377
1423
  var List = (function (_ref) {
1378
1424
  var _ref$color = _ref.color,
1379
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1425
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1426
+ ariaLabel = _ref.ariaLabel;
1380
1427
  return /*#__PURE__*/createElement("svg", {
1381
1428
  width: "100%",
1382
1429
  height: "100%",
1383
1430
  viewBox: "0 0 24 24",
1384
1431
  fill: "none",
1385
- xmlns: "http://www.w3.org/2000/svg"
1432
+ xmlns: "http://www.w3.org/2000/svg",
1433
+ "aria-label": ariaLabel
1386
1434
  }, /*#__PURE__*/createElement("path", {
1387
1435
  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",
1388
1436
  fill: color
@@ -1406,13 +1454,15 @@ var List = (function (_ref) {
1406
1454
 
1407
1455
  var Location = (function (_ref) {
1408
1456
  var _ref$color = _ref.color,
1409
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1457
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1458
+ ariaLabel = _ref.ariaLabel;
1410
1459
  return /*#__PURE__*/createElement("svg", {
1411
1460
  width: "100%",
1412
1461
  height: "100%",
1413
1462
  viewBox: "0 0 24 24",
1414
1463
  fill: "none",
1415
- xmlns: "http://www.w3.org/2000/svg"
1464
+ xmlns: "http://www.w3.org/2000/svg",
1465
+ "aria-label": ariaLabel
1416
1466
  }, /*#__PURE__*/createElement("path", {
1417
1467
  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",
1418
1468
  fill: color
@@ -1424,13 +1474,15 @@ var Location = (function (_ref) {
1424
1474
 
1425
1475
  var PDF = (function (_ref) {
1426
1476
  var _ref$color = _ref.color,
1427
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1477
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1478
+ ariaLabel = _ref.ariaLabel;
1428
1479
  return /*#__PURE__*/createElement("svg", {
1429
1480
  width: "100%",
1430
1481
  height: "100%",
1431
1482
  viewBox: "0 0 24 24",
1432
1483
  fill: "none",
1433
- xmlns: "http://www.w3.org/2000/svg"
1484
+ xmlns: "http://www.w3.org/2000/svg",
1485
+ "aria-label": ariaLabel
1434
1486
  }, /*#__PURE__*/createElement("path", {
1435
1487
  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",
1436
1488
  fill: color
@@ -1448,13 +1500,15 @@ var PDF = (function (_ref) {
1448
1500
 
1449
1501
  var Phone = (function (_ref) {
1450
1502
  var _ref$color = _ref.color,
1451
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1503
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1504
+ ariaLabel = _ref.ariaLabel;
1452
1505
  return /*#__PURE__*/createElement("svg", {
1453
1506
  width: "100%",
1454
1507
  height: "100%",
1455
1508
  viewBox: "0 0 24 24",
1456
1509
  fill: "none",
1457
- xmlns: "http://www.w3.org/2000/svg"
1510
+ xmlns: "http://www.w3.org/2000/svg",
1511
+ "aria-label": ariaLabel
1458
1512
  }, /*#__PURE__*/createElement("path", {
1459
1513
  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",
1460
1514
  fill: color
@@ -1463,13 +1517,15 @@ var Phone = (function (_ref) {
1463
1517
 
1464
1518
  var Print = (function (_ref) {
1465
1519
  var _ref$color = _ref.color,
1466
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1520
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1521
+ ariaLabel = _ref.ariaLabel;
1467
1522
  return /*#__PURE__*/createElement("svg", {
1468
1523
  width: "100%",
1469
1524
  height: "100%",
1470
1525
  viewBox: "0 0 24 24",
1471
1526
  fill: "none",
1472
- xmlns: "http://www.w3.org/2000/svg"
1527
+ xmlns: "http://www.w3.org/2000/svg",
1528
+ "aria-label": ariaLabel
1473
1529
  }, /*#__PURE__*/createElement("path", {
1474
1530
  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",
1475
1531
  fill: color
@@ -1478,13 +1534,15 @@ var Print = (function (_ref) {
1478
1534
 
1479
1535
  var Seat = (function (_ref) {
1480
1536
  var _ref$color = _ref.color,
1481
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1537
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1538
+ ariaLabel = _ref.ariaLabel;
1482
1539
  return /*#__PURE__*/createElement("svg", {
1483
1540
  width: "100%",
1484
1541
  height: "100%",
1485
1542
  viewBox: "0 0 24 24",
1486
1543
  fill: "none",
1487
- xmlns: "http://www.w3.org/2000/svg"
1544
+ xmlns: "http://www.w3.org/2000/svg",
1545
+ "aria-label": ariaLabel
1488
1546
  }, /*#__PURE__*/createElement("path", {
1489
1547
  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",
1490
1548
  fill: color
@@ -1496,13 +1554,15 @@ var Seat = (function (_ref) {
1496
1554
 
1497
1555
  var Secure = (function (_ref) {
1498
1556
  var _ref$color = _ref.color,
1499
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1557
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1558
+ ariaLabel = _ref.ariaLabel;
1500
1559
  return /*#__PURE__*/createElement("svg", {
1501
1560
  width: "100%",
1502
1561
  height: "100%",
1503
1562
  viewBox: "0 0 24 24",
1504
1563
  fill: "none",
1505
- xmlns: "http://www.w3.org/2000/svg"
1564
+ xmlns: "http://www.w3.org/2000/svg",
1565
+ "aria-label": ariaLabel
1506
1566
  }, /*#__PURE__*/createElement("path", {
1507
1567
  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",
1508
1568
  fill: color
@@ -1514,13 +1574,15 @@ var Secure = (function (_ref) {
1514
1574
 
1515
1575
  var Standing = (function (_ref) {
1516
1576
  var _ref$color = _ref.color,
1517
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1577
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1578
+ ariaLabel = _ref.ariaLabel;
1518
1579
  return /*#__PURE__*/createElement("svg", {
1519
1580
  width: "100%",
1520
1581
  height: "100%",
1521
1582
  viewBox: "0 0 24 24",
1522
1583
  fill: "none",
1523
- xmlns: "http://www.w3.org/2000/svg"
1584
+ xmlns: "http://www.w3.org/2000/svg",
1585
+ "aria-label": ariaLabel
1524
1586
  }, /*#__PURE__*/createElement("path", {
1525
1587
  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",
1526
1588
  fill: color
@@ -1529,13 +1591,15 @@ var Standing = (function (_ref) {
1529
1591
 
1530
1592
  var Tickets = (function (_ref) {
1531
1593
  var _ref$color = _ref.color,
1532
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1594
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1595
+ ariaLabel = _ref.ariaLabel;
1533
1596
  return /*#__PURE__*/createElement("svg", {
1534
1597
  width: "100%",
1535
1598
  height: "100%",
1536
1599
  viewBox: "0 0 24 24",
1537
1600
  fill: "none",
1538
- xmlns: "http://www.w3.org/2000/svg"
1601
+ xmlns: "http://www.w3.org/2000/svg",
1602
+ "aria-label": ariaLabel
1539
1603
  }, /*#__PURE__*/createElement("path", {
1540
1604
  d: "M12 14H11V16H12V14Z",
1541
1605
  fill: color
@@ -1567,13 +1631,15 @@ var Wheelchair = (function (_ref) {
1567
1631
 
1568
1632
  var BalletAndDance = (function (_ref) {
1569
1633
  var _ref$color = _ref.color,
1570
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1634
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1635
+ ariaLabel = _ref.ariaLabel;
1571
1636
  return /*#__PURE__*/createElement("svg", {
1572
1637
  width: "100%",
1573
1638
  height: "100%",
1574
1639
  viewBox: "0 0 24 24",
1575
1640
  fill: "none",
1576
- xmlns: "http://www.w3.org/2000/svg"
1641
+ xmlns: "http://www.w3.org/2000/svg",
1642
+ "aria-label": ariaLabel
1577
1643
  }, /*#__PURE__*/createElement("path", {
1578
1644
  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",
1579
1645
  fill: color
@@ -1582,13 +1648,15 @@ var BalletAndDance = (function (_ref) {
1582
1648
 
1583
1649
  var Basket = (function (_ref) {
1584
1650
  var _ref$color = _ref.color,
1585
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1651
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1652
+ ariaLabel = _ref.ariaLabel;
1586
1653
  return /*#__PURE__*/createElement("svg", {
1587
1654
  width: "100%",
1588
1655
  height: "100%",
1589
1656
  viewBox: "0 0 24 24",
1590
1657
  fill: "none",
1591
- xmlns: "http://www.w3.org/2000/svg"
1658
+ xmlns: "http://www.w3.org/2000/svg",
1659
+ "aria-label": ariaLabel
1592
1660
  }, /*#__PURE__*/createElement("path", {
1593
1661
  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",
1594
1662
  fill: color
@@ -1597,13 +1665,15 @@ var Basket = (function (_ref) {
1597
1665
 
1598
1666
  var BasketFull = (function (_ref) {
1599
1667
  var _ref$color = _ref.color,
1600
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1668
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1669
+ ariaLabel = _ref.ariaLabel;
1601
1670
  return /*#__PURE__*/createElement("svg", {
1602
1671
  width: "100%",
1603
1672
  height: "100%",
1604
1673
  viewBox: "0 0 24 24",
1605
1674
  fill: "none",
1606
- xmlns: "http://www.w3.org/2000/svg"
1675
+ xmlns: "http://www.w3.org/2000/svg",
1676
+ "aria-label": ariaLabel
1607
1677
  }, /*#__PURE__*/createElement("path", {
1608
1678
  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",
1609
1679
  fill: color
@@ -1612,13 +1682,15 @@ var BasketFull = (function (_ref) {
1612
1682
 
1613
1683
  var Home = (function (_ref) {
1614
1684
  var _ref$color = _ref.color,
1615
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1685
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1686
+ ariaLabel = _ref.ariaLabel;
1616
1687
  return /*#__PURE__*/createElement("svg", {
1617
1688
  width: "100%",
1618
1689
  height: "100%",
1619
1690
  viewBox: "0 0 24 24",
1620
1691
  fill: "none",
1621
- xmlns: "http://www.w3.org/2000/svg"
1692
+ xmlns: "http://www.w3.org/2000/svg",
1693
+ "aria-label": ariaLabel
1622
1694
  }, /*#__PURE__*/createElement("path", {
1623
1695
  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",
1624
1696
  fill: color
@@ -1627,13 +1699,15 @@ var Home = (function (_ref) {
1627
1699
 
1628
1700
  var LiveStream = (function (_ref) {
1629
1701
  var _ref$color = _ref.color,
1630
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1702
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1703
+ ariaLabel = _ref.ariaLabel;
1631
1704
  return /*#__PURE__*/createElement("svg", {
1632
1705
  width: "100%",
1633
1706
  height: "100%",
1634
1707
  viewBox: "0 0 24 24",
1635
1708
  fill: "none",
1636
- xmlns: "http://www.w3.org/2000/svg"
1709
+ xmlns: "http://www.w3.org/2000/svg",
1710
+ "aria-label": ariaLabel
1637
1711
  }, /*#__PURE__*/createElement("path", {
1638
1712
  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",
1639
1713
  fill: color
@@ -1654,13 +1728,15 @@ var LiveStream = (function (_ref) {
1654
1728
 
1655
1729
  var Menu = (function (_ref) {
1656
1730
  var _ref$color = _ref.color,
1657
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1731
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1732
+ ariaLabel = _ref.ariaLabel;
1658
1733
  return /*#__PURE__*/createElement("svg", {
1659
1734
  width: "100%",
1660
1735
  height: "100%",
1661
1736
  viewBox: "0 0 24 24",
1662
1737
  fill: "none",
1663
- xmlns: "http://www.w3.org/2000/svg"
1738
+ xmlns: "http://www.w3.org/2000/svg",
1739
+ "aria-label": ariaLabel
1664
1740
  }, /*#__PURE__*/createElement("path", {
1665
1741
  d: "M22 5H2V6H22V5Z",
1666
1742
  fill: color
@@ -1675,13 +1751,15 @@ var Menu = (function (_ref) {
1675
1751
 
1676
1752
  var OperaAndMusic = (function (_ref) {
1677
1753
  var _ref$color = _ref.color,
1678
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1754
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1755
+ ariaLabel = _ref.ariaLabel;
1679
1756
  return /*#__PURE__*/createElement("svg", {
1680
1757
  width: "100%",
1681
1758
  height: "100%",
1682
1759
  viewBox: "0 0 24 24",
1683
1760
  fill: "none",
1684
- xmlns: "http://www.w3.org/2000/svg"
1761
+ xmlns: "http://www.w3.org/2000/svg",
1762
+ "aria-label": ariaLabel
1685
1763
  }, /*#__PURE__*/createElement("path", {
1686
1764
  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",
1687
1765
  fill: color
@@ -1708,13 +1786,15 @@ var OperaAndMusic = (function (_ref) {
1708
1786
 
1709
1787
  var Search = (function (_ref) {
1710
1788
  var _ref$color = _ref.color,
1711
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1789
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1790
+ ariaLabel = _ref.ariaLabel;
1712
1791
  return /*#__PURE__*/createElement("svg", {
1713
1792
  width: "100%",
1714
1793
  height: "100%",
1715
1794
  viewBox: "0 0 24 24",
1716
1795
  fill: "none",
1717
- xmlns: "http://www.w3.org/2000/svg"
1796
+ xmlns: "http://www.w3.org/2000/svg",
1797
+ "aria-label": ariaLabel
1718
1798
  }, /*#__PURE__*/createElement("path", {
1719
1799
  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",
1720
1800
  fill: color
@@ -1723,13 +1803,15 @@ var Search = (function (_ref) {
1723
1803
 
1724
1804
  var Settings = (function (_ref) {
1725
1805
  var _ref$color = _ref.color,
1726
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1806
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1807
+ ariaLabel = _ref.ariaLabel;
1727
1808
  return /*#__PURE__*/createElement("svg", {
1728
1809
  width: "100%",
1729
1810
  height: "100%",
1730
1811
  viewBox: "0 0 24 24",
1731
1812
  fill: "none",
1732
- xmlns: "http://www.w3.org/2000/svg"
1813
+ xmlns: "http://www.w3.org/2000/svg",
1814
+ "aria-label": ariaLabel
1733
1815
  }, /*#__PURE__*/createElement("path", {
1734
1816
  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",
1735
1817
  fill: color
@@ -1741,13 +1823,15 @@ var Settings = (function (_ref) {
1741
1823
 
1742
1824
  var User = (function (_ref) {
1743
1825
  var _ref$color = _ref.color,
1744
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1826
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1827
+ ariaLabel = _ref.ariaLabel;
1745
1828
  return /*#__PURE__*/createElement("svg", {
1746
1829
  width: "100%",
1747
1830
  height: "100%",
1748
1831
  viewBox: "0 0 24 24",
1749
1832
  fill: "none",
1750
- xmlns: "http://www.w3.org/2000/svg"
1833
+ xmlns: "http://www.w3.org/2000/svg",
1834
+ "aria-label": ariaLabel
1751
1835
  }, /*#__PURE__*/createElement("path", {
1752
1836
  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",
1753
1837
  fill: color
@@ -1759,13 +1843,15 @@ var User = (function (_ref) {
1759
1843
 
1760
1844
  var UserSignedIn = (function (_ref) {
1761
1845
  var _ref$color = _ref.color,
1762
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1846
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1847
+ ariaLabel = _ref.ariaLabel;
1763
1848
  return /*#__PURE__*/createElement("svg", {
1764
1849
  width: "100%",
1765
1850
  height: "100%",
1766
1851
  viewBox: "0 0 24 24",
1767
1852
  fill: "none",
1768
- xmlns: "http://www.w3.org/2000/svg"
1853
+ xmlns: "http://www.w3.org/2000/svg",
1854
+ "aria-label": ariaLabel
1769
1855
  }, /*#__PURE__*/createElement("path", {
1770
1856
  d: "M22 21H2C2.4 17.7 2 11 12 11C22 11 21.6 17.7 22 21Z",
1771
1857
  fill: color
@@ -1777,13 +1863,15 @@ var UserSignedIn = (function (_ref) {
1777
1863
 
1778
1864
  var Facebook = (function (_ref) {
1779
1865
  var _ref$color = _ref.color,
1780
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1866
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1867
+ ariaLabel = _ref.ariaLabel;
1781
1868
  return /*#__PURE__*/createElement("svg", {
1782
1869
  width: "100%",
1783
1870
  height: "100%",
1784
1871
  viewBox: "0 0 24 24",
1785
1872
  fill: "none",
1786
- xmlns: "http://www.w3.org/2000/svg"
1873
+ xmlns: "http://www.w3.org/2000/svg",
1874
+ "aria-label": ariaLabel
1787
1875
  }, /*#__PURE__*/createElement("path", {
1788
1876
  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",
1789
1877
  fill: color
@@ -1792,13 +1880,15 @@ var Facebook = (function (_ref) {
1792
1880
 
1793
1881
  var Instagram = (function (_ref) {
1794
1882
  var _ref$color = _ref.color,
1795
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1883
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1884
+ ariaLabel = _ref.ariaLabel;
1796
1885
  return /*#__PURE__*/createElement("svg", {
1797
1886
  width: "100%",
1798
1887
  height: "100%",
1799
1888
  viewBox: "0 0 24 24",
1800
1889
  fill: "none",
1801
- xmlns: "http://www.w3.org/2000/svg"
1890
+ xmlns: "http://www.w3.org/2000/svg",
1891
+ "aria-label": ariaLabel
1802
1892
  }, /*#__PURE__*/createElement("path", {
1803
1893
  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",
1804
1894
  fill: color
@@ -1813,13 +1903,15 @@ var Instagram = (function (_ref) {
1813
1903
 
1814
1904
  var Tiktok = (function (_ref) {
1815
1905
  var _ref$color = _ref.color,
1816
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1906
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1907
+ ariaLabel = _ref.ariaLabel;
1817
1908
  return /*#__PURE__*/createElement("svg", {
1818
1909
  width: "100%",
1819
1910
  height: "100%",
1820
1911
  viewBox: "0 0 24 24",
1821
1912
  fill: "none",
1822
- xmlns: "http://www.w3.org/2000/svg"
1913
+ xmlns: "http://www.w3.org/2000/svg",
1914
+ "aria-label": ariaLabel
1823
1915
  }, /*#__PURE__*/createElement("path", {
1824
1916
  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",
1825
1917
  fill: color
@@ -1828,13 +1920,15 @@ var Tiktok = (function (_ref) {
1828
1920
 
1829
1921
  var Twitter = (function (_ref) {
1830
1922
  var _ref$color = _ref.color,
1831
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1923
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1924
+ ariaLabel = _ref.ariaLabel;
1832
1925
  return /*#__PURE__*/createElement("svg", {
1833
1926
  width: "100%",
1834
1927
  height: "100%",
1835
1928
  viewBox: "0 0 24 24",
1836
1929
  fill: "none",
1837
- xmlns: "http://www.w3.org/2000/svg"
1930
+ xmlns: "http://www.w3.org/2000/svg",
1931
+ "aria-label": ariaLabel
1838
1932
  }, /*#__PURE__*/createElement("path", {
1839
1933
  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",
1840
1934
  fill: color
@@ -1843,13 +1937,15 @@ var Twitter = (function (_ref) {
1843
1937
 
1844
1938
  var X = (function (_ref) {
1845
1939
  var _ref$color = _ref.color,
1846
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1940
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1941
+ ariaLabel = _ref.ariaLabel;
1847
1942
  return /*#__PURE__*/createElement("svg", {
1848
1943
  width: "100%",
1849
1944
  height: "100%",
1850
1945
  viewBox: "0 0 24 24",
1851
1946
  fill: "none",
1852
- xmlns: "http://www.w3.org/2000/svg"
1947
+ xmlns: "http://www.w3.org/2000/svg",
1948
+ "aria-label": ariaLabel
1853
1949
  }, /*#__PURE__*/createElement("path", {
1854
1950
  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",
1855
1951
  fill: color
@@ -1858,13 +1954,15 @@ var X = (function (_ref) {
1858
1954
 
1859
1955
  var Youtube = (function (_ref) {
1860
1956
  var _ref$color = _ref.color,
1861
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1957
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1958
+ ariaLabel = _ref.ariaLabel;
1862
1959
  return /*#__PURE__*/createElement("svg", {
1863
1960
  width: "100%",
1864
1961
  height: "100%",
1865
1962
  viewBox: "0 0 24 24",
1866
1963
  fill: "none",
1867
- xmlns: "http://www.w3.org/2000/svg"
1964
+ xmlns: "http://www.w3.org/2000/svg",
1965
+ "aria-label": ariaLabel
1868
1966
  }, /*#__PURE__*/createElement("path", {
1869
1967
  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",
1870
1968
  fill: color
@@ -1873,13 +1971,15 @@ var Youtube = (function (_ref) {
1873
1971
 
1874
1972
  var Delete = (function (_ref) {
1875
1973
  var _ref$color = _ref.color,
1876
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1974
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1975
+ ariaLabel = _ref.ariaLabel;
1877
1976
  return /*#__PURE__*/createElement("svg", {
1878
1977
  width: "100%",
1879
1978
  height: "100%",
1880
1979
  viewBox: "0 0 24 24",
1881
1980
  fill: "none",
1882
- xmlns: "http://www.w3.org/2000/svg"
1981
+ xmlns: "http://www.w3.org/2000/svg",
1982
+ "aria-label": ariaLabel
1883
1983
  }, /*#__PURE__*/createElement("path", {
1884
1984
  d: "M11 4L2 12L11 20H22V4H11ZM21 19H11.4L3.5 12L11.4 5H21V19Z",
1885
1985
  fill: color
@@ -1891,7 +1991,8 @@ var Delete = (function (_ref) {
1891
1991
 
1892
1992
  var Shift = (function (_ref) {
1893
1993
  var _ref$color = _ref.color,
1894
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1994
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1995
+ ariaLabel = _ref.ariaLabel;
1895
1996
  return /*#__PURE__*/createElement("svg", {
1896
1997
  width: "100%",
1897
1998
  height: "100%",
@@ -1900,19 +2001,22 @@ var Shift = (function (_ref) {
1900
2001
  xmlns: "http://www.w3.org/2000/svg"
1901
2002
  }, /*#__PURE__*/createElement("path", {
1902
2003
  d: "M12 3L3 12H8V21H16V12H21L12 3ZM15 11V12V20H9V12V11H8H5.4L12 4.4L18.6 11H16H15Z",
1903
- fill: color
2004
+ fill: color,
2005
+ "aria-label": ariaLabel
1904
2006
  }));
1905
2007
  });
1906
2008
 
1907
2009
  var Space = (function (_ref) {
1908
2010
  var _ref$color = _ref.color,
1909
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2011
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2012
+ ariaLabel = _ref.ariaLabel;
1910
2013
  return /*#__PURE__*/createElement("svg", {
1911
2014
  width: "100%",
1912
2015
  height: "100%",
1913
2016
  viewBox: "0 0 24 24",
1914
2017
  fill: "none",
1915
- xmlns: "http://www.w3.org/2000/svg"
2018
+ xmlns: "http://www.w3.org/2000/svg",
2019
+ "aria-label": ariaLabel
1916
2020
  }, /*#__PURE__*/createElement("path", {
1917
2021
  d: "M21 16V19H3V16H2V19V20H3H21H22V19V16H21Z",
1918
2022
  fill: color
@@ -1921,13 +2025,15 @@ var Space = (function (_ref) {
1921
2025
 
1922
2026
  var Close = (function (_ref) {
1923
2027
  var _ref$color = _ref.color,
1924
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2028
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2029
+ ariaLabel = _ref.ariaLabel;
1925
2030
  return /*#__PURE__*/createElement("svg", {
1926
2031
  width: "100%",
1927
2032
  height: "100%",
1928
2033
  viewBox: "0 0 24 24",
1929
2034
  fill: "none",
1930
- xmlns: "http://www.w3.org/2000/svg"
2035
+ xmlns: "http://www.w3.org/2000/svg",
2036
+ "aria-label": ariaLabel
1931
2037
  }, /*#__PURE__*/createElement("path", {
1932
2038
  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",
1933
2039
  fill: color
@@ -1936,13 +2042,15 @@ var Close = (function (_ref) {
1936
2042
 
1937
2043
  var Confirm = (function (_ref) {
1938
2044
  var _ref$color = _ref.color,
1939
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2045
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2046
+ ariaLabel = _ref.ariaLabel;
1940
2047
  return /*#__PURE__*/createElement("svg", {
1941
2048
  width: "100%",
1942
2049
  height: "100%",
1943
2050
  viewBox: "0 0 24 24",
1944
2051
  fill: "none",
1945
- xmlns: "http://www.w3.org/2000/svg"
2052
+ xmlns: "http://www.w3.org/2000/svg",
2053
+ "aria-label": ariaLabel
1946
2054
  }, /*#__PURE__*/createElement("path", {
1947
2055
  d: "M9.09961 21L3 12.5L3.8 11.9L9.09961 19.3L21.1996 3L21.9996 3.6L9.09961 21Z",
1948
2056
  fill: color
@@ -1951,13 +2059,15 @@ var Confirm = (function (_ref) {
1951
2059
 
1952
2060
  var Detract = (function (_ref) {
1953
2061
  var _ref$color = _ref.color,
1954
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2062
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2063
+ ariaLabel = _ref.ariaLabel;
1955
2064
  return /*#__PURE__*/createElement("svg", {
1956
2065
  width: "100%",
1957
2066
  height: "100%",
1958
2067
  viewBox: "0 0 24 24",
1959
2068
  fill: "none",
1960
- xmlns: "http://www.w3.org/2000/svg"
2069
+ xmlns: "http://www.w3.org/2000/svg",
2070
+ "aria-label": ariaLabel
1961
2071
  }, /*#__PURE__*/createElement("path", {
1962
2072
  d: "M21 11.5H3V12.5H21V11.5Z",
1963
2073
  fill: color
@@ -1966,13 +2076,15 @@ var Detract = (function (_ref) {
1966
2076
 
1967
2077
  var Expand = (function (_ref) {
1968
2078
  var _ref$color = _ref.color,
1969
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2079
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2080
+ ariaLabel = _ref.ariaLabel;
1970
2081
  return /*#__PURE__*/createElement("svg", {
1971
2082
  width: "100%",
1972
2083
  height: "100%",
1973
2084
  viewBox: "0 0 24 24",
1974
2085
  fill: "none",
1975
- xmlns: "http://www.w3.org/2000/svg"
2086
+ xmlns: "http://www.w3.org/2000/svg",
2087
+ "aria-label": ariaLabel
1976
2088
  }, /*#__PURE__*/createElement("path", {
1977
2089
  d: "M12.5 11.5V3H11.5V11.5H3V12.5H11.5V21H12.5V12.5H21V11.5H12.5Z",
1978
2090
  fill: color
@@ -1981,13 +2093,15 @@ var Expand = (function (_ref) {
1981
2093
 
1982
2094
  var ExternalLink = (function (_ref) {
1983
2095
  var _ref$color = _ref.color,
1984
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2096
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2097
+ ariaLabel = _ref.ariaLabel;
1985
2098
  return /*#__PURE__*/createElement("svg", {
1986
2099
  width: "100%",
1987
2100
  height: "100%",
1988
2101
  viewBox: "0 0 24 24",
1989
2102
  fill: "none",
1990
- xmlns: "http://www.w3.org/2000/svg"
2103
+ xmlns: "http://www.w3.org/2000/svg",
2104
+ "aria-label": ariaLabel
1991
2105
  }, /*#__PURE__*/createElement("path", {
1992
2106
  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",
1993
2107
  fill: color
@@ -1999,13 +2113,15 @@ var ExternalLink = (function (_ref) {
1999
2113
 
2000
2114
  var GridView = (function (_ref) {
2001
2115
  var _ref$color = _ref.color,
2002
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2116
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2117
+ ariaLabel = _ref.ariaLabel;
2003
2118
  return /*#__PURE__*/createElement("svg", {
2004
2119
  width: "100%",
2005
2120
  height: "100%",
2006
2121
  viewBox: "0 0 24 24",
2007
2122
  fill: "none",
2008
- xmlns: "http://www.w3.org/2000/svg"
2123
+ xmlns: "http://www.w3.org/2000/svg",
2124
+ "aria-label": ariaLabel
2009
2125
  }, /*#__PURE__*/createElement("path", {
2010
2126
  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",
2011
2127
  fill: color
@@ -2014,13 +2130,15 @@ var GridView = (function (_ref) {
2014
2130
 
2015
2131
  var ListView = (function (_ref) {
2016
2132
  var _ref$color = _ref.color,
2017
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2133
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2134
+ ariaLabel = _ref.ariaLabel;
2018
2135
  return /*#__PURE__*/createElement("svg", {
2019
2136
  width: "100%",
2020
2137
  height: "100%",
2021
2138
  viewBox: "0 0 24 24",
2022
2139
  fill: "none",
2023
- xmlns: "http://www.w3.org/2000/svg"
2140
+ xmlns: "http://www.w3.org/2000/svg",
2141
+ "aria-label": ariaLabel
2024
2142
  }, /*#__PURE__*/createElement("path", {
2025
2143
  d: "M3 3V7H21V3H3ZM20 6H4V4H20V6Z",
2026
2144
  fill: color
@@ -2035,13 +2153,15 @@ var ListView = (function (_ref) {
2035
2153
 
2036
2154
  var Refresh = (function (_ref) {
2037
2155
  var _ref$color = _ref.color,
2038
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2156
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2157
+ ariaLabel = _ref.ariaLabel;
2039
2158
  return /*#__PURE__*/createElement("svg", {
2040
2159
  width: "100%",
2041
2160
  height: "100%",
2042
2161
  viewBox: "0 0 24 24",
2043
2162
  fill: "none",
2044
- xmlns: "http://www.w3.org/2000/svg"
2163
+ xmlns: "http://www.w3.org/2000/svg",
2164
+ "aria-label": ariaLabel
2045
2165
  }, /*#__PURE__*/createElement("path", {
2046
2166
  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",
2047
2167
  fill: color
@@ -2053,13 +2173,15 @@ var Refresh = (function (_ref) {
2053
2173
 
2054
2174
  var Remove = (function (_ref) {
2055
2175
  var _ref$color = _ref.color,
2056
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2176
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2177
+ ariaLabel = _ref.ariaLabel;
2057
2178
  return /*#__PURE__*/createElement("svg", {
2058
2179
  width: "100%",
2059
2180
  height: "100%",
2060
2181
  viewBox: "0 0 12 12",
2061
2182
  fill: "none",
2062
- xmlns: "http://www.w3.org/2000/svg"
2183
+ xmlns: "http://www.w3.org/2000/svg",
2184
+ "aria-label": ariaLabel
2063
2185
  }, /*#__PURE__*/createElement("path", {
2064
2186
  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",
2065
2187
  fill: color
@@ -2068,13 +2190,15 @@ var Remove = (function (_ref) {
2068
2190
 
2069
2191
  var Star = (function (_ref) {
2070
2192
  var _ref$color = _ref.color,
2071
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2193
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2194
+ ariaLabel = _ref.ariaLabel;
2072
2195
  return /*#__PURE__*/createElement("svg", {
2073
2196
  width: "100%",
2074
2197
  height: "100%",
2075
2198
  viewBox: "0 0 48 46",
2076
2199
  fill: "none",
2077
- xmlns: "http://www.w3.org/2000/svg"
2200
+ xmlns: "http://www.w3.org/2000/svg",
2201
+ "aria-label": ariaLabel
2078
2202
  }, /*#__PURE__*/createElement("path", {
2079
2203
  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",
2080
2204
  fill: color
@@ -2083,13 +2207,15 @@ var Star = (function (_ref) {
2083
2207
 
2084
2208
  var AudioDescription = (function (_ref) {
2085
2209
  var _ref$color = _ref.color,
2086
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2210
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2211
+ ariaLabel = _ref.ariaLabel;
2087
2212
  return /*#__PURE__*/createElement("svg", {
2088
2213
  width: "100%",
2089
2214
  height: "100%",
2090
2215
  viewBox: "0 0 24 24",
2091
2216
  fill: "none",
2092
- xmlns: "http://www.w3.org/2000/svg"
2217
+ xmlns: "http://www.w3.org/2000/svg",
2218
+ "aria-label": ariaLabel
2093
2219
  }, /*#__PURE__*/createElement("path", {
2094
2220
  d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
2095
2221
  fill: color
@@ -2104,13 +2230,15 @@ var AudioDescription = (function (_ref) {
2104
2230
 
2105
2231
  var Back10 = (function (_ref) {
2106
2232
  var _ref$color = _ref.color,
2107
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2233
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2234
+ ariaLabel = _ref.ariaLabel;
2108
2235
  return /*#__PURE__*/createElement("svg", {
2109
2236
  width: "100%",
2110
2237
  height: "100%",
2111
2238
  viewBox: "0 0 24 24",
2112
2239
  fill: "none",
2113
- xmlns: "http://www.w3.org/2000/svg"
2240
+ xmlns: "http://www.w3.org/2000/svg",
2241
+ "aria-label": ariaLabel
2114
2242
  }, /*#__PURE__*/createElement("path", {
2115
2243
  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",
2116
2244
  fill: color
@@ -2125,13 +2253,15 @@ var Back10 = (function (_ref) {
2125
2253
 
2126
2254
  var Clips = (function (_ref) {
2127
2255
  var _ref$color = _ref.color,
2128
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2256
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2257
+ ariaLabel = _ref.ariaLabel;
2129
2258
  return /*#__PURE__*/createElement("svg", {
2130
2259
  width: "100%",
2131
2260
  height: "100%",
2132
2261
  viewBox: "0 0 24 24",
2133
2262
  fill: "none",
2134
- xmlns: "http://www.w3.org/2000/svg"
2263
+ xmlns: "http://www.w3.org/2000/svg",
2264
+ "aria-label": ariaLabel
2135
2265
  }, /*#__PURE__*/createElement("path", {
2136
2266
  d: "M15 11V19H3V11H15ZM16 10H2V20H16V10Z",
2137
2267
  fill: color
@@ -2146,13 +2276,15 @@ var Clips = (function (_ref) {
2146
2276
 
2147
2277
  var Forward10 = (function (_ref) {
2148
2278
  var _ref$color = _ref.color,
2149
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2279
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2280
+ ariaLabel = _ref.ariaLabel;
2150
2281
  return /*#__PURE__*/createElement("svg", {
2151
2282
  width: "100%",
2152
2283
  height: "100%",
2153
2284
  viewBox: "0 0 24 24",
2154
2285
  fill: "none",
2155
- xmlns: "http://www.w3.org/2000/svg"
2286
+ xmlns: "http://www.w3.org/2000/svg",
2287
+ "aria-label": ariaLabel
2156
2288
  }, /*#__PURE__*/createElement("path", {
2157
2289
  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",
2158
2290
  fill: color
@@ -2167,13 +2299,15 @@ var Forward10 = (function (_ref) {
2167
2299
 
2168
2300
  var FullScreen = (function (_ref) {
2169
2301
  var _ref$color = _ref.color,
2170
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2302
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2303
+ ariaLabel = _ref.ariaLabel;
2171
2304
  return /*#__PURE__*/createElement("svg", {
2172
2305
  width: "100%",
2173
2306
  height: "100%",
2174
2307
  viewBox: "0 0 24 24",
2175
2308
  fill: "none",
2176
- xmlns: "http://www.w3.org/2000/svg"
2309
+ xmlns: "http://www.w3.org/2000/svg",
2310
+ "aria-label": ariaLabel
2177
2311
  }, /*#__PURE__*/createElement("path", {
2178
2312
  d: "M3 9H4V4H9V3H3V9Z",
2179
2313
  fill: color
@@ -2191,13 +2325,15 @@ var FullScreen = (function (_ref) {
2191
2325
 
2192
2326
  var Minimise = (function (_ref) {
2193
2327
  var _ref$color = _ref.color,
2194
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2328
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2329
+ ariaLabel = _ref.ariaLabel;
2195
2330
  return /*#__PURE__*/createElement("svg", {
2196
2331
  width: "100%",
2197
2332
  height: "100%",
2198
2333
  viewBox: "0 0 24 24",
2199
2334
  fill: "none",
2200
- xmlns: "http://www.w3.org/2000/svg"
2335
+ xmlns: "http://www.w3.org/2000/svg",
2336
+ "aria-label": ariaLabel
2201
2337
  }, /*#__PURE__*/createElement("path", {
2202
2338
  d: "M9 3H8V8H3V9H9V3Z",
2203
2339
  fill: color
@@ -2215,13 +2351,15 @@ var Minimise = (function (_ref) {
2215
2351
 
2216
2352
  var Muted = (function (_ref) {
2217
2353
  var _ref$color = _ref.color,
2218
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2354
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2355
+ ariaLabel = _ref.ariaLabel;
2219
2356
  return /*#__PURE__*/createElement("svg", {
2220
2357
  width: "100%",
2221
2358
  height: "100%",
2222
2359
  viewBox: "0 0 24 24",
2223
2360
  fill: "none",
2224
- xmlns: "http://www.w3.org/2000/svg"
2361
+ xmlns: "http://www.w3.org/2000/svg",
2362
+ "aria-label": ariaLabel
2225
2363
  }, /*#__PURE__*/createElement("path", {
2226
2364
  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",
2227
2365
  fill: color
@@ -2233,13 +2371,15 @@ var Muted = (function (_ref) {
2233
2371
 
2234
2372
  var Pause = (function (_ref) {
2235
2373
  var _ref$color = _ref.color,
2236
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2374
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2375
+ ariaLabel = _ref.ariaLabel;
2237
2376
  return /*#__PURE__*/createElement("svg", {
2238
2377
  width: "100%",
2239
2378
  height: "100%",
2240
2379
  viewBox: "0 0 24 24",
2241
2380
  fill: "none",
2242
- xmlns: "http://www.w3.org/2000/svg"
2381
+ xmlns: "http://www.w3.org/2000/svg",
2382
+ "aria-label": ariaLabel
2243
2383
  }, /*#__PURE__*/createElement("path", {
2244
2384
  d: "M10 2H4V22H10V2Z",
2245
2385
  fill: color
@@ -2251,13 +2391,15 @@ var Pause = (function (_ref) {
2251
2391
 
2252
2392
  var Play = (function (_ref) {
2253
2393
  var _ref$color = _ref.color,
2254
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2394
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2395
+ ariaLabel = _ref.ariaLabel;
2255
2396
  return /*#__PURE__*/createElement("svg", {
2256
2397
  width: "100%",
2257
2398
  height: "100%",
2258
2399
  viewBox: "0 0 24 24",
2259
2400
  fill: "none",
2260
- xmlns: "http://www.w3.org/2000/svg"
2401
+ xmlns: "http://www.w3.org/2000/svg",
2402
+ "aria-label": ariaLabel
2261
2403
  }, /*#__PURE__*/createElement("path", {
2262
2404
  d: "M5.5 3.8999L20 11.9999L5.5 20.0999V3.8999Z",
2263
2405
  fill: color
@@ -2269,13 +2411,15 @@ var Play = (function (_ref) {
2269
2411
 
2270
2412
  var Restart = (function (_ref) {
2271
2413
  var _ref$color = _ref.color,
2272
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2414
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2415
+ ariaLabel = _ref.ariaLabel;
2273
2416
  return /*#__PURE__*/createElement("svg", {
2274
2417
  width: "100%",
2275
2418
  height: "100%",
2276
2419
  viewBox: "0 0 24 24",
2277
2420
  fill: "none",
2278
- xmlns: "http://www.w3.org/2000/svg"
2421
+ xmlns: "http://www.w3.org/2000/svg",
2422
+ "aria-label": ariaLabel
2279
2423
  }, /*#__PURE__*/createElement("path", {
2280
2424
  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",
2281
2425
  fill: color
@@ -2284,13 +2428,15 @@ var Restart = (function (_ref) {
2284
2428
 
2285
2429
  var Subtitles = (function (_ref) {
2286
2430
  var _ref$color = _ref.color,
2287
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2431
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2432
+ ariaLabel = _ref.ariaLabel;
2288
2433
  return /*#__PURE__*/createElement("svg", {
2289
2434
  width: "100%",
2290
2435
  height: "100%",
2291
2436
  viewBox: "0 0 24 24",
2292
2437
  fill: "none",
2293
- xmlns: "http://www.w3.org/2000/svg"
2438
+ xmlns: "http://www.w3.org/2000/svg",
2439
+ "aria-label": ariaLabel
2294
2440
  }, /*#__PURE__*/createElement("path", {
2295
2441
  d: "M9 7H7V8H9V7Z",
2296
2442
  fill: color
@@ -2317,13 +2463,15 @@ var Subtitles = (function (_ref) {
2317
2463
 
2318
2464
  var Trailer = (function (_ref) {
2319
2465
  var _ref$color = _ref.color,
2320
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2466
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2467
+ ariaLabel = _ref.ariaLabel;
2321
2468
  return /*#__PURE__*/createElement("svg", {
2322
2469
  width: "100%",
2323
2470
  height: "100%",
2324
2471
  viewBox: "0 0 24 24",
2325
2472
  fill: "none",
2326
- xmlns: "http://www.w3.org/2000/svg"
2473
+ xmlns: "http://www.w3.org/2000/svg",
2474
+ "aria-label": ariaLabel
2327
2475
  }, /*#__PURE__*/createElement("path", {
2328
2476
  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",
2329
2477
  fill: color
@@ -2335,13 +2483,15 @@ var Trailer = (function (_ref) {
2335
2483
 
2336
2484
  var Volume = (function (_ref) {
2337
2485
  var _ref$color = _ref.color,
2338
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2486
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2487
+ ariaLabel = _ref.ariaLabel;
2339
2488
  return /*#__PURE__*/createElement("svg", {
2340
2489
  width: "100%",
2341
2490
  height: "100%",
2342
2491
  viewBox: "0 0 24 24",
2343
2492
  fill: "none",
2344
- xmlns: "http://www.w3.org/2000/svg"
2493
+ xmlns: "http://www.w3.org/2000/svg",
2494
+ "aria-label": ariaLabel
2345
2495
  }, /*#__PURE__*/createElement("path", {
2346
2496
  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",
2347
2497
  fill: color
@@ -2805,7 +2955,39 @@ var GridItem = /*#__PURE__*/styled.div(_templateObject$a || (_templateObject$a =
2805
2955
  });
2806
2956
 
2807
2957
  var _templateObject$b;
2808
- var ImageAspectRatioWrapper = /*#__PURE__*/styled.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) {
2958
+ /**
2959
+ * # IMPORTANT
2960
+ * Please use the `<GridItem />` component instead of this component if possible.
2961
+ * This component was introduced due to incompatibilities between versions of the Chord library.
2962
+ */
2963
+
2964
+ var GridItemLegacy = /*#__PURE__*/styled.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) {
2965
+ var columnStartDesktop = _ref.columnStartDesktop;
2966
+ return columnStartDesktop;
2967
+ }, function (_ref2) {
2968
+ var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
2969
+ columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
2970
+ return columnSpanDesktop;
2971
+ }, devices.mobile, function (_ref3) {
2972
+ var columnStartDevice = _ref3.columnStartDevice,
2973
+ columnStartSmallDevice = _ref3.columnStartSmallDevice;
2974
+ return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
2975
+ }, function (_ref4) {
2976
+ var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
2977
+ columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
2978
+ columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
2979
+ return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
2980
+ }, devices.tablet, function (_ref5) {
2981
+ var columnStartDevice = _ref5.columnStartDevice;
2982
+ return columnStartDevice;
2983
+ }, function (_ref6) {
2984
+ var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
2985
+ columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
2986
+ return columnSpanDevice;
2987
+ });
2988
+
2989
+ var _templateObject$c;
2990
+ var ImageAspectRatioWrapper = /*#__PURE__*/styled.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) {
2809
2991
  var _ref$aspectRatio = _ref.aspectRatio,
2810
2992
  aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
2811
2993
  return aspectRatio;
@@ -2823,8 +3005,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled.div(_templateObject$b || (_tem
2823
3005
  return aspectRatio;
2824
3006
  });
2825
3007
 
2826
- var _templateObject$c, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
2827
- var ProgressView = /*#__PURE__*/styled.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
3008
+ var _templateObject$d, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
3009
+ var ProgressView = /*#__PURE__*/styled.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
2828
3010
  var height = _ref.height;
2829
3011
  return height ? height + "px" : '6px';
2830
3012
  });
@@ -2907,13 +3089,13 @@ var Progress = function Progress(_ref) {
2907
3089
  }, renderSteps()));
2908
3090
  };
2909
3091
 
2910
- var _templateObject$d, _templateObject2$5, _templateObject3$3;
2911
- var RadioContainer = /*#__PURE__*/styled.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
3092
+ var _templateObject$e, _templateObject2$5, _templateObject3$3;
3093
+ var RadioContainer = /*#__PURE__*/styled.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
2912
3094
  var RadioLine = /*#__PURE__*/styled.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"])));
2913
3095
  var RadioError = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
2914
3096
 
2915
- var _templateObject$e;
2916
- var Wrapper$1 = /*#__PURE__*/styled.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) {
3097
+ var _templateObject$f;
3098
+ var Wrapper$1 = /*#__PURE__*/styled.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) {
2917
3099
  var typography = _ref.typography;
2918
3100
  return typography;
2919
3101
  }, function (_ref2) {
@@ -3070,8 +3252,8 @@ var Radio = function Radio(_ref) {
3070
3252
  }, error)));
3071
3253
  };
3072
3254
 
3073
- var _templateObject$f, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
3074
- var Container = /*#__PURE__*/styled.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3255
+ var _templateObject$g, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
3256
+ var Container = /*#__PURE__*/styled.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3075
3257
  var Radio$1 = /*#__PURE__*/styled.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) {
3076
3258
  var error = _ref.error,
3077
3259
  darkMode = _ref.darkMode,
@@ -3179,8 +3361,8 @@ var Radio2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
3179
3361
  }, error)));
3180
3362
  });
3181
3363
 
3182
- var _templateObject$g, _templateObject2$7, _templateObject3$5;
3183
- var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
3364
+ var _templateObject$h, _templateObject2$7, _templateObject3$5;
3365
+ var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
3184
3366
  var IconWrapper$1 = /*#__PURE__*/styled.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) {
3185
3367
  var theme = _ref.theme;
3186
3368
  return theme.colors.primary;
@@ -3251,8 +3433,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
3251
3433
  }, renderNextIcon()));
3252
3434
  };
3253
3435
 
3254
- var _templateObject$h;
3255
- var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
3436
+ var _templateObject$i;
3437
+ var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
3256
3438
  var fillColor = _ref.fillColor;
3257
3439
  return fillColor;
3258
3440
  });
@@ -3276,8 +3458,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
3276
3458
  })));
3277
3459
  };
3278
3460
 
3279
- var _templateObject$i, _templateObject2$8;
3280
- var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
3461
+ var _templateObject$j, _templateObject2$8;
3462
+ var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
3281
3463
  var Splitter = /*#__PURE__*/styled.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
3282
3464
 
3283
3465
  var SectionSplitter = function SectionSplitter(_ref) {
@@ -3296,8 +3478,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
3296
3478
  }, /*#__PURE__*/React__default.createElement(Splitter, null)));
3297
3479
  };
3298
3480
 
3299
- var _templateObject$j;
3300
- var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
3481
+ var _templateObject$k;
3482
+ var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
3301
3483
 
3302
3484
  var SponsorLogo = function SponsorLogo(_ref) {
3303
3485
  var _ref$colorLogo = _ref.colorLogo,
@@ -3507,8 +3689,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
3507
3689
  })))));
3508
3690
  };
3509
3691
 
3510
- var _templateObject$k, _templateObject2$9;
3511
- var CustomImage = /*#__PURE__*/styled.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);
3692
+ var _templateObject$l, _templateObject2$9;
3693
+ var CustomImage = /*#__PURE__*/styled.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);
3512
3694
  var SponsorshipStyledIframe = /*#__PURE__*/styled.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);
3513
3695
 
3514
3696
  var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
@@ -3541,8 +3723,8 @@ var Sponsorship = function Sponsorship(_ref) {
3541
3723
  }));
3542
3724
  };
3543
3725
 
3544
- var _templateObject$l, _templateObject2$a;
3545
- var TabText = /*#__PURE__*/styled.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
3726
+ var _templateObject$m, _templateObject2$a;
3727
+ var TabText = /*#__PURE__*/styled.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) {
3546
3728
  if (props.withIcon === 'left') {
3547
3729
  return "margin-left: 5px;";
3548
3730
  }
@@ -3641,8 +3823,8 @@ var Tab = function Tab(_ref) {
3641
3823
  }));
3642
3824
  };
3643
3825
 
3644
- var _templateObject$m, _templateObject2$b;
3645
- var TabLinkWrapper = /*#__PURE__*/styled.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) {
3826
+ var _templateObject$n, _templateObject2$b;
3827
+ var TabLinkWrapper = /*#__PURE__*/styled.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) {
3646
3828
  var iconName = _ref.iconName;
3647
3829
  return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
3648
3830
  }, function (_ref2) {
@@ -3693,8 +3875,8 @@ var TabLink = function TabLink(_ref) {
3693
3875
  })) : null, children);
3694
3876
  };
3695
3877
 
3696
- var _templateObject$n, _templateObject2$c, _templateObject3$6, _templateObject4$3;
3697
- var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
3878
+ var _templateObject$o, _templateObject2$c, _templateObject3$6, _templateObject4$3;
3879
+ var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
3698
3880
  var width = _ref.width;
3699
3881
  return width ? width + "px;" : '100%;';
3700
3882
  }, function (_ref2) {
@@ -3817,8 +3999,8 @@ var TextArea = function TextArea(_ref) {
3817
3999
  }, error))));
3818
4000
  };
3819
4001
 
3820
- var _templateObject$o, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
3821
- var Container$1 = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4002
+ var _templateObject$p, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
4003
+ var Container$1 = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3822
4004
  var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
3823
4005
  var width = _ref.width;
3824
4006
  if (!width) return 'none';
@@ -3944,8 +4126,8 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
3944
4126
  }, error)));
3945
4127
  });
3946
4128
 
3947
- var _templateObject$p, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
3948
- var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4129
+ var _templateObject$q, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
4130
+ var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3949
4131
  var textStyles = /*#__PURE__*/css(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
3950
4132
  var theme = _ref.theme;
3951
4133
  return theme.fonts.desktop.weights.body[1];
@@ -4018,8 +4200,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
4018
4200
  }, error) : null);
4019
4201
  };
4020
4202
 
4021
- var _templateObject$q, _templateObject2$f;
4022
- var TextLinkWrapper = /*#__PURE__*/styled.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) {
4203
+ var _templateObject$r, _templateObject2$f;
4204
+ var TextLinkWrapper = /*#__PURE__*/styled.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) {
4023
4205
  var iconName = _ref.iconName;
4024
4206
  return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
4025
4207
  }, function (_ref2) {
@@ -4055,8 +4237,8 @@ var TextLogoProduct;
4055
4237
  TextLogoProduct["Cinema"] = "CINEMA";
4056
4238
  })(TextLogoProduct || (TextLogoProduct = {}));
4057
4239
 
4058
- var _templateObject$r, _templateObject2$g, _templateObject3$9, _templateObject4$6;
4059
- var TickboxError = /*#__PURE__*/styled.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
4240
+ var _templateObject$s, _templateObject2$g, _templateObject3$9, _templateObject4$6;
4241
+ var TickboxError = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
4060
4242
  var dark = _ref.dark;
4061
4243
  return dark ? 'white' : 'errorstate';
4062
4244
  });
@@ -4177,8 +4359,8 @@ var Tickbox = function Tickbox(_ref) {
4177
4359
  }, error)));
4178
4360
  };
4179
4361
 
4180
- var _templateObject$s, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4181
- var Container$2 = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4362
+ var _templateObject$t, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4363
+ var Container$2 = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4182
4364
  var Tickbox$1 = /*#__PURE__*/styled.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
4183
4365
  var error = _ref.error,
4184
4366
  darkMode = _ref.darkMode,
@@ -4288,8 +4470,8 @@ var Tickbox2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
4288
4470
  }, error)));
4289
4471
  });
4290
4472
 
4291
- var _templateObject$t, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4292
- var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
4473
+ var _templateObject$u, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4474
+ var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
4293
4475
  var color = _ref.color;
4294
4476
  return color;
4295
4477
  });
@@ -4397,8 +4579,8 @@ var Timer = function Timer(_ref) {
4397
4579
  }));
4398
4580
  };
4399
4581
 
4400
- var _templateObject$u;
4401
- var TypeTagsContainer = /*#__PURE__*/styled.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"])));
4582
+ var _templateObject$v;
4583
+ var TypeTagsContainer = /*#__PURE__*/styled.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"])));
4402
4584
 
4403
4585
  var TypeTags = function TypeTags(_ref) {
4404
4586
  var list = _ref.list;
@@ -5140,8 +5322,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
5140
5322
  }
5141
5323
  });
5142
5324
 
5143
- var _templateObject$v, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5144
- var VideoPlayButton = /*#__PURE__*/styled.button(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
5325
+ var _templateObject$w, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5326
+ var VideoPlayButton = /*#__PURE__*/styled.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"])));
5145
5327
  var VideoFullscreenButton = /*#__PURE__*/styled.button(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
5146
5328
  var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
5147
5329
  var VideoControlsInnerWrapper = /*#__PURE__*/styled.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
@@ -5360,8 +5542,8 @@ var VideoControls = function VideoControls(_ref2) {
5360
5542
  })));
5361
5543
  };
5362
5544
 
5363
- var _templateObject$w, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
5364
- var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
5545
+ var _templateObject$x, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
5546
+ var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
5365
5547
  var StepperError = /*#__PURE__*/styled.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
5366
5548
  var darkMode = _ref.darkMode;
5367
5549
  return darkMode ? 'white' : 'errorstate';
@@ -5588,8 +5770,8 @@ var Component = function Component(_ref) {
5588
5770
  }, error)));
5589
5771
  };
5590
5772
 
5591
- var _templateObject$x, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
5592
- var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
5773
+ var _templateObject$y, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
5774
+ var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
5593
5775
  var isMenuOpen = _ref.isMenuOpen;
5594
5776
  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 ";
5595
5777
  });
@@ -5613,8 +5795,8 @@ var NavContainer = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObjec
5613
5795
  var NavContainerGridItem = /*#__PURE__*/styled(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
5614
5796
  var NavTopContainer = /*#__PURE__*/styled.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);
5615
5797
 
5616
- var _templateObject$y;
5617
- var LogoWrapper = /*#__PURE__*/styled.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"])));
5798
+ var _templateObject$z;
5799
+ var LogoWrapper = /*#__PURE__*/styled.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"])));
5618
5800
 
5619
5801
  var Logo = function Logo(_ref) {
5620
5802
  var _ref$id = _ref.id,
@@ -5646,11 +5828,11 @@ var Logo = function Logo(_ref) {
5646
5828
  }))));
5647
5829
  };
5648
5830
 
5649
- var _templateObject$z;
5650
- var NavTopContainer$1 = /*#__PURE__*/styled.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);
5831
+ var _templateObject$A;
5832
+ var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
5651
5833
 
5652
- var _templateObject$A, _templateObject2$m, _templateObject3$f, _templateObject4$c;
5653
- var BasketContainer = /*#__PURE__*/styled.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) {
5834
+ var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$c;
5835
+ var BasketContainer = /*#__PURE__*/styled.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
5654
5836
  var selected = _ref.selected,
5655
5837
  colorPrimary = _ref.colorPrimary;
5656
5838
 
@@ -5828,7 +6010,8 @@ var Basket$1 = function Basket(_ref) {
5828
6010
  isActive: basketIsActive,
5829
6011
  tabIndex: 0
5830
6012
  }, /*#__PURE__*/React__default.createElement(SvgContainer, null, basketIsEmpty ? /*#__PURE__*/React__default.createElement(Icon, {
5831
- iconName: "Basket"
6013
+ iconName: "Basket",
6014
+ ariaLabel: "basket icon"
5832
6015
  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
5833
6016
  iconName: "BasketFull"
5834
6017
  }), /*#__PURE__*/React__default.createElement(NumContainer, null, /*#__PURE__*/React__default.createElement("span", {
@@ -5838,8 +6021,8 @@ var Basket$1 = function Basket(_ref) {
5838
6021
  }, expiryTime ? basketText : text) : ''));
5839
6022
  };
5840
6023
 
5841
- var _templateObject$B, _templateObject2$n;
5842
- var SearchContainer = /*#__PURE__*/styled.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
6024
+ var _templateObject$C, _templateObject2$n;
6025
+ var SearchContainer = /*#__PURE__*/styled.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) {
5843
6026
  var selected = _ref.selected,
5844
6027
  colorPrimary = _ref.colorPrimary;
5845
6028
 
@@ -6131,8 +6314,8 @@ var NavTop = function NavTop(_ref) {
6131
6314
  }));
6132
6315
  };
6133
6316
 
6134
- var _templateObject$C, _templateObject2$o, _templateObject3$g, _templateObject4$d;
6135
- var TabsContainer = /*#__PURE__*/styled.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
6317
+ var _templateObject$D, _templateObject2$o, _templateObject3$g, _templateObject4$d;
6318
+ var TabsContainer = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
6136
6319
  var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
6137
6320
  if (props.showMenu) {
6138
6321
  return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
@@ -6274,8 +6457,8 @@ var Tabs = function Tabs(_ref) {
6274
6457
  }, "MENU"))));
6275
6458
  };
6276
6459
 
6277
- var _templateObject$D, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6278
- var SearchBarContainer = /*#__PURE__*/styled.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);
6460
+ var _templateObject$E, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6461
+ var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
6279
6462
  var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
6280
6463
  var SvgContainerClose = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
6281
6464
  var InputContainer = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
@@ -6512,16 +6695,16 @@ var Navigation = function Navigation(_ref) {
6512
6695
  })))));
6513
6696
  };
6514
6697
 
6515
- var _templateObject$E, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6516
- var FooterSection = /*#__PURE__*/styled.section(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
6698
+ var _templateObject$F, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6699
+ var FooterSection = /*#__PURE__*/styled.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
6517
6700
  var FooterContainer = /*#__PURE__*/styled.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
6518
6701
  var PolicyLinksRow = /*#__PURE__*/styled.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
6519
6702
  var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
6520
6703
  var ArtsLogoRow = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
6521
6704
  var AdditionalInfo = /*#__PURE__*/styled.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
6522
6705
 
6523
- var _templateObject$F, _templateObject2$r, _templateObject3$j;
6524
- var PolicyLinksList = /*#__PURE__*/styled.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);
6706
+ var _templateObject$G, _templateObject2$r, _templateObject3$j;
6707
+ var PolicyLinksList = /*#__PURE__*/styled.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
6525
6708
  var PolicyLinkItem = /*#__PURE__*/styled.li(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
6526
6709
  var PolicyLink = /*#__PURE__*/styled.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
6527
6710
 
@@ -6539,8 +6722,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
6539
6722
  }));
6540
6723
  };
6541
6724
 
6542
- var _templateObject$G, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
6543
- var ContactNewsletterWrapper = /*#__PURE__*/styled.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);
6725
+ var _templateObject$H, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
6726
+ var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
6544
6727
  var ContactNewsletterSeparator = /*#__PURE__*/styled.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
6545
6728
  var SignUpWrapper = /*#__PURE__*/styled.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
6546
6729
  var SignUpText = /*#__PURE__*/styled.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
@@ -6611,9 +6794,9 @@ var Footer = function Footer(_ref) {
6611
6794
  }, additionalInfo)))));
6612
6795
  };
6613
6796
 
6614
- var _templateObject$H, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
6797
+ var _templateObject$I, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
6615
6798
  var LIST_ITEM_GAP = 32;
6616
- var AnchorTabbarWrapper = /*#__PURE__*/styled.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) {
6799
+ var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
6617
6800
  var bottomBorder = _ref.bottomBorder;
6618
6801
  return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
6619
6802
  }, zIndexes.anchor);
@@ -6877,8 +7060,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
6877
7060
  })) : null) : null))));
6878
7061
  };
6879
7062
 
6880
- var _templateObject$I, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
6881
- var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
7063
+ var _templateObject$J, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
7064
+ var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
6882
7065
  var sticky = _ref.sticky;
6883
7066
  return sticky ? 'sticky' : 'initial';
6884
7067
  }, zIndexes.anchor);
@@ -6938,8 +7121,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
6938
7121
  }, message)));
6939
7122
  };
6940
7123
 
6941
- var _templateObject$J, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
6942
- var Wrapper$2 = /*#__PURE__*/styled.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);
7124
+ var _templateObject$K, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
7125
+ var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
6943
7126
  var PromoLabelWrapper = /*#__PURE__*/styled.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
6944
7127
  var PromoLabel = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
6945
7128
  var theme = _ref.theme;
@@ -7019,8 +7202,8 @@ var UpsellCard = function UpsellCard(_ref) {
7019
7202
  }), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
7020
7203
  };
7021
7204
 
7022
- var _templateObject$K;
7023
- var Wrapper$3 = /*#__PURE__*/styled.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);
7205
+ var _templateObject$L;
7206
+ var Wrapper$3 = /*#__PURE__*/styled.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);
7024
7207
 
7025
7208
  var UpsellCards = function UpsellCards(_ref) {
7026
7209
  var upsellCards = _ref.upsellCards;
@@ -7038,16 +7221,16 @@ var UpsellCards = function UpsellCards(_ref) {
7038
7221
  }));
7039
7222
  };
7040
7223
 
7041
- var _templateObject$L, _templateObject2$w, _templateObject3$o;
7042
- var UpsellBorderBox = /*#__PURE__*/styled.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) {
7224
+ var _templateObject$M, _templateObject2$w, _templateObject3$o;
7225
+ var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
7043
7226
  var theme = _ref.theme;
7044
7227
  return theme.colors.primary;
7045
7228
  }, devices.mobile, devices.tablet);
7046
7229
  var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
7047
7230
  var TextContainer = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
7048
7231
 
7049
- var _templateObject$M, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7050
- var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
7232
+ var _templateObject$N, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7233
+ var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
7051
7234
  var LineContainer = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
7052
7235
  var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
7053
7236
  var isVisible = _ref.isVisible;
@@ -7175,8 +7358,8 @@ var Accordion = function Accordion(_ref) {
7175
7358
  }, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
7176
7359
  };
7177
7360
 
7178
- var _templateObject$N;
7179
- var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
7361
+ var _templateObject$O;
7362
+ var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
7180
7363
 
7181
7364
  var Accordions = function Accordions(_ref) {
7182
7365
  var _ref$items = _ref.items,
@@ -7194,7 +7377,8 @@ var Accordions = function Accordions(_ref) {
7194
7377
  visibleStandfirst: accordion.visibleStandfirst,
7195
7378
  contentType: accordion.contentType,
7196
7379
  displayLevel: accordion.displayLevel,
7197
- semanticLevel: accordion.semanticLevel
7380
+ semanticLevel: accordion.semanticLevel,
7381
+ initOpen: accordion.initOpen
7198
7382
  }, accordion.children);
7199
7383
  }));
7200
7384
  };
@@ -7208,8 +7392,8 @@ var Theme = function Theme(_ref) {
7208
7392
  }, children);
7209
7393
  };
7210
7394
 
7211
- var _templateObject$O, _templateObject2$y, _templateObject3$q;
7212
- var AnnouncementBannerWrapper = /*#__PURE__*/styled.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) {
7395
+ var _templateObject$P, _templateObject2$y, _templateObject3$q;
7396
+ var AnnouncementBannerWrapper = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
7213
7397
  var theme = _ref.theme;
7214
7398
  return theme.colors.primary;
7215
7399
  }, devices.mobile);
@@ -7251,8 +7435,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
7251
7435
  }))))));
7252
7436
  };
7253
7437
 
7254
- var _templateObject$P;
7255
- var AuxiliaryButtonWrapper = /*#__PURE__*/styled(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) {
7438
+ var _templateObject$Q;
7439
+ var AuxiliaryButtonWrapper = /*#__PURE__*/styled(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) {
7256
7440
  var bgColor = _ref.bgColor,
7257
7441
  theme = _ref.theme;
7258
7442
  return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
@@ -7273,11 +7457,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
7273
7457
  }), children);
7274
7458
  };
7275
7459
 
7276
- 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;
7460
+ 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;
7277
7461
  var LENGTH_LARGE_TEXT = 28;
7278
7462
  var LENGTH_SMALL_TEXT$1 = 19;
7279
7463
  var LENGTH_TEXT_TABLET = 10;
7280
- var CardContainer = /*#__PURE__*/styled.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) {
7464
+ var CardContainer = /*#__PURE__*/styled.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) {
7281
7465
  var isCardClickable = _ref.isCardClickable;
7282
7466
  return isCardClickable ? 'pointer' : 'default';
7283
7467
  }, function (_ref2) {
@@ -7561,9 +7745,9 @@ var Card = function Card(_ref) {
7561
7745
  dangerouslySetInnerHTML: {
7562
7746
  __html: truncatedText
7563
7747
  }
7564
- }), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
7748
+ }))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
7565
7749
  level: 1
7566
- }, highlightText)))), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7750
+ }, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7567
7751
  fullWidth: fullWidth
7568
7752
  }, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
7569
7753
  ref: node,
@@ -7577,8 +7761,8 @@ var Card = function Card(_ref) {
7577
7761
  }, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
7578
7762
  };
7579
7763
 
7580
- var _templateObject$R, _templateObject2$A;
7581
- var CardsContainer = /*#__PURE__*/styled(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);
7764
+ var _templateObject$S, _templateObject2$A;
7765
+ var CardsContainer = /*#__PURE__*/styled(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);
7582
7766
  var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
7583
7767
 
7584
7768
  var Cards = function Cards(_ref) {
@@ -7624,8 +7808,8 @@ var Cards = function Cards(_ref) {
7624
7808
  }));
7625
7809
  };
7626
7810
 
7627
- var _templateObject$S, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
7628
- var ContentWrapper = /*#__PURE__*/styled.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);
7811
+ var _templateObject$T, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
7812
+ var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
7629
7813
  var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
7630
7814
  var hideBottomBorder = _ref.hideBottomBorder;
7631
7815
  return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
@@ -7693,8 +7877,8 @@ var ContactCard = function ContactCard(_ref) {
7693
7877
  }, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
7694
7878
  };
7695
7879
 
7696
- var _templateObject$T, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
7697
- var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
7880
+ var _templateObject$U, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
7881
+ var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
7698
7882
  var ContentSummaryWrapper = /*#__PURE__*/styled.article(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
7699
7883
  return props.clickable ? 'pointer' : 'default';
7700
7884
  }, devices.mobile);
@@ -7776,8 +7960,8 @@ var ContentSummary = function ContentSummary(_ref) {
7776
7960
  }), link.text)));
7777
7961
  };
7778
7962
 
7779
- var _templateObject$U, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
7780
- var EditorialGrid = /*#__PURE__*/styled.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) {
7963
+ var _templateObject$V, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
7964
+ var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
7781
7965
  var imageToLeft = _ref.imageToLeft;
7782
7966
  return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
7783
7967
  }, devices.mobile);
@@ -7854,8 +8038,8 @@ var BackgroundColour;
7854
8038
  BackgroundColour["White"] = "white";
7855
8039
  })(BackgroundColour || (BackgroundColour = {}));
7856
8040
 
7857
- var _templateObject$V, _templateObject2$E, _templateObject3$v, _templateObject4$o;
7858
- var InfoContent = /*#__PURE__*/styled('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"])));
8041
+ var _templateObject$W, _templateObject2$E, _templateObject3$v, _templateObject4$o;
8042
+ var InfoContent = /*#__PURE__*/styled('div')(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
7859
8043
  var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
7860
8044
  var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
7861
8045
  if (!props.infoThemed) {
@@ -7981,8 +8165,8 @@ var Information = function Information(_ref) {
7981
8165
  }))));
7982
8166
  };
7983
8167
 
7984
- var _templateObject$W, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$f, _templateObject7$9, _templateObject8$7;
7985
- var PageHeadingWrapper = /*#__PURE__*/styled.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) {
8168
+ var _templateObject$X, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$f, _templateObject7$9, _templateObject8$7;
8169
+ var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
7986
8170
  var theme = _ref.theme;
7987
8171
  return theme.colors.primary;
7988
8172
  }, function (_ref2) {
@@ -8082,8 +8266,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
8082
8266
  })));
8083
8267
  };
8084
8268
 
8085
- var _templateObject$X, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8086
- var ImpactWrapper = /*#__PURE__*/styled.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);
8269
+ var _templateObject$Y, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8270
+ var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
8087
8271
  var ImpactHeaderImageWrapper = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
8088
8272
  var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
8089
8273
  var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
@@ -8156,8 +8340,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
8156
8340
  }, "Scroll Down")) : null);
8157
8341
  };
8158
8342
 
8159
- var _templateObject$Y, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$l;
8160
- var PanelGrid = /*#__PURE__*/styled(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) {
8343
+ var _templateObject$Z, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$l;
8344
+ var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
8161
8345
  var color = _ref.color;
8162
8346
  return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
8163
8347
  }, devices.mobileAndTablet);
@@ -8201,8 +8385,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
8201
8385
  }))));
8202
8386
  };
8203
8387
 
8204
- var _templateObject$Z;
8205
- var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
8388
+ var _templateObject$_;
8389
+ var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
8206
8390
 
8207
8391
  var PageHeadingStream = function PageHeadingStream(_ref) {
8208
8392
  var link = _ref.link,
@@ -8222,8 +8406,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
8222
8406
  }))));
8223
8407
  };
8224
8408
 
8225
- var _templateObject$_, _templateObject2$I, _templateObject3$z, _templateObject5$m, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8226
- var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
8409
+ var _templateObject$$, _templateObject2$I, _templateObject3$z, _templateObject5$m, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8410
+ var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
8227
8411
  var BrandingTextBody = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
8228
8412
  var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
8229
8413
  var CompactHeaderAssetWrapper = /*#__PURE__*/styled.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);
@@ -8353,7 +8537,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
8353
8537
  var isIOS = function isIOS() {
8354
8538
  try {
8355
8539
  console.warn('Do not use this on server side rendering, it may throw an error.');
8356
- if (typeof navigator === undefined) return false;
8540
+ if (typeof navigator === 'undefined') return false;
8357
8541
  return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
8358
8542
  navigator.userAgent.includes('Mac') && 'ontouchend' in document;
8359
8543
  } catch (e) {
@@ -8369,7 +8553,7 @@ var useIOS = function useIOS() {
8369
8553
  setIOS = _useState[1];
8370
8554
 
8371
8555
  useEffect(function () {
8372
- if (typeof navigator === undefined) return;
8556
+ if (typeof navigator === 'undefined') return;
8373
8557
  setIOS(isIOS());
8374
8558
  }, []);
8375
8559
  return IOS;
@@ -8555,8 +8739,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
8555
8739
  }), linkText))));
8556
8740
  };
8557
8741
 
8558
- var _templateObject$$, _templateObject2$J, _templateObject3$A, _templateObject4$s;
8559
- var MorePages = /*#__PURE__*/styled.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
8742
+ var _templateObject$10, _templateObject2$J, _templateObject3$A, _templateObject4$s;
8743
+ var MorePages = /*#__PURE__*/styled.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
8560
8744
  var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
8561
8745
 
8562
8746
  var PageNumber = /*#__PURE__*/styled.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
@@ -8632,8 +8816,8 @@ var Pagination = function Pagination(_ref) {
8632
8816
  }))));
8633
8817
  };
8634
8818
 
8635
- var _templateObject$10, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$i;
8636
- var PeopleListingGrid = /*#__PURE__*/styled(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);
8819
+ var _templateObject$11, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$i;
8820
+ var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
8637
8821
  var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
8638
8822
  var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
8639
8823
  var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
@@ -8689,11 +8873,11 @@ var PeopleListing = function PeopleListing(_ref) {
8689
8873
  }));
8690
8874
  };
8691
8875
 
8692
- var _templateObject$11, _templateObject2$L, _templateObject3$C, _templateObject4$u;
8693
- var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
8876
+ var _templateObject$12, _templateObject2$L, _templateObject3$C, _templateObject4$u;
8877
+ var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
8694
8878
  var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
8695
- var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
8696
- var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
8879
+ var DescriptionWrapper = /*#__PURE__*/styled.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"])));
8880
+ var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
8697
8881
 
8698
8882
  var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
8699
8883
  return array.reduce(function (acc, item) {
@@ -8704,12 +8888,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
8704
8888
  var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
8705
8889
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
8706
8890
  if (musicTitle.length > 1 && index === musicTitle.length - 1) {
8707
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", null, title));
8891
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
8892
+ key: index
8893
+ }, title));
8708
8894
  } else if (index > 0) {
8709
- return /*#__PURE__*/React__default.createElement("i", null, ", ", title);
8895
+ return /*#__PURE__*/React__default.createElement("i", {
8896
+ key: index
8897
+ }, ", ", title);
8710
8898
  }
8711
8899
 
8712
- return /*#__PURE__*/React__default.createElement("i", null, title);
8900
+ return /*#__PURE__*/React__default.createElement("i", {
8901
+ key: index
8902
+ }, title);
8713
8903
  }));
8714
8904
  };
8715
8905
 
@@ -8761,14 +8951,14 @@ var CreditListing = function CreditListing(_ref) {
8761
8951
  }));
8762
8952
  };
8763
8953
 
8764
- 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;
8954
+ 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;
8765
8955
  var LENGTH_TEXT = 28;
8766
8956
  var LENGTH_TEXT_TABLET$1 = 12;
8767
8957
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
8768
8958
  var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
8769
8959
  var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
8770
8960
  var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
8771
- var PromoWithTagsGrid = /*#__PURE__*/styled(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) {
8961
+ var PromoWithTagsGrid = /*#__PURE__*/styled(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) {
8772
8962
  var imageToLeft = _ref.imageToLeft;
8773
8963
  return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
8774
8964
  }, devices.tablet, function (_ref2) {
@@ -9039,10 +9229,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
9039
9229
  }))));
9040
9230
  };
9041
9231
 
9042
- var _templateObject$13, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$k, _templateObject7$d;
9232
+ var _templateObject$14, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$k, _templateObject7$d;
9043
9233
  var LENGTH_TEXT$2 = 28;
9044
9234
  var LENGTH_TEXT_TABLET$2 = 10;
9045
- var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
9235
+ var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
9046
9236
  var imageToLeft = _ref.imageToLeft;
9047
9237
  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'";
9048
9238
  }, devices.tablet, function (_ref2) {
@@ -9095,8 +9285,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$d || (_templat
9095
9285
  return '';
9096
9286
  });
9097
9287
 
9098
- var _templateObject$14;
9099
- var VideoContainer = /*#__PURE__*/styled.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) {
9288
+ var _templateObject$15;
9289
+ var VideoContainer = /*#__PURE__*/styled.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) {
9100
9290
  var _ref$aspectRatio = _ref.aspectRatio,
9101
9291
  aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
9102
9292
  return aspectRatio;
@@ -9300,8 +9490,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
9300
9490
  }, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
9301
9491
  };
9302
9492
 
9303
- var _templateObject$15;
9304
- var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
9493
+ var _templateObject$16;
9494
+ var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
9305
9495
 
9306
9496
  /**
9307
9497
  * DEPRECATED. Use RadioGroup2 instead
@@ -9359,8 +9549,8 @@ var RadioGroup = function RadioGroup(_ref) {
9359
9549
  })));
9360
9550
  };
9361
9551
 
9362
- var _templateObject$16, _templateObject2$O, _templateObject3$F;
9363
- var Container$3 = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9552
+ var _templateObject$17, _templateObject2$O, _templateObject3$F;
9553
+ var Container$3 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9364
9554
  var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
9365
9555
  var horizontalMode = _ref.horizontalMode;
9366
9556
  if (horizontalMode) return 'row';
@@ -9449,8 +9639,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
9449
9639
  }, error)));
9450
9640
  };
9451
9641
 
9452
- var _templateObject$17, _templateObject2$P, _templateObject3$G;
9453
- var StatusBannerWrapper = /*#__PURE__*/styled.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);
9642
+ var _templateObject$18, _templateObject2$P, _templateObject3$G;
9643
+ var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
9454
9644
  var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
9455
9645
  var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
9456
9646
 
@@ -9514,8 +9704,8 @@ var StatusBanner = function StatusBanner(_ref) {
9514
9704
  })))));
9515
9705
  };
9516
9706
 
9517
- var _templateObject$18;
9518
- var SectionTitleWrapper = /*#__PURE__*/styled.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);
9707
+ var _templateObject$19;
9708
+ var SectionTitleWrapper = /*#__PURE__*/styled.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);
9519
9709
 
9520
9710
  var SectionTitle = function SectionTitle(_ref) {
9521
9711
  var title = _ref.title,
@@ -9543,8 +9733,8 @@ var SectionTitle = function SectionTitle(_ref) {
9543
9733
  }, description))));
9544
9734
  };
9545
9735
 
9546
- var _templateObject$19, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$l, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
9547
- var stateStyles = /*#__PURE__*/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) {
9736
+ var _templateObject$1a, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$l, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
9737
+ var stateStyles = /*#__PURE__*/css(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
9548
9738
  var theme = _ref.theme;
9549
9739
  return "3px solid " + theme.colors.lapisLazuli;
9550
9740
  }, function (_ref2) {
@@ -9966,8 +10156,8 @@ function Select(_ref3) {
9966
10156
  }))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
9967
10157
  }
9968
10158
 
9969
- var _templateObject$1a, _templateObject2$R, _templateObject3$I, _templateObject4$y;
9970
- var Container$4 = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
10159
+ var _templateObject$1b, _templateObject2$R, _templateObject3$I, _templateObject4$y;
10160
+ var Container$4 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
9971
10161
  var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
9972
10162
  var width = _ref.width;
9973
10163
  if (!width) return 'none';
@@ -10106,8 +10296,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
10106
10296
  })));
10107
10297
  };
10108
10298
 
10109
- var _templateObject$1b;
10110
- var TextContainer$2 = /*#__PURE__*/styled.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) {
10299
+ var _templateObject$1c;
10300
+ var TextContainer$2 = /*#__PURE__*/styled.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) {
10111
10301
  var theme = _ref.theme;
10112
10302
  return theme.colors.primary;
10113
10303
  });
@@ -10135,8 +10325,8 @@ var TextOnly = function TextOnly(_ref) {
10135
10325
  })));
10136
10326
  };
10137
10327
 
10138
- var _templateObject$1c, _templateObject2$S;
10139
- var Wrapper$6 = /*#__PURE__*/styled.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) {
10328
+ var _templateObject$1d, _templateObject2$S;
10329
+ var Wrapper$6 = /*#__PURE__*/styled.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) {
10140
10330
  var _ref$aspectRatio = _ref.aspectRatio,
10141
10331
  aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
10142
10332
  return aspectRatio;
@@ -10184,8 +10374,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
10184
10374
  }, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
10185
10375
  };
10186
10376
 
10187
- var _templateObject$1d, _templateObject2$T, _templateObject3$J;
10188
- var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
10377
+ var _templateObject$1e, _templateObject2$T, _templateObject3$J;
10378
+ var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
10189
10379
  var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
10190
10380
  var displayAttribution = _ref.displayAttribution;
10191
10381
  return "display: " + (displayAttribution ? 'block' : 'none') + ";";
@@ -10214,8 +10404,8 @@ var Quote = function Quote(_ref) {
10214
10404
  }, attribution))));
10215
10405
  };
10216
10406
 
10217
- var _templateObject$1e, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$m;
10218
- var CardContainer$1 = /*#__PURE__*/styled.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"])));
10407
+ var _templateObject$1f, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$m;
10408
+ var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
10219
10409
  var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
10220
10410
  var StyledImage = /*#__PURE__*/styled.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
10221
10411
  var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
@@ -10258,8 +10448,8 @@ var MiniCard = function MiniCard(_ref) {
10258
10448
  }, title)))));
10259
10449
  };
10260
10450
 
10261
- var _templateObject$1f, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$s;
10262
- var ReadMoreContainer = /*#__PURE__*/styled.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"])));
10451
+ var _templateObject$1g, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$s;
10452
+ var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
10263
10453
  var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
10264
10454
  var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
10265
10455
  var isVisible = _ref.isVisible;
@@ -10356,15 +10546,113 @@ var ReadMore = function ReadMore(_ref) {
10356
10546
  }, isFullTextOpen ? "" + hideText : "" + showMoreText)));
10357
10547
  };
10358
10548
 
10359
- var _templateObject$1g, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$t;
10360
- var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10361
- var MenuList = /*#__PURE__*/styled.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), Colors.LightGrey);
10362
- var MobileButton = /*#__PURE__*/styled.button(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), Colors.Black, Colors.White, Colors.DarkGrey);
10363
- var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), Colors.Black, function (_ref) {
10549
+ var _templateObject$1h, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$t, _templateObject6$n;
10550
+ var Container$5 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10551
+ var Sections = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10552
+ var Section = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10553
+ var color = _ref.color;
10554
+ return "var(--base-color-" + color + ")";
10555
+ });
10556
+ var BottomLine = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
10557
+ var Text = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
10558
+ var color = _ref2.color;
10559
+ return "var(--base-color-" + color + ")";
10560
+ });
10561
+ var LabelText = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
10562
+ var color = _ref3.color;
10563
+ return "var(--base-color-" + color + ")";
10564
+ });
10565
+
10566
+ /**
10567
+ * Password strength indicator component.
10568
+ * This renders some number of lines (6 by default)
10569
+ * which should become active when the user improves
10570
+ * the strength of the entered password.
10571
+ *
10572
+ * ## Sections
10573
+ * To set number of sections it should be passed
10574
+ * as `sections` prop.
10575
+ *
10576
+ * ## Active section
10577
+ * To set number of active sections it should be passed
10578
+ * as `activeSections` prop.
10579
+ *
10580
+ * ## Colors
10581
+ * Color of every element can be controlled by properties:
10582
+ * `sectionsColor`, `activeSectionsColor`,
10583
+ * `textColor`, `strengthLabelColor`.
10584
+ *
10585
+ * ## Text
10586
+ * `text` prop is used to render some message.
10587
+ * For example error (together with proper red color)
10588
+ * or some password requirement. It can be empty.
10589
+ *
10590
+ * ## Strength label
10591
+ * `strengthLabel` prop is used to render strength characteristic
10592
+ * of entered password. For example: `weak`, `normal`, `strong`, etc.
10593
+ * It can be empty.
10594
+ */
10595
+
10596
+ var PasswordStrength = function PasswordStrength(_ref) {
10597
+ var _ref$sections = _ref.sections,
10598
+ sections = _ref$sections === void 0 ? 6 : _ref$sections,
10599
+ _ref$activeSections = _ref.activeSections,
10600
+ activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
10601
+ _ref$sectionsColor = _ref.sectionsColor,
10602
+ sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
10603
+ _ref$activeSectionsCo = _ref.activeSectionsColor,
10604
+ activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
10605
+ _ref$text = _ref.text,
10606
+ text = _ref$text === void 0 ? '' : _ref$text,
10607
+ _ref$textColor = _ref.textColor,
10608
+ textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
10609
+ _ref$strengthLabel = _ref.strengthLabel,
10610
+ strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
10611
+ _ref$strengthLabelCol = _ref.strengthLabelColor,
10612
+ strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
10613
+
10614
+ var setSectionColor = function setSectionColor(index) {
10615
+ return index < activeSections ? activeSectionsColor : sectionsColor;
10616
+ };
10617
+
10618
+ var setSectionDataTestId = function setSectionDataTestId(index) {
10619
+ return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
10620
+ };
10621
+
10622
+ return /*#__PURE__*/React__default.createElement(Container$5, {
10623
+ "data-testid": "password-strength-container"
10624
+ }, /*#__PURE__*/React__default.createElement(Sections, {
10625
+ "data-testid": "password-strength-sections"
10626
+ }, Array.from({
10627
+ length: sections
10628
+ }, function (_section, i) {
10629
+ return /*#__PURE__*/React__default.createElement(Section, {
10630
+ key: i,
10631
+ color: setSectionColor(i),
10632
+ "data-testid": setSectionDataTestId(i)
10633
+ });
10634
+ })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
10635
+ color: textColor,
10636
+ "data-testid": "password-strength-text"
10637
+ }, /*#__PURE__*/React__default.createElement(AltHeader, {
10638
+ level: 6
10639
+ }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
10640
+ color: strengthLabelColor,
10641
+ "data-testid": "password-strength-label"
10642
+ }, /*#__PURE__*/React__default.createElement(Overline, {
10643
+ level: 2
10644
+ }, strengthLabel))));
10645
+ };
10646
+
10647
+ var _templateObject$1i, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$u;
10648
+ var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10649
+ var MenuList = /*#__PURE__*/styled.ul(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), Colors.LightGrey);
10650
+ var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey);
10651
+ var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), Colors.Black, function (_ref) {
10364
10652
  var isActive = _ref.isActive;
10365
10653
  return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
10366
10654
  }, Colors.MidGrey);
10367
- var MobileMenuList = /*#__PURE__*/styled.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) {
10655
+ var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
10368
10656
  var isOpen = _ref2.isOpen;
10369
10657
  return isOpen ? 'block' : 'none';
10370
10658
  }, Colors.White, Colors.DarkGrey, MenuItem$1);
@@ -10534,106 +10822,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
10534
10822
  });
10535
10823
  };
10536
10824
 
10537
- var _templateObject$1h, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$u, _templateObject6$n;
10538
- var Container$5 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10539
- var Sections = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10540
- var Section = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10541
- var color = _ref.color;
10542
- return "var(--base-color-" + color + ")";
10543
- });
10544
- var BottomLine = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
10545
- var Text = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
10546
- var color = _ref2.color;
10547
- return "var(--base-color-" + color + ")";
10548
- });
10549
- var LabelText = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
10550
- var color = _ref3.color;
10551
- return "var(--base-color-" + color + ")";
10552
- });
10553
-
10554
- /**
10555
- * Password strength indicator component.
10556
- * This renders some number of lines (6 by default)
10557
- * which should become active when the user improves
10558
- * the strength of the entered password.
10559
- *
10560
- * ## Sections
10561
- * To set number of sections it should be passed
10562
- * as `sections` prop.
10563
- *
10564
- * ## Active section
10565
- * To set number of active sections it should be passed
10566
- * as `activeSections` prop.
10567
- *
10568
- * ## Colors
10569
- * Color of every element can be controlled by properties:
10570
- * `sectionsColor`, `activeSectionsColor`,
10571
- * `textColor`, `strengthLabelColor`.
10572
- *
10573
- * ## Text
10574
- * `text` prop is used to render some message.
10575
- * For example error (together with proper red color)
10576
- * or some password requirement. It can be empty.
10577
- *
10578
- * ## Strength label
10579
- * `strengthLabel` prop is used to render strength characteristic
10580
- * of entered password. For example: `weak`, `normal`, `strong`, etc.
10581
- * It can be empty.
10582
- */
10583
-
10584
- var PasswordStrength = function PasswordStrength(_ref) {
10585
- var _ref$sections = _ref.sections,
10586
- sections = _ref$sections === void 0 ? 6 : _ref$sections,
10587
- _ref$activeSections = _ref.activeSections,
10588
- activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
10589
- _ref$sectionsColor = _ref.sectionsColor,
10590
- sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
10591
- _ref$activeSectionsCo = _ref.activeSectionsColor,
10592
- activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
10593
- _ref$text = _ref.text,
10594
- text = _ref$text === void 0 ? '' : _ref$text,
10595
- _ref$textColor = _ref.textColor,
10596
- textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
10597
- _ref$strengthLabel = _ref.strengthLabel,
10598
- strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
10599
- _ref$strengthLabelCol = _ref.strengthLabelColor,
10600
- strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
10601
-
10602
- var setSectionColor = function setSectionColor(index) {
10603
- return index < activeSections ? activeSectionsColor : sectionsColor;
10604
- };
10605
-
10606
- var setSectionDataTestId = function setSectionDataTestId(index) {
10607
- return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
10608
- };
10609
-
10610
- return /*#__PURE__*/React__default.createElement(Container$5, {
10611
- "data-testid": "password-strength-container"
10612
- }, /*#__PURE__*/React__default.createElement(Sections, {
10613
- "data-testid": "password-strength-sections"
10614
- }, Array.from({
10615
- length: sections
10616
- }, function (_section, i) {
10617
- return /*#__PURE__*/React__default.createElement(Section, {
10618
- key: i,
10619
- color: setSectionColor(i),
10620
- "data-testid": setSectionDataTestId(i)
10621
- });
10622
- })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
10623
- color: textColor,
10624
- "data-testid": "password-strength-text"
10625
- }, /*#__PURE__*/React__default.createElement(AltHeader, {
10626
- level: 6
10627
- }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
10628
- color: strengthLabelColor,
10629
- "data-testid": "password-strength-label"
10630
- }, /*#__PURE__*/React__default.createElement(Overline, {
10631
- level: 2
10632
- }, strengthLabel))));
10633
- };
10634
-
10635
- var _templateObject$1i, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$v, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
10636
- var TableContainer = /*#__PURE__*/styled.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
10825
+ var _templateObject$1j, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$v, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
10826
+ var TableContainer = /*#__PURE__*/styled.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
10637
10827
  var Container$6 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
10638
10828
  var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
10639
10829
  var TableHeader = /*#__PURE__*/styled.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
@@ -10916,8 +11106,8 @@ var LiveChat = function LiveChat() {
10916
11106
  });
10917
11107
  };
10918
11108
 
10919
- var _templateObject$1j, _templateObject2$Z;
10920
- var StickyBarWrapper = /*#__PURE__*/styled.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);
11109
+ var _templateObject$1k, _templateObject2$Z;
11110
+ var StickyBarWrapper = /*#__PURE__*/styled.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);
10921
11111
  var StickyBarGrid = /*#__PURE__*/styled(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) {
10922
11112
  var hideBottomBorder = _ref.hideBottomBorder;
10923
11113
  return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
@@ -10946,8 +11136,8 @@ var StickyBar = function StickyBar(_ref) {
10946
11136
  }, children)));
10947
11137
  };
10948
11138
 
10949
- var _templateObject$1k, _templateObject2$_, _templateObject3$P, _templateObject4$E;
10950
- var InnerModal = /*#__PURE__*/styled.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);
11139
+ var _templateObject$1l, _templateObject2$_, _templateObject3$P, _templateObject4$E;
11140
+ var InnerModal = /*#__PURE__*/styled.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);
10951
11141
  var CloseButton = /*#__PURE__*/styled.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);
10952
11142
  var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
10953
11143
  var Overlay = /*#__PURE__*/styled(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"])));
@@ -11070,8 +11260,8 @@ var ModalWindow = function ModalWindow(_ref) {
11070
11260
  })), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
11071
11261
  };
11072
11262
 
11073
- var _templateObject$1l;
11074
- var GlobalStyles = /*#__PURE__*/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) {
11263
+ var _templateObject$1m;
11264
+ var GlobalStyles = /*#__PURE__*/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) {
11075
11265
  var theme = _ref.theme;
11076
11266
  return theme.colors.primary;
11077
11267
  }, function (_ref2) {
@@ -12012,5 +12202,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1l || (_templa
12012
12202
  return theme.fonts.tablet.sizes.body[1];
12013
12203
  }, devices.desktop, devices.largeDesktop);
12014
12204
 
12015
- export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, zIndexes };
12205
+ export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, GridItemLegacy, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, zIndexes };
12016
12206
  //# sourceMappingURL=chord.esm.js.map