@cloudscape-design/components 3.0.302 → 3.0.304

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 (343) hide show
  1. package/alert/styles.css.js +19 -19
  2. package/alert/styles.scoped.css +64 -64
  3. package/alert/styles.selectors.js +19 -19
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +47 -47
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/content-wrapper/styles.css.js +3 -3
  8. package/app-layout/content-wrapper/styles.scoped.css +10 -10
  9. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  10. package/app-layout/drawer/styles.css.js +10 -10
  11. package/app-layout/drawer/styles.scoped.css +31 -31
  12. package/app-layout/drawer/styles.selectors.js +10 -10
  13. package/app-layout/mobile-toolbar/styles.css.js +6 -6
  14. package/app-layout/mobile-toolbar/styles.scoped.css +20 -20
  15. package/app-layout/mobile-toolbar/styles.selectors.js +6 -6
  16. package/app-layout/notifications/styles.css.js +3 -3
  17. package/app-layout/notifications/styles.scoped.css +7 -7
  18. package/app-layout/notifications/styles.selectors.js +3 -3
  19. package/app-layout/styles.css.js +13 -13
  20. package/app-layout/styles.scoped.css +22 -22
  21. package/app-layout/styles.selectors.js +13 -13
  22. package/app-layout/toggles/styles.css.js +1 -1
  23. package/app-layout/toggles/styles.scoped.css +3 -3
  24. package/app-layout/toggles/styles.selectors.js +1 -1
  25. package/app-layout/visual-refresh/styles.css.js +68 -68
  26. package/app-layout/visual-refresh/styles.scoped.css +360 -349
  27. package/app-layout/visual-refresh/styles.selectors.js +68 -68
  28. package/area-chart/styles.css.js +13 -13
  29. package/area-chart/styles.scoped.css +29 -29
  30. package/area-chart/styles.selectors.js +13 -13
  31. package/attribute-editor/styles.css.js +14 -14
  32. package/attribute-editor/styles.scoped.css +48 -48
  33. package/attribute-editor/styles.selectors.js +14 -14
  34. package/badge/styles.css.js +5 -5
  35. package/badge/styles.scoped.css +20 -20
  36. package/badge/styles.selectors.js +5 -5
  37. package/box/styles.css.js +189 -189
  38. package/box/styles.scoped.css +418 -418
  39. package/box/styles.selectors.js +189 -189
  40. package/breadcrumb-group/item/styles.css.js +9 -9
  41. package/breadcrumb-group/item/styles.scoped.css +28 -28
  42. package/breadcrumb-group/item/styles.selectors.js +9 -9
  43. package/breadcrumb-group/styles.css.js +7 -7
  44. package/breadcrumb-group/styles.scoped.css +22 -22
  45. package/breadcrumb-group/styles.selectors.js +7 -7
  46. package/button/styles.css.js +19 -19
  47. package/button/styles.scoped.css +412 -412
  48. package/button/styles.selectors.js +19 -19
  49. package/button-dropdown/category-elements/styles.css.js +13 -13
  50. package/button-dropdown/category-elements/styles.scoped.css +50 -50
  51. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  52. package/button-dropdown/item-element/styles.css.js +14 -14
  53. package/button-dropdown/item-element/styles.scoped.css +42 -42
  54. package/button-dropdown/item-element/styles.selectors.js +14 -14
  55. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  56. package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  57. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  58. package/button-dropdown/styles.css.js +8 -8
  59. package/button-dropdown/styles.scoped.css +20 -20
  60. package/button-dropdown/styles.selectors.js +8 -8
  61. package/calendar/styles.css.js +18 -18
  62. package/calendar/styles.scoped.css +89 -89
  63. package/calendar/styles.selectors.js +18 -18
  64. package/cards/styles.css.js +37 -37
  65. package/cards/styles.scoped.css +100 -100
  66. package/cards/styles.selectors.js +37 -37
  67. package/checkbox/styles.css.js +3 -3
  68. package/checkbox/styles.scoped.css +16 -16
  69. package/checkbox/styles.selectors.js +3 -3
  70. package/code-editor/resizable-box/styles.css.js +3 -3
  71. package/code-editor/resizable-box/styles.scoped.css +8 -8
  72. package/code-editor/resizable-box/styles.selectors.js +3 -3
  73. package/code-editor/styles.css.js +32 -32
  74. package/code-editor/styles.scoped.css +194 -194
  75. package/code-editor/styles.selectors.js +32 -32
  76. package/collection-preferences/content-display/styles.css.js +11 -11
  77. package/collection-preferences/content-display/styles.scoped.css +42 -42
  78. package/collection-preferences/content-display/styles.selectors.js +11 -11
  79. package/collection-preferences/styles.css.js +37 -37
  80. package/collection-preferences/styles.scoped.css +81 -81
  81. package/collection-preferences/styles.selectors.js +37 -37
  82. package/column-layout/styles.css.js +13 -13
  83. package/column-layout/styles.scoped.css +55 -55
  84. package/column-layout/styles.selectors.js +13 -13
  85. package/container/styles.css.js +18 -18
  86. package/container/styles.scoped.css +73 -73
  87. package/container/styles.selectors.js +18 -18
  88. package/content-layout/internal.d.ts.map +1 -1
  89. package/content-layout/internal.js +2 -6
  90. package/content-layout/internal.js.map +1 -1
  91. package/content-layout/styles.css.js +7 -6
  92. package/content-layout/styles.scoped.css +24 -16
  93. package/content-layout/styles.selectors.js +7 -6
  94. package/date-picker/styles.css.js +7 -7
  95. package/date-picker/styles.scoped.css +16 -16
  96. package/date-picker/styles.selectors.js +7 -7
  97. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  98. package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  99. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  100. package/date-range-picker/relative-range/styles.css.js +9 -9
  101. package/date-range-picker/relative-range/styles.scoped.css +16 -16
  102. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  103. package/date-range-picker/styles.css.js +38 -38
  104. package/date-range-picker/styles.scoped.css +76 -76
  105. package/date-range-picker/styles.selectors.js +38 -38
  106. package/expandable-section/styles.css.js +24 -24
  107. package/expandable-section/styles.scoped.css +87 -87
  108. package/expandable-section/styles.selectors.js +24 -24
  109. package/file-upload/dropzone/styles.css.js +2 -2
  110. package/file-upload/dropzone/styles.scoped.css +9 -9
  111. package/file-upload/dropzone/styles.selectors.js +2 -2
  112. package/file-upload/file-input/styles.css.js +4 -4
  113. package/file-upload/file-input/styles.scoped.css +14 -14
  114. package/file-upload/file-input/styles.selectors.js +4 -4
  115. package/file-upload/file-option/styles.css.js +7 -7
  116. package/file-upload/file-option/styles.scoped.css +10 -10
  117. package/file-upload/file-option/styles.selectors.js +7 -7
  118. package/file-upload/styles.css.js +2 -2
  119. package/file-upload/styles.scoped.css +4 -4
  120. package/file-upload/styles.selectors.js +2 -2
  121. package/flashbar/styles.css.js +45 -45
  122. package/flashbar/styles.scoped.css +271 -271
  123. package/flashbar/styles.selectors.js +45 -45
  124. package/form/styles.css.js +9 -9
  125. package/form/styles.scoped.css +20 -20
  126. package/form/styles.selectors.js +9 -9
  127. package/form-field/styles.css.js +19 -19
  128. package/form-field/styles.scoped.css +52 -52
  129. package/form-field/styles.selectors.js +19 -19
  130. package/grid/styles.css.js +53 -53
  131. package/grid/styles.scoped.css +60 -60
  132. package/grid/styles.selectors.js +53 -53
  133. package/header/styles.css.js +44 -44
  134. package/header/styles.scoped.css +116 -116
  135. package/header/styles.selectors.js +44 -44
  136. package/help-panel/styles.css.js +4 -4
  137. package/help-panel/styles.scoped.css +153 -153
  138. package/help-panel/styles.selectors.js +4 -4
  139. package/hotspot/styles.css.js +7 -7
  140. package/hotspot/styles.scoped.css +10 -10
  141. package/hotspot/styles.selectors.js +7 -7
  142. package/icon/styles.css.js +21 -21
  143. package/icon/styles.scoped.css +81 -81
  144. package/icon/styles.selectors.js +21 -21
  145. package/input/styles.css.js +12 -12
  146. package/input/styles.scoped.css +73 -73
  147. package/input/styles.selectors.js +12 -12
  148. package/internal/base-component/styles.scoped.css +1620 -1437
  149. package/internal/components/abstract-switch/styles.css.js +13 -13
  150. package/internal/components/abstract-switch/styles.scoped.css +26 -26
  151. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  152. package/internal/components/button-trigger/styles.css.js +9 -9
  153. package/internal/components/button-trigger/styles.scoped.css +63 -63
  154. package/internal/components/button-trigger/styles.selectors.js +9 -9
  155. package/internal/components/cartesian-chart/styles.css.js +21 -21
  156. package/internal/components/cartesian-chart/styles.scoped.css +34 -34
  157. package/internal/components/cartesian-chart/styles.selectors.js +21 -21
  158. package/internal/components/chart-filter/styles.css.js +3 -3
  159. package/internal/components/chart-filter/styles.scoped.css +7 -7
  160. package/internal/components/chart-filter/styles.selectors.js +3 -3
  161. package/internal/components/chart-legend/styles.css.js +6 -6
  162. package/internal/components/chart-legend/styles.scoped.css +23 -23
  163. package/internal/components/chart-legend/styles.selectors.js +6 -6
  164. package/internal/components/chart-plot/styles.css.js +5 -5
  165. package/internal/components/chart-plot/styles.scoped.css +6 -6
  166. package/internal/components/chart-plot/styles.selectors.js +5 -5
  167. package/internal/components/chart-popover/styles.css.js +3 -3
  168. package/internal/components/chart-popover/styles.scoped.css +9 -9
  169. package/internal/components/chart-popover/styles.selectors.js +3 -3
  170. package/internal/components/chart-series-details/styles.css.js +5 -5
  171. package/internal/components/chart-series-details/styles.scoped.css +20 -20
  172. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  173. package/internal/components/chart-series-marker/styles.css.js +5 -5
  174. package/internal/components/chart-series-marker/styles.scoped.css +14 -14
  175. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  176. package/internal/components/chart-status-container/styles.css.js +2 -2
  177. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  178. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  179. package/internal/components/checkbox-icon/styles.css.js +7 -7
  180. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  181. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  182. package/internal/components/dark-ribbon/styles.css.js +2 -2
  183. package/internal/components/dark-ribbon/styles.scoped.css +4 -4
  184. package/internal/components/dark-ribbon/styles.selectors.js +2 -2
  185. package/internal/components/dropdown/styles.css.js +20 -20
  186. package/internal/components/dropdown/styles.scoped.css +51 -51
  187. package/internal/components/dropdown/styles.selectors.js +20 -20
  188. package/internal/components/dropdown-footer/styles.css.js +3 -3
  189. package/internal/components/dropdown-footer/styles.scoped.css +9 -9
  190. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  191. package/internal/components/dropdown-status/styles.css.js +2 -2
  192. package/internal/components/dropdown-status/styles.scoped.css +8 -8
  193. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  194. package/internal/components/filtering-token/styles.css.js +7 -7
  195. package/internal/components/filtering-token/styles.scoped.css +34 -34
  196. package/internal/components/filtering-token/styles.selectors.js +7 -7
  197. package/internal/components/handle/styles.css.js +2 -2
  198. package/internal/components/handle/styles.scoped.css +12 -12
  199. package/internal/components/handle/styles.selectors.js +2 -2
  200. package/internal/components/menu-dropdown/styles.css.js +7 -7
  201. package/internal/components/menu-dropdown/styles.scoped.css +32 -32
  202. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  203. package/internal/components/option/index.d.ts.map +1 -1
  204. package/internal/components/option/index.js +1 -1
  205. package/internal/components/option/index.js.map +1 -1
  206. package/internal/components/option/styles.css.js +17 -17
  207. package/internal/components/option/styles.scoped.css +47 -47
  208. package/internal/components/option/styles.selectors.js +17 -17
  209. package/internal/components/options-list/styles.css.js +2 -2
  210. package/internal/components/options-list/styles.scoped.css +7 -7
  211. package/internal/components/options-list/styles.selectors.js +2 -2
  212. package/internal/components/selectable-item/styles.css.js +16 -16
  213. package/internal/components/selectable-item/styles.scoped.css +71 -68
  214. package/internal/components/selectable-item/styles.selectors.js +16 -16
  215. package/internal/components/token-list/styles.css.js +9 -9
  216. package/internal/components/token-list/styles.scoped.css +40 -40
  217. package/internal/components/token-list/styles.selectors.js +9 -9
  218. package/internal/environment.js +1 -1
  219. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  220. package/internal/generated/custom-css-properties/index.js +39 -37
  221. package/internal/generated/custom-css-properties/index.js.map +1 -1
  222. package/internal/generated/styles/tokens.d.ts +4 -0
  223. package/internal/generated/styles/tokens.js +303 -299
  224. package/internal/generated/theming/index.cjs +1609 -675
  225. package/internal/generated/theming/index.cjs.d.ts +206 -0
  226. package/internal/generated/theming/index.d.ts +206 -0
  227. package/internal/generated/theming/index.js +1609 -675
  228. package/internal/manifest.json +1 -1
  229. package/link/styles.css.js +20 -20
  230. package/link/styles.scoped.css +163 -163
  231. package/link/styles.selectors.js +20 -20
  232. package/mixed-line-bar-chart/styles.css.js +19 -19
  233. package/mixed-line-bar-chart/styles.scoped.css +38 -38
  234. package/mixed-line-bar-chart/styles.selectors.js +19 -19
  235. package/modal/styles.css.js +23 -23
  236. package/modal/styles.scoped.css +67 -67
  237. package/modal/styles.selectors.js +23 -23
  238. package/multiselect/styles.css.js +1 -1
  239. package/multiselect/styles.scoped.css +5 -5
  240. package/multiselect/styles.selectors.js +1 -1
  241. package/package.json +1 -1
  242. package/pagination/styles.css.js +9 -9
  243. package/pagination/styles.scoped.css +47 -47
  244. package/pagination/styles.selectors.js +9 -9
  245. package/pie-chart/styles.css.js +27 -27
  246. package/pie-chart/styles.scoped.css +70 -70
  247. package/pie-chart/styles.selectors.js +27 -27
  248. package/popover/styles.css.js +50 -50
  249. package/popover/styles.scoped.css +104 -104
  250. package/popover/styles.selectors.js +50 -50
  251. package/progress-bar/styles.css.js +18 -18
  252. package/progress-bar/styles.scoped.css +58 -58
  253. package/progress-bar/styles.selectors.js +18 -18
  254. package/property-filter/styles.css.js +29 -29
  255. package/property-filter/styles.scoped.css +52 -52
  256. package/property-filter/styles.selectors.js +29 -29
  257. package/radio-group/styles.css.js +9 -9
  258. package/radio-group/styles.scoped.css +37 -37
  259. package/radio-group/styles.selectors.js +9 -9
  260. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  261. package/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  262. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  263. package/segmented-control/styles.css.js +14 -14
  264. package/segmented-control/styles.scoped.css +78 -78
  265. package/segmented-control/styles.selectors.js +14 -14
  266. package/select/parts/styles.css.js +9 -9
  267. package/select/parts/styles.scoped.css +17 -17
  268. package/select/parts/styles.selectors.js +9 -9
  269. package/select/styles.css.js +1 -1
  270. package/select/styles.scoped.css +5 -5
  271. package/select/styles.selectors.js +1 -1
  272. package/side-navigation/styles.css.js +27 -27
  273. package/side-navigation/styles.scoped.css +89 -89
  274. package/side-navigation/styles.selectors.js +27 -27
  275. package/space-between/styles.css.js +20 -20
  276. package/space-between/styles.scoped.css +37 -37
  277. package/space-between/styles.selectors.js +20 -20
  278. package/spinner/styles.css.js +13 -13
  279. package/spinner/styles.scoped.css +35 -35
  280. package/spinner/styles.selectors.js +13 -13
  281. package/split-panel/styles.css.js +59 -59
  282. package/split-panel/styles.scoped.css +150 -150
  283. package/split-panel/styles.selectors.js +59 -59
  284. package/status-indicator/styles.css.js +20 -20
  285. package/status-indicator/styles.scoped.css +44 -44
  286. package/status-indicator/styles.selectors.js +20 -20
  287. package/table/body-cell/styles.css.js +28 -28
  288. package/table/body-cell/styles.scoped.css +144 -144
  289. package/table/body-cell/styles.selectors.js +28 -28
  290. package/table/header-cell/styles.css.js +24 -24
  291. package/table/header-cell/styles.scoped.css +93 -93
  292. package/table/header-cell/styles.selectors.js +24 -24
  293. package/table/resizer/styles.css.js +6 -6
  294. package/table/resizer/styles.scoped.css +27 -27
  295. package/table/resizer/styles.selectors.js +6 -6
  296. package/table/selection-control/styles.css.js +3 -3
  297. package/table/selection-control/styles.scoped.css +4 -4
  298. package/table/selection-control/styles.selectors.js +3 -3
  299. package/table/styles.css.js +36 -36
  300. package/table/styles.scoped.css +88 -88
  301. package/table/styles.selectors.js +36 -36
  302. package/tabs/styles.css.js +21 -21
  303. package/tabs/styles.scoped.css +86 -86
  304. package/tabs/styles.selectors.js +21 -21
  305. package/tag-editor/styles.css.js +3 -3
  306. package/tag-editor/styles.scoped.css +24 -24
  307. package/tag-editor/styles.selectors.js +3 -3
  308. package/text-content/styles.css.js +1 -1
  309. package/text-content/styles.scoped.css +125 -125
  310. package/text-content/styles.selectors.js +1 -1
  311. package/text-filter/styles.css.js +3 -3
  312. package/text-filter/styles.scoped.css +10 -10
  313. package/text-filter/styles.selectors.js +3 -3
  314. package/textarea/styles.css.js +4 -4
  315. package/textarea/styles.scoped.css +40 -40
  316. package/textarea/styles.selectors.js +4 -4
  317. package/tiles/styles.css.js +28 -28
  318. package/tiles/styles.scoped.css +124 -124
  319. package/tiles/styles.selectors.js +28 -28
  320. package/toggle/styles.css.js +8 -8
  321. package/toggle/styles.scoped.css +27 -27
  322. package/toggle/styles.selectors.js +8 -8
  323. package/token-group/styles.css.js +7 -7
  324. package/token-group/styles.scoped.css +42 -42
  325. package/token-group/styles.selectors.js +7 -7
  326. package/top-navigation/1.0-beta/styles.css.js +25 -25
  327. package/top-navigation/1.0-beta/styles.scoped.css +84 -84
  328. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  329. package/top-navigation/styles.css.js +47 -47
  330. package/top-navigation/styles.scoped.css +148 -148
  331. package/top-navigation/styles.selectors.js +47 -47
  332. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  333. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  334. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  335. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  336. package/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  337. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  338. package/tutorial-panel/styles.css.js +1 -1
  339. package/tutorial-panel/styles.scoped.css +6 -6
  340. package/tutorial-panel/styles.selectors.js +1 -1
  341. package/wizard/styles.css.js +31 -31
  342. package/wizard/styles.scoped.css +125 -125
  343. package/wizard/styles.selectors.js +31 -31
@@ -90,29 +90,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- div.awsui_background_hyvsj_tfl2k_93:not(#\9) {
93
+ div.awsui_background_hyvsj_kjwsu_93:not(#\9) {
94
94
  display: contents;
95
95
  }
96
- div.awsui_background_hyvsj_tfl2k_93 > .awsui_scrolling-background_hyvsj_tfl2k_96:not(#\9) {
97
- background-color: var(--color-background-layout-main-iz43sl, #ffffff);
98
- color: var(--color-text-body-default-01bwmw, #000716);
96
+ div.awsui_background_hyvsj_kjwsu_93 > .awsui_scrolling-background_hyvsj_kjwsu_96:not(#\9) {
97
+ background-color: var(--color-background-layout-main-m49752, #ffffff);
98
+ color: var(--color-text-body-default-mmvcvg, #000716);
99
99
  grid-column: 1/span 5;
100
100
  grid-row: 1/10;
101
101
  }
102
- div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102:not(#\9) {
103
- background-color: var(--color-background-layout-main-iz43sl, #ffffff);
102
+ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102:not(#\9) {
103
+ background-color: var(--color-background-layout-main-m49752, #ffffff);
104
104
  grid-column: 1/span 5;
105
105
  grid-row: 1/10;
106
106
  position: sticky;
107
- top: var(--awsui-header-height-en6003);
107
+ top: var(--awsui-header-height-8nglyc);
108
108
  z-index: 799;
109
109
  }
110
- div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_tfl2k_110) {
111
- height: calc(var(--space-scaled-s-gczsk7, 12px) + var(--awsui-overlap-height-en6003));
110
+ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110) {
111
+ height: calc(var(--space-scaled-s-913kwi, 12px) + var(--awsui-overlap-height-8nglyc));
112
112
  }
113
- div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.awsui_has-sticky-notifications_hyvsj_tfl2k_110:not(#\9) {
113
+ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.awsui_has-sticky-notifications_hyvsj_kjwsu_110:not(#\9) {
114
114
  height: calc(
115
- var(--awsui-notifications-gap-en6003) + var(--awsui-notifications-height-en6003) + var(--space-s-rd607g, 12px) + var(--awsui-overlap-height-en6003)
115
+ var(--awsui-notifications-gap-8nglyc) + var(--awsui-notifications-height-8nglyc) + var(--space-s-hdd878, 12px) + var(--awsui-overlap-height-8nglyc)
116
116
  );
117
117
  }
118
118
 
@@ -120,8 +120,8 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
120
120
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
121
121
  SPDX-License-Identifier: Apache-2.0
122
122
  */
123
- .awsui_breadcrumbs_hyvsj_tfl2k_123:not(#\9) {
124
- background-color: var(--color-background-layout-main-iz43sl, #ffffff);
123
+ .awsui_breadcrumbs_hyvsj_kjwsu_123:not(#\9) {
124
+ background-color: var(--color-background-layout-main-m49752, #ffffff);
125
125
  grid-area: breadcrumbs;
126
126
  /*
127
127
  If a child component tells the AppLayout to have a sticky
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
130
130
  be lifted so it doesn't render behind the background element.
131
131
  */
132
132
  }
133
- .awsui_breadcrumbs_hyvsj_tfl2k_123.awsui_has-sticky-background_hyvsj_tfl2k_133:not(#\9) {
133
+ .awsui_breadcrumbs_hyvsj_kjwsu_123.awsui_has-sticky-background_hyvsj_kjwsu_133:not(#\9) {
134
134
  z-index: 799;
135
135
  }
136
136
 
@@ -142,41 +142,41 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
142
142
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
143
143
  SPDX-License-Identifier: Apache-2.0
144
144
  */
145
- .awsui_drawers-container_hyvsj_tfl2k_145:not(#\9) {
145
+ .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9) {
146
146
  background-color: transparent;
147
147
  display: flex;
148
148
  grid-column: 5;
149
149
  grid-row: 1/span 10;
150
- height: var(--awsui-content-height-en6003);
150
+ height: var(--awsui-content-height-8nglyc);
151
151
  pointer-events: none;
152
152
  position: sticky;
153
- top: var(--awsui-offset-top-en6003);
153
+ top: var(--awsui-offset-top-8nglyc);
154
154
  z-index: 830;
155
- transition: background-color var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
155
+ transition: background-color var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
156
156
  }
157
- .awsui_drawers-container_hyvsj_tfl2k_145.awsui_has-open-drawer_hyvsj_tfl2k_157:not(#\9) {
158
- background-color: var(--color-background-container-content-em2lah, #ffffff);
159
- box-shadow: var(--shadow-panel-bf68qm, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
157
+ .awsui_drawers-container_hyvsj_kjwsu_145.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
158
+ background-color: var(--color-background-container-content-og3y0v, #ffffff);
159
+ box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
160
160
  }
161
161
  @media (prefers-reduced-motion: reduce) {
162
- .awsui_drawers-container_hyvsj_tfl2k_145:not(#\9) {
162
+ .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9) {
163
163
  animation: none;
164
164
  transition: none;
165
165
  }
166
166
  }
167
- .awsui-motion-disabled .awsui_drawers-container_hyvsj_tfl2k_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_tfl2k_145:not(#\9) {
167
+ .awsui-motion-disabled .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9) {
168
168
  animation: none;
169
169
  transition: none;
170
170
  }
171
171
  @media (min-width: 689px) {
172
- .awsui_drawers-container_hyvsj_tfl2k_145:not(#\9) {
172
+ .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9) {
173
173
  /* stylelint-disable scss/operator-no-newline-after */
174
- max-width: calc(var(--awsui-layout-width-en6003) - var(--awsui-main-offset-left-en6003) - var(--awsui-default-min-content-width-en6003) - var(--awsui-content-gap-right-en6003));
174
+ max-width: calc(var(--awsui-layout-width-8nglyc) - var(--awsui-main-offset-left-8nglyc) - var(--awsui-default-min-content-width-8nglyc) - var(--awsui-content-gap-right-8nglyc));
175
175
  /* stylelint-enable scss/operator-no-newline-after */
176
176
  }
177
177
  }
178
178
  @media (max-width: 688px) {
179
- .awsui_drawers-container_hyvsj_tfl2k_145:not(#\9) {
179
+ .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9) {
180
180
  position: fixed;
181
181
  right: 0;
182
182
  z-index: 1001;
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
188
188
  relative to the body.
189
189
  */
190
190
  }
191
- .awsui_drawers-container_hyvsj_tfl2k_145.awsui_disable-body-scroll_hyvsj_tfl2k_191:not(#\9) {
192
- top: var(--awsui-header-height-en6003);
191
+ .awsui_drawers-container_hyvsj_kjwsu_145.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
192
+ top: var(--awsui-header-height-8nglyc);
193
193
  }
194
194
  }
195
195
 
196
- .awsui_drawers-desktop-triggers-container_hyvsj_tfl2k_196:not(#\9) {
196
+ .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9) {
197
197
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
198
198
  border-collapse: separate;
199
199
  border-spacing: 0;
@@ -223,11 +223,11 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
223
223
  widows: 2;
224
224
  word-spacing: normal;
225
225
  box-sizing: border-box;
226
- font-size: var(--font-body-m-size-cqtcam, 14px);
227
- line-height: var(--font-body-m-line-height-83azrc, 22px);
228
- color: var(--color-text-body-default-01bwmw, #000716);
226
+ font-size: var(--font-body-m-size-7dign1, 14px);
227
+ line-height: var(--font-body-m-line-height-rfgrp9, 22px);
228
+ color: var(--color-text-body-default-mmvcvg, #000716);
229
229
  font-weight: 400;
230
- font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
230
+ font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
231
231
  -webkit-font-smoothing: auto;
232
232
  -moz-osx-font-smoothing: auto;
233
233
  background-color: transparent;
@@ -237,126 +237,126 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
237
237
  overflow-x: hidden;
238
238
  overscroll-behavior-y: contain;
239
239
  }
240
- .awsui_drawers-desktop-triggers-container_hyvsj_tfl2k_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_tfl2k_214).awsui_has-open-drawer_hyvsj_tfl2k_157 {
240
+ .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214).awsui_has-open-drawer_hyvsj_kjwsu_157 {
241
241
  width: 0;
242
242
  }
243
- .awsui_drawers-desktop-triggers-container_hyvsj_tfl2k_196.awsui_has-multiple-triggers_hyvsj_tfl2k_214.awsui_has-open-drawer_hyvsj_tfl2k_157:not(#\9) {
244
- background-color: var(--color-background-container-content-em2lah, #ffffff);
245
- transition: background-color var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
243
+ .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
244
+ background-color: var(--color-background-container-content-og3y0v, #ffffff);
245
+ transition: background-color var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
246
246
  }
247
247
  @media (prefers-reduced-motion: reduce) {
248
- .awsui_drawers-desktop-triggers-container_hyvsj_tfl2k_196.awsui_has-multiple-triggers_hyvsj_tfl2k_214.awsui_has-open-drawer_hyvsj_tfl2k_157:not(#\9) {
248
+ .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
249
249
  animation: none;
250
250
  transition: none;
251
251
  }
252
252
  }
253
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_tfl2k_196.awsui_has-multiple-triggers_hyvsj_tfl2k_214.awsui_has-open-drawer_hyvsj_tfl2k_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_tfl2k_196.awsui_has-multiple-triggers_hyvsj_tfl2k_214.awsui_has-open-drawer_hyvsj_tfl2k_157:not(#\9) {
253
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
254
254
  animation: none;
255
255
  transition: none;
256
256
  }
257
- .awsui_drawers-desktop-triggers-container_hyvsj_tfl2k_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_tfl2k_214):not(.awsui_has-open-drawer_hyvsj_tfl2k_157) {
258
- width: calc(var(--space-layout-toggle-padding-mgz0u7, 20px) * 2 + var(--space-layout-toggle-diameter-e6hjiu, 40px));
259
- transition: width var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
257
+ .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
258
+ width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
259
+ transition: width var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
260
260
  }
261
261
  @media (prefers-reduced-motion: reduce) {
262
- .awsui_drawers-desktop-triggers-container_hyvsj_tfl2k_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_tfl2k_214):not(.awsui_has-open-drawer_hyvsj_tfl2k_157) {
262
+ .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
263
263
  animation: none;
264
264
  transition: none;
265
265
  }
266
266
  }
267
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_tfl2k_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_tfl2k_214):not(.awsui_has-open-drawer_hyvsj_tfl2k_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_tfl2k_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_tfl2k_214):not(.awsui_has-open-drawer_hyvsj_tfl2k_157) {
267
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
268
268
  animation: none;
269
269
  transition: none;
270
270
  }
271
271
 
272
- .awsui_drawers-trigger-content_hyvsj_tfl2k_246:not(#\9) {
272
+ .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9) {
273
273
  align-items: center;
274
274
  display: flex;
275
275
  flex-direction: column;
276
- gap: var(--space-xs-inub5w, 8px);
277
- padding-top: var(--space-scaled-s-gczsk7, 12px);
278
- width: calc(var(--space-layout-toggle-padding-mgz0u7, 20px) * 2 + var(--space-layout-toggle-diameter-e6hjiu, 40px));
276
+ gap: var(--space-xs-edba2s, 8px);
277
+ padding-top: var(--space-scaled-s-913kwi, 12px);
278
+ width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
279
279
  }
280
- .awsui_drawers-trigger-content_hyvsj_tfl2k_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_tfl2k_214).awsui_has-open-drawer_hyvsj_tfl2k_157 {
280
+ .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214).awsui_has-open-drawer_hyvsj_kjwsu_157 {
281
281
  opacity: 0;
282
282
  }
283
- .awsui_drawers-trigger-content_hyvsj_tfl2k_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_tfl2k_214):not(.awsui_has-open-drawer_hyvsj_tfl2k_157) {
283
+ .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
284
284
  opacity: 1;
285
- transition: opacity var(--motion-duration-refresh-only-medium-af0v35, 165ms);
286
- transition-delay: calc(var(--motion-duration-refresh-only-fast-n43vlu, 115ms) / 1.5);
285
+ transition: opacity var(--motion-duration-refresh-only-medium-wkp575, 165ms);
286
+ transition-delay: calc(var(--motion-duration-refresh-only-fast-q2mprk, 115ms) / 1.5);
287
287
  }
288
288
  @media (prefers-reduced-motion: reduce) {
289
- .awsui_drawers-trigger-content_hyvsj_tfl2k_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_tfl2k_214):not(.awsui_has-open-drawer_hyvsj_tfl2k_157) {
289
+ .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
290
290
  animation: none;
291
291
  transition: none;
292
292
  }
293
293
  }
294
- .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_tfl2k_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_tfl2k_214):not(.awsui_has-open-drawer_hyvsj_tfl2k_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_tfl2k_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_tfl2k_214):not(.awsui_has-open-drawer_hyvsj_tfl2k_157) {
294
+ .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
295
295
  animation: none;
296
296
  transition: none;
297
297
  }
298
298
 
299
299
  @media (max-width: 688px) {
300
- .awsui_drawers-trigger_hyvsj_tfl2k_246:not(#\9) {
300
+ .awsui_drawers-trigger_hyvsj_kjwsu_246:not(#\9) {
301
301
  width: 40px;
302
302
  text-align: right;
303
303
  }
304
304
  }
305
305
 
306
- .awsui_drawer_hyvsj_tfl2k_145:not(#\9) {
307
- --awsui-active-drawer-width-en6003: 290px;
308
- background-color: var(--color-background-container-content-em2lah, #ffffff);
306
+ .awsui_drawer_hyvsj_kjwsu_145:not(#\9) {
307
+ --awsui-active-drawer-width-8nglyc: 290px;
308
+ background-color: var(--color-background-container-content-og3y0v, #ffffff);
309
309
  border-color: transparent;
310
310
  display: grid;
311
311
  flex-shrink: 0;
312
- grid-template-columns: 1fr auto var(--space-m-sptmsg, 16px);
313
- grid-template-rows: var(--size-vertical-panel-icon-offset-47mfcv, 15px) auto 1fr;
312
+ grid-template-columns: 1fr auto var(--space-m-h2th94, 16px);
313
+ grid-template-rows: var(--size-vertical-panel-icon-offset-zd2rli, 15px) auto 1fr;
314
314
  height: 100%;
315
315
  overflow-y: auto;
316
316
  overflow-x: hidden;
317
317
  overscroll-behavior-y: contain;
318
318
  pointer-events: auto;
319
319
  word-wrap: break-word;
320
- transition: var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
320
+ transition: var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
321
321
  transition-property: border-color, opacity, width;
322
322
  }
323
- .awsui_drawer_hyvsj_tfl2k_145 > .awsui_drawer-close-button_hyvsj_tfl2k_297:not(#\9) {
323
+ .awsui_drawer_hyvsj_kjwsu_145 > .awsui_drawer-close-button_hyvsj_kjwsu_297:not(#\9) {
324
324
  grid-column: 2;
325
325
  grid-row: 2;
326
326
  z-index: 1;
327
327
  }
328
- .awsui_drawer_hyvsj_tfl2k_145 > .awsui_drawer-content_hyvsj_tfl2k_302:not(#\9) {
328
+ .awsui_drawer_hyvsj_kjwsu_145 > .awsui_drawer-content_hyvsj_kjwsu_302:not(#\9) {
329
329
  grid-column: 1/span 3;
330
330
  grid-row: 1/span 3;
331
- width: var(--awsui-active-drawer-width-en6003);
331
+ width: var(--awsui-active-drawer-width-8nglyc);
332
332
  }
333
- .awsui_drawer_hyvsj_tfl2k_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_tfl2k_307) {
333
+ .awsui_drawer_hyvsj_kjwsu_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_kjwsu_307) {
334
334
  opacity: 0;
335
335
  width: 0;
336
336
  }
337
- .awsui_drawer_hyvsj_tfl2k_145.awsui_is-drawer-open_hyvsj_tfl2k_307:not(#\9) {
338
- border-right: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
337
+ .awsui_drawer_hyvsj_kjwsu_145.awsui_is-drawer-open_hyvsj_kjwsu_307:not(#\9) {
338
+ border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
339
339
  opacity: 1;
340
- width: var(--awsui-active-drawer-width-en6003);
340
+ width: var(--awsui-active-drawer-width-8nglyc);
341
341
  }
342
342
  @media (prefers-reduced-motion: reduce) {
343
- .awsui_drawer_hyvsj_tfl2k_145:not(#\9) {
343
+ .awsui_drawer_hyvsj_kjwsu_145:not(#\9) {
344
344
  animation: none;
345
345
  transition: none;
346
346
  }
347
347
  }
348
- .awsui-motion-disabled .awsui_drawer_hyvsj_tfl2k_145:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_tfl2k_145:not(#\9) {
348
+ .awsui-motion-disabled .awsui_drawer_hyvsj_kjwsu_145:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_kjwsu_145:not(#\9) {
349
349
  animation: none;
350
350
  transition: none;
351
351
  }
352
352
  @media (min-width: 2541px) {
353
- .awsui_drawer_hyvsj_tfl2k_145.awsui_is-drawer-open_hyvsj_tfl2k_307:not(#\9) {
354
- --awsui-active-drawer-width-en6003: 320px;
353
+ .awsui_drawer_hyvsj_kjwsu_145.awsui_is-drawer-open_hyvsj_kjwsu_307:not(#\9) {
354
+ --awsui-active-drawer-width-8nglyc: 320px;
355
355
  }
356
356
  }
357
357
  @media (max-width: 688px) {
358
- .awsui_drawer_hyvsj_tfl2k_145.awsui_is-drawer-open_hyvsj_tfl2k_307:not(#\9) {
359
- --awsui-active-drawer-width-en6003: 100vw;
358
+ .awsui_drawer_hyvsj_kjwsu_145.awsui_is-drawer-open_hyvsj_kjwsu_307:not(#\9) {
359
+ --awsui-active-drawer-width-8nglyc: 100vw;
360
360
  }
361
361
  }
362
362
 
@@ -364,7 +364,7 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
364
364
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
365
365
  SPDX-License-Identifier: Apache-2.0
366
366
  */
367
- header.awsui_content_hyvsj_tfl2k_341:not(#\9) {
367
+ header.awsui_content_hyvsj_kjwsu_341:not(#\9) {
368
368
  grid-area: header;
369
369
  }
370
370
 
@@ -385,35 +385,37 @@ The minimum content width property is set to zero and applied under all
385
385
  circumstances regardless of whether the minContentWidth property is
386
386
  explicitly set in script.
387
387
  */
388
- .awsui_layout_hyvsj_tfl2k_362:not(#\9) {
389
- --awsui-breadcrumbs-gap-en6003: 0px;
390
- --awsui-content-gap-left-en6003: 0px;
391
- --awsui-content-gap-right-en6003: 0px;
392
- --awsui-content-height-en6003: calc(100vh - var(--awsui-header-height-en6003) - var(--awsui-footer-height-en6003));
393
- --awsui-default-max-content-width-en6003: 1280px;
394
- --awsui-default-min-content-width-en6003: 0px;
395
- --awsui-footer-height-en6003: 0px;
396
- --awsui-header-gap-en6003: 0px;
397
- --awsui-header-height-en6003: 0px;
398
- --awsui-layout-width-en6003: 0px;
399
- --awsui-main-gap-en6003: 0px;
400
- --awsui-main-offset-left-en6003: 0px;
401
- --awsui-main-template-rows-en6003: 1fr;
402
- --awsui-max-content-width-en6003: 0px;
403
- --awsui-min-content-width-en6003: 280px;
404
- --awsui-mobile-bar-height-en6003: calc(2 * var(--space-m-sptmsg, 16px) + var(--space-scaled-xs-u0e7ft, 8px));
405
- --awsui-notifications-gap-en6003: 0px;
406
- --awsui-notifications-height-en6003: 0px;
407
- --awsui-offset-top-en6003: var(--awsui-header-height-en6003);
408
- --awsui-offset-top-with-notifications-en6003: 0px;
409
- --awsui-overlap-height-en6003: var(--space-dark-header-overlap-distance-d8wdqm, 36px);
410
- background-color: var(--color-background-layout-main-iz43sl, #ffffff);
411
- color: var(--color-text-body-default-01bwmw, #000716);
388
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9) {
389
+ --awsui-breadcrumbs-gap-8nglyc: 0px;
390
+ --awsui-content-gap-left-8nglyc: 0px;
391
+ --awsui-content-gap-right-8nglyc: 0px;
392
+ --awsui-content-height-8nglyc: calc(100vh - var(--awsui-header-height-8nglyc) - var(--awsui-footer-height-8nglyc));
393
+ --awsui-container-first-gap-8nglyc: 0px;
394
+ --awsui-container-first-overlap-extension-8nglyc: 0px;
395
+ --awsui-default-max-content-width-8nglyc: 1280px;
396
+ --awsui-default-min-content-width-8nglyc: 0px;
397
+ --awsui-footer-height-8nglyc: 0px;
398
+ --awsui-header-gap-8nglyc: 0px;
399
+ --awsui-header-height-8nglyc: 0px;
400
+ --awsui-layout-width-8nglyc: 0px;
401
+ --awsui-main-gap-8nglyc: 0px;
402
+ --awsui-main-offset-left-8nglyc: 0px;
403
+ --awsui-main-template-rows-8nglyc: 1fr;
404
+ --awsui-max-content-width-8nglyc: 0px;
405
+ --awsui-min-content-width-8nglyc: 280px;
406
+ --awsui-mobile-bar-height-8nglyc: calc(2 * var(--space-m-h2th94, 16px) + var(--space-scaled-xs-wbfgrv, 8px));
407
+ --awsui-notifications-gap-8nglyc: 0px;
408
+ --awsui-notifications-height-8nglyc: 0px;
409
+ --awsui-offset-top-8nglyc: var(--awsui-header-height-8nglyc);
410
+ --awsui-offset-top-with-notifications-8nglyc: 0px;
411
+ --awsui-overlap-height-8nglyc: var(--space-dark-header-overlap-distance-l9lxfl, 36px);
412
+ background-color: var(--color-background-layout-main-m49752, #ffffff);
413
+ color: var(--color-text-body-default-mmvcvg, #000716);
412
414
  display: grid;
413
415
  grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
414
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-en6003), 1fr) minmax(var(--awsui-default-min-content-width-en6003), var(--awsui-default-max-content-width-en6003)) minmax(var(--awsui-content-gap-right-en6003), 1fr) min-content;
415
- grid-template-rows: auto var(--awsui-notifications-gap-en6003) auto var(--awsui-breadcrumbs-gap-en6003) auto var(--awsui-header-gap-en6003) auto var(--awsui-main-gap-en6003) var(--awsui-overlap-height-en6003) var(--awsui-main-template-rows-en6003);
416
- min-height: var(--awsui-content-height-en6003);
416
+ grid-template-columns: min-content minmax(var(--awsui-content-gap-left-8nglyc), 1fr) minmax(var(--awsui-default-min-content-width-8nglyc), var(--awsui-default-max-content-width-8nglyc)) minmax(var(--awsui-content-gap-right-8nglyc), 1fr) min-content;
417
+ grid-template-rows: auto var(--awsui-notifications-gap-8nglyc) auto var(--awsui-breadcrumbs-gap-8nglyc) auto var(--awsui-header-gap-8nglyc) auto var(--awsui-main-gap-8nglyc) var(--awsui-overlap-height-8nglyc) var(--awsui-main-template-rows-8nglyc);
418
+ min-height: var(--awsui-content-height-8nglyc);
417
419
  position: relative;
418
420
  /*
419
421
  Add unified max-width for AppLayout content based on breakpoints. Only use the max content
@@ -466,125 +468,134 @@ explicitly set in script.
466
468
  */
467
469
  }
468
470
  @media (min-width: 1401px) {
469
- .awsui_layout_hyvsj_tfl2k_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_tfl2k_443) {
470
- --awsui-default-max-content-width-en6003: 1280px;
471
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445) {
472
+ --awsui-default-max-content-width-8nglyc: 1280px;
471
473
  }
472
474
  }
473
475
  @media (min-width: 1921px) {
474
- .awsui_layout_hyvsj_tfl2k_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_tfl2k_443) {
475
- --awsui-default-max-content-width-en6003: 1440px;
476
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445) {
477
+ --awsui-default-max-content-width-8nglyc: 1440px;
476
478
  }
477
479
  }
478
480
  @media (min-width: 2541px) {
479
- .awsui_layout_hyvsj_tfl2k_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_tfl2k_443) {
480
- --awsui-default-max-content-width-en6003: 1620px;
481
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445) {
482
+ --awsui-default-max-content-width-8nglyc: 1620px;
481
483
  }
482
484
  }
483
485
  @media (min-width: 1401px) {
484
- .awsui_layout_hyvsj_tfl2k_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_tfl2k_443).awsui_content-type-dashboard_hyvsj_tfl2k_458 {
485
- --awsui-default-max-content-width-en6003: 1280px;
486
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445).awsui_content-type-dashboard_hyvsj_kjwsu_460 {
487
+ --awsui-default-max-content-width-8nglyc: 1280px;
486
488
  }
487
489
  }
488
490
  @media (min-width: 1921px) {
489
- .awsui_layout_hyvsj_tfl2k_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_tfl2k_443).awsui_content-type-dashboard_hyvsj_tfl2k_458 {
490
- --awsui-default-max-content-width-en6003: 1620px;
491
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445).awsui_content-type-dashboard_hyvsj_kjwsu_460 {
492
+ --awsui-default-max-content-width-8nglyc: 1620px;
491
493
  }
492
494
  }
493
495
  @media (min-width: 2541px) {
494
- .awsui_layout_hyvsj_tfl2k_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_tfl2k_443).awsui_content-type-dashboard_hyvsj_tfl2k_458 {
495
- --awsui-default-max-content-width-en6003: 2160px;
496
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445).awsui_content-type-dashboard_hyvsj_kjwsu_460 {
497
+ --awsui-default-max-content-width-8nglyc: 2160px;
496
498
  }
497
499
  }
498
- .awsui_layout_hyvsj_tfl2k_362.awsui_has-max-content-width_hyvsj_tfl2k_443:not(#\9) {
499
- --awsui-default-max-content-width-en6003: var(--awsui-max-content-width-en6003);
500
+ .awsui_layout_hyvsj_kjwsu_362.awsui_has-max-content-width_hyvsj_kjwsu_445:not(#\9) {
501
+ --awsui-default-max-content-width-8nglyc: var(--awsui-max-content-width-8nglyc);
500
502
  }
501
- .awsui_layout_hyvsj_tfl2k_362.awsui_is-overlap-disabled_hyvsj_tfl2k_475:not(#\9) {
502
- --awsui-overlap-height-en6003: 0;
503
+ .awsui_layout_hyvsj_kjwsu_362.awsui_is-overlap-disabled_hyvsj_kjwsu_477:not(#\9) {
504
+ --awsui-overlap-height-8nglyc: 0;
503
505
  }
504
506
  @media (min-width: 993px) {
505
- .awsui_layout_hyvsj_tfl2k_362:not(#\9) {
506
- --awsui-default-min-content-width-en6003: var(--awsui-min-content-width-en6003, 280px);
507
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9) {
508
+ --awsui-default-min-content-width-8nglyc: var(--awsui-min-content-width-8nglyc, 280px);
507
509
  }
508
510
  }
509
511
  @media (max-width: 992px) {
510
- .awsui_layout_hyvsj_tfl2k_362:not(#\9) {
511
- --awsui-default-min-content-width-en6003: 0px;
512
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9) {
513
+ --awsui-default-min-content-width-8nglyc: 0px;
512
514
  }
513
515
  }
514
- .awsui_layout_hyvsj_tfl2k_362:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_tfl2k_110):not(.awsui_has-sticky-background_hyvsj_tfl2k_133) {
515
- --awsui-offset-top-with-notifications-en6003: var(--awsui-header-height-en6003);
516
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110):not(.awsui_has-sticky-background_hyvsj_kjwsu_133) {
517
+ --awsui-offset-top-with-notifications-8nglyc: var(--awsui-header-height-8nglyc);
516
518
  }
517
- .awsui_layout_hyvsj_tfl2k_362:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_tfl2k_110).awsui_has-sticky-background_hyvsj_tfl2k_133 {
518
- --awsui-offset-top-with-notifications-en6003: calc(var(--awsui-header-height-en6003) + var(--space-scaled-s-gczsk7, 12px));
519
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110).awsui_has-sticky-background_hyvsj_kjwsu_133 {
520
+ --awsui-offset-top-with-notifications-8nglyc: calc(var(--awsui-header-height-8nglyc) + var(--space-scaled-s-913kwi, 12px));
519
521
  }
520
- .awsui_layout_hyvsj_tfl2k_362.awsui_has-sticky-notifications_hyvsj_tfl2k_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_tfl2k_133) {
521
- --awsui-offset-top-with-notifications-en6003: calc(
522
- var(--awsui-offset-top-en6003) + var(--awsui-notifications-gap-en6003) +
523
- var(--awsui-notifications-height-en6003) + var(--space-xxxs-rq3iss, 2px)
522
+ .awsui_layout_hyvsj_kjwsu_362.awsui_has-sticky-notifications_hyvsj_kjwsu_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_kjwsu_133) {
523
+ --awsui-offset-top-with-notifications-8nglyc: calc(
524
+ var(--awsui-offset-top-8nglyc) + var(--awsui-notifications-gap-8nglyc) +
525
+ var(--awsui-notifications-height-8nglyc) + var(--space-xxxs-j6dpcy, 2px)
524
526
  );
525
527
  }
526
- .awsui_layout_hyvsj_tfl2k_362.awsui_has-sticky-notifications_hyvsj_tfl2k_110.awsui_has-sticky-background_hyvsj_tfl2k_133:not(#\9) {
527
- --awsui-offset-top-with-notifications-en6003: calc(
528
- var(--awsui-offset-top-en6003) + var(--awsui-notifications-gap-en6003) +
529
- var(--awsui-notifications-height-en6003) + var(--space-scaled-s-gczsk7, 12px)
528
+ .awsui_layout_hyvsj_kjwsu_362.awsui_has-sticky-notifications_hyvsj_kjwsu_110.awsui_has-sticky-background_hyvsj_kjwsu_133:not(#\9) {
529
+ --awsui-offset-top-with-notifications-8nglyc: calc(
530
+ var(--awsui-offset-top-8nglyc) + var(--awsui-notifications-gap-8nglyc) +
531
+ var(--awsui-notifications-height-8nglyc) + var(--space-scaled-s-913kwi, 12px)
530
532
  );
531
533
  }
532
534
  @media (min-width: 689px) {
533
- .awsui_layout_hyvsj_tfl2k_362.awsui_has-content-gap-left_hyvsj_tfl2k_507:not(#\9) {
534
- --awsui-content-gap-left-en6003: var(--space-scaled-2x-xxxl-4usad4, 40px);
535
+ .awsui_layout_hyvsj_kjwsu_362.awsui_has-content-gap-left_hyvsj_kjwsu_509:not(#\9) {
536
+ --awsui-content-gap-left-8nglyc: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
535
537
  }
536
- .awsui_layout_hyvsj_tfl2k_362.awsui_has-content-gap-right_hyvsj_tfl2k_510:not(#\9) {
537
- --awsui-content-gap-right-en6003: var(--space-scaled-2x-xxxl-4usad4, 40px);
538
+ .awsui_layout_hyvsj_kjwsu_362.awsui_has-content-gap-right_hyvsj_kjwsu_512:not(#\9) {
539
+ --awsui-content-gap-right-8nglyc: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
538
540
  }
539
541
  }
540
542
  @media (max-width: 688px) {
541
- .awsui_layout_hyvsj_tfl2k_362:not(#\9) {
542
- --awsui-content-gap-left-en6003: var(--space-l-ds615y, 20px);
543
- --awsui-content-gap-right-en6003: var(--space-l-ds615y, 20px);
543
+ .awsui_layout_hyvsj_kjwsu_362:not(#\9) {
544
+ --awsui-content-gap-left-8nglyc: var(--space-l-f4l5gr, 20px);
545
+ --awsui-content-gap-right-8nglyc: var(--space-l-f4l5gr, 20px);
544
546
  }
545
547
  }
546
- .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-notifications_hyvsj_tfl2k_520:not(#\9) {
547
- --awsui-notifications-gap-en6003: var(--space-xs-inub5w, 8px);
548
+ .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9) {
549
+ --awsui-notifications-gap-8nglyc: var(--space-xs-edba2s, 8px);
548
550
  }
549
- .awsui_layout_hyvsj_tfl2k_362.awsui_has-breadcrumbs_hyvsj_tfl2k_523:not(#\9) {
550
- --awsui-breadcrumbs-gap-en6003: var(--space-scaled-m-9q5ipc, 16px);
551
+ .awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9) {
552
+ --awsui-breadcrumbs-gap-8nglyc: var(--space-scaled-m-gxhdpl, 16px);
551
553
  }
552
- .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-header_hyvsj_tfl2k_526:not(#\9), .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-notifications_hyvsj_tfl2k_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_tfl2k_523).awsui_has-header_hyvsj_tfl2k_526 {
553
- --awsui-header-gap-en6003: var(--space-scaled-xs-u0e7ft, 8px);
554
+ .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-header_hyvsj_kjwsu_528:not(#\9), .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525).awsui_has-header_hyvsj_kjwsu_528 {
555
+ --awsui-header-gap-8nglyc: var(--space-scaled-xs-wbfgrv, 8px);
554
556
  }
555
- .awsui_layout_hyvsj_tfl2k_362.awsui_has-breadcrumbs_hyvsj_tfl2k_523.awsui_has-header_hyvsj_tfl2k_526:not(#\9) {
556
- --awsui-header-gap-en6003: var(--space-scaled-xxs-ugy2pw, 4px);
557
+ .awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525.awsui_has-header_hyvsj_kjwsu_528:not(#\9) {
558
+ --awsui-header-gap-8nglyc: var(--space-scaled-xxs-t2t62i, 4px);
557
559
  }
558
- .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-notifications_hyvsj_tfl2k_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_tfl2k_523):not(.awsui_has-header_hyvsj_tfl2k_526) {
559
- --awsui-main-gap-en6003: var(--space-xs-inub5w, 8px);
560
+ .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525):not(.awsui_has-header_hyvsj_kjwsu_528) {
561
+ --awsui-main-gap-8nglyc: var(--space-xs-edba2s, 8px);
560
562
  }
561
- .awsui_layout_hyvsj_tfl2k_362.awsui_has-breadcrumbs_hyvsj_tfl2k_523:not(#\9):not(.awsui_has-header_hyvsj_tfl2k_526).awsui_is-overlap-disabled_hyvsj_tfl2k_475 {
562
- --awsui-main-gap-en6003: var(--space-scaled-m-9q5ipc, 16px);
563
+ .awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528) {
564
+ --awsui-container-first-gap-8nglyc: calc(var(--awsui-breadcrumbs-gap-8nglyc) - var(--awsui-main-gap-8nglyc));
563
565
  }
564
- .awsui_layout_hyvsj_tfl2k_362.awsui_has-breadcrumbs_hyvsj_tfl2k_523:not(#\9):not(.awsui_has-header_hyvsj_tfl2k_526):not(.awsui_is-overlap-disabled_hyvsj_tfl2k_475) {
565
- --awsui-main-gap-en6003: var(--space-scaled-xxs-ugy2pw, 4px);
566
+ .awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528).awsui_is-overlap-disabled_hyvsj_kjwsu_477 {
567
+ --awsui-main-gap-8nglyc: var(--space-scaled-m-gxhdpl, 16px);
566
568
  }
567
- .awsui_layout_hyvsj_tfl2k_362.awsui_has-header_hyvsj_tfl2k_526:not(#\9) {
568
- --awsui-main-gap-en6003: var(--space-scaled-xl-ozgbvg, 24px);
569
+ .awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528):not(.awsui_is-overlap-disabled_hyvsj_kjwsu_477) {
570
+ --awsui-main-gap-8nglyc: var(--space-scaled-xxs-t2t62i, 4px);
569
571
  }
570
- .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-main_hyvsj_tfl2k_544:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_tfl2k_475), .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-main_hyvsj_tfl2k_544.awsui_is-overlap-disabled_hyvsj_tfl2k_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_tfl2k_544) {
571
- --awsui-main-gap-en6003: var(--space-scaled-xs-u0e7ft, 8px);
572
+ .awsui_layout_hyvsj_kjwsu_362.awsui_has-header_hyvsj_kjwsu_528:not(#\9) {
573
+ --awsui-main-gap-8nglyc: var(--space-scaled-xl-jawob6, 24px);
574
+ }
575
+ .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_kjwsu_477), .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549.awsui_is-overlap-disabled_hyvsj_kjwsu_477:not(#\9):not(.awsui_disable-content-paddings_hyvsj_kjwsu_549) {
576
+ --awsui-main-gap-8nglyc: var(--space-scaled-xs-wbfgrv, 8px);
577
+ }
578
+ @media (min-width: 689px) {
579
+ .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528) {
580
+ --awsui-container-first-overlap-extension-8nglyc: var(--space-m-h2th94, 16px);
581
+ --awsui-container-first-gap-8nglyc: var(--space-xxs-ja5cp8, 4px);
582
+ }
572
583
  }
573
584
  @media (max-width: 688px) {
574
- .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-notifications_hyvsj_tfl2k_520:not(#\9) {
575
- --awsui-notifications-gap-en6003: var(--space-scaled-s-gczsk7, 12px);
585
+ .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9) {
586
+ --awsui-notifications-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
576
587
  }
577
- .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-header_hyvsj_tfl2k_526:not(#\9) {
578
- --awsui-header-gap-en6003: var(--space-scaled-s-gczsk7, 12px);
588
+ .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-header_hyvsj_kjwsu_528:not(#\9) {
589
+ --awsui-header-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
579
590
  }
580
- .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-notifications_hyvsj_tfl2k_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_tfl2k_523).awsui_has-header_hyvsj_tfl2k_526 {
581
- --awsui-header-gap-en6003: var(--space-scaled-s-gczsk7, 12px);
591
+ .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525).awsui_has-header_hyvsj_kjwsu_528 {
592
+ --awsui-header-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
582
593
  }
583
- .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-notifications_hyvsj_tfl2k_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_tfl2k_523):not(.awsui_has-header_hyvsj_tfl2k_526), .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-main_hyvsj_tfl2k_544:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_tfl2k_475) {
584
- --awsui-main-gap-en6003: var(--space-scaled-s-gczsk7, 12px);
594
+ .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525):not(.awsui_has-header_hyvsj_kjwsu_528), .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_kjwsu_477) {
595
+ --awsui-main-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
585
596
  }
586
- .awsui_layout_hyvsj_tfl2k_362.awsui_content-first-child-main_hyvsj_tfl2k_544.awsui_is-overlap-disabled_hyvsj_tfl2k_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_tfl2k_544) {
587
- --awsui-main-gap-en6003: var(--space-scaled-m-9q5ipc, 16px);
597
+ .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549.awsui_is-overlap-disabled_hyvsj_kjwsu_477:not(#\9):not(.awsui_disable-content-paddings_hyvsj_kjwsu_549) {
598
+ --awsui-main-gap-8nglyc: var(--space-scaled-m-gxhdpl, 16px);
588
599
  }
589
600
  }
590
601
 
@@ -598,21 +609,21 @@ not matter. The offset top value for AppLayout contentMain children with
598
609
  position: sticky will be the value of the notifications height in addition to the
599
610
  notifications top margin and some additional vertical space for aesthetics.
600
611
  */
601
- .awsui_layout_hyvsj_tfl2k_362.awsui_disable-body-scroll_hyvsj_tfl2k_191:not(#\9) {
602
- --awsui-main-template-rows-en6003: 1fr auto;
603
- --awsui-offset-top-en6003: 0px;
604
- height: var(--awsui-content-height-en6003);
612
+ .awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
613
+ --awsui-main-template-rows-8nglyc: 1fr auto;
614
+ --awsui-offset-top-8nglyc: 0px;
615
+ height: var(--awsui-content-height-8nglyc);
605
616
  overflow-y: scroll;
606
617
  }
607
- .awsui_layout_hyvsj_tfl2k_362.awsui_disable-body-scroll_hyvsj_tfl2k_191.awsui_has-split-panel_hyvsj_tfl2k_581.awsui_split-panel-position-bottom_hyvsj_tfl2k_581:not(#\9) {
608
- --awsui-main-template-rows-en6003: repeat(2, auto);
618
+ .awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191.awsui_has-split-panel_hyvsj_kjwsu_592.awsui_split-panel-position-bottom_hyvsj_kjwsu_592:not(#\9) {
619
+ --awsui-main-template-rows-8nglyc: repeat(2, auto);
609
620
  }
610
- .awsui_layout_hyvsj_tfl2k_362.awsui_disable-body-scroll_hyvsj_tfl2k_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_tfl2k_110) {
611
- --awsui-offset-top-with-notifications-en6003: 0px;
621
+ .awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110) {
622
+ --awsui-offset-top-with-notifications-8nglyc: 0px;
612
623
  }
613
- .awsui_layout_hyvsj_tfl2k_362.awsui_disable-body-scroll_hyvsj_tfl2k_191.awsui_has-sticky-notifications_hyvsj_tfl2k_110:not(#\9) {
614
- --awsui-offset-top-with-notifications-en6003: calc(
615
- var(--awsui-notifications-height-en6003) + var(--space-xs-inub5w, 8px) + var(--space-xxs-a6783b, 4px)
624
+ .awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191.awsui_has-sticky-notifications_hyvsj_kjwsu_110:not(#\9) {
625
+ --awsui-offset-top-with-notifications-8nglyc: calc(
626
+ var(--awsui-notifications-height-8nglyc) + var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
616
627
  );
617
628
  }
618
629
 
@@ -620,13 +631,13 @@ notifications top margin and some additional vertical space for aesthetics.
620
631
  This CSS class is applied to the document body to prevent overflow scrolling
621
632
  when the navigation or tools drawers are open in responsive viewports.
622
633
  */
623
- .awsui_block-body-scroll_hyvsj_tfl2k_597:not(#\9) {
634
+ .awsui_block-body-scroll_hyvsj_kjwsu_608:not(#\9) {
624
635
  overflow: hidden;
625
636
  }
626
637
 
627
638
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
628
- .awsui_unfocusable_hyvsj_tfl2k_602:not(#\9),
629
- .awsui_unfocusable_hyvsj_tfl2k_602 *:not(#\9) {
639
+ .awsui_unfocusable_hyvsj_kjwsu_613:not(#\9),
640
+ .awsui_unfocusable_hyvsj_kjwsu_613 *:not(#\9) {
630
641
  visibility: hidden !important;
631
642
  }
632
643
 
@@ -635,9 +646,9 @@ when the navigation or tools drawers are open in responsive viewports.
635
646
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
636
647
  SPDX-License-Identifier: Apache-2.0
637
648
  */
638
- .awsui_container_hyvsj_tfl2k_612:not(#\9) {
649
+ .awsui_container_hyvsj_kjwsu_623:not(#\9) {
639
650
  grid-area: main;
640
- padding-bottom: var(--space-layout-content-bottom-nju4ze, 40px);
651
+ padding-bottom: var(--space-layout-content-bottom-zwsyun, 40px);
641
652
  /*
642
653
  If the split panel is in the bottom position additional padding will need to be
643
654
  added to the content area. This is to ensure that the user is able to scroll
@@ -652,18 +663,18 @@ when the navigation or tools drawers are open in responsive viewports.
652
663
  on the right, we decrement the column end by one.
653
664
  */
654
665
  }
655
- .awsui_container_hyvsj_tfl2k_612.awsui_has-split-panel_hyvsj_tfl2k_581.awsui_split-panel-position-bottom_hyvsj_tfl2k_581:not(#\9) {
656
- padding-bottom: calc(var(--awsui-split-panel-height-en6003) + var(--space-layout-content-bottom-nju4ze, 40px));
666
+ .awsui_container_hyvsj_kjwsu_623.awsui_has-split-panel_hyvsj_kjwsu_592.awsui_split-panel-position-bottom_hyvsj_kjwsu_592:not(#\9) {
667
+ padding-bottom: calc(var(--awsui-split-panel-height-8nglyc) + var(--space-layout-content-bottom-zwsyun, 40px));
657
668
  }
658
- .awsui_container_hyvsj_tfl2k_612.awsui_disable-content-paddings_hyvsj_tfl2k_544:not(#\9) {
669
+ .awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549:not(#\9) {
659
670
  grid-column: 1/6;
660
671
  padding: 0;
661
672
  }
662
673
  @media (min-width: 689px) {
663
- .awsui_container_hyvsj_tfl2k_612.awsui_disable-content-paddings_hyvsj_tfl2k_544.awsui_is-navigation-open_hyvsj_tfl2k_637:not(#\9) {
674
+ .awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549.awsui_is-navigation-open_hyvsj_kjwsu_648:not(#\9) {
664
675
  grid-column-start: 2;
665
676
  }
666
- .awsui_container_hyvsj_tfl2k_612.awsui_disable-content-paddings_hyvsj_tfl2k_544.awsui_is-tools-open_hyvsj_tfl2k_640:not(#\9), .awsui_container_hyvsj_tfl2k_612.awsui_disable-content-paddings_hyvsj_tfl2k_544.awsui_is-split-panel-open_hyvsj_tfl2k_640.awsui_split-panel-position-side_hyvsj_tfl2k_640:not(#\9) {
677
+ .awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549.awsui_is-tools-open_hyvsj_kjwsu_651:not(#\9), .awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_split-panel-position-side_hyvsj_kjwsu_651:not(#\9) {
667
678
  grid-column-end: 5;
668
679
  }
669
680
  }
@@ -672,47 +683,47 @@ when the navigation or tools drawers are open in responsive viewports.
672
683
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
673
684
  SPDX-License-Identifier: Apache-2.0
674
685
  */
675
- section.awsui_mobile-toolbar_hyvsj_tfl2k_649:not(#\9) {
686
+ section.awsui_mobile-toolbar_hyvsj_kjwsu_660:not(#\9) {
676
687
  align-items: center;
677
- background-color: var(--color-background-home-header-uszgqm, #000716);
678
- border-bottom: 1px solid var(--color-border-divider-default-4spq70, #e9ebed);
679
- box-shadow: var(--shadow-panel-toggle-0lutgw, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
688
+ background-color: var(--color-background-home-header-qnhw1k, #000716);
689
+ border-bottom: 1px solid var(--color-border-divider-default-9o8zql, #e9ebed);
690
+ box-shadow: var(--shadow-panel-toggle-5grp58, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
680
691
  box-sizing: border-box;
681
- height: var(--awsui-mobile-bar-height-en6003);
692
+ height: var(--awsui-mobile-bar-height-8nglyc);
682
693
  display: grid;
683
694
  grid-area: mobileToolbar;
684
695
  grid-column: 1/span 5;
685
696
  grid-template-columns: auto minmax(0, 1fr) auto;
686
- padding: 0 var(--space-m-sptmsg, 16px);
697
+ padding: 0 var(--space-m-h2th94, 16px);
687
698
  position: sticky;
688
- top: var(--awsui-offset-top-en6003);
699
+ top: var(--awsui-offset-top-8nglyc);
689
700
  z-index: 1000;
690
701
  }
691
- section.awsui_mobile-toolbar_hyvsj_tfl2k_649 > .awsui_mobile-toolbar-nav_hyvsj_tfl2k_665:not(#\9) {
702
+ section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-nav_hyvsj_kjwsu_676:not(#\9) {
692
703
  grid-column: 1;
693
- margin-right: var(--space-m-sptmsg, 16px);
704
+ margin-right: var(--space-m-h2th94, 16px);
694
705
  }
695
- section.awsui_mobile-toolbar_hyvsj_tfl2k_649 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_tfl2k_669:not(#\9) {
706
+ section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_kjwsu_680:not(#\9) {
696
707
  grid-column: 2;
697
- background-color: var(--color-background-layout-main-iz43sl, #ffffff);
708
+ background-color: var(--color-background-layout-main-m49752, #ffffff);
698
709
  }
699
- section.awsui_mobile-toolbar_hyvsj_tfl2k_649 > .awsui_mobile-toolbar-tools_hyvsj_tfl2k_673:not(#\9) {
710
+ section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-tools_hyvsj_kjwsu_684:not(#\9) {
700
711
  grid-column: 3;
701
- margin-left: var(--space-m-sptmsg, 16px);
712
+ margin-left: var(--space-m-h2th94, 16px);
702
713
  }
703
714
 
704
715
  /*
705
716
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
706
717
  SPDX-License-Identifier: Apache-2.0
707
718
  */
708
- .awsui_navigation-container_hyvsj_tfl2k_682:not(#\9) {
709
- --awsui-navigation-width-en6003: 280px;
719
+ .awsui_navigation-container_hyvsj_kjwsu_693:not(#\9) {
720
+ --awsui-navigation-width-8nglyc: 280px;
710
721
  display: flex;
711
722
  grid-column: 1;
712
723
  grid-row: 1/span 10;
713
- height: var(--awsui-content-height-en6003);
724
+ height: var(--awsui-content-height-8nglyc);
714
725
  position: sticky;
715
- top: var(--awsui-offset-top-en6003);
726
+ top: var(--awsui-offset-top-8nglyc);
716
727
  z-index: 830;
717
728
  /*
718
729
  The navigation and tools containers (that contain the toggle buttons)
@@ -727,12 +738,12 @@ section.awsui_mobile-toolbar_hyvsj_tfl2k_649 > .awsui_mobile-toolbar-tools_hyvsj
727
738
  pointer-events: none;
728
739
  }
729
740
  @media (min-width: 2541px) {
730
- .awsui_navigation-container_hyvsj_tfl2k_682:not(#\9) {
731
- --awsui-navigation-width-en6003: 320px;
741
+ .awsui_navigation-container_hyvsj_kjwsu_693:not(#\9) {
742
+ --awsui-navigation-width-8nglyc: 320px;
732
743
  }
733
744
  }
734
745
  @media (max-width: 688px) {
735
- .awsui_navigation-container_hyvsj_tfl2k_682:not(#\9) {
746
+ .awsui_navigation-container_hyvsj_kjwsu_693:not(#\9) {
736
747
  left: 0;
737
748
  position: fixed;
738
749
  z-index: 1001;
@@ -744,19 +755,19 @@ section.awsui_mobile-toolbar_hyvsj_tfl2k_649 > .awsui_mobile-toolbar-tools_hyvsj
744
755
  relative to the body.
745
756
  */
746
757
  }
747
- .awsui_navigation-container_hyvsj_tfl2k_682.awsui_disable-body-scroll_hyvsj_tfl2k_191:not(#\9) {
748
- top: var(--awsui-header-height-en6003);
758
+ .awsui_navigation-container_hyvsj_kjwsu_693.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
759
+ top: var(--awsui-header-height-8nglyc);
749
760
  }
750
761
  }
751
762
 
752
- nav.awsui_show-navigation_hyvsj_tfl2k_726:not(#\9) {
753
- padding: var(--space-scaled-s-gczsk7, 12px) var(--space-layout-toggle-padding-mgz0u7, 20px);
763
+ nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9) {
764
+ padding: var(--space-scaled-s-913kwi, 12px) var(--space-layout-toggle-padding-dhzjwp, 20px);
754
765
  /*
755
766
  Apply the animation only in desktop viewports because the MobileToolbar will
756
767
  take control in responsive viewports.
757
768
  */
758
769
  }
759
- @keyframes awsui_showButtons_hyvsj_tfl2k_1 {
770
+ @keyframes awsui_showButtons_hyvsj_kjwsu_1 {
760
771
  0% {
761
772
  opacity: 0;
762
773
  }
@@ -764,33 +775,33 @@ nav.awsui_show-navigation_hyvsj_tfl2k_726:not(#\9) {
764
775
  opacity: 1;
765
776
  }
766
777
  }
767
- nav.awsui_show-navigation_hyvsj_tfl2k_726.awsui_is-navigation-open_hyvsj_tfl2k_637:not(#\9) {
778
+ nav.awsui_show-navigation_hyvsj_kjwsu_737.awsui_is-navigation-open_hyvsj_kjwsu_648:not(#\9) {
768
779
  display: none;
769
780
  }
770
781
  @media (min-width: 689px) {
771
- nav.awsui_show-navigation_hyvsj_tfl2k_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_tfl2k_637) {
782
+ nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648) {
772
783
  display: block;
773
784
  }
774
- nav.awsui_show-navigation_hyvsj_tfl2k_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_tfl2k_637).awsui_animating_hyvsj_tfl2k_748 {
775
- animation: awsui_showButtons_hyvsj_tfl2k_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
785
+ nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759 {
786
+ animation: awsui_showButtons_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
776
787
  }
777
788
  }
778
789
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
779
- nav.awsui_show-navigation_hyvsj_tfl2k_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_tfl2k_637).awsui_animating_hyvsj_tfl2k_748 {
790
+ nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759 {
780
791
  animation: none;
781
792
  transition: none;
782
793
  }
783
794
  }
784
795
  @media (min-width: 689px) {
785
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_tfl2k_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_tfl2k_637).awsui_animating_hyvsj_tfl2k_748, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_tfl2k_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_tfl2k_637).awsui_animating_hyvsj_tfl2k_748 {
796
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759 {
786
797
  animation: none;
787
798
  transition: none;
788
799
  }
789
800
  }
790
801
 
791
- nav.awsui_navigation_hyvsj_tfl2k_682:not(#\9) {
792
- background-color: var(--color-background-container-content-em2lah, #ffffff);
793
- box-shadow: var(--shadow-panel-bf68qm, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
802
+ nav.awsui_navigation_hyvsj_kjwsu_693:not(#\9) {
803
+ background-color: var(--color-background-container-content-og3y0v, #ffffff);
804
+ box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
794
805
  bottom: 0;
795
806
  height: 100%;
796
807
  overflow-x: hidden;
@@ -805,62 +816,62 @@ nav.awsui_navigation_hyvsj_tfl2k_682:not(#\9) {
805
816
  prevent unwanted text wrapping.
806
817
  */
807
818
  }
808
- @keyframes awsui_openNavigation_hyvsj_tfl2k_1 {
819
+ @keyframes awsui_openNavigation_hyvsj_kjwsu_1 {
809
820
  from {
810
821
  opacity: 0;
811
- width: calc(var(--space-layout-toggle-padding-mgz0u7, 20px) * 2 + var(--space-layout-toggle-diameter-e6hjiu, 40px));
822
+ width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
812
823
  }
813
824
  to {
814
825
  opacity: 1;
815
- width: var(--awsui-navigation-width-en6003);
826
+ width: var(--awsui-navigation-width-8nglyc);
816
827
  }
817
828
  }
818
- nav.awsui_navigation_hyvsj_tfl2k_682:not(#\9):not(.awsui_is-navigation-open_hyvsj_tfl2k_637) {
829
+ nav.awsui_navigation_hyvsj_kjwsu_693:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648) {
819
830
  width: 0;
820
831
  display: none;
821
832
  }
822
- nav.awsui_navigation_hyvsj_tfl2k_682.awsui_is-navigation-open_hyvsj_tfl2k_637.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
823
- animation: awsui_openNavigation_hyvsj_tfl2k_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
833
+ nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
834
+ animation: awsui_openNavigation_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
824
835
  }
825
836
  @media (prefers-reduced-motion: reduce) {
826
- nav.awsui_navigation_hyvsj_tfl2k_682.awsui_is-navigation-open_hyvsj_tfl2k_637.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
837
+ nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
827
838
  animation: none;
828
839
  transition: none;
829
840
  }
830
841
  }
831
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_tfl2k_682.awsui_is-navigation-open_hyvsj_tfl2k_637.awsui_animating_hyvsj_tfl2k_748:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_tfl2k_682.awsui_is-navigation-open_hyvsj_tfl2k_637.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
842
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
832
843
  animation: none;
833
844
  transition: none;
834
845
  }
835
- nav.awsui_navigation_hyvsj_tfl2k_682 > .awsui_animated-content_hyvsj_tfl2k_809:not(#\9) {
836
- width: var(--awsui-navigation-width-en6003);
846
+ nav.awsui_navigation_hyvsj_kjwsu_693 > .awsui_animated-content_hyvsj_kjwsu_820:not(#\9) {
847
+ width: var(--awsui-navigation-width-8nglyc);
837
848
  }
838
849
  @media (max-width: 688px) {
839
- nav.awsui_navigation_hyvsj_tfl2k_682:not(#\9) {
840
- --awsui-navigation-width-en6003: 100vw;
850
+ nav.awsui_navigation_hyvsj_kjwsu_693:not(#\9) {
851
+ --awsui-navigation-width-8nglyc: 100vw;
841
852
  }
842
853
  }
843
854
 
844
- .awsui_hide-navigation_hyvsj_tfl2k_818:not(#\9) {
855
+ .awsui_hide-navigation_hyvsj_kjwsu_829:not(#\9) {
845
856
  position: absolute;
846
- right: var(--space-m-sptmsg, 16px);
847
- top: var(--size-vertical-panel-icon-offset-47mfcv, 15px);
857
+ right: var(--space-m-h2th94, 16px);
858
+ top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
848
859
  }
849
860
 
850
861
  /*
851
862
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
852
863
  SPDX-License-Identifier: Apache-2.0
853
864
  */
854
- .awsui_notifications_hyvsj_tfl2k_828:not(#\9) {
855
- color: var(--color-text-body-default-01bwmw, #000716);
865
+ .awsui_notifications_hyvsj_kjwsu_839:not(#\9) {
866
+ color: var(--color-text-body-default-mmvcvg, #000716);
856
867
  grid-area: notifications;
857
868
  z-index: 850;
858
869
  }
859
870
  @media (min-width: 689px) {
860
- .awsui_notifications_hyvsj_tfl2k_828.awsui_sticky-notifications_hyvsj_tfl2k_834:not(#\9) {
861
- --awsui-flashbar-sticky-bottom-margin-en6003: var(--space-xxl-eiq7g3, 32px);
871
+ .awsui_notifications_hyvsj_kjwsu_839.awsui_sticky-notifications_hyvsj_kjwsu_845:not(#\9) {
872
+ --awsui-flashbar-sticky-bottom-margin-8nglyc: var(--space-xxl-sgg5p8, 32px);
862
873
  position: sticky;
863
- top: calc(var(--awsui-offset-top-en6003) + var(--space-xs-inub5w, 8px));
874
+ top: calc(var(--awsui-offset-top-8nglyc) + var(--space-xs-edba2s, 8px));
864
875
  }
865
876
  }
866
877
 
@@ -874,13 +885,13 @@ as the content area. This row is defined as 1 fractional unit which will
874
885
  consume the remaining vertical space in the grid after the notifications
875
886
  and breadcrumbs.
876
887
  */
877
- section.awsui_split-panel-bottom_hyvsj_tfl2k_851:not(#\9) {
888
+ section.awsui_split-panel-bottom_hyvsj_kjwsu_862:not(#\9) {
878
889
  /*
879
890
  The align self property will position the split panel at the bottom of the grid row.
880
891
  This could be off the viewport if the content area has enough content to be scrollable.
881
892
  */
882
893
  align-self: end;
883
- bottom: var(--awsui-footer-height-en6003);
894
+ bottom: var(--awsui-footer-height-8nglyc);
884
895
  display: none;
885
896
  grid-column: 1/6;
886
897
  grid-row: 10;
@@ -909,47 +920,47 @@ section.awsui_split-panel-bottom_hyvsj_tfl2k_851:not(#\9) {
909
920
  apply the animation to the height property.
910
921
  */
911
922
  }
912
- @keyframes awsui_openSplitPanelBottom_hyvsj_tfl2k_1 {
923
+ @keyframes awsui_openSplitPanelBottom_hyvsj_kjwsu_1 {
913
924
  from {
914
- height: var(--awsui-split-panel-reported-header-size-en6003, 0);
925
+ height: var(--awsui-split-panel-reported-header-size-8nglyc, 0);
915
926
  }
916
927
  to {
917
- height: var(--awsui-split-panel-reported-size-en6003);
928
+ height: var(--awsui-split-panel-reported-size-8nglyc);
918
929
  }
919
930
  }
920
- section.awsui_split-panel-bottom_hyvsj_tfl2k_851.awsui_disable-body-scroll_hyvsj_tfl2k_191:not(#\9) {
931
+ section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
921
932
  bottom: 0;
922
933
  }
923
- section.awsui_split-panel-bottom_hyvsj_tfl2k_851.awsui_is-navigation-open_hyvsj_tfl2k_637.awsui_position-bottom_hyvsj_tfl2k_897:not(#\9) {
934
+ section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
924
935
  grid-column-start: 2;
925
936
  }
926
- section.awsui_split-panel-bottom_hyvsj_tfl2k_851.awsui_has-open-drawer_hyvsj_tfl2k_157.awsui_position-bottom_hyvsj_tfl2k_897:not(#\9) {
937
+ section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_has-open-drawer_hyvsj_kjwsu_157.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
927
938
  grid-column-end: 5;
928
939
  }
929
- section.awsui_split-panel-bottom_hyvsj_tfl2k_851.awsui_position-bottom_hyvsj_tfl2k_897:not(#\9) {
940
+ section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
930
941
  display: block;
931
942
  }
932
- section.awsui_split-panel-bottom_hyvsj_tfl2k_851:not(#\9):not(.awsui_is-split-panel-open_hyvsj_tfl2k_640).awsui_position-bottom_hyvsj_tfl2k_897 {
943
+ section.awsui_split-panel-bottom_hyvsj_kjwsu_862:not(#\9):not(.awsui_is-split-panel-open_hyvsj_kjwsu_651).awsui_position-bottom_hyvsj_kjwsu_908 {
933
944
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
934
945
  }
935
- section.awsui_split-panel-bottom_hyvsj_tfl2k_851.awsui_is-split-panel-open_hyvsj_tfl2k_640.awsui_position-bottom_hyvsj_tfl2k_897:not(#\9) {
936
- box-shadow: var(--shadow-split-bottom-srmtki, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
946
+ section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
947
+ box-shadow: var(--shadow-split-bottom-ijqtlb, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
937
948
  }
938
- section.awsui_split-panel-bottom_hyvsj_tfl2k_851.awsui_is-split-panel-open_hyvsj_tfl2k_640.awsui_position-bottom_hyvsj_tfl2k_897.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
939
- animation: awsui_openSplitPanelBottom_hyvsj_tfl2k_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
949
+ section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
950
+ animation: awsui_openSplitPanelBottom_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
940
951
  }
941
952
  @media (prefers-reduced-motion: reduce) {
942
- section.awsui_split-panel-bottom_hyvsj_tfl2k_851.awsui_is-split-panel-open_hyvsj_tfl2k_640.awsui_position-bottom_hyvsj_tfl2k_897.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
953
+ section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
943
954
  animation: none;
944
955
  transition: none;
945
956
  }
946
957
  }
947
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_tfl2k_851.awsui_is-split-panel-open_hyvsj_tfl2k_640.awsui_position-bottom_hyvsj_tfl2k_897.awsui_animating_hyvsj_tfl2k_748:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_tfl2k_851.awsui_is-split-panel-open_hyvsj_tfl2k_640.awsui_position-bottom_hyvsj_tfl2k_897.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
958
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
948
959
  animation: none;
949
960
  transition: none;
950
961
  }
951
962
 
952
- section.awsui_split-panel-side_hyvsj_tfl2k_926:not(#\9) {
963
+ section.awsui_split-panel-side_hyvsj_kjwsu_937:not(#\9) {
953
964
  height: 100%;
954
965
  overflow-x: hidden;
955
966
  pointer-events: auto;
@@ -964,41 +975,41 @@ section.awsui_split-panel-side_hyvsj_tfl2k_926:not(#\9) {
964
975
  prevent unwanted text wrapping.
965
976
  */
966
977
  }
967
- @keyframes awsui_openSplitPanelSide_hyvsj_tfl2k_1 {
978
+ @keyframes awsui_openSplitPanelSide_hyvsj_kjwsu_1 {
968
979
  from {
969
980
  opacity: 0;
970
- width: var(--awsui-split-panel-min-width-en6003, 280px);
981
+ width: var(--awsui-split-panel-min-width-8nglyc, 280px);
971
982
  }
972
983
  to {
973
984
  opacity: 1;
974
- width: var(--awsui-split-panel-reported-size-en6003);
985
+ width: var(--awsui-split-panel-reported-size-8nglyc);
975
986
  }
976
987
  }
977
- section.awsui_split-panel-side_hyvsj_tfl2k_926:not(#\9):not(.awsui_is-split-panel-open_hyvsj_tfl2k_640), section.awsui_split-panel-side_hyvsj_tfl2k_926.awsui_position-bottom_hyvsj_tfl2k_897:not(#\9) {
988
+ section.awsui_split-panel-side_hyvsj_kjwsu_937:not(#\9):not(.awsui_is-split-panel-open_hyvsj_kjwsu_651), section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
978
989
  width: 0;
979
990
  }
980
- section.awsui_split-panel-side_hyvsj_tfl2k_926.awsui_is-split-panel-open_hyvsj_tfl2k_640.awsui_position-side_hyvsj_tfl2k_954:not(#\9) {
981
- box-shadow: var(--shadow-panel-bf68qm, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
982
- max-width: var(--awsui-split-panel-max-width-en6003, 280px);
983
- min-width: var(--awsui-split-panel-min-width-en6003, 280px);
991
+ section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965:not(#\9) {
992
+ box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
993
+ max-width: var(--awsui-split-panel-max-width-8nglyc, 280px);
994
+ min-width: var(--awsui-split-panel-min-width-8nglyc, 280px);
984
995
  }
985
- section.awsui_split-panel-side_hyvsj_tfl2k_926.awsui_is-split-panel-open_hyvsj_tfl2k_640.awsui_position-side_hyvsj_tfl2k_954.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
986
- animation: awsui_openSplitPanelSide_hyvsj_tfl2k_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
996
+ section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
997
+ animation: awsui_openSplitPanelSide_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
987
998
  }
988
999
  @media (prefers-reduced-motion: reduce) {
989
- section.awsui_split-panel-side_hyvsj_tfl2k_926.awsui_is-split-panel-open_hyvsj_tfl2k_640.awsui_position-side_hyvsj_tfl2k_954.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
1000
+ section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
990
1001
  animation: none;
991
1002
  transition: none;
992
1003
  }
993
1004
  }
994
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_tfl2k_926.awsui_is-split-panel-open_hyvsj_tfl2k_640.awsui_position-side_hyvsj_tfl2k_954.awsui_animating_hyvsj_tfl2k_748:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_tfl2k_926.awsui_is-split-panel-open_hyvsj_tfl2k_640.awsui_position-side_hyvsj_tfl2k_954.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
1005
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
995
1006
  animation: none;
996
1007
  transition: none;
997
1008
  }
998
- section.awsui_split-panel-side_hyvsj_tfl2k_926 > .awsui_animated-content_hyvsj_tfl2k_809:not(#\9) {
1009
+ section.awsui_split-panel-side_hyvsj_kjwsu_937 > .awsui_animated-content_hyvsj_kjwsu_820:not(#\9) {
999
1010
  height: 100%;
1000
1011
  max-width: inherit;
1001
- width: var(--awsui-split-panel-reported-size-en6003);
1012
+ width: var(--awsui-split-panel-reported-size-8nglyc);
1002
1013
  }
1003
1014
 
1004
1015
  /*
@@ -1014,30 +1025,30 @@ content width has a default value that can be set directly with the minContentWi
1014
1025
  property. The content gap right is computed in the Layout styles based on the
1015
1026
  viewport size and state of the Tools drawer.
1016
1027
  */
1017
- .awsui_tools-container_hyvsj_tfl2k_991:not(#\9) {
1028
+ .awsui_tools-container_hyvsj_kjwsu_1002:not(#\9) {
1018
1029
  /* stylelint-disable scss/operator-no-newline-after */
1019
- --awsui-tools-max-width-en6003: calc(var(--awsui-layout-width-en6003) - var(--awsui-main-offset-left-en6003) - var(--awsui-default-min-content-width-en6003) - var(--awsui-content-gap-right-en6003));
1030
+ --awsui-tools-max-width-8nglyc: calc(var(--awsui-layout-width-8nglyc) - var(--awsui-main-offset-left-8nglyc) - var(--awsui-default-min-content-width-8nglyc) - var(--awsui-content-gap-right-8nglyc));
1020
1031
  /* stylelint-enable scss/operator-no-newline-after */
1021
- --awsui-tools-width-en6003: 290px;
1032
+ --awsui-tools-width-8nglyc: 290px;
1022
1033
  display: flex;
1023
1034
  grid-column: 5;
1024
1035
  grid-row: 1/span 10;
1025
- height: var(--awsui-content-height-en6003);
1026
- max-width: var(--awsui-tools-max-width-en6003);
1036
+ height: var(--awsui-content-height-8nglyc);
1037
+ max-width: var(--awsui-tools-max-width-8nglyc);
1027
1038
  position: sticky;
1028
- top: var(--awsui-offset-top-en6003);
1039
+ top: var(--awsui-offset-top-8nglyc);
1029
1040
  z-index: 830;
1030
1041
  pointer-events: none;
1031
1042
  }
1032
1043
  @media (min-width: 2541px) {
1033
- .awsui_tools-container_hyvsj_tfl2k_991:not(#\9) {
1034
- --awsui-tools-width-en6003: 360px;
1044
+ .awsui_tools-container_hyvsj_kjwsu_1002:not(#\9) {
1045
+ --awsui-tools-width-8nglyc: 360px;
1035
1046
  }
1036
1047
  }
1037
1048
  @media (max-width: 688px) {
1038
- .awsui_tools-container_hyvsj_tfl2k_991:not(#\9) {
1039
- --awsui-tools-max-width-en6003: none;
1040
- --awsui-tools-width-en6003: auto;
1049
+ .awsui_tools-container_hyvsj_kjwsu_1002:not(#\9) {
1050
+ --awsui-tools-max-width-8nglyc: none;
1051
+ --awsui-tools-width-8nglyc: auto;
1041
1052
  position: fixed;
1042
1053
  right: 0;
1043
1054
  z-index: 1001;
@@ -1049,14 +1060,14 @@ viewport size and state of the Tools drawer.
1049
1060
  relative to the body.
1050
1061
  */
1051
1062
  }
1052
- .awsui_tools-container_hyvsj_tfl2k_991.awsui_disable-body-scroll_hyvsj_tfl2k_191:not(#\9) {
1053
- top: var(--awsui-header-height-en6003);
1063
+ .awsui_tools-container_hyvsj_kjwsu_1002.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
1064
+ top: var(--awsui-header-height-8nglyc);
1054
1065
  }
1055
1066
  }
1056
1067
 
1057
- .awsui_tools_hyvsj_tfl2k_991:not(#\9) {
1058
- background-color: var(--color-background-container-content-em2lah, #ffffff);
1059
- box-shadow: var(--shadow-panel-bf68qm, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
1068
+ .awsui_tools_hyvsj_kjwsu_1002:not(#\9) {
1069
+ background-color: var(--color-background-container-content-og3y0v, #ffffff);
1070
+ box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
1060
1071
  flex-shrink: 0;
1061
1072
  height: 100%;
1062
1073
  overflow-y: auto;
@@ -1077,51 +1088,51 @@ viewport size and state of the Tools drawer.
1077
1088
  in the side position.
1078
1089
  */
1079
1090
  }
1080
- @keyframes awsui_openTools_hyvsj_tfl2k_1 {
1091
+ @keyframes awsui_openTools_hyvsj_kjwsu_1 {
1081
1092
  from {
1082
- opacity: var(--awsui-tools-animation-starting-opacity-en6003, 0);
1083
- width: calc(var(--space-layout-toggle-padding-mgz0u7, 20px) * 2 + var(--space-layout-toggle-diameter-e6hjiu, 40px));
1093
+ opacity: var(--awsui-tools-animation-starting-opacity-8nglyc, 0);
1094
+ width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
1084
1095
  }
1085
1096
  to {
1086
1097
  opacity: 1;
1087
- width: var(--awsui-tools-width-en6003);
1098
+ width: var(--awsui-tools-width-8nglyc);
1088
1099
  }
1089
1100
  }
1090
- .awsui_tools_hyvsj_tfl2k_991:not(#\9):not(.awsui_is-tools-open_hyvsj_tfl2k_640) {
1101
+ .awsui_tools_hyvsj_kjwsu_1002:not(#\9):not(.awsui_is-tools-open_hyvsj_kjwsu_651) {
1091
1102
  width: 0;
1092
1103
  display: none;
1093
1104
  }
1094
- .awsui_tools_hyvsj_tfl2k_991.awsui_is-tools-open_hyvsj_tfl2k_640.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
1095
- animation: awsui_openTools_hyvsj_tfl2k_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
1105
+ .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1106
+ animation: awsui_openTools_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
1096
1107
  }
1097
1108
  @media (prefers-reduced-motion: reduce) {
1098
- .awsui_tools_hyvsj_tfl2k_991.awsui_is-tools-open_hyvsj_tfl2k_640.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
1109
+ .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1099
1110
  animation: none;
1100
1111
  transition: none;
1101
1112
  }
1102
1113
  }
1103
- .awsui-motion-disabled .awsui_tools_hyvsj_tfl2k_991.awsui_is-tools-open_hyvsj_tfl2k_640.awsui_animating_hyvsj_tfl2k_748:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_tfl2k_991.awsui_is-tools-open_hyvsj_tfl2k_640.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
1114
+ .awsui-motion-disabled .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1104
1115
  animation: none;
1105
1116
  transition: none;
1106
1117
  }
1107
- .awsui_tools_hyvsj_tfl2k_991 > .awsui_animated-content_hyvsj_tfl2k_809:not(#\9) {
1108
- width: var(--awsui-tools-width-en6003);
1118
+ .awsui_tools_hyvsj_kjwsu_1002 > .awsui_animated-content_hyvsj_kjwsu_820:not(#\9) {
1119
+ width: var(--awsui-tools-width-8nglyc);
1109
1120
  }
1110
1121
  @media (min-width: 689px) {
1111
- .awsui_tools_hyvsj_tfl2k_991.awsui_is-tools-open_hyvsj_tfl2k_640.awsui_has-tools-form-persistence_hyvsj_tfl2k_1085:not(#\9) {
1112
- border-right: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
1122
+ .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_has-tools-form-persistence_hyvsj_kjwsu_1096:not(#\9) {
1123
+ border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
1113
1124
  }
1114
1125
  }
1115
1126
  @media (max-width: 688px) {
1116
- .awsui_tools_hyvsj_tfl2k_991:not(#\9) {
1117
- --awsui-tools-width-en6003: 100vw;
1127
+ .awsui_tools_hyvsj_kjwsu_1002:not(#\9) {
1128
+ --awsui-tools-width-8nglyc: 100vw;
1118
1129
  }
1119
1130
  }
1120
1131
 
1121
- .awsui_hide-tools_hyvsj_tfl2k_1095:not(#\9) {
1132
+ .awsui_hide-tools_hyvsj_kjwsu_1106:not(#\9) {
1122
1133
  position: absolute;
1123
- right: var(--space-m-sptmsg, 16px);
1124
- top: var(--size-vertical-panel-icon-offset-47mfcv, 15px);
1134
+ right: var(--space-m-h2th94, 16px);
1135
+ top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
1125
1136
  z-index: 1;
1126
1137
  }
1127
1138
 
@@ -1130,7 +1141,7 @@ Warning! If these design tokens for padding change it will adversely impact
1130
1141
  the calculation used to determine the Split Panel maximum width in the
1131
1142
  handleSplitPanelMaxWidth function in the context.
1132
1143
  */
1133
- .awsui_show-tools_hyvsj_tfl2k_1107:not(#\9) {
1144
+ .awsui_show-tools_hyvsj_kjwsu_1118:not(#\9) {
1134
1145
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1135
1146
  border-collapse: separate;
1136
1147
  border-spacing: 0;
@@ -1160,21 +1171,21 @@ handleSplitPanelMaxWidth function in the context.
1160
1171
  widows: 2;
1161
1172
  word-spacing: normal;
1162
1173
  box-sizing: border-box;
1163
- font-size: var(--font-body-m-size-cqtcam, 14px);
1164
- line-height: var(--font-body-m-line-height-83azrc, 22px);
1165
- color: var(--color-text-body-default-01bwmw, #000716);
1174
+ font-size: var(--font-body-m-size-7dign1, 14px);
1175
+ line-height: var(--font-body-m-line-height-rfgrp9, 22px);
1176
+ color: var(--color-text-body-default-mmvcvg, #000716);
1166
1177
  font-weight: 400;
1167
- font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
1178
+ font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
1168
1179
  -webkit-font-smoothing: auto;
1169
1180
  -moz-osx-font-smoothing: auto;
1170
1181
  box-sizing: border-box;
1171
- padding: var(--space-scaled-s-gczsk7, 12px) var(--space-layout-toggle-padding-mgz0u7, 20px);
1182
+ padding: var(--space-scaled-s-913kwi, 12px) var(--space-layout-toggle-padding-dhzjwp, 20px);
1172
1183
  /*
1173
1184
  Apply the animation only in desktop viewports because the MobileToolbar will
1174
1185
  take control in responsive viewports.
1175
1186
  */
1176
1187
  }
1177
- @keyframes awsui_showButtons_hyvsj_tfl2k_1 {
1188
+ @keyframes awsui_showButtons_hyvsj_kjwsu_1 {
1178
1189
  0% {
1179
1190
  opacity: 0;
1180
1191
  }
@@ -1182,34 +1193,34 @@ handleSplitPanelMaxWidth function in the context.
1182
1193
  opacity: 1;
1183
1194
  }
1184
1195
  }
1185
- .awsui_show-tools_hyvsj_tfl2k_1107:not(#\9):not(.awsui_has-tools-form_hyvsj_tfl2k_1085) {
1196
+ .awsui_show-tools_hyvsj_kjwsu_1118:not(#\9):not(.awsui_has-tools-form_hyvsj_kjwsu_1096) {
1186
1197
  display: none;
1187
1198
  }
1188
1199
  @media (min-width: 689px) {
1189
- .awsui_show-tools_hyvsj_tfl2k_1107.awsui_has-tools-form_hyvsj_tfl2k_1085:not(#\9) {
1200
+ .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096:not(#\9) {
1190
1201
  display: flex;
1191
1202
  flex-direction: column;
1192
- gap: var(--space-xs-inub5w, 8px);
1203
+ gap: var(--space-xs-edba2s, 8px);
1193
1204
  }
1194
- .awsui_show-tools_hyvsj_tfl2k_1107.awsui_has-tools-form_hyvsj_tfl2k_1085.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
1195
- animation: awsui_showButtons_hyvsj_tfl2k_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
1205
+ .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1206
+ animation: awsui_showButtons_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
1196
1207
  }
1197
1208
  }
1198
1209
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1199
- .awsui_show-tools_hyvsj_tfl2k_1107.awsui_has-tools-form_hyvsj_tfl2k_1085.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
1210
+ .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1200
1211
  animation: none;
1201
1212
  transition: none;
1202
1213
  }
1203
1214
  }
1204
1215
  @media (min-width: 689px) {
1205
- .awsui-motion-disabled .awsui_show-tools_hyvsj_tfl2k_1107.awsui_has-tools-form_hyvsj_tfl2k_1085.awsui_animating_hyvsj_tfl2k_748:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_tfl2k_1107.awsui_has-tools-form_hyvsj_tfl2k_1085.awsui_animating_hyvsj_tfl2k_748:not(#\9) {
1216
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1206
1217
  animation: none;
1207
1218
  transition: none;
1208
1219
  }
1209
1220
  }
1210
1221
  @media (min-width: 689px) {
1211
- .awsui_show-tools_hyvsj_tfl2k_1107.awsui_has-tools-form-persistence_hyvsj_tfl2k_1085:not(#\9) {
1212
- background-color: var(--color-background-container-content-em2lah, #ffffff);
1222
+ .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form-persistence_hyvsj_kjwsu_1096:not(#\9) {
1223
+ background-color: var(--color-background-container-content-og3y0v, #ffffff);
1213
1224
  z-index: 1;
1214
1225
  }
1215
1226
  }
@@ -1223,26 +1234,26 @@ Warning! If these design tokens for width change it will adversely impact
1223
1234
  the calculation used to determine the Split Panel maximum width in the
1224
1235
  handleSplitPanelMaxWidth function in the context.
1225
1236
  */
1226
- .awsui_trigger_hyvsj_tfl2k_1174:not(#\9) {
1227
- background: var(--color-background-layout-toggle-default-33dtxe, #192534);
1237
+ .awsui_trigger_hyvsj_kjwsu_1185:not(#\9) {
1238
+ background: var(--color-background-layout-toggle-default-q41mj7, #192534);
1228
1239
  border: none;
1229
1240
  border-radius: 50%;
1230
- box-shadow: var(--shadow-panel-toggle-0lutgw, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1231
- color: var(--color-text-layout-toggle-ho2l25, #ffffff);
1241
+ box-shadow: var(--shadow-panel-toggle-5grp58, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1242
+ color: var(--color-text-layout-toggle-76lxyf, #ffffff);
1232
1243
  cursor: pointer;
1233
- height: var(--space-layout-toggle-diameter-e6hjiu, 40px);
1234
- padding: 0 var(--space-s-rd607g, 12px);
1244
+ height: var(--space-layout-toggle-diameter-i4mha3, 40px);
1245
+ padding: 0 var(--space-s-hdd878, 12px);
1235
1246
  pointer-events: auto;
1236
- width: var(--space-layout-toggle-diameter-e6hjiu, 40px);
1247
+ width: var(--space-layout-toggle-diameter-i4mha3, 40px);
1237
1248
  }
1238
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_tfl2k_1174:not(#\9):focus {
1249
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus {
1239
1250
  position: relative;
1240
1251
  }
1241
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_tfl2k_1174:not(#\9):focus {
1252
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus {
1242
1253
  outline: 2px dotted transparent;
1243
1254
  outline-offset: calc(3px - 1px);
1244
1255
  }
1245
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_tfl2k_1174:not(#\9):focus::before {
1256
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus::before {
1246
1257
  content: " ";
1247
1258
  display: block;
1248
1259
  position: absolute;
@@ -1250,27 +1261,27 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_tfl2k_1174:not(#\9):foc
1250
1261
  top: calc(-1 * 3px);
1251
1262
  width: calc(100% + 2 * 3px);
1252
1263
  height: calc(100% + 2 * 3px);
1253
- border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
1254
- box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
1264
+ border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
1265
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
1255
1266
  }
1256
- .awsui_trigger_hyvsj_tfl2k_1174:not(#\9):focus {
1267
+ .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus {
1257
1268
  outline: none;
1258
1269
  }
1259
- .awsui_trigger_hyvsj_tfl2k_1174:not(#\9):hover {
1260
- background: var(--color-background-layout-toggle-hover-0izolq, #354150);
1270
+ .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):hover {
1271
+ background: var(--color-background-layout-toggle-hover-im3a7d, #354150);
1261
1272
  }
1262
- .awsui_trigger_hyvsj_tfl2k_1174:not(#\9):active {
1263
- background: var(--color-background-layout-toggle-active-hs5w7a, #354150);
1273
+ .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):active {
1274
+ background: var(--color-background-layout-toggle-active-csmprm, #354150);
1264
1275
  }
1265
- .awsui_trigger_hyvsj_tfl2k_1174.awsui_selected_hyvsj_tfl2k_1213:not(#\9) {
1266
- background: var(--color-background-layout-toggle-selected-default-n9d2nz, #0972d3);
1267
- color: var(--color-text-layout-toggle-selected-u0y67g, #ffffff);
1276
+ .awsui_trigger_hyvsj_kjwsu_1185.awsui_selected_hyvsj_kjwsu_1224:not(#\9) {
1277
+ background: var(--color-background-layout-toggle-selected-default-ir617m, #0972d3);
1278
+ color: var(--color-text-layout-toggle-selected-qzrnpy, #ffffff);
1268
1279
  }
1269
- .awsui_trigger_hyvsj_tfl2k_1174.awsui_selected_hyvsj_tfl2k_1213:not(#\9):hover {
1270
- background: var(--color-background-layout-toggle-selected-hover-uce2v9, #065299);
1280
+ .awsui_trigger_hyvsj_kjwsu_1185.awsui_selected_hyvsj_kjwsu_1224:not(#\9):hover {
1281
+ background: var(--color-background-layout-toggle-selected-hover-0qwzgy, #065299);
1271
1282
  }
1272
- .awsui_trigger_hyvsj_tfl2k_1174.awsui_selected_hyvsj_tfl2k_1213:not(#\9):active {
1273
- background: var(--color-background-layout-toggle-selected-active-y9z89z, #0972d3);
1283
+ .awsui_trigger_hyvsj_kjwsu_1185.awsui_selected_hyvsj_kjwsu_1224:not(#\9):active {
1284
+ background: var(--color-background-layout-toggle-selected-active-kajyo0, #0972d3);
1274
1285
  }
1275
1286
 
1276
1287
  /*