@royaloperahouse/chord 2.4.6 → 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 (100) hide show
  1. package/CHANGELOG.md +216 -7
  2. package/README.md +250 -40
  3. package/dist/chord.cjs.development.js +660 -457
  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 +660 -458
  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/Compact/Compact.style.d.ts +1 -1
  91. package/dist/components/molecules/PageHeading/index.d.ts +1 -1
  92. package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
  93. package/dist/components/molecules/index.d.ts +1 -1
  94. package/dist/helpers/htmlStrings.d.ts +1 -1
  95. package/dist/index.d.ts +3 -2
  96. package/dist/types/formTypes.d.ts +12 -9
  97. package/dist/types/iconTypes.d.ts +1 -0
  98. package/dist/types/types.d.ts +4 -0
  99. package/package.json +1 -1
  100. package/README.GIT +0 -277
package/dist/chord.esm.js CHANGED
@@ -122,9 +122,12 @@ var StreamBadge = function StreamBadge(_ref) {
122
122
  var _ref$fillColor = _ref.fillColor,
123
123
  fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
124
124
  _ref$align = _ref.align,
125
- align = _ref$align === void 0 ? 'center' : _ref$align;
125
+ align = _ref$align === void 0 ? 'center' : _ref$align,
126
+ _ref$invert = _ref.invert,
127
+ invert = _ref$invert === void 0 ? false : _ref$invert;
128
+ var colour = invert ? Colors.Black : fillColor;
126
129
  return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
127
- fillColor: fillColor,
130
+ fillColor: colour,
128
131
  width: "100%",
129
132
  height: "100%",
130
133
  viewBox: "110 450 865 200",
@@ -222,9 +225,12 @@ var CinemaBadge = function CinemaBadge(_ref) {
222
225
  var _ref$fillColor = _ref.fillColor,
223
226
  fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
224
227
  _ref$align = _ref.align,
225
- align = _ref$align === void 0 ? 'center' : _ref$align;
228
+ align = _ref$align === void 0 ? 'center' : _ref$align,
229
+ _ref$invert = _ref.invert,
230
+ invert = _ref$invert === void 0 ? false : _ref$invert;
231
+ var colour = invert ? Colors.Black : fillColor;
226
232
  return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
227
- fillColor: fillColor,
233
+ fillColor: colour,
228
234
  width: "100%",
229
235
  height: "100%",
230
236
  viewBox: "110 450 865 200",
@@ -896,13 +902,15 @@ var Wrapper = /*#__PURE__*/styled.span(_templateObject$3 || (_templateObject$3 =
896
902
 
897
903
  var Expand12px = (function (_ref) {
898
904
  var _ref$color = _ref.color,
899
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
905
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
906
+ ariaLabel = _ref.ariaLabel;
900
907
  return /*#__PURE__*/createElement("svg", {
901
908
  xmlns: "http://www.w3.org/2000/svg",
902
909
  width: "12",
903
910
  height: "12",
904
911
  viewBox: "0 0 12 12",
905
- fill: "none"
912
+ fill: "none",
913
+ "aria-label": ariaLabel
906
914
  }, /*#__PURE__*/createElement("path", {
907
915
  d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
908
916
  fill: color
@@ -911,13 +919,15 @@ var Expand12px = (function (_ref) {
911
919
 
912
920
  var Remove12px = (function (_ref) {
913
921
  var _ref$color = _ref.color,
914
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
922
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
923
+ ariaLabel = _ref.ariaLabel;
915
924
  return /*#__PURE__*/createElement("svg", {
916
925
  xmlns: "http://www.w3.org/2000/svg",
917
926
  width: "12",
918
927
  height: "12",
919
928
  viewBox: "0 0 12 12",
920
- fill: "none"
929
+ fill: "none",
930
+ "aria-label": ariaLabel
921
931
  }, /*#__PURE__*/createElement("g", null, /*#__PURE__*/createElement("path", {
922
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",
923
933
  fill: color
@@ -926,13 +936,15 @@ var Remove12px = (function (_ref) {
926
936
 
927
937
  var Tick = (function (_ref) {
928
938
  var _ref$color = _ref.color,
929
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
939
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
940
+ ariaLabel = _ref.ariaLabel;
930
941
  return /*#__PURE__*/createElement("svg", {
931
942
  width: "100%",
932
943
  height: "100%",
933
944
  viewBox: "0 0 12 12",
934
945
  fill: "none",
935
- xmlns: "http://www.w3.org/2000/svg"
946
+ xmlns: "http://www.w3.org/2000/svg",
947
+ "aria-label": ariaLabel
936
948
  }, /*#__PURE__*/createElement("path", {
937
949
  d: "M4.09961 11.1999L1.09961 7.2999L1.89961 6.6999L4.09961 9.4999L10.0996 1.3999L10.8996 1.9999L4.09961 11.1999Z",
938
950
  fill: color
@@ -941,13 +953,15 @@ var Tick = (function (_ref) {
941
953
 
942
954
  var AddToMyList = (function (_ref) {
943
955
  var _ref$color = _ref.color,
944
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
956
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
957
+ ariaLabel = _ref.ariaLabel;
945
958
  return /*#__PURE__*/createElement("svg", {
946
959
  width: "100%",
947
960
  height: "100%",
948
961
  viewBox: "0 0 24 24",
949
962
  fill: "none",
950
- xmlns: "http://www.w3.org/2000/svg"
963
+ xmlns: "http://www.w3.org/2000/svg",
964
+ "aria-label": ariaLabel
951
965
  }, /*#__PURE__*/createElement("path", {
952
966
  d: "M21 3H3V4H21V3Z",
953
967
  fill: color
@@ -971,13 +985,15 @@ var AddToMyList = (function (_ref) {
971
985
 
972
986
  var OnMyList = (function (_ref) {
973
987
  var _ref$color = _ref.color,
974
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
988
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
989
+ ariaLabel = _ref.ariaLabel;
975
990
  return /*#__PURE__*/createElement("svg", {
976
991
  width: "100%",
977
992
  height: "100%",
978
993
  viewBox: "0 0 24 24",
979
994
  fill: "none",
980
- xmlns: "http://www.w3.org/2000/svg"
995
+ xmlns: "http://www.w3.org/2000/svg",
996
+ "aria-label": ariaLabel
981
997
  }, /*#__PURE__*/createElement("path", {
982
998
  d: "M15.4996 20.2002L13.3996 17.7002L12.5996 18.3002L15.5996 21.8002L20.8996 13.8002L20.0996 13.2002L15.4996 20.2002Z",
983
999
  fill: color
@@ -1001,13 +1017,15 @@ var OnMyList = (function (_ref) {
1001
1017
 
1002
1018
  var BookTickets = (function (_ref) {
1003
1019
  var _ref$color = _ref.color,
1004
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1020
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1021
+ ariaLabel = _ref.ariaLabel;
1005
1022
  return /*#__PURE__*/createElement("svg", {
1006
1023
  width: "100%",
1007
1024
  height: "100%",
1008
1025
  viewBox: "0 0 24 24",
1009
1026
  fill: "none",
1010
- xmlns: "http://www.w3.org/2000/svg"
1027
+ xmlns: "http://www.w3.org/2000/svg",
1028
+ "aria-label": ariaLabel
1011
1029
  }, /*#__PURE__*/createElement("path", {
1012
1030
  d: "M7 2H6V5H7V2Z",
1013
1031
  fill: color
@@ -1043,13 +1061,15 @@ var BookTickets = (function (_ref) {
1043
1061
 
1044
1062
  var ChooseDates = (function (_ref) {
1045
1063
  var _ref$color = _ref.color,
1046
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1064
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1065
+ ariaLabel = _ref.ariaLabel;
1047
1066
  return /*#__PURE__*/createElement("svg", {
1048
1067
  width: "100%",
1049
1068
  height: "100%",
1050
1069
  viewBox: "0 0 24 24",
1051
1070
  fill: "none",
1052
- xmlns: "http://www.w3.org/2000/svg"
1071
+ xmlns: "http://www.w3.org/2000/svg",
1072
+ "aria-label": ariaLabel
1053
1073
  }, /*#__PURE__*/createElement("path", {
1054
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",
1055
1075
  fill: color
@@ -1058,13 +1078,15 @@ var ChooseDates = (function (_ref) {
1058
1078
 
1059
1079
  var EditMyList = (function (_ref) {
1060
1080
  var _ref$color = _ref.color,
1061
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1081
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1082
+ ariaLabel = _ref.ariaLabel;
1062
1083
  return /*#__PURE__*/createElement("svg", {
1063
1084
  width: "100%",
1064
1085
  height: "100%",
1065
1086
  viewBox: "0 0 24 24",
1066
1087
  fill: "none",
1067
- xmlns: "http://www.w3.org/2000/svg"
1088
+ xmlns: "http://www.w3.org/2000/svg",
1089
+ "aria-label": ariaLabel
1068
1090
  }, /*#__PURE__*/createElement("path", {
1069
1091
  d: "M21 3H3V4H21V3Z",
1070
1092
  fill: color
@@ -1088,13 +1110,15 @@ var EditMyList = (function (_ref) {
1088
1110
 
1089
1111
  var Favourite = (function (_ref) {
1090
1112
  var _ref$color = _ref.color,
1091
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1113
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1114
+ ariaLabel = _ref.ariaLabel;
1092
1115
  return /*#__PURE__*/createElement("svg", {
1093
1116
  width: "100%",
1094
1117
  height: "100%",
1095
1118
  viewBox: "0 0 24 24",
1096
1119
  fill: "none",
1097
- xmlns: "http://www.w3.org/2000/svg"
1120
+ xmlns: "http://www.w3.org/2000/svg",
1121
+ "aria-label": ariaLabel
1098
1122
  }, /*#__PURE__*/createElement("path", {
1099
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",
1100
1124
  fill: color
@@ -1103,13 +1127,15 @@ var Favourite = (function (_ref) {
1103
1127
 
1104
1128
  var FavouriteFull = (function (_ref) {
1105
1129
  var _ref$color = _ref.color,
1106
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1130
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1131
+ ariaLabel = _ref.ariaLabel;
1107
1132
  return /*#__PURE__*/createElement("svg", {
1108
1133
  width: "100%",
1109
1134
  height: "100%",
1110
1135
  viewBox: "0 0 24 24",
1111
1136
  fill: "none",
1112
- xmlns: "http://www.w3.org/2000/svg"
1137
+ xmlns: "http://www.w3.org/2000/svg",
1138
+ "aria-label": ariaLabel
1113
1139
  }, /*#__PURE__*/createElement("path", {
1114
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",
1115
1141
  fill: color
@@ -1118,13 +1144,15 @@ var FavouriteFull = (function (_ref) {
1118
1144
 
1119
1145
  var Filter = (function (_ref) {
1120
1146
  var _ref$color = _ref.color,
1121
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1147
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1148
+ ariaLabel = _ref.ariaLabel;
1122
1149
  return /*#__PURE__*/createElement("svg", {
1123
1150
  width: "100%",
1124
1151
  height: "100%",
1125
1152
  viewBox: "0 0 24 24",
1126
1153
  fill: "none",
1127
- xmlns: "http://www.w3.org/2000/svg"
1154
+ xmlns: "http://www.w3.org/2000/svg",
1155
+ "aria-label": ariaLabel
1128
1156
  }, /*#__PURE__*/createElement("path", {
1129
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",
1130
1158
  fill: color
@@ -1139,13 +1167,15 @@ var Filter = (function (_ref) {
1139
1167
 
1140
1168
  var FindAScreening = (function (_ref) {
1141
1169
  var _ref$color = _ref.color,
1142
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1170
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1171
+ ariaLabel = _ref.ariaLabel;
1143
1172
  return /*#__PURE__*/createElement("svg", {
1144
1173
  width: "100%",
1145
1174
  height: "100%",
1146
1175
  viewBox: "0 0 24 24",
1147
1176
  fill: "none",
1148
- xmlns: "http://www.w3.org/2000/svg"
1177
+ xmlns: "http://www.w3.org/2000/svg",
1178
+ "aria-label": ariaLabel
1149
1179
  }, /*#__PURE__*/createElement("path", {
1150
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",
1151
1181
  fill: color
@@ -1169,13 +1199,15 @@ var FindAScreening = (function (_ref) {
1169
1199
 
1170
1200
  var Reminder = (function (_ref) {
1171
1201
  var _ref$color = _ref.color,
1172
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1202
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1203
+ ariaLabel = _ref.ariaLabel;
1173
1204
  return /*#__PURE__*/createElement("svg", {
1174
1205
  width: "100%",
1175
1206
  height: "100%",
1176
1207
  viewBox: "0 0 24 24",
1177
1208
  fill: "none",
1178
- xmlns: "http://www.w3.org/2000/svg"
1209
+ xmlns: "http://www.w3.org/2000/svg",
1210
+ "aria-label": ariaLabel
1179
1211
  }, /*#__PURE__*/createElement("path", {
1180
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",
1181
1213
  fill: color
@@ -1184,13 +1216,15 @@ var Reminder = (function (_ref) {
1184
1216
 
1185
1217
  var Subscribe = (function (_ref) {
1186
1218
  var _ref$color = _ref.color,
1187
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1219
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1220
+ ariaLabel = _ref.ariaLabel;
1188
1221
  return /*#__PURE__*/createElement("svg", {
1189
1222
  width: "100%",
1190
1223
  height: "100%",
1191
1224
  viewBox: "0 0 24 24",
1192
1225
  fill: "none",
1193
- xmlns: "http://www.w3.org/2000/svg"
1226
+ xmlns: "http://www.w3.org/2000/svg",
1227
+ "aria-label": ariaLabel
1194
1228
  }, /*#__PURE__*/createElement("path", {
1195
1229
  d: "M20 4V20H4V4H20ZM21 3H3V21H21V3Z",
1196
1230
  fill: color
@@ -1202,13 +1236,15 @@ var Subscribe = (function (_ref) {
1202
1236
 
1203
1237
  var Watch = (function (_ref) {
1204
1238
  var _ref$color = _ref.color,
1205
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1239
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1240
+ ariaLabel = _ref.ariaLabel;
1206
1241
  return /*#__PURE__*/createElement("svg", {
1207
1242
  width: "100%",
1208
1243
  height: "100%",
1209
1244
  viewBox: "0 0 24 24",
1210
1245
  fill: "none",
1211
- xmlns: "http://www.w3.org/2000/svg"
1246
+ xmlns: "http://www.w3.org/2000/svg",
1247
+ "aria-label": ariaLabel
1212
1248
  }, /*#__PURE__*/createElement("path", {
1213
1249
  d: "M9 8L16 12L9 16V8Z",
1214
1250
  fill: color
@@ -1220,13 +1256,15 @@ var Watch = (function (_ref) {
1220
1256
 
1221
1257
  var Arrow = (function (_ref) {
1222
1258
  var _ref$color = _ref.color,
1223
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1259
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1260
+ ariaLabel = _ref.ariaLabel;
1224
1261
  return /*#__PURE__*/createElement("svg", {
1225
1262
  width: "100%",
1226
1263
  height: "100%",
1227
1264
  viewBox: "0 0 24 24",
1228
1265
  fill: "none",
1229
- xmlns: "http://www.w3.org/2000/svg"
1266
+ xmlns: "http://www.w3.org/2000/svg",
1267
+ "aria-label": ariaLabel
1230
1268
  }, /*#__PURE__*/createElement("path", {
1231
1269
  d: "M3 12.6001H19L12.9 18.7001L13.6 19.4001L21 12.0001L13.6 4.6001L12.9 5.3001L19.2 11.6001H3V12.6001Z",
1232
1270
  fill: color
@@ -1235,13 +1273,15 @@ var Arrow = (function (_ref) {
1235
1273
 
1236
1274
  var CarouselArrow = (function (_ref) {
1237
1275
  var _ref$color = _ref.color,
1238
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1276
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1277
+ ariaLabel = _ref.ariaLabel;
1239
1278
  return /*#__PURE__*/createElement("svg", {
1240
1279
  width: "100%",
1241
1280
  height: "100%",
1242
1281
  viewBox: "0 0 24 24",
1243
1282
  fill: "none",
1244
- xmlns: "http://www.w3.org/2000/svg"
1283
+ xmlns: "http://www.w3.org/2000/svg",
1284
+ "aria-label": ariaLabel
1245
1285
  }, /*#__PURE__*/createElement("path", {
1246
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",
1247
1287
  fill: color
@@ -1250,13 +1290,15 @@ var CarouselArrow = (function (_ref) {
1250
1290
 
1251
1291
  var DropdownArrow = (function (_ref) {
1252
1292
  var _ref$color = _ref.color,
1253
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1293
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1294
+ ariaLabel = _ref.ariaLabel;
1254
1295
  return /*#__PURE__*/createElement("svg", {
1255
1296
  width: "100%",
1256
1297
  height: "100%",
1257
1298
  viewBox: "0 0 24 24",
1258
1299
  fill: "none",
1259
- xmlns: "http://www.w3.org/2000/svg"
1300
+ xmlns: "http://www.w3.org/2000/svg",
1301
+ "aria-label": ariaLabel
1260
1302
  }, /*#__PURE__*/createElement("path", {
1261
1303
  d: "M19.3 8L12 14.7L4.7 8L4 8.7L12 16L20 8.7L19.3 8Z",
1262
1304
  fill: color
@@ -1265,13 +1307,15 @@ var DropdownArrow = (function (_ref) {
1265
1307
 
1266
1308
  var Cinema = (function (_ref) {
1267
1309
  var _ref$color = _ref.color,
1268
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1310
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1311
+ ariaLabel = _ref.ariaLabel;
1269
1312
  return /*#__PURE__*/createElement("svg", {
1270
1313
  width: "100%",
1271
1314
  height: "100%",
1272
1315
  viewBox: "0 0 24 24",
1273
1316
  fill: "none",
1274
- xmlns: "http://www.w3.org/2000/svg"
1317
+ xmlns: "http://www.w3.org/2000/svg",
1318
+ "aria-label": ariaLabel
1275
1319
  }, /*#__PURE__*/createElement("path", {
1276
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",
1277
1321
  fill: color
@@ -1295,13 +1339,15 @@ var Cinema = (function (_ref) {
1295
1339
 
1296
1340
  var Clock = (function (_ref) {
1297
1341
  var _ref$color = _ref.color,
1298
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1342
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1343
+ ariaLabel = _ref.ariaLabel;
1299
1344
  return /*#__PURE__*/createElement("svg", {
1300
1345
  width: "100%",
1301
1346
  height: "100%",
1302
1347
  viewBox: "0 0 24 24",
1303
1348
  fill: "none",
1304
- xmlns: "http://www.w3.org/2000/svg"
1349
+ xmlns: "http://www.w3.org/2000/svg",
1350
+ "aria-label": ariaLabel
1305
1351
  }, /*#__PURE__*/createElement("path", {
1306
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",
1307
1353
  fill: color
@@ -1313,13 +1359,15 @@ var Clock = (function (_ref) {
1313
1359
 
1314
1360
  var CreditCard = (function (_ref) {
1315
1361
  var _ref$color = _ref.color,
1316
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1362
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1363
+ ariaLabel = _ref.ariaLabel;
1317
1364
  return /*#__PURE__*/createElement("svg", {
1318
1365
  width: "100%",
1319
1366
  height: "100%",
1320
1367
  viewBox: "0 0 24 24",
1321
1368
  fill: "none",
1322
- xmlns: "http://www.w3.org/2000/svg"
1369
+ xmlns: "http://www.w3.org/2000/svg",
1370
+ "aria-label": ariaLabel
1323
1371
  }, /*#__PURE__*/createElement("path", {
1324
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",
1325
1373
  fill: color
@@ -1334,13 +1382,15 @@ var CreditCard = (function (_ref) {
1334
1382
 
1335
1383
  var Email = (function (_ref) {
1336
1384
  var _ref$color = _ref.color,
1337
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1385
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1386
+ ariaLabel = _ref.ariaLabel;
1338
1387
  return /*#__PURE__*/createElement("svg", {
1339
1388
  width: "100%",
1340
1389
  height: "100%",
1341
1390
  viewBox: "0 0 24 24",
1342
1391
  fill: "none",
1343
- xmlns: "http://www.w3.org/2000/svg"
1392
+ xmlns: "http://www.w3.org/2000/svg",
1393
+ "aria-label": ariaLabel
1344
1394
  }, /*#__PURE__*/createElement("path", {
1345
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",
1346
1396
  fill: color
@@ -1349,13 +1399,15 @@ var Email = (function (_ref) {
1349
1399
 
1350
1400
  var Info = (function (_ref) {
1351
1401
  var _ref$color = _ref.color,
1352
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1402
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1403
+ ariaLabel = _ref.ariaLabel;
1353
1404
  return /*#__PURE__*/createElement("svg", {
1354
1405
  width: "100%",
1355
1406
  height: "100%",
1356
1407
  viewBox: "0 0 24 24",
1357
1408
  fill: "none",
1358
- xmlns: "http://www.w3.org/2000/svg"
1409
+ xmlns: "http://www.w3.org/2000/svg",
1410
+ "aria-label": ariaLabel
1359
1411
  }, /*#__PURE__*/createElement("path", {
1360
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",
1361
1413
  fill: color
@@ -1370,13 +1422,15 @@ var Info = (function (_ref) {
1370
1422
 
1371
1423
  var List = (function (_ref) {
1372
1424
  var _ref$color = _ref.color,
1373
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1425
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1426
+ ariaLabel = _ref.ariaLabel;
1374
1427
  return /*#__PURE__*/createElement("svg", {
1375
1428
  width: "100%",
1376
1429
  height: "100%",
1377
1430
  viewBox: "0 0 24 24",
1378
1431
  fill: "none",
1379
- xmlns: "http://www.w3.org/2000/svg"
1432
+ xmlns: "http://www.w3.org/2000/svg",
1433
+ "aria-label": ariaLabel
1380
1434
  }, /*#__PURE__*/createElement("path", {
1381
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",
1382
1436
  fill: color
@@ -1400,13 +1454,15 @@ var List = (function (_ref) {
1400
1454
 
1401
1455
  var Location = (function (_ref) {
1402
1456
  var _ref$color = _ref.color,
1403
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1457
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1458
+ ariaLabel = _ref.ariaLabel;
1404
1459
  return /*#__PURE__*/createElement("svg", {
1405
1460
  width: "100%",
1406
1461
  height: "100%",
1407
1462
  viewBox: "0 0 24 24",
1408
1463
  fill: "none",
1409
- xmlns: "http://www.w3.org/2000/svg"
1464
+ xmlns: "http://www.w3.org/2000/svg",
1465
+ "aria-label": ariaLabel
1410
1466
  }, /*#__PURE__*/createElement("path", {
1411
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",
1412
1468
  fill: color
@@ -1418,13 +1474,15 @@ var Location = (function (_ref) {
1418
1474
 
1419
1475
  var PDF = (function (_ref) {
1420
1476
  var _ref$color = _ref.color,
1421
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1477
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1478
+ ariaLabel = _ref.ariaLabel;
1422
1479
  return /*#__PURE__*/createElement("svg", {
1423
1480
  width: "100%",
1424
1481
  height: "100%",
1425
1482
  viewBox: "0 0 24 24",
1426
1483
  fill: "none",
1427
- xmlns: "http://www.w3.org/2000/svg"
1484
+ xmlns: "http://www.w3.org/2000/svg",
1485
+ "aria-label": ariaLabel
1428
1486
  }, /*#__PURE__*/createElement("path", {
1429
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",
1430
1488
  fill: color
@@ -1442,13 +1500,15 @@ var PDF = (function (_ref) {
1442
1500
 
1443
1501
  var Phone = (function (_ref) {
1444
1502
  var _ref$color = _ref.color,
1445
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1503
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1504
+ ariaLabel = _ref.ariaLabel;
1446
1505
  return /*#__PURE__*/createElement("svg", {
1447
1506
  width: "100%",
1448
1507
  height: "100%",
1449
1508
  viewBox: "0 0 24 24",
1450
1509
  fill: "none",
1451
- xmlns: "http://www.w3.org/2000/svg"
1510
+ xmlns: "http://www.w3.org/2000/svg",
1511
+ "aria-label": ariaLabel
1452
1512
  }, /*#__PURE__*/createElement("path", {
1453
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",
1454
1514
  fill: color
@@ -1457,13 +1517,15 @@ var Phone = (function (_ref) {
1457
1517
 
1458
1518
  var Print = (function (_ref) {
1459
1519
  var _ref$color = _ref.color,
1460
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1520
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1521
+ ariaLabel = _ref.ariaLabel;
1461
1522
  return /*#__PURE__*/createElement("svg", {
1462
1523
  width: "100%",
1463
1524
  height: "100%",
1464
1525
  viewBox: "0 0 24 24",
1465
1526
  fill: "none",
1466
- xmlns: "http://www.w3.org/2000/svg"
1527
+ xmlns: "http://www.w3.org/2000/svg",
1528
+ "aria-label": ariaLabel
1467
1529
  }, /*#__PURE__*/createElement("path", {
1468
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",
1469
1531
  fill: color
@@ -1472,13 +1534,15 @@ var Print = (function (_ref) {
1472
1534
 
1473
1535
  var Seat = (function (_ref) {
1474
1536
  var _ref$color = _ref.color,
1475
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1537
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1538
+ ariaLabel = _ref.ariaLabel;
1476
1539
  return /*#__PURE__*/createElement("svg", {
1477
1540
  width: "100%",
1478
1541
  height: "100%",
1479
1542
  viewBox: "0 0 24 24",
1480
1543
  fill: "none",
1481
- xmlns: "http://www.w3.org/2000/svg"
1544
+ xmlns: "http://www.w3.org/2000/svg",
1545
+ "aria-label": ariaLabel
1482
1546
  }, /*#__PURE__*/createElement("path", {
1483
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",
1484
1548
  fill: color
@@ -1490,13 +1554,15 @@ var Seat = (function (_ref) {
1490
1554
 
1491
1555
  var Secure = (function (_ref) {
1492
1556
  var _ref$color = _ref.color,
1493
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1557
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1558
+ ariaLabel = _ref.ariaLabel;
1494
1559
  return /*#__PURE__*/createElement("svg", {
1495
1560
  width: "100%",
1496
1561
  height: "100%",
1497
1562
  viewBox: "0 0 24 24",
1498
1563
  fill: "none",
1499
- xmlns: "http://www.w3.org/2000/svg"
1564
+ xmlns: "http://www.w3.org/2000/svg",
1565
+ "aria-label": ariaLabel
1500
1566
  }, /*#__PURE__*/createElement("path", {
1501
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",
1502
1568
  fill: color
@@ -1508,13 +1574,15 @@ var Secure = (function (_ref) {
1508
1574
 
1509
1575
  var Standing = (function (_ref) {
1510
1576
  var _ref$color = _ref.color,
1511
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1577
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1578
+ ariaLabel = _ref.ariaLabel;
1512
1579
  return /*#__PURE__*/createElement("svg", {
1513
1580
  width: "100%",
1514
1581
  height: "100%",
1515
1582
  viewBox: "0 0 24 24",
1516
1583
  fill: "none",
1517
- xmlns: "http://www.w3.org/2000/svg"
1584
+ xmlns: "http://www.w3.org/2000/svg",
1585
+ "aria-label": ariaLabel
1518
1586
  }, /*#__PURE__*/createElement("path", {
1519
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",
1520
1588
  fill: color
@@ -1523,13 +1591,15 @@ var Standing = (function (_ref) {
1523
1591
 
1524
1592
  var Tickets = (function (_ref) {
1525
1593
  var _ref$color = _ref.color,
1526
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1594
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1595
+ ariaLabel = _ref.ariaLabel;
1527
1596
  return /*#__PURE__*/createElement("svg", {
1528
1597
  width: "100%",
1529
1598
  height: "100%",
1530
1599
  viewBox: "0 0 24 24",
1531
1600
  fill: "none",
1532
- xmlns: "http://www.w3.org/2000/svg"
1601
+ xmlns: "http://www.w3.org/2000/svg",
1602
+ "aria-label": ariaLabel
1533
1603
  }, /*#__PURE__*/createElement("path", {
1534
1604
  d: "M12 14H11V16H12V14Z",
1535
1605
  fill: color
@@ -1561,13 +1631,15 @@ var Wheelchair = (function (_ref) {
1561
1631
 
1562
1632
  var BalletAndDance = (function (_ref) {
1563
1633
  var _ref$color = _ref.color,
1564
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1634
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1635
+ ariaLabel = _ref.ariaLabel;
1565
1636
  return /*#__PURE__*/createElement("svg", {
1566
1637
  width: "100%",
1567
1638
  height: "100%",
1568
1639
  viewBox: "0 0 24 24",
1569
1640
  fill: "none",
1570
- xmlns: "http://www.w3.org/2000/svg"
1641
+ xmlns: "http://www.w3.org/2000/svg",
1642
+ "aria-label": ariaLabel
1571
1643
  }, /*#__PURE__*/createElement("path", {
1572
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",
1573
1645
  fill: color
@@ -1576,13 +1648,15 @@ var BalletAndDance = (function (_ref) {
1576
1648
 
1577
1649
  var Basket = (function (_ref) {
1578
1650
  var _ref$color = _ref.color,
1579
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1651
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1652
+ ariaLabel = _ref.ariaLabel;
1580
1653
  return /*#__PURE__*/createElement("svg", {
1581
1654
  width: "100%",
1582
1655
  height: "100%",
1583
1656
  viewBox: "0 0 24 24",
1584
1657
  fill: "none",
1585
- xmlns: "http://www.w3.org/2000/svg"
1658
+ xmlns: "http://www.w3.org/2000/svg",
1659
+ "aria-label": ariaLabel
1586
1660
  }, /*#__PURE__*/createElement("path", {
1587
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",
1588
1662
  fill: color
@@ -1591,13 +1665,15 @@ var Basket = (function (_ref) {
1591
1665
 
1592
1666
  var BasketFull = (function (_ref) {
1593
1667
  var _ref$color = _ref.color,
1594
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1668
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1669
+ ariaLabel = _ref.ariaLabel;
1595
1670
  return /*#__PURE__*/createElement("svg", {
1596
1671
  width: "100%",
1597
1672
  height: "100%",
1598
1673
  viewBox: "0 0 24 24",
1599
1674
  fill: "none",
1600
- xmlns: "http://www.w3.org/2000/svg"
1675
+ xmlns: "http://www.w3.org/2000/svg",
1676
+ "aria-label": ariaLabel
1601
1677
  }, /*#__PURE__*/createElement("path", {
1602
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",
1603
1679
  fill: color
@@ -1606,13 +1682,15 @@ var BasketFull = (function (_ref) {
1606
1682
 
1607
1683
  var Home = (function (_ref) {
1608
1684
  var _ref$color = _ref.color,
1609
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1685
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1686
+ ariaLabel = _ref.ariaLabel;
1610
1687
  return /*#__PURE__*/createElement("svg", {
1611
1688
  width: "100%",
1612
1689
  height: "100%",
1613
1690
  viewBox: "0 0 24 24",
1614
1691
  fill: "none",
1615
- xmlns: "http://www.w3.org/2000/svg"
1692
+ xmlns: "http://www.w3.org/2000/svg",
1693
+ "aria-label": ariaLabel
1616
1694
  }, /*#__PURE__*/createElement("path", {
1617
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",
1618
1696
  fill: color
@@ -1621,13 +1699,15 @@ var Home = (function (_ref) {
1621
1699
 
1622
1700
  var LiveStream = (function (_ref) {
1623
1701
  var _ref$color = _ref.color,
1624
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1702
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1703
+ ariaLabel = _ref.ariaLabel;
1625
1704
  return /*#__PURE__*/createElement("svg", {
1626
1705
  width: "100%",
1627
1706
  height: "100%",
1628
1707
  viewBox: "0 0 24 24",
1629
1708
  fill: "none",
1630
- xmlns: "http://www.w3.org/2000/svg"
1709
+ xmlns: "http://www.w3.org/2000/svg",
1710
+ "aria-label": ariaLabel
1631
1711
  }, /*#__PURE__*/createElement("path", {
1632
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",
1633
1713
  fill: color
@@ -1648,13 +1728,15 @@ var LiveStream = (function (_ref) {
1648
1728
 
1649
1729
  var Menu = (function (_ref) {
1650
1730
  var _ref$color = _ref.color,
1651
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1731
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1732
+ ariaLabel = _ref.ariaLabel;
1652
1733
  return /*#__PURE__*/createElement("svg", {
1653
1734
  width: "100%",
1654
1735
  height: "100%",
1655
1736
  viewBox: "0 0 24 24",
1656
1737
  fill: "none",
1657
- xmlns: "http://www.w3.org/2000/svg"
1738
+ xmlns: "http://www.w3.org/2000/svg",
1739
+ "aria-label": ariaLabel
1658
1740
  }, /*#__PURE__*/createElement("path", {
1659
1741
  d: "M22 5H2V6H22V5Z",
1660
1742
  fill: color
@@ -1669,13 +1751,15 @@ var Menu = (function (_ref) {
1669
1751
 
1670
1752
  var OperaAndMusic = (function (_ref) {
1671
1753
  var _ref$color = _ref.color,
1672
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1754
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1755
+ ariaLabel = _ref.ariaLabel;
1673
1756
  return /*#__PURE__*/createElement("svg", {
1674
1757
  width: "100%",
1675
1758
  height: "100%",
1676
1759
  viewBox: "0 0 24 24",
1677
1760
  fill: "none",
1678
- xmlns: "http://www.w3.org/2000/svg"
1761
+ xmlns: "http://www.w3.org/2000/svg",
1762
+ "aria-label": ariaLabel
1679
1763
  }, /*#__PURE__*/createElement("path", {
1680
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",
1681
1765
  fill: color
@@ -1702,13 +1786,15 @@ var OperaAndMusic = (function (_ref) {
1702
1786
 
1703
1787
  var Search = (function (_ref) {
1704
1788
  var _ref$color = _ref.color,
1705
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1789
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1790
+ ariaLabel = _ref.ariaLabel;
1706
1791
  return /*#__PURE__*/createElement("svg", {
1707
1792
  width: "100%",
1708
1793
  height: "100%",
1709
1794
  viewBox: "0 0 24 24",
1710
1795
  fill: "none",
1711
- xmlns: "http://www.w3.org/2000/svg"
1796
+ xmlns: "http://www.w3.org/2000/svg",
1797
+ "aria-label": ariaLabel
1712
1798
  }, /*#__PURE__*/createElement("path", {
1713
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",
1714
1800
  fill: color
@@ -1717,13 +1803,15 @@ var Search = (function (_ref) {
1717
1803
 
1718
1804
  var Settings = (function (_ref) {
1719
1805
  var _ref$color = _ref.color,
1720
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1806
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1807
+ ariaLabel = _ref.ariaLabel;
1721
1808
  return /*#__PURE__*/createElement("svg", {
1722
1809
  width: "100%",
1723
1810
  height: "100%",
1724
1811
  viewBox: "0 0 24 24",
1725
1812
  fill: "none",
1726
- xmlns: "http://www.w3.org/2000/svg"
1813
+ xmlns: "http://www.w3.org/2000/svg",
1814
+ "aria-label": ariaLabel
1727
1815
  }, /*#__PURE__*/createElement("path", {
1728
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",
1729
1817
  fill: color
@@ -1735,13 +1823,15 @@ var Settings = (function (_ref) {
1735
1823
 
1736
1824
  var User = (function (_ref) {
1737
1825
  var _ref$color = _ref.color,
1738
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1826
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1827
+ ariaLabel = _ref.ariaLabel;
1739
1828
  return /*#__PURE__*/createElement("svg", {
1740
1829
  width: "100%",
1741
1830
  height: "100%",
1742
1831
  viewBox: "0 0 24 24",
1743
1832
  fill: "none",
1744
- xmlns: "http://www.w3.org/2000/svg"
1833
+ xmlns: "http://www.w3.org/2000/svg",
1834
+ "aria-label": ariaLabel
1745
1835
  }, /*#__PURE__*/createElement("path", {
1746
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",
1747
1837
  fill: color
@@ -1753,13 +1843,15 @@ var User = (function (_ref) {
1753
1843
 
1754
1844
  var UserSignedIn = (function (_ref) {
1755
1845
  var _ref$color = _ref.color,
1756
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1846
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1847
+ ariaLabel = _ref.ariaLabel;
1757
1848
  return /*#__PURE__*/createElement("svg", {
1758
1849
  width: "100%",
1759
1850
  height: "100%",
1760
1851
  viewBox: "0 0 24 24",
1761
1852
  fill: "none",
1762
- xmlns: "http://www.w3.org/2000/svg"
1853
+ xmlns: "http://www.w3.org/2000/svg",
1854
+ "aria-label": ariaLabel
1763
1855
  }, /*#__PURE__*/createElement("path", {
1764
1856
  d: "M22 21H2C2.4 17.7 2 11 12 11C22 11 21.6 17.7 22 21Z",
1765
1857
  fill: color
@@ -1771,13 +1863,15 @@ var UserSignedIn = (function (_ref) {
1771
1863
 
1772
1864
  var Facebook = (function (_ref) {
1773
1865
  var _ref$color = _ref.color,
1774
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1866
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1867
+ ariaLabel = _ref.ariaLabel;
1775
1868
  return /*#__PURE__*/createElement("svg", {
1776
1869
  width: "100%",
1777
1870
  height: "100%",
1778
1871
  viewBox: "0 0 24 24",
1779
1872
  fill: "none",
1780
- xmlns: "http://www.w3.org/2000/svg"
1873
+ xmlns: "http://www.w3.org/2000/svg",
1874
+ "aria-label": ariaLabel
1781
1875
  }, /*#__PURE__*/createElement("path", {
1782
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",
1783
1877
  fill: color
@@ -1786,13 +1880,15 @@ var Facebook = (function (_ref) {
1786
1880
 
1787
1881
  var Instagram = (function (_ref) {
1788
1882
  var _ref$color = _ref.color,
1789
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1883
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1884
+ ariaLabel = _ref.ariaLabel;
1790
1885
  return /*#__PURE__*/createElement("svg", {
1791
1886
  width: "100%",
1792
1887
  height: "100%",
1793
1888
  viewBox: "0 0 24 24",
1794
1889
  fill: "none",
1795
- xmlns: "http://www.w3.org/2000/svg"
1890
+ xmlns: "http://www.w3.org/2000/svg",
1891
+ "aria-label": ariaLabel
1796
1892
  }, /*#__PURE__*/createElement("path", {
1797
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",
1798
1894
  fill: color
@@ -1807,13 +1903,15 @@ var Instagram = (function (_ref) {
1807
1903
 
1808
1904
  var Tiktok = (function (_ref) {
1809
1905
  var _ref$color = _ref.color,
1810
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1906
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1907
+ ariaLabel = _ref.ariaLabel;
1811
1908
  return /*#__PURE__*/createElement("svg", {
1812
1909
  width: "100%",
1813
1910
  height: "100%",
1814
1911
  viewBox: "0 0 24 24",
1815
1912
  fill: "none",
1816
- xmlns: "http://www.w3.org/2000/svg"
1913
+ xmlns: "http://www.w3.org/2000/svg",
1914
+ "aria-label": ariaLabel
1817
1915
  }, /*#__PURE__*/createElement("path", {
1818
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",
1819
1917
  fill: color
@@ -1822,13 +1920,15 @@ var Tiktok = (function (_ref) {
1822
1920
 
1823
1921
  var Twitter = (function (_ref) {
1824
1922
  var _ref$color = _ref.color,
1825
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1923
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1924
+ ariaLabel = _ref.ariaLabel;
1826
1925
  return /*#__PURE__*/createElement("svg", {
1827
1926
  width: "100%",
1828
1927
  height: "100%",
1829
1928
  viewBox: "0 0 24 24",
1830
1929
  fill: "none",
1831
- xmlns: "http://www.w3.org/2000/svg"
1930
+ xmlns: "http://www.w3.org/2000/svg",
1931
+ "aria-label": ariaLabel
1832
1932
  }, /*#__PURE__*/createElement("path", {
1833
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",
1834
1934
  fill: color
@@ -1837,13 +1937,15 @@ var Twitter = (function (_ref) {
1837
1937
 
1838
1938
  var X = (function (_ref) {
1839
1939
  var _ref$color = _ref.color,
1840
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1940
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1941
+ ariaLabel = _ref.ariaLabel;
1841
1942
  return /*#__PURE__*/createElement("svg", {
1842
1943
  width: "100%",
1843
1944
  height: "100%",
1844
1945
  viewBox: "0 0 24 24",
1845
1946
  fill: "none",
1846
- xmlns: "http://www.w3.org/2000/svg"
1947
+ xmlns: "http://www.w3.org/2000/svg",
1948
+ "aria-label": ariaLabel
1847
1949
  }, /*#__PURE__*/createElement("path", {
1848
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",
1849
1951
  fill: color
@@ -1852,13 +1954,15 @@ var X = (function (_ref) {
1852
1954
 
1853
1955
  var Youtube = (function (_ref) {
1854
1956
  var _ref$color = _ref.color,
1855
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1957
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1958
+ ariaLabel = _ref.ariaLabel;
1856
1959
  return /*#__PURE__*/createElement("svg", {
1857
1960
  width: "100%",
1858
1961
  height: "100%",
1859
1962
  viewBox: "0 0 24 24",
1860
1963
  fill: "none",
1861
- xmlns: "http://www.w3.org/2000/svg"
1964
+ xmlns: "http://www.w3.org/2000/svg",
1965
+ "aria-label": ariaLabel
1862
1966
  }, /*#__PURE__*/createElement("path", {
1863
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",
1864
1968
  fill: color
@@ -1867,13 +1971,15 @@ var Youtube = (function (_ref) {
1867
1971
 
1868
1972
  var Delete = (function (_ref) {
1869
1973
  var _ref$color = _ref.color,
1870
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1974
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1975
+ ariaLabel = _ref.ariaLabel;
1871
1976
  return /*#__PURE__*/createElement("svg", {
1872
1977
  width: "100%",
1873
1978
  height: "100%",
1874
1979
  viewBox: "0 0 24 24",
1875
1980
  fill: "none",
1876
- xmlns: "http://www.w3.org/2000/svg"
1981
+ xmlns: "http://www.w3.org/2000/svg",
1982
+ "aria-label": ariaLabel
1877
1983
  }, /*#__PURE__*/createElement("path", {
1878
1984
  d: "M11 4L2 12L11 20H22V4H11ZM21 19H11.4L3.5 12L11.4 5H21V19Z",
1879
1985
  fill: color
@@ -1885,7 +1991,8 @@ var Delete = (function (_ref) {
1885
1991
 
1886
1992
  var Shift = (function (_ref) {
1887
1993
  var _ref$color = _ref.color,
1888
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
1994
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
1995
+ ariaLabel = _ref.ariaLabel;
1889
1996
  return /*#__PURE__*/createElement("svg", {
1890
1997
  width: "100%",
1891
1998
  height: "100%",
@@ -1894,19 +2001,22 @@ var Shift = (function (_ref) {
1894
2001
  xmlns: "http://www.w3.org/2000/svg"
1895
2002
  }, /*#__PURE__*/createElement("path", {
1896
2003
  d: "M12 3L3 12H8V21H16V12H21L12 3ZM15 11V12V20H9V12V11H8H5.4L12 4.4L18.6 11H16H15Z",
1897
- fill: color
2004
+ fill: color,
2005
+ "aria-label": ariaLabel
1898
2006
  }));
1899
2007
  });
1900
2008
 
1901
2009
  var Space = (function (_ref) {
1902
2010
  var _ref$color = _ref.color,
1903
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2011
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2012
+ ariaLabel = _ref.ariaLabel;
1904
2013
  return /*#__PURE__*/createElement("svg", {
1905
2014
  width: "100%",
1906
2015
  height: "100%",
1907
2016
  viewBox: "0 0 24 24",
1908
2017
  fill: "none",
1909
- xmlns: "http://www.w3.org/2000/svg"
2018
+ xmlns: "http://www.w3.org/2000/svg",
2019
+ "aria-label": ariaLabel
1910
2020
  }, /*#__PURE__*/createElement("path", {
1911
2021
  d: "M21 16V19H3V16H2V19V20H3H21H22V19V16H21Z",
1912
2022
  fill: color
@@ -1915,13 +2025,15 @@ var Space = (function (_ref) {
1915
2025
 
1916
2026
  var Close = (function (_ref) {
1917
2027
  var _ref$color = _ref.color,
1918
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2028
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2029
+ ariaLabel = _ref.ariaLabel;
1919
2030
  return /*#__PURE__*/createElement("svg", {
1920
2031
  width: "100%",
1921
2032
  height: "100%",
1922
2033
  viewBox: "0 0 24 24",
1923
2034
  fill: "none",
1924
- xmlns: "http://www.w3.org/2000/svg"
2035
+ xmlns: "http://www.w3.org/2000/svg",
2036
+ "aria-label": ariaLabel
1925
2037
  }, /*#__PURE__*/createElement("path", {
1926
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",
1927
2039
  fill: color
@@ -1930,13 +2042,15 @@ var Close = (function (_ref) {
1930
2042
 
1931
2043
  var Confirm = (function (_ref) {
1932
2044
  var _ref$color = _ref.color,
1933
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2045
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2046
+ ariaLabel = _ref.ariaLabel;
1934
2047
  return /*#__PURE__*/createElement("svg", {
1935
2048
  width: "100%",
1936
2049
  height: "100%",
1937
2050
  viewBox: "0 0 24 24",
1938
2051
  fill: "none",
1939
- xmlns: "http://www.w3.org/2000/svg"
2052
+ xmlns: "http://www.w3.org/2000/svg",
2053
+ "aria-label": ariaLabel
1940
2054
  }, /*#__PURE__*/createElement("path", {
1941
2055
  d: "M9.09961 21L3 12.5L3.8 11.9L9.09961 19.3L21.1996 3L21.9996 3.6L9.09961 21Z",
1942
2056
  fill: color
@@ -1945,13 +2059,15 @@ var Confirm = (function (_ref) {
1945
2059
 
1946
2060
  var Detract = (function (_ref) {
1947
2061
  var _ref$color = _ref.color,
1948
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2062
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2063
+ ariaLabel = _ref.ariaLabel;
1949
2064
  return /*#__PURE__*/createElement("svg", {
1950
2065
  width: "100%",
1951
2066
  height: "100%",
1952
2067
  viewBox: "0 0 24 24",
1953
2068
  fill: "none",
1954
- xmlns: "http://www.w3.org/2000/svg"
2069
+ xmlns: "http://www.w3.org/2000/svg",
2070
+ "aria-label": ariaLabel
1955
2071
  }, /*#__PURE__*/createElement("path", {
1956
2072
  d: "M21 11.5H3V12.5H21V11.5Z",
1957
2073
  fill: color
@@ -1960,13 +2076,15 @@ var Detract = (function (_ref) {
1960
2076
 
1961
2077
  var Expand = (function (_ref) {
1962
2078
  var _ref$color = _ref.color,
1963
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2079
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2080
+ ariaLabel = _ref.ariaLabel;
1964
2081
  return /*#__PURE__*/createElement("svg", {
1965
2082
  width: "100%",
1966
2083
  height: "100%",
1967
2084
  viewBox: "0 0 24 24",
1968
2085
  fill: "none",
1969
- xmlns: "http://www.w3.org/2000/svg"
2086
+ xmlns: "http://www.w3.org/2000/svg",
2087
+ "aria-label": ariaLabel
1970
2088
  }, /*#__PURE__*/createElement("path", {
1971
2089
  d: "M12.5 11.5V3H11.5V11.5H3V12.5H11.5V21H12.5V12.5H21V11.5H12.5Z",
1972
2090
  fill: color
@@ -1975,13 +2093,15 @@ var Expand = (function (_ref) {
1975
2093
 
1976
2094
  var ExternalLink = (function (_ref) {
1977
2095
  var _ref$color = _ref.color,
1978
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2096
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2097
+ ariaLabel = _ref.ariaLabel;
1979
2098
  return /*#__PURE__*/createElement("svg", {
1980
2099
  width: "100%",
1981
2100
  height: "100%",
1982
2101
  viewBox: "0 0 24 24",
1983
2102
  fill: "none",
1984
- xmlns: "http://www.w3.org/2000/svg"
2103
+ xmlns: "http://www.w3.org/2000/svg",
2104
+ "aria-label": ariaLabel
1985
2105
  }, /*#__PURE__*/createElement("path", {
1986
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",
1987
2107
  fill: color
@@ -1993,13 +2113,15 @@ var ExternalLink = (function (_ref) {
1993
2113
 
1994
2114
  var GridView = (function (_ref) {
1995
2115
  var _ref$color = _ref.color,
1996
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2116
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2117
+ ariaLabel = _ref.ariaLabel;
1997
2118
  return /*#__PURE__*/createElement("svg", {
1998
2119
  width: "100%",
1999
2120
  height: "100%",
2000
2121
  viewBox: "0 0 24 24",
2001
2122
  fill: "none",
2002
- xmlns: "http://www.w3.org/2000/svg"
2123
+ xmlns: "http://www.w3.org/2000/svg",
2124
+ "aria-label": ariaLabel
2003
2125
  }, /*#__PURE__*/createElement("path", {
2004
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",
2005
2127
  fill: color
@@ -2008,13 +2130,15 @@ var GridView = (function (_ref) {
2008
2130
 
2009
2131
  var ListView = (function (_ref) {
2010
2132
  var _ref$color = _ref.color,
2011
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2133
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2134
+ ariaLabel = _ref.ariaLabel;
2012
2135
  return /*#__PURE__*/createElement("svg", {
2013
2136
  width: "100%",
2014
2137
  height: "100%",
2015
2138
  viewBox: "0 0 24 24",
2016
2139
  fill: "none",
2017
- xmlns: "http://www.w3.org/2000/svg"
2140
+ xmlns: "http://www.w3.org/2000/svg",
2141
+ "aria-label": ariaLabel
2018
2142
  }, /*#__PURE__*/createElement("path", {
2019
2143
  d: "M3 3V7H21V3H3ZM20 6H4V4H20V6Z",
2020
2144
  fill: color
@@ -2029,13 +2153,15 @@ var ListView = (function (_ref) {
2029
2153
 
2030
2154
  var Refresh = (function (_ref) {
2031
2155
  var _ref$color = _ref.color,
2032
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2156
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2157
+ ariaLabel = _ref.ariaLabel;
2033
2158
  return /*#__PURE__*/createElement("svg", {
2034
2159
  width: "100%",
2035
2160
  height: "100%",
2036
2161
  viewBox: "0 0 24 24",
2037
2162
  fill: "none",
2038
- xmlns: "http://www.w3.org/2000/svg"
2163
+ xmlns: "http://www.w3.org/2000/svg",
2164
+ "aria-label": ariaLabel
2039
2165
  }, /*#__PURE__*/createElement("path", {
2040
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",
2041
2167
  fill: color
@@ -2047,13 +2173,15 @@ var Refresh = (function (_ref) {
2047
2173
 
2048
2174
  var Remove = (function (_ref) {
2049
2175
  var _ref$color = _ref.color,
2050
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2176
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2177
+ ariaLabel = _ref.ariaLabel;
2051
2178
  return /*#__PURE__*/createElement("svg", {
2052
2179
  width: "100%",
2053
2180
  height: "100%",
2054
2181
  viewBox: "0 0 12 12",
2055
2182
  fill: "none",
2056
- xmlns: "http://www.w3.org/2000/svg"
2183
+ xmlns: "http://www.w3.org/2000/svg",
2184
+ "aria-label": ariaLabel
2057
2185
  }, /*#__PURE__*/createElement("path", {
2058
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",
2059
2187
  fill: color
@@ -2062,13 +2190,15 @@ var Remove = (function (_ref) {
2062
2190
 
2063
2191
  var Star = (function (_ref) {
2064
2192
  var _ref$color = _ref.color,
2065
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2193
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2194
+ ariaLabel = _ref.ariaLabel;
2066
2195
  return /*#__PURE__*/createElement("svg", {
2067
2196
  width: "100%",
2068
2197
  height: "100%",
2069
2198
  viewBox: "0 0 48 46",
2070
2199
  fill: "none",
2071
- xmlns: "http://www.w3.org/2000/svg"
2200
+ xmlns: "http://www.w3.org/2000/svg",
2201
+ "aria-label": ariaLabel
2072
2202
  }, /*#__PURE__*/createElement("path", {
2073
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",
2074
2204
  fill: color
@@ -2077,13 +2207,15 @@ var Star = (function (_ref) {
2077
2207
 
2078
2208
  var AudioDescription = (function (_ref) {
2079
2209
  var _ref$color = _ref.color,
2080
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2210
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2211
+ ariaLabel = _ref.ariaLabel;
2081
2212
  return /*#__PURE__*/createElement("svg", {
2082
2213
  width: "100%",
2083
2214
  height: "100%",
2084
2215
  viewBox: "0 0 24 24",
2085
2216
  fill: "none",
2086
- xmlns: "http://www.w3.org/2000/svg"
2217
+ xmlns: "http://www.w3.org/2000/svg",
2218
+ "aria-label": ariaLabel
2087
2219
  }, /*#__PURE__*/createElement("path", {
2088
2220
  d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
2089
2221
  fill: color
@@ -2098,13 +2230,15 @@ var AudioDescription = (function (_ref) {
2098
2230
 
2099
2231
  var Back10 = (function (_ref) {
2100
2232
  var _ref$color = _ref.color,
2101
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2233
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2234
+ ariaLabel = _ref.ariaLabel;
2102
2235
  return /*#__PURE__*/createElement("svg", {
2103
2236
  width: "100%",
2104
2237
  height: "100%",
2105
2238
  viewBox: "0 0 24 24",
2106
2239
  fill: "none",
2107
- xmlns: "http://www.w3.org/2000/svg"
2240
+ xmlns: "http://www.w3.org/2000/svg",
2241
+ "aria-label": ariaLabel
2108
2242
  }, /*#__PURE__*/createElement("path", {
2109
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",
2110
2244
  fill: color
@@ -2119,13 +2253,15 @@ var Back10 = (function (_ref) {
2119
2253
 
2120
2254
  var Clips = (function (_ref) {
2121
2255
  var _ref$color = _ref.color,
2122
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2256
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2257
+ ariaLabel = _ref.ariaLabel;
2123
2258
  return /*#__PURE__*/createElement("svg", {
2124
2259
  width: "100%",
2125
2260
  height: "100%",
2126
2261
  viewBox: "0 0 24 24",
2127
2262
  fill: "none",
2128
- xmlns: "http://www.w3.org/2000/svg"
2263
+ xmlns: "http://www.w3.org/2000/svg",
2264
+ "aria-label": ariaLabel
2129
2265
  }, /*#__PURE__*/createElement("path", {
2130
2266
  d: "M15 11V19H3V11H15ZM16 10H2V20H16V10Z",
2131
2267
  fill: color
@@ -2140,13 +2276,15 @@ var Clips = (function (_ref) {
2140
2276
 
2141
2277
  var Forward10 = (function (_ref) {
2142
2278
  var _ref$color = _ref.color,
2143
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2279
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2280
+ ariaLabel = _ref.ariaLabel;
2144
2281
  return /*#__PURE__*/createElement("svg", {
2145
2282
  width: "100%",
2146
2283
  height: "100%",
2147
2284
  viewBox: "0 0 24 24",
2148
2285
  fill: "none",
2149
- xmlns: "http://www.w3.org/2000/svg"
2286
+ xmlns: "http://www.w3.org/2000/svg",
2287
+ "aria-label": ariaLabel
2150
2288
  }, /*#__PURE__*/createElement("path", {
2151
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",
2152
2290
  fill: color
@@ -2161,13 +2299,15 @@ var Forward10 = (function (_ref) {
2161
2299
 
2162
2300
  var FullScreen = (function (_ref) {
2163
2301
  var _ref$color = _ref.color,
2164
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2302
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2303
+ ariaLabel = _ref.ariaLabel;
2165
2304
  return /*#__PURE__*/createElement("svg", {
2166
2305
  width: "100%",
2167
2306
  height: "100%",
2168
2307
  viewBox: "0 0 24 24",
2169
2308
  fill: "none",
2170
- xmlns: "http://www.w3.org/2000/svg"
2309
+ xmlns: "http://www.w3.org/2000/svg",
2310
+ "aria-label": ariaLabel
2171
2311
  }, /*#__PURE__*/createElement("path", {
2172
2312
  d: "M3 9H4V4H9V3H3V9Z",
2173
2313
  fill: color
@@ -2185,13 +2325,15 @@ var FullScreen = (function (_ref) {
2185
2325
 
2186
2326
  var Minimise = (function (_ref) {
2187
2327
  var _ref$color = _ref.color,
2188
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2328
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2329
+ ariaLabel = _ref.ariaLabel;
2189
2330
  return /*#__PURE__*/createElement("svg", {
2190
2331
  width: "100%",
2191
2332
  height: "100%",
2192
2333
  viewBox: "0 0 24 24",
2193
2334
  fill: "none",
2194
- xmlns: "http://www.w3.org/2000/svg"
2335
+ xmlns: "http://www.w3.org/2000/svg",
2336
+ "aria-label": ariaLabel
2195
2337
  }, /*#__PURE__*/createElement("path", {
2196
2338
  d: "M9 3H8V8H3V9H9V3Z",
2197
2339
  fill: color
@@ -2209,13 +2351,15 @@ var Minimise = (function (_ref) {
2209
2351
 
2210
2352
  var Muted = (function (_ref) {
2211
2353
  var _ref$color = _ref.color,
2212
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2354
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2355
+ ariaLabel = _ref.ariaLabel;
2213
2356
  return /*#__PURE__*/createElement("svg", {
2214
2357
  width: "100%",
2215
2358
  height: "100%",
2216
2359
  viewBox: "0 0 24 24",
2217
2360
  fill: "none",
2218
- xmlns: "http://www.w3.org/2000/svg"
2361
+ xmlns: "http://www.w3.org/2000/svg",
2362
+ "aria-label": ariaLabel
2219
2363
  }, /*#__PURE__*/createElement("path", {
2220
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",
2221
2365
  fill: color
@@ -2227,13 +2371,15 @@ var Muted = (function (_ref) {
2227
2371
 
2228
2372
  var Pause = (function (_ref) {
2229
2373
  var _ref$color = _ref.color,
2230
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2374
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2375
+ ariaLabel = _ref.ariaLabel;
2231
2376
  return /*#__PURE__*/createElement("svg", {
2232
2377
  width: "100%",
2233
2378
  height: "100%",
2234
2379
  viewBox: "0 0 24 24",
2235
2380
  fill: "none",
2236
- xmlns: "http://www.w3.org/2000/svg"
2381
+ xmlns: "http://www.w3.org/2000/svg",
2382
+ "aria-label": ariaLabel
2237
2383
  }, /*#__PURE__*/createElement("path", {
2238
2384
  d: "M10 2H4V22H10V2Z",
2239
2385
  fill: color
@@ -2245,13 +2391,15 @@ var Pause = (function (_ref) {
2245
2391
 
2246
2392
  var Play = (function (_ref) {
2247
2393
  var _ref$color = _ref.color,
2248
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2394
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2395
+ ariaLabel = _ref.ariaLabel;
2249
2396
  return /*#__PURE__*/createElement("svg", {
2250
2397
  width: "100%",
2251
2398
  height: "100%",
2252
2399
  viewBox: "0 0 24 24",
2253
2400
  fill: "none",
2254
- xmlns: "http://www.w3.org/2000/svg"
2401
+ xmlns: "http://www.w3.org/2000/svg",
2402
+ "aria-label": ariaLabel
2255
2403
  }, /*#__PURE__*/createElement("path", {
2256
2404
  d: "M5.5 3.8999L20 11.9999L5.5 20.0999V3.8999Z",
2257
2405
  fill: color
@@ -2263,13 +2411,15 @@ var Play = (function (_ref) {
2263
2411
 
2264
2412
  var Restart = (function (_ref) {
2265
2413
  var _ref$color = _ref.color,
2266
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2414
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2415
+ ariaLabel = _ref.ariaLabel;
2267
2416
  return /*#__PURE__*/createElement("svg", {
2268
2417
  width: "100%",
2269
2418
  height: "100%",
2270
2419
  viewBox: "0 0 24 24",
2271
2420
  fill: "none",
2272
- xmlns: "http://www.w3.org/2000/svg"
2421
+ xmlns: "http://www.w3.org/2000/svg",
2422
+ "aria-label": ariaLabel
2273
2423
  }, /*#__PURE__*/createElement("path", {
2274
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",
2275
2425
  fill: color
@@ -2278,13 +2428,15 @@ var Restart = (function (_ref) {
2278
2428
 
2279
2429
  var Subtitles = (function (_ref) {
2280
2430
  var _ref$color = _ref.color,
2281
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2431
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2432
+ ariaLabel = _ref.ariaLabel;
2282
2433
  return /*#__PURE__*/createElement("svg", {
2283
2434
  width: "100%",
2284
2435
  height: "100%",
2285
2436
  viewBox: "0 0 24 24",
2286
2437
  fill: "none",
2287
- xmlns: "http://www.w3.org/2000/svg"
2438
+ xmlns: "http://www.w3.org/2000/svg",
2439
+ "aria-label": ariaLabel
2288
2440
  }, /*#__PURE__*/createElement("path", {
2289
2441
  d: "M9 7H7V8H9V7Z",
2290
2442
  fill: color
@@ -2311,13 +2463,15 @@ var Subtitles = (function (_ref) {
2311
2463
 
2312
2464
  var Trailer = (function (_ref) {
2313
2465
  var _ref$color = _ref.color,
2314
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2466
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2467
+ ariaLabel = _ref.ariaLabel;
2315
2468
  return /*#__PURE__*/createElement("svg", {
2316
2469
  width: "100%",
2317
2470
  height: "100%",
2318
2471
  viewBox: "0 0 24 24",
2319
2472
  fill: "none",
2320
- xmlns: "http://www.w3.org/2000/svg"
2473
+ xmlns: "http://www.w3.org/2000/svg",
2474
+ "aria-label": ariaLabel
2321
2475
  }, /*#__PURE__*/createElement("path", {
2322
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",
2323
2477
  fill: color
@@ -2329,13 +2483,15 @@ var Trailer = (function (_ref) {
2329
2483
 
2330
2484
  var Volume = (function (_ref) {
2331
2485
  var _ref$color = _ref.color,
2332
- color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
2486
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2487
+ ariaLabel = _ref.ariaLabel;
2333
2488
  return /*#__PURE__*/createElement("svg", {
2334
2489
  width: "100%",
2335
2490
  height: "100%",
2336
2491
  viewBox: "0 0 24 24",
2337
2492
  fill: "none",
2338
- xmlns: "http://www.w3.org/2000/svg"
2493
+ xmlns: "http://www.w3.org/2000/svg",
2494
+ "aria-label": ariaLabel
2339
2495
  }, /*#__PURE__*/createElement("path", {
2340
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",
2341
2497
  fill: color
@@ -2799,7 +2955,39 @@ var GridItem = /*#__PURE__*/styled.div(_templateObject$a || (_templateObject$a =
2799
2955
  });
2800
2956
 
2801
2957
  var _templateObject$b;
2802
- 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) {
2803
2991
  var _ref$aspectRatio = _ref.aspectRatio,
2804
2992
  aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
2805
2993
  return aspectRatio;
@@ -2817,8 +3005,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled.div(_templateObject$b || (_tem
2817
3005
  return aspectRatio;
2818
3006
  });
2819
3007
 
2820
- var _templateObject$c, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
2821
- 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) {
2822
3010
  var height = _ref.height;
2823
3011
  return height ? height + "px" : '6px';
2824
3012
  });
@@ -2901,13 +3089,13 @@ var Progress = function Progress(_ref) {
2901
3089
  }, renderSteps()));
2902
3090
  };
2903
3091
 
2904
- var _templateObject$d, _templateObject2$5, _templateObject3$3;
2905
- 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"])));
2906
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"])));
2907
3095
  var RadioError = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
2908
3096
 
2909
- var _templateObject$e;
2910
- 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) {
2911
3099
  var typography = _ref.typography;
2912
3100
  return typography;
2913
3101
  }, function (_ref2) {
@@ -3064,8 +3252,8 @@ var Radio = function Radio(_ref) {
3064
3252
  }, error)));
3065
3253
  };
3066
3254
 
3067
- var _templateObject$f, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
3068
- 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"])));
3069
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) {
3070
3258
  var error = _ref.error,
3071
3259
  darkMode = _ref.darkMode,
@@ -3173,8 +3361,8 @@ var Radio2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
3173
3361
  }, error)));
3174
3362
  });
3175
3363
 
3176
- var _templateObject$g, _templateObject2$7, _templateObject3$5;
3177
- 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"])));
3178
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) {
3179
3367
  var theme = _ref.theme;
3180
3368
  return theme.colors.primary;
@@ -3245,8 +3433,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
3245
3433
  }, renderNextIcon()));
3246
3434
  };
3247
3435
 
3248
- var _templateObject$h;
3249
- 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) {
3250
3438
  var fillColor = _ref.fillColor;
3251
3439
  return fillColor;
3252
3440
  });
@@ -3270,8 +3458,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
3270
3458
  })));
3271
3459
  };
3272
3460
 
3273
- var _templateObject$i, _templateObject2$8;
3274
- 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"])));
3275
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"])));
3276
3464
 
3277
3465
  var SectionSplitter = function SectionSplitter(_ref) {
@@ -3290,8 +3478,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
3290
3478
  }, /*#__PURE__*/React__default.createElement(Splitter, null)));
3291
3479
  };
3292
3480
 
3293
- var _templateObject$j;
3294
- 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"])));
3295
3483
 
3296
3484
  var SponsorLogo = function SponsorLogo(_ref) {
3297
3485
  var _ref$colorLogo = _ref.colorLogo,
@@ -3501,8 +3689,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
3501
3689
  })))));
3502
3690
  };
3503
3691
 
3504
- var _templateObject$k, _templateObject2$9;
3505
- 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);
3506
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);
3507
3695
 
3508
3696
  var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
@@ -3535,8 +3723,8 @@ var Sponsorship = function Sponsorship(_ref) {
3535
3723
  }));
3536
3724
  };
3537
3725
 
3538
- var _templateObject$l, _templateObject2$a;
3539
- 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) {
3540
3728
  if (props.withIcon === 'left') {
3541
3729
  return "margin-left: 5px;";
3542
3730
  }
@@ -3635,8 +3823,8 @@ var Tab = function Tab(_ref) {
3635
3823
  }));
3636
3824
  };
3637
3825
 
3638
- var _templateObject$m, _templateObject2$b;
3639
- 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) {
3640
3828
  var iconName = _ref.iconName;
3641
3829
  return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
3642
3830
  }, function (_ref2) {
@@ -3687,8 +3875,8 @@ var TabLink = function TabLink(_ref) {
3687
3875
  })) : null, children);
3688
3876
  };
3689
3877
 
3690
- var _templateObject$n, _templateObject2$c, _templateObject3$6, _templateObject4$3;
3691
- 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) {
3692
3880
  var width = _ref.width;
3693
3881
  return width ? width + "px;" : '100%;';
3694
3882
  }, function (_ref2) {
@@ -3811,8 +3999,8 @@ var TextArea = function TextArea(_ref) {
3811
3999
  }, error))));
3812
4000
  };
3813
4001
 
3814
- var _templateObject$o, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
3815
- 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"])));
3816
4004
  var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
3817
4005
  var width = _ref.width;
3818
4006
  if (!width) return 'none';
@@ -3938,8 +4126,8 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
3938
4126
  }, error)));
3939
4127
  });
3940
4128
 
3941
- var _templateObject$p, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
3942
- 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"])));
3943
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) {
3944
4132
  var theme = _ref.theme;
3945
4133
  return theme.fonts.desktop.weights.body[1];
@@ -4012,8 +4200,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
4012
4200
  }, error) : null);
4013
4201
  };
4014
4202
 
4015
- var _templateObject$q, _templateObject2$f;
4016
- 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) {
4017
4205
  var iconName = _ref.iconName;
4018
4206
  return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
4019
4207
  }, function (_ref2) {
@@ -4049,8 +4237,8 @@ var TextLogoProduct;
4049
4237
  TextLogoProduct["Cinema"] = "CINEMA";
4050
4238
  })(TextLogoProduct || (TextLogoProduct = {}));
4051
4239
 
4052
- var _templateObject$r, _templateObject2$g, _templateObject3$9, _templateObject4$6;
4053
- 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) {
4054
4242
  var dark = _ref.dark;
4055
4243
  return dark ? 'white' : 'errorstate';
4056
4244
  });
@@ -4171,8 +4359,8 @@ var Tickbox = function Tickbox(_ref) {
4171
4359
  }, error)));
4172
4360
  };
4173
4361
 
4174
- var _templateObject$s, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4175
- 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"])));
4176
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) {
4177
4365
  var error = _ref.error,
4178
4366
  darkMode = _ref.darkMode,
@@ -4282,8 +4470,8 @@ var Tickbox2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
4282
4470
  }, error)));
4283
4471
  });
4284
4472
 
4285
- var _templateObject$t, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4286
- 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) {
4287
4475
  var color = _ref.color;
4288
4476
  return color;
4289
4477
  });
@@ -4391,8 +4579,8 @@ var Timer = function Timer(_ref) {
4391
4579
  }));
4392
4580
  };
4393
4581
 
4394
- var _templateObject$u;
4395
- 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"])));
4396
4584
 
4397
4585
  var TypeTags = function TypeTags(_ref) {
4398
4586
  var list = _ref.list;
@@ -5134,8 +5322,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
5134
5322
  }
5135
5323
  });
5136
5324
 
5137
- var _templateObject$v, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5138
- 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"])));
5139
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"])));
5140
5328
  var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
5141
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"])));
@@ -5354,8 +5542,8 @@ var VideoControls = function VideoControls(_ref2) {
5354
5542
  })));
5355
5543
  };
5356
5544
 
5357
- var _templateObject$w, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
5358
- 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"])));
5359
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) {
5360
5548
  var darkMode = _ref.darkMode;
5361
5549
  return darkMode ? 'white' : 'errorstate';
@@ -5582,8 +5770,8 @@ var Component = function Component(_ref) {
5582
5770
  }, error)));
5583
5771
  };
5584
5772
 
5585
- var _templateObject$x, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
5586
- 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) {
5587
5775
  var isMenuOpen = _ref.isMenuOpen;
5588
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 ";
5589
5777
  });
@@ -5607,8 +5795,8 @@ var NavContainer = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObjec
5607
5795
  var NavContainerGridItem = /*#__PURE__*/styled(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
5608
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);
5609
5797
 
5610
- var _templateObject$y;
5611
- 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"])));
5612
5800
 
5613
5801
  var Logo = function Logo(_ref) {
5614
5802
  var _ref$id = _ref.id,
@@ -5640,11 +5828,11 @@ var Logo = function Logo(_ref) {
5640
5828
  }))));
5641
5829
  };
5642
5830
 
5643
- var _templateObject$z;
5644
- 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);
5645
5833
 
5646
- var _templateObject$A, _templateObject2$m, _templateObject3$f, _templateObject4$c;
5647
- 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) {
5648
5836
  var selected = _ref.selected,
5649
5837
  colorPrimary = _ref.colorPrimary;
5650
5838
 
@@ -5822,7 +6010,8 @@ var Basket$1 = function Basket(_ref) {
5822
6010
  isActive: basketIsActive,
5823
6011
  tabIndex: 0
5824
6012
  }, /*#__PURE__*/React__default.createElement(SvgContainer, null, basketIsEmpty ? /*#__PURE__*/React__default.createElement(Icon, {
5825
- iconName: "Basket"
6013
+ iconName: "Basket",
6014
+ ariaLabel: "basket icon"
5826
6015
  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
5827
6016
  iconName: "BasketFull"
5828
6017
  }), /*#__PURE__*/React__default.createElement(NumContainer, null, /*#__PURE__*/React__default.createElement("span", {
@@ -5832,8 +6021,8 @@ var Basket$1 = function Basket(_ref) {
5832
6021
  }, expiryTime ? basketText : text) : ''));
5833
6022
  };
5834
6023
 
5835
- var _templateObject$B, _templateObject2$n;
5836
- 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) {
5837
6026
  var selected = _ref.selected,
5838
6027
  colorPrimary = _ref.colorPrimary;
5839
6028
 
@@ -6125,8 +6314,8 @@ var NavTop = function NavTop(_ref) {
6125
6314
  }));
6126
6315
  };
6127
6316
 
6128
- var _templateObject$C, _templateObject2$o, _templateObject3$g, _templateObject4$d;
6129
- 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"])));
6130
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) {
6131
6320
  if (props.showMenu) {
6132
6321
  return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
@@ -6268,8 +6457,8 @@ var Tabs = function Tabs(_ref) {
6268
6457
  }, "MENU"))));
6269
6458
  };
6270
6459
 
6271
- var _templateObject$D, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6272
- 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);
6273
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"])));
6274
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"])));
6275
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);
@@ -6506,16 +6695,16 @@ var Navigation = function Navigation(_ref) {
6506
6695
  })))));
6507
6696
  };
6508
6697
 
6509
- var _templateObject$E, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6510
- 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"])));
6511
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"])));
6512
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);
6513
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);
6514
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);
6515
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);
6516
6705
 
6517
- var _templateObject$F, _templateObject2$r, _templateObject3$j;
6518
- 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);
6519
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);
6520
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"])));
6521
6710
 
@@ -6533,8 +6722,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
6533
6722
  }));
6534
6723
  };
6535
6724
 
6536
- var _templateObject$G, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
6537
- 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);
6538
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);
6539
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);
6540
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);
@@ -6605,9 +6794,9 @@ var Footer = function Footer(_ref) {
6605
6794
  }, additionalInfo)))));
6606
6795
  };
6607
6796
 
6608
- 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;
6609
6798
  var LIST_ITEM_GAP = 32;
6610
- 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) {
6611
6800
  var bottomBorder = _ref.bottomBorder;
6612
6801
  return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
6613
6802
  }, zIndexes.anchor);
@@ -6871,8 +7060,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
6871
7060
  })) : null) : null))));
6872
7061
  };
6873
7062
 
6874
- var _templateObject$I, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
6875
- 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) {
6876
7065
  var sticky = _ref.sticky;
6877
7066
  return sticky ? 'sticky' : 'initial';
6878
7067
  }, zIndexes.anchor);
@@ -6932,8 +7121,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
6932
7121
  }, message)));
6933
7122
  };
6934
7123
 
6935
- var _templateObject$J, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
6936
- 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);
6937
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"])));
6938
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) {
6939
7128
  var theme = _ref.theme;
@@ -7013,8 +7202,8 @@ var UpsellCard = function UpsellCard(_ref) {
7013
7202
  }), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
7014
7203
  };
7015
7204
 
7016
- var _templateObject$K;
7017
- 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);
7018
7207
 
7019
7208
  var UpsellCards = function UpsellCards(_ref) {
7020
7209
  var upsellCards = _ref.upsellCards;
@@ -7032,16 +7221,16 @@ var UpsellCards = function UpsellCards(_ref) {
7032
7221
  }));
7033
7222
  };
7034
7223
 
7035
- var _templateObject$L, _templateObject2$w, _templateObject3$o;
7036
- 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) {
7037
7226
  var theme = _ref.theme;
7038
7227
  return theme.colors.primary;
7039
7228
  }, devices.mobile, devices.tablet);
7040
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);
7041
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);
7042
7231
 
7043
- var _templateObject$M, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7044
- 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"])));
7045
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"])));
7046
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) {
7047
7236
  var isVisible = _ref.isVisible;
@@ -7169,8 +7358,8 @@ var Accordion = function Accordion(_ref) {
7169
7358
  }, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
7170
7359
  };
7171
7360
 
7172
- var _templateObject$N;
7173
- 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"])));
7174
7363
 
7175
7364
  var Accordions = function Accordions(_ref) {
7176
7365
  var _ref$items = _ref.items,
@@ -7188,7 +7377,8 @@ var Accordions = function Accordions(_ref) {
7188
7377
  visibleStandfirst: accordion.visibleStandfirst,
7189
7378
  contentType: accordion.contentType,
7190
7379
  displayLevel: accordion.displayLevel,
7191
- semanticLevel: accordion.semanticLevel
7380
+ semanticLevel: accordion.semanticLevel,
7381
+ initOpen: accordion.initOpen
7192
7382
  }, accordion.children);
7193
7383
  }));
7194
7384
  };
@@ -7202,8 +7392,8 @@ var Theme = function Theme(_ref) {
7202
7392
  }, children);
7203
7393
  };
7204
7394
 
7205
- var _templateObject$O, _templateObject2$y, _templateObject3$q;
7206
- 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) {
7207
7397
  var theme = _ref.theme;
7208
7398
  return theme.colors.primary;
7209
7399
  }, devices.mobile);
@@ -7245,8 +7435,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
7245
7435
  }))))));
7246
7436
  };
7247
7437
 
7248
- var _templateObject$P;
7249
- 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) {
7250
7440
  var bgColor = _ref.bgColor,
7251
7441
  theme = _ref.theme;
7252
7442
  return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
@@ -7267,11 +7457,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
7267
7457
  }), children);
7268
7458
  };
7269
7459
 
7270
- 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;
7271
7461
  var LENGTH_LARGE_TEXT = 28;
7272
7462
  var LENGTH_SMALL_TEXT$1 = 19;
7273
7463
  var LENGTH_TEXT_TABLET = 10;
7274
- 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) {
7275
7465
  var isCardClickable = _ref.isCardClickable;
7276
7466
  return isCardClickable ? 'pointer' : 'default';
7277
7467
  }, function (_ref2) {
@@ -7357,59 +7547,61 @@ var ButtonsContainer$1 = /*#__PURE__*/styled.div(_templateObject14 || (_template
7357
7547
  return '';
7358
7548
  });
7359
7549
 
7360
- var TEXT_STYLE_HTML_TAGS_REGEXP = '<em>|</em>|<b>|</b>';
7361
7550
  var stripAllHtmlTags = function stripAllHtmlTags(htmlString) {
7362
7551
  return htmlString.replace(/<[^>]*>/g, '');
7363
7552
  };
7553
+ var truncateHtmlString = function truncateHtmlString(htmlString, resultLength, addDots) {
7554
+ if (addDots === void 0) {
7555
+ addDots = false;
7556
+ }
7364
7557
 
7365
- var getAllMatches = function getAllMatches(str, regExp) {
7366
- var allMatches = [];
7367
- var match;
7558
+ var textContent = stripAllHtmlTags(htmlString);
7368
7559
 
7369
- while (match = regExp.exec(str)) {
7370
- allMatches.push({
7371
- value: match[0],
7372
- index: match.index
7373
- });
7560
+ if (textContent.length <= resultLength) {
7561
+ return htmlString;
7374
7562
  }
7375
7563
 
7376
- return allMatches;
7377
- };
7378
-
7379
- var insertString = function insertString(mainString, str, position) {
7380
- return "" + mainString.substring(0, position) + str + mainString.substring(position);
7381
- };
7564
+ var accumulatedText = '';
7565
+ var tagStack = [];
7566
+ var charCount = 0;
7382
7567
 
7383
- var insertHtmlTags = function insertHtmlTags(strWithTags, strWithoutTags, resultLength) {
7384
- var htmlTagPositions = getAllMatches(strWithTags, new RegExp(TEXT_STYLE_HTML_TAGS_REGEXP, 'g'));
7385
- var tagsLength = 0;
7386
- var resultString = strWithoutTags;
7387
- htmlTagPositions.forEach(function (tag) {
7388
- resultString = insertString(resultString, tag.value, tag.index);
7389
- if (tag.index - tagsLength <= resultLength) tagsLength += tag.value.length;
7390
- });
7391
- return {
7392
- stringWithInsertedTags: resultString,
7393
- tagsLength: tagsLength
7568
+ var closeTags = function closeTags() {
7569
+ while (tagStack.length > 0) {
7570
+ accumulatedText += '</' + tagStack.pop() + '>';
7571
+ }
7394
7572
  };
7395
- };
7396
7573
 
7397
- var truncateHtmlString = function truncateHtmlString(str, resultLength, addDots) {
7398
- if (addDots === void 0) {
7399
- addDots = false;
7400
- }
7574
+ for (var i = 0; i < htmlString.length; i++) {
7575
+ var _char = htmlString[i];
7576
+
7577
+ if (_char === '<') {
7578
+ accumulatedText += _char;
7579
+
7580
+ if (htmlString[i + 1] !== '/') {
7581
+ var tagNameEnd = htmlString.indexOf('>', i);
7582
+ var tagName = htmlString.slice(i + 1, tagNameEnd).split(' ')[0];
7583
+ tagStack.push(tagName);
7584
+ accumulatedText += tagName + ">";
7585
+ i = tagNameEnd;
7586
+ }
7587
+ } else if (_char === '>') {
7588
+ accumulatedText += _char;
7589
+ } else if (charCount < resultLength) {
7590
+ accumulatedText += _char;
7591
+ charCount++;
7592
+ }
7401
7593
 
7402
- var strWithoutTags = stripAllHtmlTags(str);
7403
- if (strWithoutTags.length <= resultLength) return str;
7594
+ if (charCount >= resultLength) {
7595
+ if (addDots) {
7596
+ accumulatedText += '...';
7597
+ }
7404
7598
 
7405
- var _insertHtmlTags = insertHtmlTags(str, strWithoutTags, resultLength),
7406
- stringWithInsertedTags = _insertHtmlTags.stringWithInsertedTags,
7407
- tagsLength = _insertHtmlTags.tagsLength;
7599
+ break;
7600
+ }
7601
+ }
7408
7602
 
7409
- var truncatedString = stringWithInsertedTags.substring(0, resultLength + tagsLength);
7410
- var isSpaceNext = strWithoutTags[resultLength] === ' ';
7411
- if (!isSpaceNext) truncatedString = truncatedString.substring(0, truncatedString.lastIndexOf(' '));
7412
- return addDots ? truncatedString + "..." : truncatedString;
7603
+ closeTags();
7604
+ return accumulatedText;
7413
7605
  };
7414
7606
  var truncate = function truncate(str, n) {
7415
7607
  return str.length >= n ? str.substring(0, n) : str;
@@ -7553,9 +7745,9 @@ var Card = function Card(_ref) {
7553
7745
  dangerouslySetInnerHTML: {
7554
7746
  __html: truncatedText
7555
7747
  }
7556
- }), 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, {
7557
7749
  level: 1
7558
- }, highlightText)))), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7750
+ }, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7559
7751
  fullWidth: fullWidth
7560
7752
  }, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
7561
7753
  ref: node,
@@ -7569,8 +7761,8 @@ var Card = function Card(_ref) {
7569
7761
  }, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
7570
7762
  };
7571
7763
 
7572
- var _templateObject$R, _templateObject2$A;
7573
- 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);
7574
7766
  var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
7575
7767
 
7576
7768
  var Cards = function Cards(_ref) {
@@ -7616,8 +7808,8 @@ var Cards = function Cards(_ref) {
7616
7808
  }));
7617
7809
  };
7618
7810
 
7619
- var _templateObject$S, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
7620
- 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);
7621
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) {
7622
7814
  var hideBottomBorder = _ref.hideBottomBorder;
7623
7815
  return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
@@ -7685,8 +7877,8 @@ var ContactCard = function ContactCard(_ref) {
7685
7877
  }, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
7686
7878
  };
7687
7879
 
7688
- var _templateObject$T, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
7689
- 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"])));
7690
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) {
7691
7883
  return props.clickable ? 'pointer' : 'default';
7692
7884
  }, devices.mobile);
@@ -7768,8 +7960,8 @@ var ContentSummary = function ContentSummary(_ref) {
7768
7960
  }), link.text)));
7769
7961
  };
7770
7962
 
7771
- var _templateObject$U, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
7772
- 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) {
7773
7965
  var imageToLeft = _ref.imageToLeft;
7774
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'";
7775
7967
  }, devices.mobile);
@@ -7846,8 +8038,8 @@ var BackgroundColour;
7846
8038
  BackgroundColour["White"] = "white";
7847
8039
  })(BackgroundColour || (BackgroundColour = {}));
7848
8040
 
7849
- var _templateObject$V, _templateObject2$E, _templateObject3$v, _templateObject4$o;
7850
- 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"])));
7851
8043
  var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
7852
8044
  var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
7853
8045
  if (!props.infoThemed) {
@@ -7973,8 +8165,8 @@ var Information = function Information(_ref) {
7973
8165
  }))));
7974
8166
  };
7975
8167
 
7976
- var _templateObject$W, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$f, _templateObject7$9, _templateObject8$7;
7977
- 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) {
7978
8170
  var theme = _ref.theme;
7979
8171
  return theme.colors.primary;
7980
8172
  }, function (_ref2) {
@@ -8074,8 +8266,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
8074
8266
  })));
8075
8267
  };
8076
8268
 
8077
- var _templateObject$X, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8078
- 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);
8079
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);
8080
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);
8081
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);
@@ -8148,8 +8340,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
8148
8340
  }, "Scroll Down")) : null);
8149
8341
  };
8150
8342
 
8151
- var _templateObject$Y, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$l;
8152
- 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) {
8153
8345
  var color = _ref.color;
8154
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 ";
8155
8347
  }, devices.mobileAndTablet);
@@ -8193,8 +8385,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
8193
8385
  }))));
8194
8386
  };
8195
8387
 
8196
- var _templateObject$Z;
8197
- 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"])));
8198
8390
 
8199
8391
  var PageHeadingStream = function PageHeadingStream(_ref) {
8200
8392
  var link = _ref.link,
@@ -8214,9 +8406,9 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
8214
8406
  }))));
8215
8407
  };
8216
8408
 
8217
- var _templateObject$_, _templateObject2$I, _templateObject3$z, _templateObject5$m, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8218
- var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\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);
8219
- var BrandingTextBody = /*#__PURE__*/styled.p(_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"])));
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);
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"])));
8220
8412
  var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
8221
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);
8222
8414
  var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
@@ -8319,10 +8511,14 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
8319
8511
  }, truncate(stripAllHtmlTags(brandingText), 25));
8320
8512
 
8321
8513
  case 'StreamLogo':
8322
- return /*#__PURE__*/React__default.createElement(StreamBadge, null);
8514
+ return /*#__PURE__*/React__default.createElement(StreamBadge, {
8515
+ invert: invert
8516
+ });
8323
8517
 
8324
8518
  case 'CinemaLogo':
8325
- return /*#__PURE__*/React__default.createElement(CinemaBadge, null);
8519
+ return /*#__PURE__*/React__default.createElement(CinemaBadge, {
8520
+ invert: invert
8521
+ });
8326
8522
 
8327
8523
  default:
8328
8524
  return null;
@@ -8341,7 +8537,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
8341
8537
  var isIOS = function isIOS() {
8342
8538
  try {
8343
8539
  console.warn('Do not use this on server side rendering, it may throw an error.');
8344
- if (typeof navigator === undefined) return false;
8540
+ if (typeof navigator === 'undefined') return false;
8345
8541
  return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
8346
8542
  navigator.userAgent.includes('Mac') && 'ontouchend' in document;
8347
8543
  } catch (e) {
@@ -8357,7 +8553,7 @@ var useIOS = function useIOS() {
8357
8553
  setIOS = _useState[1];
8358
8554
 
8359
8555
  useEffect(function () {
8360
- if (typeof navigator === undefined) return;
8556
+ if (typeof navigator === 'undefined') return;
8361
8557
  setIOS(isIOS());
8362
8558
  }, []);
8363
8559
  return IOS;
@@ -8543,8 +8739,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
8543
8739
  }), linkText))));
8544
8740
  };
8545
8741
 
8546
- var _templateObject$$, _templateObject2$J, _templateObject3$A, _templateObject4$s;
8547
- 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"])));
8548
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
8549
8745
 
8550
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) {
@@ -8620,8 +8816,8 @@ var Pagination = function Pagination(_ref) {
8620
8816
  }))));
8621
8817
  };
8622
8818
 
8623
- var _templateObject$10, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$i;
8624
- 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);
8625
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"])));
8626
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"])));
8627
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"])));
@@ -8677,11 +8873,11 @@ var PeopleListing = function PeopleListing(_ref) {
8677
8873
  }));
8678
8874
  };
8679
8875
 
8680
- var _templateObject$11, _templateObject2$L, _templateObject3$C, _templateObject4$u;
8681
- 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"])));
8682
8878
  var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
8683
- 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"])));
8684
- 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"])));
8685
8881
 
8686
8882
  var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
8687
8883
  return array.reduce(function (acc, item) {
@@ -8692,12 +8888,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
8692
8888
  var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
8693
8889
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
8694
8890
  if (musicTitle.length > 1 && index === musicTitle.length - 1) {
8695
- 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));
8696
8894
  } else if (index > 0) {
8697
- return /*#__PURE__*/React__default.createElement("i", null, ", ", title);
8895
+ return /*#__PURE__*/React__default.createElement("i", {
8896
+ key: index
8897
+ }, ", ", title);
8698
8898
  }
8699
8899
 
8700
- return /*#__PURE__*/React__default.createElement("i", null, title);
8900
+ return /*#__PURE__*/React__default.createElement("i", {
8901
+ key: index
8902
+ }, title);
8701
8903
  }));
8702
8904
  };
8703
8905
 
@@ -8749,14 +8951,14 @@ var CreditListing = function CreditListing(_ref) {
8749
8951
  }));
8750
8952
  };
8751
8953
 
8752
- 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;
8753
8955
  var LENGTH_TEXT = 28;
8754
8956
  var LENGTH_TEXT_TABLET$1 = 12;
8755
8957
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
8756
8958
  var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
8757
8959
  var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
8758
8960
  var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
8759
- 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) {
8760
8962
  var imageToLeft = _ref.imageToLeft;
8761
8963
  return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
8762
8964
  }, devices.tablet, function (_ref2) {
@@ -9027,10 +9229,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
9027
9229
  }))));
9028
9230
  };
9029
9231
 
9030
- 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;
9031
9233
  var LENGTH_TEXT$2 = 28;
9032
9234
  var LENGTH_TEXT_TABLET$2 = 10;
9033
- 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) {
9034
9236
  var imageToLeft = _ref.imageToLeft;
9035
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'";
9036
9238
  }, devices.tablet, function (_ref2) {
@@ -9083,8 +9285,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$d || (_templat
9083
9285
  return '';
9084
9286
  });
9085
9287
 
9086
- var _templateObject$14;
9087
- 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) {
9088
9290
  var _ref$aspectRatio = _ref.aspectRatio,
9089
9291
  aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
9090
9292
  return aspectRatio;
@@ -9288,8 +9490,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
9288
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));
9289
9491
  };
9290
9492
 
9291
- var _templateObject$15;
9292
- 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"])));
9293
9495
 
9294
9496
  /**
9295
9497
  * DEPRECATED. Use RadioGroup2 instead
@@ -9347,8 +9549,8 @@ var RadioGroup = function RadioGroup(_ref) {
9347
9549
  })));
9348
9550
  };
9349
9551
 
9350
- var _templateObject$16, _templateObject2$O, _templateObject3$F;
9351
- 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([""])));
9352
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) {
9353
9555
  var horizontalMode = _ref.horizontalMode;
9354
9556
  if (horizontalMode) return 'row';
@@ -9437,8 +9639,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
9437
9639
  }, error)));
9438
9640
  };
9439
9641
 
9440
- var _templateObject$17, _templateObject2$P, _templateObject3$G;
9441
- 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);
9442
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"])));
9443
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);
9444
9646
 
@@ -9502,8 +9704,8 @@ var StatusBanner = function StatusBanner(_ref) {
9502
9704
  })))));
9503
9705
  };
9504
9706
 
9505
- var _templateObject$18;
9506
- 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);
9507
9709
 
9508
9710
  var SectionTitle = function SectionTitle(_ref) {
9509
9711
  var title = _ref.title,
@@ -9531,8 +9733,8 @@ var SectionTitle = function SectionTitle(_ref) {
9531
9733
  }, description))));
9532
9734
  };
9533
9735
 
9534
- var _templateObject$19, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$l, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
9535
- 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) {
9536
9738
  var theme = _ref.theme;
9537
9739
  return "3px solid " + theme.colors.lapisLazuli;
9538
9740
  }, function (_ref2) {
@@ -9954,8 +10156,8 @@ function Select(_ref3) {
9954
10156
  }))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
9955
10157
  }
9956
10158
 
9957
- var _templateObject$1a, _templateObject2$R, _templateObject3$I, _templateObject4$y;
9958
- 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"])));
9959
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) {
9960
10162
  var width = _ref.width;
9961
10163
  if (!width) return 'none';
@@ -10094,8 +10296,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
10094
10296
  })));
10095
10297
  };
10096
10298
 
10097
- var _templateObject$1b;
10098
- 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) {
10099
10301
  var theme = _ref.theme;
10100
10302
  return theme.colors.primary;
10101
10303
  });
@@ -10123,8 +10325,8 @@ var TextOnly = function TextOnly(_ref) {
10123
10325
  })));
10124
10326
  };
10125
10327
 
10126
- var _templateObject$1c, _templateObject2$S;
10127
- 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) {
10128
10330
  var _ref$aspectRatio = _ref.aspectRatio,
10129
10331
  aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
10130
10332
  return aspectRatio;
@@ -10172,8 +10374,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
10172
10374
  }, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
10173
10375
  };
10174
10376
 
10175
- var _templateObject$1d, _templateObject2$T, _templateObject3$J;
10176
- 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"])));
10177
10379
  var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
10178
10380
  var displayAttribution = _ref.displayAttribution;
10179
10381
  return "display: " + (displayAttribution ? 'block' : 'none') + ";";
@@ -10202,8 +10404,8 @@ var Quote = function Quote(_ref) {
10202
10404
  }, attribution))));
10203
10405
  };
10204
10406
 
10205
- var _templateObject$1e, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$m;
10206
- 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"])));
10207
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"])));
10208
10410
  var StyledImage = /*#__PURE__*/styled.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
10209
10411
  var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
@@ -10246,8 +10448,8 @@ var MiniCard = function MiniCard(_ref) {
10246
10448
  }, title)))));
10247
10449
  };
10248
10450
 
10249
- var _templateObject$1f, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$s;
10250
- 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"])));
10251
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"])));
10252
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) {
10253
10455
  var isVisible = _ref.isVisible;
@@ -10344,15 +10546,113 @@ var ReadMore = function ReadMore(_ref) {
10344
10546
  }, isFullTextOpen ? "" + hideText : "" + showMoreText)));
10345
10547
  };
10346
10548
 
10347
- var _templateObject$1g, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$t;
10348
- var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10349
- 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);
10350
- 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);
10351
- 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) {
10352
10652
  var isActive = _ref.isActive;
10353
10653
  return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
10354
10654
  }, Colors.MidGrey);
10355
- 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) {
10356
10656
  var isOpen = _ref2.isOpen;
10357
10657
  return isOpen ? 'block' : 'none';
10358
10658
  }, Colors.White, Colors.DarkGrey, MenuItem$1);
@@ -10522,106 +10822,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
10522
10822
  });
10523
10823
  };
10524
10824
 
10525
- var _templateObject$1h, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$u, _templateObject6$n;
10526
- var Container$5 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10527
- var Sections = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10528
- var Section = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10529
- var color = _ref.color;
10530
- return "var(--base-color-" + color + ")";
10531
- });
10532
- 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"])));
10533
- var Text = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
10534
- var color = _ref2.color;
10535
- return "var(--base-color-" + color + ")";
10536
- });
10537
- var LabelText = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
10538
- var color = _ref3.color;
10539
- return "var(--base-color-" + color + ")";
10540
- });
10541
-
10542
- /**
10543
- * Password strength indicator component.
10544
- * This renders some number of lines (6 by default)
10545
- * which should become active when the user improves
10546
- * the strength of the entered password.
10547
- *
10548
- * ## Sections
10549
- * To set number of sections it should be passed
10550
- * as `sections` prop.
10551
- *
10552
- * ## Active section
10553
- * To set number of active sections it should be passed
10554
- * as `activeSections` prop.
10555
- *
10556
- * ## Colors
10557
- * Color of every element can be controlled by properties:
10558
- * `sectionsColor`, `activeSectionsColor`,
10559
- * `textColor`, `strengthLabelColor`.
10560
- *
10561
- * ## Text
10562
- * `text` prop is used to render some message.
10563
- * For example error (together with proper red color)
10564
- * or some password requirement. It can be empty.
10565
- *
10566
- * ## Strength label
10567
- * `strengthLabel` prop is used to render strength characteristic
10568
- * of entered password. For example: `weak`, `normal`, `strong`, etc.
10569
- * It can be empty.
10570
- */
10571
-
10572
- var PasswordStrength = function PasswordStrength(_ref) {
10573
- var _ref$sections = _ref.sections,
10574
- sections = _ref$sections === void 0 ? 6 : _ref$sections,
10575
- _ref$activeSections = _ref.activeSections,
10576
- activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
10577
- _ref$sectionsColor = _ref.sectionsColor,
10578
- sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
10579
- _ref$activeSectionsCo = _ref.activeSectionsColor,
10580
- activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
10581
- _ref$text = _ref.text,
10582
- text = _ref$text === void 0 ? '' : _ref$text,
10583
- _ref$textColor = _ref.textColor,
10584
- textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
10585
- _ref$strengthLabel = _ref.strengthLabel,
10586
- strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
10587
- _ref$strengthLabelCol = _ref.strengthLabelColor,
10588
- strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
10589
-
10590
- var setSectionColor = function setSectionColor(index) {
10591
- return index < activeSections ? activeSectionsColor : sectionsColor;
10592
- };
10593
-
10594
- var setSectionDataTestId = function setSectionDataTestId(index) {
10595
- return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
10596
- };
10597
-
10598
- return /*#__PURE__*/React__default.createElement(Container$5, {
10599
- "data-testid": "password-strength-container"
10600
- }, /*#__PURE__*/React__default.createElement(Sections, {
10601
- "data-testid": "password-strength-sections"
10602
- }, Array.from({
10603
- length: sections
10604
- }, function (_section, i) {
10605
- return /*#__PURE__*/React__default.createElement(Section, {
10606
- key: i,
10607
- color: setSectionColor(i),
10608
- "data-testid": setSectionDataTestId(i)
10609
- });
10610
- })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
10611
- color: textColor,
10612
- "data-testid": "password-strength-text"
10613
- }, /*#__PURE__*/React__default.createElement(AltHeader, {
10614
- level: 6
10615
- }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
10616
- color: strengthLabelColor,
10617
- "data-testid": "password-strength-label"
10618
- }, /*#__PURE__*/React__default.createElement(Overline, {
10619
- level: 2
10620
- }, strengthLabel))));
10621
- };
10622
-
10623
- var _templateObject$1i, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$v, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
10624
- 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"])));
10625
10827
  var Container$6 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
10626
10828
  var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
10627
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) {
@@ -10904,8 +11106,8 @@ var LiveChat = function LiveChat() {
10904
11106
  });
10905
11107
  };
10906
11108
 
10907
- var _templateObject$1j, _templateObject2$Z;
10908
- 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);
10909
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) {
10910
11112
  var hideBottomBorder = _ref.hideBottomBorder;
10911
11113
  return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
@@ -10934,8 +11136,8 @@ var StickyBar = function StickyBar(_ref) {
10934
11136
  }, children)));
10935
11137
  };
10936
11138
 
10937
- var _templateObject$1k, _templateObject2$_, _templateObject3$P, _templateObject4$E;
10938
- 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);
10939
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);
10940
11142
  var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
10941
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"])));
@@ -11058,8 +11260,8 @@ var ModalWindow = function ModalWindow(_ref) {
11058
11260
  })), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
11059
11261
  };
11060
11262
 
11061
- var _templateObject$1l;
11062
- 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) {
11063
11265
  var theme = _ref.theme;
11064
11266
  return theme.colors.primary;
11065
11267
  }, function (_ref2) {
@@ -12000,5 +12202,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1l || (_templa
12000
12202
  return theme.fonts.tablet.sizes.body[1];
12001
12203
  }, devices.desktop, devices.largeDesktop);
12002
12204
 
12003
- 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 };
12004
12206
  //# sourceMappingURL=chord.esm.js.map