@cloudscape-design/components 3.0.161 → 3.0.163

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 (150) hide show
  1. package/app-layout/visual-refresh/styles.css.js +60 -60
  2. package/app-layout/visual-refresh/styles.scoped.css +147 -147
  3. package/app-layout/visual-refresh/styles.selectors.js +60 -60
  4. package/button/internal.d.ts +1 -0
  5. package/button/internal.d.ts.map +1 -1
  6. package/button/internal.js +2 -2
  7. package/button/internal.js.map +1 -1
  8. package/code-editor/index.d.ts.map +1 -1
  9. package/code-editor/index.js +5 -8
  10. package/code-editor/index.js.map +1 -1
  11. package/code-editor/pane.d.ts.map +1 -1
  12. package/code-editor/pane.js +4 -4
  13. package/code-editor/pane.js.map +1 -1
  14. package/code-editor/resizable-box/index.d.ts +9 -0
  15. package/code-editor/resizable-box/index.d.ts.map +1 -0
  16. package/code-editor/resizable-box/index.js +44 -0
  17. package/code-editor/resizable-box/index.js.map +1 -0
  18. package/code-editor/resizable-box/styles.css.js +8 -0
  19. package/code-editor/resizable-box/styles.scoped.css +50 -0
  20. package/code-editor/resizable-box/styles.selectors.js +9 -0
  21. package/code-editor/styles.css.js +32 -33
  22. package/code-editor/styles.scoped.css +109 -139
  23. package/code-editor/styles.selectors.js +32 -33
  24. package/flashbar/styles.css.js +33 -33
  25. package/flashbar/styles.scoped.css +115 -115
  26. package/flashbar/styles.selectors.js +33 -33
  27. package/form-field/interfaces.d.ts +10 -0
  28. package/form-field/interfaces.d.ts.map +1 -1
  29. package/form-field/interfaces.js.map +1 -1
  30. package/form-field/internal.d.ts +1 -1
  31. package/form-field/internal.d.ts.map +1 -1
  32. package/form-field/internal.js +5 -4
  33. package/form-field/internal.js.map +1 -1
  34. package/input/internal.d.ts.map +1 -1
  35. package/input/internal.js +16 -4
  36. package/input/internal.js.map +1 -1
  37. package/internal/components/live-region/index.d.ts +1 -1
  38. package/internal/components/live-region/index.d.ts.map +1 -1
  39. package/internal/components/live-region/index.js +29 -6
  40. package/internal/components/live-region/index.js.map +1 -1
  41. package/internal/context/form-field-context.d.ts +6 -2
  42. package/internal/context/form-field-context.d.ts.map +1 -1
  43. package/internal/context/form-field-context.js +7 -1
  44. package/internal/context/form-field-context.js.map +1 -1
  45. package/internal/environment.js +1 -1
  46. package/internal/hooks/use-telemetry/index.d.ts.map +1 -1
  47. package/internal/hooks/use-telemetry/index.js +4 -0
  48. package/internal/hooks/use-telemetry/index.js.map +1 -1
  49. package/internal/manifest.json +1 -1
  50. package/internal/metrics.d.ts +2 -2
  51. package/internal/metrics.d.ts.map +1 -1
  52. package/internal/metrics.js +20 -17
  53. package/internal/metrics.js.map +1 -1
  54. package/internal/types.d.ts +9 -0
  55. package/internal/types.d.ts.map +1 -1
  56. package/internal/types.js +0 -2
  57. package/internal/types.js.map +1 -1
  58. package/internal/vendor/d3-scale.js +8 -8
  59. package/mixed-line-bar-chart/styles.css.js +19 -19
  60. package/mixed-line-bar-chart/styles.scoped.css +26 -26
  61. package/mixed-line-bar-chart/styles.selectors.js +19 -19
  62. package/package.json +30 -34
  63. package/progress-bar/index.d.ts.map +1 -1
  64. package/progress-bar/index.js +14 -3
  65. package/progress-bar/index.js.map +1 -1
  66. package/select/parts/styles.css.js +9 -9
  67. package/select/parts/styles.scoped.css +27 -9
  68. package/select/parts/styles.selectors.js +9 -9
  69. package/side-navigation/internal.d.ts.map +1 -1
  70. package/side-navigation/internal.js +2 -2
  71. package/side-navigation/internal.js.map +1 -1
  72. package/table/body-cell/click-away.d.ts +9 -0
  73. package/table/body-cell/click-away.d.ts.map +1 -0
  74. package/table/body-cell/click-away.js +38 -0
  75. package/table/body-cell/click-away.js.map +1 -0
  76. package/table/body-cell/index.d.ts +10 -19
  77. package/table/body-cell/index.d.ts.map +1 -1
  78. package/table/body-cell/index.js +49 -9
  79. package/table/body-cell/index.js.map +1 -1
  80. package/table/body-cell/inline-editor.d.ts +12 -0
  81. package/table/body-cell/inline-editor.d.ts.map +1 -0
  82. package/table/body-cell/inline-editor.js +88 -0
  83. package/table/body-cell/inline-editor.js.map +1 -0
  84. package/table/body-cell/styles.css.js +18 -12
  85. package/table/body-cell/styles.scoped.css +229 -46
  86. package/table/body-cell/styles.selectors.js +18 -12
  87. package/table/body-cell/td-element.d.ts +21 -0
  88. package/table/body-cell/td-element.d.ts.map +1 -0
  89. package/table/body-cell/td-element.js +11 -0
  90. package/table/body-cell/td-element.js.map +1 -0
  91. package/table/body-cell/use-stable-scroll-position.d.ts +17 -0
  92. package/table/body-cell/use-stable-scroll-position.d.ts.map +1 -0
  93. package/table/body-cell/use-stable-scroll-position.js +48 -0
  94. package/table/body-cell/use-stable-scroll-position.js.map +1 -0
  95. package/table/header-cell/index.d.ts +8 -7
  96. package/table/header-cell/index.d.ts.map +1 -1
  97. package/table/header-cell/index.js +6 -2
  98. package/table/header-cell/index.js.map +1 -1
  99. package/table/header-cell/styles.css.js +19 -18
  100. package/table/header-cell/styles.scoped.css +40 -35
  101. package/table/header-cell/styles.selectors.js +19 -18
  102. package/table/interfaces.d.ts +73 -6
  103. package/table/interfaces.d.ts.map +1 -1
  104. package/table/interfaces.js.map +1 -1
  105. package/table/internal.d.ts.map +1 -1
  106. package/table/internal.js +68 -18
  107. package/table/internal.js.map +1 -1
  108. package/table/thead.d.ts.map +1 -1
  109. package/table/thead.js +1 -1
  110. package/table/thead.js.map +1 -1
  111. package/table/use-table-focus-navigation.d.ts +16 -0
  112. package/table/use-table-focus-navigation.d.ts.map +1 -0
  113. package/table/use-table-focus-navigation.js +131 -0
  114. package/table/use-table-focus-navigation.js.map +1 -0
  115. package/tabs/index.d.ts +1 -1
  116. package/tabs/index.d.ts.map +1 -1
  117. package/tabs/index.js +2 -2
  118. package/tabs/index.js.map +1 -1
  119. package/tabs/interfaces.d.ts +14 -0
  120. package/tabs/interfaces.d.ts.map +1 -1
  121. package/tabs/interfaces.js.map +1 -1
  122. package/tabs/tab-header-bar.d.ts +2 -1
  123. package/tabs/tab-header-bar.d.ts.map +1 -1
  124. package/tabs/tab-header-bar.js +3 -7
  125. package/tabs/tab-header-bar.js.map +1 -1
  126. package/test-utils/dom/table/index.d.ts +4 -0
  127. package/test-utils/dom/table/index.js +21 -5
  128. package/test-utils/dom/table/index.js.map +1 -1
  129. package/test-utils/selectors/table/index.d.ts +4 -0
  130. package/test-utils/selectors/table/index.js +21 -5
  131. package/test-utils/selectors/table/index.js.map +1 -1
  132. package/test-utils/tsconfig.tsbuildinfo +1 -1
  133. package/wizard/internal/analytics.js +3 -3
  134. package/wizard/internal/analytics.js.map +1 -1
  135. package/code-editor/resize-handler.d.ts +0 -3
  136. package/code-editor/resize-handler.d.ts.map +0 -1
  137. package/code-editor/resize-handler.js +0 -7
  138. package/code-editor/resize-handler.js.map +0 -1
  139. package/internal/components/dynamic-aria-live/index.d.ts +0 -28
  140. package/internal/components/dynamic-aria-live/index.d.ts.map +0 -1
  141. package/internal/components/dynamic-aria-live/index.js +0 -38
  142. package/internal/components/dynamic-aria-live/index.js.map +0 -1
  143. package/internal/components/live-region/aria-liva-tag.d.ts +0 -13
  144. package/internal/components/live-region/aria-liva-tag.d.ts.map +0 -1
  145. package/internal/components/live-region/aria-liva-tag.js +0 -18
  146. package/internal/components/live-region/aria-liva-tag.js.map +0 -1
  147. package/internal/components/live-region/utils.d.ts +0 -8
  148. package/internal/components/live-region/utils.d.ts.map +0 -1
  149. package/internal/components/live-region/utils.js +0 -24
  150. package/internal/components/live-region/utils.js.map +0 -1
@@ -90,7 +90,7 @@ 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
- section.awsui_appbar_hyvsj_1sg6g_93:not(#\9) {
93
+ section.awsui_appbar_hyvsj_ecp2y_93:not(#\9) {
94
94
  align-items: center;
95
95
  box-sizing: border-box;
96
96
  display: grid;
@@ -114,20 +114,20 @@ section.awsui_appbar_hyvsj_1sg6g_93:not(#\9) {
114
114
  span the entire column definition of the Layout grid.
115
115
  */
116
116
  }
117
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_appbar-nav_hyvsj_1sg6g_117:not(#\9) {
117
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_appbar-nav_hyvsj_ecp2y_117:not(#\9) {
118
118
  grid-column: 1;
119
119
  margin-right: var(--space-m-17eucw, 16px);
120
120
  }
121
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_breadcrumbs_hyvsj_1sg6g_121:not(#\9) {
121
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121:not(#\9) {
122
122
  grid-column: 2;
123
123
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
124
124
  }
125
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_appbar-tools_hyvsj_1sg6g_125:not(#\9) {
125
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_appbar-tools_hyvsj_ecp2y_125:not(#\9) {
126
126
  grid-column: 3;
127
127
  margin-left: var(--space-m-17eucw, 16px);
128
128
  }
129
129
  @media (min-width: 689px) {
130
- section.awsui_appbar_hyvsj_1sg6g_93:not(#\9) {
130
+ section.awsui_appbar_hyvsj_ecp2y_93:not(#\9) {
131
131
  /*
132
132
  If Breadcrumbs do not exist then the AppBar should be suppressed
133
133
  because in large viewports the triggers are rendered
@@ -163,33 +163,33 @@ section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_appbar-tools_hyvsj_1sg6g_125:not(#\
163
163
  be lifted so it doesn't render behind the background element.
164
164
  */
165
165
  }
166
- section.awsui_appbar_hyvsj_1sg6g_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1sg6g_166) {
166
+ section.awsui_appbar_hyvsj_ecp2y_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ecp2y_166) {
167
167
  display: none;
168
168
  }
169
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_appbar-nav_hyvsj_1sg6g_117:not(#\9),
170
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_appbar-tools_hyvsj_1sg6g_125:not(#\9) {
169
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_appbar-nav_hyvsj_ecp2y_117:not(#\9),
170
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_appbar-tools_hyvsj_ecp2y_125:not(#\9) {
171
171
  display: none;
172
172
  }
173
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_breadcrumbs_hyvsj_1sg6g_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_1sg6g_173) {
173
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_ecp2y_173) {
174
174
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
175
175
  }
176
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_breadcrumbs_hyvsj_1sg6g_121.awsui_has-notifications-content_hyvsj_1sg6g_173:not(#\9) {
176
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121.awsui_has-notifications-content_hyvsj_ecp2y_173:not(#\9) {
177
177
  padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
178
178
  }
179
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_breadcrumbs_hyvsj_1sg6g_121:not(#\9):not(.awsui_has-header_hyvsj_1sg6g_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sg6g_179),
180
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_breadcrumbs_hyvsj_1sg6g_121:not(#\9):not(.awsui_has-header_hyvsj_1sg6g_179).awsui_content-type-wizard_hyvsj_1sg6g_180 {
179
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121:not(#\9):not(.awsui_has-header_hyvsj_ecp2y_179):not(.awsui_has-dynamic-overlap-height_hyvsj_ecp2y_179),
180
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121:not(#\9):not(.awsui_has-header_hyvsj_ecp2y_179).awsui_content-type-wizard_hyvsj_ecp2y_180 {
181
181
  padding-bottom: var(--space-m-17eucw, 16px);
182
182
  }
183
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_breadcrumbs_hyvsj_1sg6g_121.awsui_content-type-cards_hyvsj_1sg6g_183:not(#\9),
184
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_breadcrumbs_hyvsj_1sg6g_121.awsui_content-type-table_hyvsj_1sg6g_184:not(#\9) {
183
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121.awsui_content-type-cards_hyvsj_ecp2y_183:not(#\9),
184
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121.awsui_content-type-table_hyvsj_ecp2y_184:not(#\9) {
185
185
  padding-bottom: var(--space-xxs-ynfts5, 4px);
186
186
  }
187
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_breadcrumbs_hyvsj_1sg6g_121.awsui_has-sticky-background_hyvsj_1sg6g_187:not(#\9) {
187
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121.awsui_has-sticky-background_hyvsj_ecp2y_187:not(#\9) {
188
188
  z-index: 799;
189
189
  }
190
190
  }
191
191
  @media (max-width: 688px) {
192
- section.awsui_appbar_hyvsj_1sg6g_93:not(#\9) {
192
+ section.awsui_appbar_hyvsj_ecp2y_93:not(#\9) {
193
193
  background-color: var(--color-background-home-header-mpq08f, #000716);
194
194
  border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
195
195
  box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
@@ -205,11 +205,11 @@ section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_breadcrumbs_hyvsj_1sg6g_121.awsui_c
205
205
  they are now sticky positioned in the viewport with the AppBar.
206
206
  */
207
207
  }
208
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_appbar-nav_hyvsj_1sg6g_117:not(#\9),
209
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_appbar-tools_hyvsj_1sg6g_125:not(#\9) {
208
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_appbar-nav_hyvsj_ecp2y_117:not(#\9),
209
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_appbar-tools_hyvsj_ecp2y_125:not(#\9) {
210
210
  display: block;
211
211
  }
212
- section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_breadcrumbs_hyvsj_1sg6g_121:not(#\9) {
212
+ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121:not(#\9) {
213
213
  padding: 0;
214
214
  }
215
215
  }
@@ -218,10 +218,10 @@ section.awsui_appbar_hyvsj_1sg6g_93 > .awsui_appbar-tools_hyvsj_1sg6g_125:not(#\
218
218
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
219
219
  SPDX-License-Identifier: Apache-2.0
220
220
  */
221
- div.awsui_background_hyvsj_1sg6g_221:not(#\9) {
221
+ div.awsui_background_hyvsj_ecp2y_221:not(#\9) {
222
222
  display: contents;
223
223
  }
224
- div.awsui_background_hyvsj_1sg6g_221 > .awsui_notifications-appbar-header_hyvsj_1sg6g_224:not(#\9) {
224
+ div.awsui_background_hyvsj_ecp2y_221 > .awsui_notifications-appbar-header_hyvsj_ecp2y_224:not(#\9) {
225
225
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
226
226
  grid-column: 1/span 5;
227
227
  grid-row: 1/span 3;
@@ -233,13 +233,13 @@ div.awsui_background_hyvsj_1sg6g_221 > .awsui_notifications-appbar-header_hyvsj_
233
233
  */
234
234
  }
235
235
  @media (min-width: 689px) {
236
- div.awsui_background_hyvsj_1sg6g_221 > .awsui_notifications-appbar-header_hyvsj_1sg6g_224.awsui_has-sticky-background_hyvsj_1sg6g_187.awsui_has-notifications-content_hyvsj_1sg6g_173.awsui_sticky-notifications_hyvsj_1sg6g_236:not(#\9) {
236
+ div.awsui_background_hyvsj_ecp2y_221 > .awsui_notifications-appbar-header_hyvsj_ecp2y_224.awsui_has-sticky-background_hyvsj_ecp2y_187.awsui_has-notifications-content_hyvsj_ecp2y_173.awsui_sticky-notifications_hyvsj_ecp2y_236:not(#\9) {
237
237
  position: sticky;
238
238
  top: var(--awsui-offset-top-5mks97);
239
239
  z-index: 799;
240
240
  }
241
241
  }
242
- div.awsui_background_hyvsj_1sg6g_221 > .awsui_overlap_hyvsj_1sg6g_242:not(#\9) {
242
+ div.awsui_background_hyvsj_ecp2y_221 > .awsui_overlap_hyvsj_ecp2y_242:not(#\9) {
243
243
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
244
244
  grid-column: 1/span 5;
245
245
  grid-row: 4;
@@ -251,7 +251,7 @@ div.awsui_background_hyvsj_1sg6g_221 > .awsui_overlap_hyvsj_1sg6g_242:not(#\9) {
251
251
  */
252
252
  }
253
253
  @media (min-width: 689px) {
254
- div.awsui_background_hyvsj_1sg6g_221 > .awsui_overlap_hyvsj_1sg6g_242.awsui_has-sticky-background_hyvsj_1sg6g_187:not(#\9) {
254
+ div.awsui_background_hyvsj_ecp2y_221 > .awsui_overlap_hyvsj_ecp2y_242.awsui_has-sticky-background_hyvsj_ecp2y_187:not(#\9) {
255
255
  position: sticky;
256
256
  top: var(--awsui-offset-top-with-notifications-5mks97);
257
257
  z-index: 799;
@@ -262,13 +262,13 @@ div.awsui_background_hyvsj_1sg6g_221 > .awsui_overlap_hyvsj_1sg6g_242:not(#\9) {
262
262
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
263
263
  SPDX-License-Identifier: Apache-2.0
264
264
  */
265
- header.awsui_content_hyvsj_1sg6g_180:not(#\9) {
265
+ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
266
266
  grid-column: 3;
267
267
  grid-row: 3;
268
268
  padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
269
269
  }
270
270
  @media (min-width: 689px) {
271
- header.awsui_content_hyvsj_1sg6g_180:not(#\9) {
271
+ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
272
272
  /*
273
273
  If Notifications exist and Breadcrumbs do not then Notifications
274
274
  is the previous adjacent sibling to the Header. Add minimal top padding
@@ -286,25 +286,25 @@ header.awsui_content_hyvsj_1sg6g_180:not(#\9) {
286
286
  circular buttons.
287
287
  */
288
288
  }
289
- header.awsui_content_hyvsj_1sg6g_180.awsui_has-notifications-content_hyvsj_1sg6g_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1sg6g_166) {
289
+ header.awsui_content_hyvsj_ecp2y_180.awsui_has-notifications-content_hyvsj_ecp2y_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ecp2y_166) {
290
290
  padding-top: var(--space-scaled-xs-6859qs, 8px);
291
291
  }
292
- header.awsui_content_hyvsj_1sg6g_180.awsui_has-breadcrumbs_hyvsj_1sg6g_166:not(#\9) {
292
+ header.awsui_content_hyvsj_ecp2y_180.awsui_has-breadcrumbs_hyvsj_ecp2y_166:not(#\9) {
293
293
  padding-top: var(--space-xxs-ynfts5, 4px);
294
294
  }
295
- header.awsui_content_hyvsj_1sg6g_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_1sg6g_173):not(.awsui_has-breadcrumbs_hyvsj_1sg6g_166) {
295
+ header.awsui_content_hyvsj_ecp2y_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_ecp2y_173):not(.awsui_has-breadcrumbs_hyvsj_ecp2y_166) {
296
296
  padding-top: var(--space-scaled-xs-6859qs, 8px);
297
297
  }
298
298
  }
299
299
  @media (max-width: 688px) {
300
- header.awsui_content_hyvsj_1sg6g_180:not(#\9) {
300
+ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
301
301
  padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
302
302
  /*
303
303
  Breadcrumbs has moved to first position and sticky so Notifications
304
304
  are now the previous adjacent sibling if they exist.
305
305
  */
306
306
  }
307
- header.awsui_content_hyvsj_1sg6g_180.awsui_has-notifications-content_hyvsj_1sg6g_173:not(#\9) {
307
+ header.awsui_content_hyvsj_ecp2y_180.awsui_has-notifications-content_hyvsj_ecp2y_173:not(#\9) {
308
308
  padding-top: var(--space-scaled-xs-6859qs, 8px);
309
309
  }
310
310
  }
@@ -326,7 +326,7 @@ header.awsui_content_hyvsj_1sg6g_180:not(#\9) {
326
326
  circumstances regardless of whether the minContentWidth property is
327
327
  explicitly set in script.
328
328
  */
329
- .awsui_layout_hyvsj_1sg6g_329:not(#\9) {
329
+ .awsui_layout_hyvsj_ecp2y_329:not(#\9) {
330
330
  --awsui-content-gap-left-5mks97: 0px;
331
331
  --awsui-content-gap-right-5mks97: 0px;
332
332
  --awsui-content-height-5mks97: calc(100vh - var(--awsui-header-height-5mks97) - var(--awsui-footer-height-5mks97));
@@ -408,75 +408,75 @@ header.awsui_content_hyvsj_1sg6g_180:not(#\9) {
408
408
  */
409
409
  }
410
410
  @media (min-width: 1401px) {
411
- .awsui_layout_hyvsj_1sg6g_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_1sg6g_411) {
411
+ .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_ecp2y_411) {
412
412
  --awsui-default-max-content-width-5mks97: 1280px;
413
413
  }
414
414
  }
415
415
  @media (min-width: 1921px) {
416
- .awsui_layout_hyvsj_1sg6g_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_1sg6g_411) {
416
+ .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_ecp2y_411) {
417
417
  --awsui-default-max-content-width-5mks97: 1440px;
418
418
  }
419
419
  }
420
420
  @media (min-width: 2541px) {
421
- .awsui_layout_hyvsj_1sg6g_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_1sg6g_411) {
421
+ .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_ecp2y_411) {
422
422
  --awsui-default-max-content-width-5mks97: 1620px;
423
423
  }
424
424
  }
425
- .awsui_layout_hyvsj_1sg6g_329.awsui_has-max-content-width_hyvsj_1sg6g_411:not(#\9) {
425
+ .awsui_layout_hyvsj_ecp2y_329.awsui_has-max-content-width_hyvsj_ecp2y_411:not(#\9) {
426
426
  --awsui-default-max-content-width-5mks97: var(--awsui-max-content-width-5mks97);
427
427
  }
428
428
  @media (min-width: 993px) {
429
- .awsui_layout_hyvsj_1sg6g_329:not(#\9) {
429
+ .awsui_layout_hyvsj_ecp2y_329:not(#\9) {
430
430
  --awsui-default-min-content-width-5mks97: var(--awsui-min-content-width-5mks97, 280px);
431
431
  }
432
432
  }
433
433
  @media (max-width: 992px) {
434
- .awsui_layout_hyvsj_1sg6g_329:not(#\9) {
434
+ .awsui_layout_hyvsj_ecp2y_329:not(#\9) {
435
435
  --awsui-default-min-content-width-5mks97: 0px;
436
436
  }
437
437
  }
438
- .awsui_layout_hyvsj_1sg6g_329.awsui_is-overlap-disabled_hyvsj_1sg6g_438:not(#\9) {
438
+ .awsui_layout_hyvsj_ecp2y_329.awsui_is-overlap-disabled_hyvsj_ecp2y_438:not(#\9) {
439
439
  --awsui-overlap-height-5mks97: 0;
440
440
  }
441
- .awsui_layout_hyvsj_1sg6g_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1sg6g_441) {
441
+ .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_ecp2y_441) {
442
442
  --awsui-offset-top-5mks97: var(--awsui-header-height-5mks97);
443
443
  min-height: var(--awsui-content-height-5mks97);
444
444
  }
445
- .awsui_layout_hyvsj_1sg6g_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1sg6g_441):not(.awsui_has-sticky-notifications_hyvsj_1sg6g_445) {
445
+ .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_ecp2y_441):not(.awsui_has-sticky-notifications_hyvsj_ecp2y_445) {
446
446
  --awsui-offset-top-with-notifications-5mks97: var(--awsui-header-height-5mks97);
447
447
  }
448
- .awsui_layout_hyvsj_1sg6g_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1sg6g_441).awsui_has-sticky-notifications_hyvsj_1sg6g_445 {
448
+ .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_ecp2y_441).awsui_has-sticky-notifications_hyvsj_ecp2y_445 {
449
449
  --awsui-offset-top-with-notifications-5mks97: calc(
450
450
  var(--awsui-header-height-5mks97) + var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
451
451
  );
452
452
  }
453
- .awsui_layout_hyvsj_1sg6g_329.awsui_disable-body-scroll_hyvsj_1sg6g_441:not(#\9) {
453
+ .awsui_layout_hyvsj_ecp2y_329.awsui_disable-body-scroll_hyvsj_ecp2y_441:not(#\9) {
454
454
  --awsui-offset-top-5mks97: 0px;
455
455
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) 1fr auto;
456
456
  height: var(--awsui-content-height-5mks97);
457
457
  overflow-y: scroll;
458
458
  }
459
- .awsui_layout_hyvsj_1sg6g_329.awsui_disable-body-scroll_hyvsj_1sg6g_441.awsui_has-split-panel_hyvsj_1sg6g_459.awsui_split-panel-position-bottom_hyvsj_1sg6g_459:not(#\9) {
459
+ .awsui_layout_hyvsj_ecp2y_329.awsui_disable-body-scroll_hyvsj_ecp2y_441.awsui_has-split-panel_hyvsj_ecp2y_459.awsui_split-panel-position-bottom_hyvsj_ecp2y_459:not(#\9) {
460
460
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) repeat(2, auto);
461
461
  }
462
- .awsui_layout_hyvsj_1sg6g_329.awsui_disable-body-scroll_hyvsj_1sg6g_441:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1sg6g_445) {
462
+ .awsui_layout_hyvsj_ecp2y_329.awsui_disable-body-scroll_hyvsj_ecp2y_441:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ecp2y_445) {
463
463
  --awsui-offset-top-with-notifications-5mks97: 0px;
464
464
  }
465
- .awsui_layout_hyvsj_1sg6g_329.awsui_disable-body-scroll_hyvsj_1sg6g_441.awsui_has-sticky-notifications_hyvsj_1sg6g_445:not(#\9) {
465
+ .awsui_layout_hyvsj_ecp2y_329.awsui_disable-body-scroll_hyvsj_ecp2y_441.awsui_has-sticky-notifications_hyvsj_ecp2y_445:not(#\9) {
466
466
  --awsui-offset-top-with-notifications-5mks97: calc(
467
467
  var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
468
468
  );
469
469
  }
470
470
  @media (min-width: 689px) {
471
- .awsui_layout_hyvsj_1sg6g_329.awsui_has-content-gap-left_hyvsj_1sg6g_471:not(#\9) {
471
+ .awsui_layout_hyvsj_ecp2y_329.awsui_has-content-gap-left_hyvsj_ecp2y_471:not(#\9) {
472
472
  --awsui-content-gap-left-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
473
473
  }
474
- .awsui_layout_hyvsj_1sg6g_329.awsui_has-content-gap-right_hyvsj_1sg6g_474:not(#\9) {
474
+ .awsui_layout_hyvsj_ecp2y_329.awsui_has-content-gap-right_hyvsj_ecp2y_474:not(#\9) {
475
475
  --awsui-content-gap-right-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
476
476
  }
477
477
  }
478
478
  @media (max-width: 688px) {
479
- .awsui_layout_hyvsj_1sg6g_329:not(#\9) {
479
+ .awsui_layout_hyvsj_ecp2y_329:not(#\9) {
480
480
  --awsui-content-gap-left-5mks97: var(--space-l-4vl6xu, 20px);
481
481
  --awsui-content-gap-right-5mks97: var(--space-l-4vl6xu, 20px);
482
482
  }
@@ -486,7 +486,7 @@ header.awsui_content_hyvsj_1sg6g_180:not(#\9) {
486
486
  This CSS class is applied to the document body to prevent overflow scrolling
487
487
  when the navigation or tools drawers are open in responsive viewports.
488
488
  */
489
- .awsui_block-body-scroll_hyvsj_1sg6g_489:not(#\9) {
489
+ .awsui_block-body-scroll_hyvsj_ecp2y_489:not(#\9) {
490
490
  overflow: hidden;
491
491
  }
492
492
 
@@ -494,7 +494,7 @@ when the navigation or tools drawers are open in responsive viewports.
494
494
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
495
495
  SPDX-License-Identifier: Apache-2.0
496
496
  */
497
- .awsui_container_hyvsj_1sg6g_497:not(#\9) {
497
+ .awsui_container_hyvsj_ecp2y_497:not(#\9) {
498
498
  grid-column: 3;
499
499
  grid-row: 4/span 2;
500
500
  padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
@@ -517,23 +517,23 @@ when the navigation or tools drawers are open in responsive viewports.
517
517
  under various circumstances.
518
518
  */
519
519
  }
520
- .awsui_container_hyvsj_1sg6g_497.awsui_has-split-panel_hyvsj_1sg6g_459.awsui_split-panel-position-bottom_hyvsj_1sg6g_459:not(#\9) {
520
+ .awsui_container_hyvsj_ecp2y_497.awsui_has-split-panel_hyvsj_ecp2y_459.awsui_split-panel-position-bottom_hyvsj_ecp2y_459:not(#\9) {
521
521
  padding-bottom: calc(var(--awsui-split-panel-height-5mks97) + var(--space-layout-content-bottom-kg9l42, 40px));
522
522
  }
523
- .awsui_container_hyvsj_1sg6g_497.awsui_disable-content-paddings_hyvsj_1sg6g_523:not(#\9) {
523
+ .awsui_container_hyvsj_ecp2y_497.awsui_disable-content-paddings_hyvsj_ecp2y_523:not(#\9) {
524
524
  grid-column: 1/6;
525
525
  padding: 0;
526
526
  }
527
527
  @media (min-width: 689px) {
528
- .awsui_container_hyvsj_1sg6g_497.awsui_disable-content-paddings_hyvsj_1sg6g_523.awsui_is-navigation-open_hyvsj_1sg6g_528:not(#\9) {
528
+ .awsui_container_hyvsj_ecp2y_497.awsui_disable-content-paddings_hyvsj_ecp2y_523.awsui_is-navigation-open_hyvsj_ecp2y_528:not(#\9) {
529
529
  grid-column-start: 2;
530
530
  }
531
- .awsui_container_hyvsj_1sg6g_497.awsui_disable-content-paddings_hyvsj_1sg6g_523.awsui_is-tools-open_hyvsj_1sg6g_531:not(#\9), .awsui_container_hyvsj_1sg6g_497.awsui_disable-content-paddings_hyvsj_1sg6g_523.awsui_is-split-panel-open_hyvsj_1sg6g_531.awsui_split-panel-position-side_hyvsj_1sg6g_531:not(#\9) {
531
+ .awsui_container_hyvsj_ecp2y_497.awsui_disable-content-paddings_hyvsj_ecp2y_523.awsui_is-tools-open_hyvsj_ecp2y_531:not(#\9), .awsui_container_hyvsj_ecp2y_497.awsui_disable-content-paddings_hyvsj_ecp2y_523.awsui_is-split-panel-open_hyvsj_ecp2y_531.awsui_split-panel-position-side_hyvsj_ecp2y_531:not(#\9) {
532
532
  grid-column-end: 5;
533
533
  }
534
534
  }
535
535
  @media (min-width: 689px) {
536
- .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523) {
536
+ .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523) {
537
537
  /*
538
538
  Notifications is the previous adjacent sibling to the Main in
539
539
  desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -548,18 +548,18 @@ when the navigation or tools drawers are open in responsive viewports.
548
548
  sibling to the Main which requires no top padding.
549
549
  */
550
550
  }
551
- .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_content-type-default_hyvsj_1sg6g_551.awsui_has-notifications-content_hyvsj_1sg6g_173:not(.awsui_has-breadcrumbs_hyvsj_1sg6g_166):not(.awsui_has-header_hyvsj_1sg6g_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sg6g_179), .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_content-type-form_hyvsj_1sg6g_551.awsui_has-notifications-content_hyvsj_1sg6g_173:not(.awsui_has-breadcrumbs_hyvsj_1sg6g_166):not(.awsui_has-header_hyvsj_1sg6g_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sg6g_179) {
551
+ .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_content-type-default_hyvsj_ecp2y_551.awsui_has-notifications-content_hyvsj_ecp2y_173:not(.awsui_has-breadcrumbs_hyvsj_ecp2y_166):not(.awsui_has-header_hyvsj_ecp2y_179):not(.awsui_has-dynamic-overlap-height_hyvsj_ecp2y_179), .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_content-type-form_hyvsj_ecp2y_551.awsui_has-notifications-content_hyvsj_ecp2y_173:not(.awsui_has-breadcrumbs_hyvsj_ecp2y_166):not(.awsui_has-header_hyvsj_ecp2y_179):not(.awsui_has-dynamic-overlap-height_hyvsj_ecp2y_179) {
552
552
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
553
553
  }
554
- .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_content-type-default_hyvsj_1sg6g_551:not(.awsui_has-notifications-content_hyvsj_1sg6g_173):not(.awsui_has-breadcrumbs_hyvsj_1sg6g_166):not(.awsui_has-header_hyvsj_1sg6g_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sg6g_179), .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_content-type-form_hyvsj_1sg6g_551:not(.awsui_has-notifications-content_hyvsj_1sg6g_173):not(.awsui_has-breadcrumbs_hyvsj_1sg6g_166):not(.awsui_has-header_hyvsj_1sg6g_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sg6g_179) {
554
+ .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_content-type-default_hyvsj_ecp2y_551:not(.awsui_has-notifications-content_hyvsj_ecp2y_173):not(.awsui_has-breadcrumbs_hyvsj_ecp2y_166):not(.awsui_has-header_hyvsj_ecp2y_179):not(.awsui_has-dynamic-overlap-height_hyvsj_ecp2y_179), .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_content-type-form_hyvsj_ecp2y_551:not(.awsui_has-notifications-content_hyvsj_ecp2y_173):not(.awsui_has-breadcrumbs_hyvsj_ecp2y_166):not(.awsui_has-header_hyvsj_ecp2y_179):not(.awsui_has-dynamic-overlap-height_hyvsj_ecp2y_179) {
555
555
  padding-top: var(--space-scaled-xs-6859qs, 8px);
556
556
  }
557
- .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_has-header_hyvsj_1sg6g_179, .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_has-dynamic-overlap-height_hyvsj_1sg6g_179 {
557
+ .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_has-header_hyvsj_ecp2y_179, .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_has-dynamic-overlap-height_hyvsj_ecp2y_179 {
558
558
  padding-top: 0;
559
559
  }
560
560
  }
561
561
  @media (max-width: 688px) {
562
- .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523) {
562
+ .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523) {
563
563
  /*
564
564
  If the Notifications exist but the Header does not then the
565
565
  Notifications is the previous adjacent sibling to the Main
@@ -574,22 +574,22 @@ when the navigation or tools drawers are open in responsive viewports.
574
574
  sibling to the Main which requires no top padding.
575
575
  */
576
576
  }
577
- .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_content-type-default_hyvsj_1sg6g_551.awsui_has-notifications-content_hyvsj_1sg6g_173:not(.awsui_has-header_hyvsj_1sg6g_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sg6g_179), .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_content-type-form_hyvsj_1sg6g_551.awsui_has-notifications-content_hyvsj_1sg6g_173:not(.awsui_has-header_hyvsj_1sg6g_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sg6g_179) {
577
+ .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_content-type-default_hyvsj_ecp2y_551.awsui_has-notifications-content_hyvsj_ecp2y_173:not(.awsui_has-header_hyvsj_ecp2y_179):not(.awsui_has-dynamic-overlap-height_hyvsj_ecp2y_179), .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_content-type-form_hyvsj_ecp2y_551.awsui_has-notifications-content_hyvsj_ecp2y_173:not(.awsui_has-header_hyvsj_ecp2y_179):not(.awsui_has-dynamic-overlap-height_hyvsj_ecp2y_179) {
578
578
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
579
579
  }
580
- .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_content-type-default_hyvsj_1sg6g_551:not(.awsui_has-notifications-content_hyvsj_1sg6g_173):not(.awsui_has-header_hyvsj_1sg6g_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sg6g_179), .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_content-type-form_hyvsj_1sg6g_551:not(.awsui_has-notifications-content_hyvsj_1sg6g_173):not(.awsui_has-header_hyvsj_1sg6g_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1sg6g_179) {
580
+ .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_content-type-default_hyvsj_ecp2y_551:not(.awsui_has-notifications-content_hyvsj_ecp2y_173):not(.awsui_has-header_hyvsj_ecp2y_179):not(.awsui_has-dynamic-overlap-height_hyvsj_ecp2y_179), .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_content-type-form_hyvsj_ecp2y_551:not(.awsui_has-notifications-content_hyvsj_ecp2y_173):not(.awsui_has-header_hyvsj_ecp2y_179):not(.awsui_has-dynamic-overlap-height_hyvsj_ecp2y_179) {
581
581
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
582
582
  }
583
- .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_has-header_hyvsj_1sg6g_179, .awsui_container_hyvsj_1sg6g_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1sg6g_523).awsui_has-dynamic-overlap-height_hyvsj_1sg6g_179 {
583
+ .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_has-header_hyvsj_ecp2y_179, .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523).awsui_has-dynamic-overlap-height_hyvsj_ecp2y_179 {
584
584
  padding-top: 0;
585
585
  }
586
586
  }
587
- .awsui_container_hyvsj_1sg6g_497.awsui_content-type-cards_hyvsj_1sg6g_183:not(#\9), .awsui_container_hyvsj_1sg6g_497.awsui_content-type-table_hyvsj_1sg6g_184:not(#\9), .awsui_container_hyvsj_1sg6g_497.awsui_content-type-wizard_hyvsj_1sg6g_180:not(#\9) {
587
+ .awsui_container_hyvsj_ecp2y_497.awsui_content-type-cards_hyvsj_ecp2y_183:not(#\9), .awsui_container_hyvsj_ecp2y_497.awsui_content-type-table_hyvsj_ecp2y_184:not(#\9), .awsui_container_hyvsj_ecp2y_497.awsui_content-type-wizard_hyvsj_ecp2y_180:not(#\9) {
588
588
  padding-top: 0;
589
589
  }
590
590
 
591
591
  /* stylelint-disable-next-line selector-max-universal, selector-combinator-disallowed-list */
592
- .awsui_unfocusable_hyvsj_1sg6g_592 *:not(#\9) {
592
+ .awsui_unfocusable_hyvsj_ecp2y_592 *:not(#\9) {
593
593
  visibility: hidden !important;
594
594
  }
595
595
 
@@ -597,7 +597,7 @@ when the navigation or tools drawers are open in responsive viewports.
597
597
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
598
598
  SPDX-License-Identifier: Apache-2.0
599
599
  */
600
- .awsui_navigation-container_hyvsj_1sg6g_600:not(#\9) {
600
+ .awsui_navigation-container_hyvsj_ecp2y_600:not(#\9) {
601
601
  --awsui-navigation-width-5mks97: 280px;
602
602
  display: flex;
603
603
  grid-column: 1;
@@ -619,12 +619,12 @@ when the navigation or tools drawers are open in responsive viewports.
619
619
  pointer-events: none;
620
620
  }
621
621
  @media (min-width: 2541px) {
622
- .awsui_navigation-container_hyvsj_1sg6g_600:not(#\9) {
622
+ .awsui_navigation-container_hyvsj_ecp2y_600:not(#\9) {
623
623
  --awsui-navigation-width-5mks97: 320px;
624
624
  }
625
625
  }
626
626
  @media (max-width: 688px) {
627
- .awsui_navigation-container_hyvsj_1sg6g_600:not(#\9) {
627
+ .awsui_navigation-container_hyvsj_ecp2y_600:not(#\9) {
628
628
  left: 0;
629
629
  position: fixed;
630
630
  top: var(--awsui-offset-top-5mks97);
@@ -632,14 +632,14 @@ when the navigation or tools drawers are open in responsive viewports.
632
632
  }
633
633
  }
634
634
 
635
- nav.awsui_show-navigation_hyvsj_1sg6g_635:not(#\9) {
635
+ nav.awsui_show-navigation_hyvsj_ecp2y_635:not(#\9) {
636
636
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
637
637
  /*
638
638
  Apply the animation only in desktop viewports because the AppBar will
639
639
  take control in responsive viewports.
640
640
  */
641
641
  }
642
- @keyframes awsui_showButtons_hyvsj_1sg6g_1 {
642
+ @keyframes awsui_showButtons_hyvsj_ecp2y_1 {
643
643
  0% {
644
644
  opacity: 0;
645
645
  }
@@ -647,31 +647,31 @@ nav.awsui_show-navigation_hyvsj_1sg6g_635:not(#\9) {
647
647
  opacity: 1;
648
648
  }
649
649
  }
650
- nav.awsui_show-navigation_hyvsj_1sg6g_635.awsui_is-navigation-open_hyvsj_1sg6g_528:not(#\9) {
650
+ nav.awsui_show-navigation_hyvsj_ecp2y_635.awsui_is-navigation-open_hyvsj_ecp2y_528:not(#\9) {
651
651
  display: none;
652
652
  }
653
653
  @media (min-width: 689px) {
654
- nav.awsui_show-navigation_hyvsj_1sg6g_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sg6g_528) {
654
+ nav.awsui_show-navigation_hyvsj_ecp2y_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_ecp2y_528) {
655
655
  display: block;
656
656
  }
657
- nav.awsui_show-navigation_hyvsj_1sg6g_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sg6g_528).awsui_animating_hyvsj_1sg6g_657 {
658
- animation: awsui_showButtons_hyvsj_1sg6g_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
657
+ nav.awsui_show-navigation_hyvsj_ecp2y_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_ecp2y_528).awsui_animating_hyvsj_ecp2y_657 {
658
+ animation: awsui_showButtons_hyvsj_ecp2y_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
659
659
  }
660
660
  }
661
661
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
662
- nav.awsui_show-navigation_hyvsj_1sg6g_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sg6g_528).awsui_animating_hyvsj_1sg6g_657 {
662
+ nav.awsui_show-navigation_hyvsj_ecp2y_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_ecp2y_528).awsui_animating_hyvsj_ecp2y_657 {
663
663
  animation: none;
664
664
  transition: none;
665
665
  }
666
666
  }
667
667
  @media (min-width: 689px) {
668
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1sg6g_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sg6g_528).awsui_animating_hyvsj_1sg6g_657, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1sg6g_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sg6g_528).awsui_animating_hyvsj_1sg6g_657 {
668
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_ecp2y_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_ecp2y_528).awsui_animating_hyvsj_ecp2y_657, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_ecp2y_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_ecp2y_528).awsui_animating_hyvsj_ecp2y_657 {
669
669
  animation: none;
670
670
  transition: none;
671
671
  }
672
672
  }
673
673
 
674
- nav.awsui_navigation_hyvsj_1sg6g_600:not(#\9) {
674
+ nav.awsui_navigation_hyvsj_ecp2y_600:not(#\9) {
675
675
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
676
676
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
677
677
  bottom: 0;
@@ -688,7 +688,7 @@ nav.awsui_navigation_hyvsj_1sg6g_600:not(#\9) {
688
688
  prevent unwanted text wrapping.
689
689
  */
690
690
  }
691
- @keyframes awsui_openNavigation_hyvsj_1sg6g_1 {
691
+ @keyframes awsui_openNavigation_hyvsj_ecp2y_1 {
692
692
  from {
693
693
  opacity: 0;
694
694
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -698,33 +698,33 @@ nav.awsui_navigation_hyvsj_1sg6g_600:not(#\9) {
698
698
  width: var(--awsui-navigation-width-5mks97);
699
699
  }
700
700
  }
701
- nav.awsui_navigation_hyvsj_1sg6g_600:not(#\9):not(.awsui_is-navigation-open_hyvsj_1sg6g_528) {
701
+ nav.awsui_navigation_hyvsj_ecp2y_600:not(#\9):not(.awsui_is-navigation-open_hyvsj_ecp2y_528) {
702
702
  width: 0;
703
703
  display: none;
704
704
  }
705
- nav.awsui_navigation_hyvsj_1sg6g_600.awsui_is-navigation-open_hyvsj_1sg6g_528.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
706
- animation: awsui_openNavigation_hyvsj_1sg6g_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
705
+ nav.awsui_navigation_hyvsj_ecp2y_600.awsui_is-navigation-open_hyvsj_ecp2y_528.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
706
+ animation: awsui_openNavigation_hyvsj_ecp2y_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
707
707
  }
708
708
  @media (prefers-reduced-motion: reduce) {
709
- nav.awsui_navigation_hyvsj_1sg6g_600.awsui_is-navigation-open_hyvsj_1sg6g_528.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
709
+ nav.awsui_navigation_hyvsj_ecp2y_600.awsui_is-navigation-open_hyvsj_ecp2y_528.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
710
710
  animation: none;
711
711
  transition: none;
712
712
  }
713
713
  }
714
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_1sg6g_600.awsui_is-navigation-open_hyvsj_1sg6g_528.awsui_animating_hyvsj_1sg6g_657:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1sg6g_600.awsui_is-navigation-open_hyvsj_1sg6g_528.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
714
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_ecp2y_600.awsui_is-navigation-open_hyvsj_ecp2y_528.awsui_animating_hyvsj_ecp2y_657:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_ecp2y_600.awsui_is-navigation-open_hyvsj_ecp2y_528.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
715
715
  animation: none;
716
716
  transition: none;
717
717
  }
718
- nav.awsui_navigation_hyvsj_1sg6g_600 > .awsui_animated-content_hyvsj_1sg6g_718:not(#\9) {
718
+ nav.awsui_navigation_hyvsj_ecp2y_600 > .awsui_animated-content_hyvsj_ecp2y_718:not(#\9) {
719
719
  width: var(--awsui-navigation-width-5mks97);
720
720
  }
721
721
  @media (max-width: 688px) {
722
- nav.awsui_navigation_hyvsj_1sg6g_600:not(#\9) {
722
+ nav.awsui_navigation_hyvsj_ecp2y_600:not(#\9) {
723
723
  --awsui-navigation-width-5mks97: 100vw;
724
724
  }
725
725
  }
726
726
 
727
- .awsui_hide-navigation_hyvsj_1sg6g_727:not(#\9) {
727
+ .awsui_hide-navigation_hyvsj_ecp2y_727:not(#\9) {
728
728
  position: absolute;
729
729
  right: var(--space-m-17eucw, 16px);
730
730
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -734,7 +734,7 @@ nav.awsui_navigation_hyvsj_1sg6g_600 > .awsui_animated-content_hyvsj_1sg6g_718:n
734
734
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
735
735
  SPDX-License-Identifier: Apache-2.0
736
736
  */
737
- .awsui_notifications_hyvsj_1sg6g_224:not(#\9) {
737
+ .awsui_notifications_hyvsj_ecp2y_224:not(#\9) {
738
738
  grid-column: 3;
739
739
  grid-row: 1;
740
740
  z-index: 825;
@@ -751,30 +751,30 @@ nav.awsui_navigation_hyvsj_1sg6g_600 > .awsui_animated-content_hyvsj_1sg6g_718:n
751
751
  */
752
752
  }
753
753
  @media (min-width: 689px) {
754
- .awsui_notifications_hyvsj_1sg6g_224:not(#\9) {
754
+ .awsui_notifications_hyvsj_ecp2y_224:not(#\9) {
755
755
  margin: var(--space-xs-rsr2qu, 8px) 0;
756
756
  /*
757
757
  var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
758
758
  calculation in the layout CSS.
759
759
  */
760
760
  }
761
- .awsui_notifications_hyvsj_1sg6g_224.awsui_sticky-notifications_hyvsj_1sg6g_236:not(#\9) {
761
+ .awsui_notifications_hyvsj_ecp2y_224.awsui_sticky-notifications_hyvsj_ecp2y_236:not(#\9) {
762
762
  position: sticky;
763
763
  top: calc(var(--awsui-offset-top-5mks97) + var(--space-xs-rsr2qu, 8px));
764
764
  }
765
- .awsui_notifications_hyvsj_1sg6g_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_1sg6g_173) {
765
+ .awsui_notifications_hyvsj_ecp2y_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_ecp2y_173) {
766
766
  margin: 0;
767
767
  }
768
768
  }
769
769
  @media (max-width: 688px) {
770
- .awsui_notifications_hyvsj_1sg6g_224:not(#\9) {
770
+ .awsui_notifications_hyvsj_ecp2y_224:not(#\9) {
771
771
  grid-row: 2;
772
772
  margin: var(--space-scaled-s-cu1hzn, 12px) 0;
773
773
  }
774
- .awsui_notifications_hyvsj_1sg6g_224.awsui_sticky-notifications_hyvsj_1sg6g_236:not(#\9) {
774
+ .awsui_notifications_hyvsj_ecp2y_224.awsui_sticky-notifications_hyvsj_ecp2y_236:not(#\9) {
775
775
  position: static;
776
776
  }
777
- .awsui_notifications_hyvsj_1sg6g_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_1sg6g_173) {
777
+ .awsui_notifications_hyvsj_ecp2y_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_ecp2y_173) {
778
778
  margin: 0;
779
779
  }
780
780
  }
@@ -789,7 +789,7 @@ as the content area. This row is defined as 1 fractional unit which will
789
789
  consume the remaining vertical space in the grid after the notifications
790
790
  and breadcrumbs.
791
791
  */
792
- section.awsui_split-panel-bottom_hyvsj_1sg6g_792:not(#\9) {
792
+ section.awsui_split-panel-bottom_hyvsj_ecp2y_792:not(#\9) {
793
793
  /*
794
794
  The align self property will position the split panel at the bottom of the grid row.
795
795
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -824,7 +824,7 @@ section.awsui_split-panel-bottom_hyvsj_1sg6g_792:not(#\9) {
824
824
  apply the animation to the height property.
825
825
  */
826
826
  }
827
- @keyframes awsui_openSplitPanelBottom_hyvsj_1sg6g_1 {
827
+ @keyframes awsui_openSplitPanelBottom_hyvsj_ecp2y_1 {
828
828
  from {
829
829
  height: var(--awsui-split-panel-reported-header-size-5mks97, 0);
830
830
  }
@@ -832,39 +832,39 @@ section.awsui_split-panel-bottom_hyvsj_1sg6g_792:not(#\9) {
832
832
  height: var(--awsui-split-panel-reported-size-5mks97);
833
833
  }
834
834
  }
835
- section.awsui_split-panel-bottom_hyvsj_1sg6g_792.awsui_disable-body-scroll_hyvsj_1sg6g_441:not(#\9) {
835
+ section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_disable-body-scroll_hyvsj_ecp2y_441:not(#\9) {
836
836
  bottom: 0;
837
837
  }
838
- section.awsui_split-panel-bottom_hyvsj_1sg6g_792.awsui_is-navigation-open_hyvsj_1sg6g_528.awsui_position-bottom_hyvsj_1sg6g_838:not(#\9) {
838
+ section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_is-navigation-open_hyvsj_ecp2y_528.awsui_position-bottom_hyvsj_ecp2y_838:not(#\9) {
839
839
  grid-column-start: 2;
840
840
  }
841
- section.awsui_split-panel-bottom_hyvsj_1sg6g_792.awsui_is-tools-open_hyvsj_1sg6g_531.awsui_position-bottom_hyvsj_1sg6g_838:not(#\9) {
841
+ section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_is-tools-open_hyvsj_ecp2y_531.awsui_position-bottom_hyvsj_ecp2y_838:not(#\9) {
842
842
  grid-column-end: 5;
843
843
  }
844
- section.awsui_split-panel-bottom_hyvsj_1sg6g_792.awsui_position-bottom_hyvsj_1sg6g_838:not(#\9) {
844
+ section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_position-bottom_hyvsj_ecp2y_838:not(#\9) {
845
845
  display: block;
846
846
  }
847
- section.awsui_split-panel-bottom_hyvsj_1sg6g_792:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1sg6g_531).awsui_position-bottom_hyvsj_1sg6g_838 {
847
+ section.awsui_split-panel-bottom_hyvsj_ecp2y_792:not(#\9):not(.awsui_is-split-panel-open_hyvsj_ecp2y_531).awsui_position-bottom_hyvsj_ecp2y_838 {
848
848
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
849
849
  }
850
- section.awsui_split-panel-bottom_hyvsj_1sg6g_792.awsui_is-split-panel-open_hyvsj_1sg6g_531.awsui_position-bottom_hyvsj_1sg6g_838:not(#\9) {
850
+ section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_is-split-panel-open_hyvsj_ecp2y_531.awsui_position-bottom_hyvsj_ecp2y_838:not(#\9) {
851
851
  box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
852
852
  }
853
- section.awsui_split-panel-bottom_hyvsj_1sg6g_792.awsui_is-split-panel-open_hyvsj_1sg6g_531.awsui_position-bottom_hyvsj_1sg6g_838.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
854
- animation: awsui_openSplitPanelBottom_hyvsj_1sg6g_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
853
+ section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_is-split-panel-open_hyvsj_ecp2y_531.awsui_position-bottom_hyvsj_ecp2y_838.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
854
+ animation: awsui_openSplitPanelBottom_hyvsj_ecp2y_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
855
855
  }
856
856
  @media (prefers-reduced-motion: reduce) {
857
- section.awsui_split-panel-bottom_hyvsj_1sg6g_792.awsui_is-split-panel-open_hyvsj_1sg6g_531.awsui_position-bottom_hyvsj_1sg6g_838.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
857
+ section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_is-split-panel-open_hyvsj_ecp2y_531.awsui_position-bottom_hyvsj_ecp2y_838.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
858
858
  animation: none;
859
859
  transition: none;
860
860
  }
861
861
  }
862
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1sg6g_792.awsui_is-split-panel-open_hyvsj_1sg6g_531.awsui_position-bottom_hyvsj_1sg6g_838.awsui_animating_hyvsj_1sg6g_657:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1sg6g_792.awsui_is-split-panel-open_hyvsj_1sg6g_531.awsui_position-bottom_hyvsj_1sg6g_838.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
862
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_is-split-panel-open_hyvsj_ecp2y_531.awsui_position-bottom_hyvsj_ecp2y_838.awsui_animating_hyvsj_ecp2y_657:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_is-split-panel-open_hyvsj_ecp2y_531.awsui_position-bottom_hyvsj_ecp2y_838.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
863
863
  animation: none;
864
864
  transition: none;
865
865
  }
866
866
 
867
- section.awsui_split-panel-side_hyvsj_1sg6g_867:not(#\9) {
867
+ section.awsui_split-panel-side_hyvsj_ecp2y_867:not(#\9) {
868
868
  height: 100%;
869
869
  overflow-x: hidden;
870
870
  pointer-events: auto;
@@ -879,7 +879,7 @@ section.awsui_split-panel-side_hyvsj_1sg6g_867:not(#\9) {
879
879
  prevent unwanted text wrapping.
880
880
  */
881
881
  }
882
- @keyframes awsui_openSplitPanelSide_hyvsj_1sg6g_1 {
882
+ @keyframes awsui_openSplitPanelSide_hyvsj_ecp2y_1 {
883
883
  from {
884
884
  opacity: 0;
885
885
  width: var(--awsui-split-panel-min-width-5mks97, 280px);
@@ -889,28 +889,28 @@ section.awsui_split-panel-side_hyvsj_1sg6g_867:not(#\9) {
889
889
  width: var(--awsui-split-panel-reported-size-5mks97);
890
890
  }
891
891
  }
892
- section.awsui_split-panel-side_hyvsj_1sg6g_867:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1sg6g_531), section.awsui_split-panel-side_hyvsj_1sg6g_867.awsui_position-bottom_hyvsj_1sg6g_838:not(#\9) {
892
+ section.awsui_split-panel-side_hyvsj_ecp2y_867:not(#\9):not(.awsui_is-split-panel-open_hyvsj_ecp2y_531), section.awsui_split-panel-side_hyvsj_ecp2y_867.awsui_position-bottom_hyvsj_ecp2y_838:not(#\9) {
893
893
  width: 0;
894
894
  }
895
- section.awsui_split-panel-side_hyvsj_1sg6g_867.awsui_is-split-panel-open_hyvsj_1sg6g_531.awsui_position-side_hyvsj_1sg6g_895:not(#\9) {
895
+ section.awsui_split-panel-side_hyvsj_ecp2y_867.awsui_is-split-panel-open_hyvsj_ecp2y_531.awsui_position-side_hyvsj_ecp2y_895:not(#\9) {
896
896
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
897
897
  max-width: var(--awsui-split-panel-max-width-5mks97, 280px);
898
898
  min-width: var(--awsui-split-panel-min-width-5mks97, 280px);
899
899
  }
900
- section.awsui_split-panel-side_hyvsj_1sg6g_867.awsui_is-split-panel-open_hyvsj_1sg6g_531.awsui_position-side_hyvsj_1sg6g_895.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
901
- animation: awsui_openSplitPanelSide_hyvsj_1sg6g_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
900
+ section.awsui_split-panel-side_hyvsj_ecp2y_867.awsui_is-split-panel-open_hyvsj_ecp2y_531.awsui_position-side_hyvsj_ecp2y_895.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
901
+ animation: awsui_openSplitPanelSide_hyvsj_ecp2y_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
902
902
  }
903
903
  @media (prefers-reduced-motion: reduce) {
904
- section.awsui_split-panel-side_hyvsj_1sg6g_867.awsui_is-split-panel-open_hyvsj_1sg6g_531.awsui_position-side_hyvsj_1sg6g_895.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
904
+ section.awsui_split-panel-side_hyvsj_ecp2y_867.awsui_is-split-panel-open_hyvsj_ecp2y_531.awsui_position-side_hyvsj_ecp2y_895.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
905
905
  animation: none;
906
906
  transition: none;
907
907
  }
908
908
  }
909
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1sg6g_867.awsui_is-split-panel-open_hyvsj_1sg6g_531.awsui_position-side_hyvsj_1sg6g_895.awsui_animating_hyvsj_1sg6g_657:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1sg6g_867.awsui_is-split-panel-open_hyvsj_1sg6g_531.awsui_position-side_hyvsj_1sg6g_895.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
909
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_ecp2y_867.awsui_is-split-panel-open_hyvsj_ecp2y_531.awsui_position-side_hyvsj_ecp2y_895.awsui_animating_hyvsj_ecp2y_657:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_ecp2y_867.awsui_is-split-panel-open_hyvsj_ecp2y_531.awsui_position-side_hyvsj_ecp2y_895.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
910
910
  animation: none;
911
911
  transition: none;
912
912
  }
913
- section.awsui_split-panel-side_hyvsj_1sg6g_867 > .awsui_animated-content_hyvsj_1sg6g_718:not(#\9) {
913
+ section.awsui_split-panel-side_hyvsj_ecp2y_867 > .awsui_animated-content_hyvsj_ecp2y_718:not(#\9) {
914
914
  height: 100%;
915
915
  max-width: inherit;
916
916
  width: var(--awsui-split-panel-reported-size-5mks97);
@@ -929,7 +929,7 @@ content width has a default value that can be set directly with the minContentWi
929
929
  property. The content gap right is computed in the Layout styles based on the
930
930
  viewport size and state of the Tools drawer.
931
931
  */
932
- .awsui_tools-container_hyvsj_1sg6g_932:not(#\9) {
932
+ .awsui_tools-container_hyvsj_ecp2y_932:not(#\9) {
933
933
  /* stylelint-disable scss/operator-no-newline-after */
934
934
  --awsui-tools-max-width-5mks97: calc(var(--awsui-layout-width-5mks97) - var(--awsui-main-offset-left-5mks97) - var(--awsui-default-min-content-width-5mks97) - var(--awsui-content-gap-right-5mks97));
935
935
  /* stylelint-enable scss/operator-no-newline-after */
@@ -945,12 +945,12 @@ viewport size and state of the Tools drawer.
945
945
  pointer-events: none;
946
946
  }
947
947
  @media (min-width: 2541px) {
948
- .awsui_tools-container_hyvsj_1sg6g_932:not(#\9) {
948
+ .awsui_tools-container_hyvsj_ecp2y_932:not(#\9) {
949
949
  --awsui-tools-width-5mks97: 360px;
950
950
  }
951
951
  }
952
952
  @media (max-width: 688px) {
953
- .awsui_tools-container_hyvsj_1sg6g_932:not(#\9) {
953
+ .awsui_tools-container_hyvsj_ecp2y_932:not(#\9) {
954
954
  --awsui-tools-max-width-5mks97: none;
955
955
  --awsui-tools-width-5mks97: auto;
956
956
  position: fixed;
@@ -960,7 +960,7 @@ viewport size and state of the Tools drawer.
960
960
  }
961
961
  }
962
962
 
963
- .awsui_tools_hyvsj_1sg6g_932:not(#\9) {
963
+ .awsui_tools_hyvsj_ecp2y_932:not(#\9) {
964
964
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
965
965
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
966
966
  flex-shrink: 0;
@@ -983,7 +983,7 @@ viewport size and state of the Tools drawer.
983
983
  in the side position.
984
984
  */
985
985
  }
986
- @keyframes awsui_openTools_hyvsj_1sg6g_1 {
986
+ @keyframes awsui_openTools_hyvsj_ecp2y_1 {
987
987
  from {
988
988
  opacity: var(--awsui-tools-animation-starting-opacity-5mks97, 0);
989
989
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -993,38 +993,38 @@ viewport size and state of the Tools drawer.
993
993
  width: var(--awsui-tools-width-5mks97);
994
994
  }
995
995
  }
996
- .awsui_tools_hyvsj_1sg6g_932:not(#\9):not(.awsui_is-tools-open_hyvsj_1sg6g_531) {
996
+ .awsui_tools_hyvsj_ecp2y_932:not(#\9):not(.awsui_is-tools-open_hyvsj_ecp2y_531) {
997
997
  width: 0;
998
998
  display: none;
999
999
  }
1000
- .awsui_tools_hyvsj_1sg6g_932.awsui_is-tools-open_hyvsj_1sg6g_531.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
1001
- animation: awsui_openTools_hyvsj_1sg6g_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1000
+ .awsui_tools_hyvsj_ecp2y_932.awsui_is-tools-open_hyvsj_ecp2y_531.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
1001
+ animation: awsui_openTools_hyvsj_ecp2y_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1002
1002
  }
1003
1003
  @media (prefers-reduced-motion: reduce) {
1004
- .awsui_tools_hyvsj_1sg6g_932.awsui_is-tools-open_hyvsj_1sg6g_531.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
1004
+ .awsui_tools_hyvsj_ecp2y_932.awsui_is-tools-open_hyvsj_ecp2y_531.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
1005
1005
  animation: none;
1006
1006
  transition: none;
1007
1007
  }
1008
1008
  }
1009
- .awsui-motion-disabled .awsui_tools_hyvsj_1sg6g_932.awsui_is-tools-open_hyvsj_1sg6g_531.awsui_animating_hyvsj_1sg6g_657:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1sg6g_932.awsui_is-tools-open_hyvsj_1sg6g_531.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
1009
+ .awsui-motion-disabled .awsui_tools_hyvsj_ecp2y_932.awsui_is-tools-open_hyvsj_ecp2y_531.awsui_animating_hyvsj_ecp2y_657:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_ecp2y_932.awsui_is-tools-open_hyvsj_ecp2y_531.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
1010
1010
  animation: none;
1011
1011
  transition: none;
1012
1012
  }
1013
- .awsui_tools_hyvsj_1sg6g_932 > .awsui_animated-content_hyvsj_1sg6g_718:not(#\9) {
1013
+ .awsui_tools_hyvsj_ecp2y_932 > .awsui_animated-content_hyvsj_ecp2y_718:not(#\9) {
1014
1014
  width: var(--awsui-tools-width-5mks97);
1015
1015
  }
1016
1016
  @media (min-width: 689px) {
1017
- .awsui_tools_hyvsj_1sg6g_932.awsui_is-tools-open_hyvsj_1sg6g_531.awsui_has-tools-form-persistence_hyvsj_1sg6g_1017:not(#\9) {
1017
+ .awsui_tools_hyvsj_ecp2y_932.awsui_is-tools-open_hyvsj_ecp2y_531.awsui_has-tools-form-persistence_hyvsj_ecp2y_1017:not(#\9) {
1018
1018
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
1019
1019
  }
1020
1020
  }
1021
1021
  @media (max-width: 688px) {
1022
- .awsui_tools_hyvsj_1sg6g_932:not(#\9) {
1022
+ .awsui_tools_hyvsj_ecp2y_932:not(#\9) {
1023
1023
  --awsui-tools-width-5mks97: 100vw;
1024
1024
  }
1025
1025
  }
1026
1026
 
1027
- .awsui_hide-tools_hyvsj_1sg6g_1027:not(#\9) {
1027
+ .awsui_hide-tools_hyvsj_ecp2y_1027:not(#\9) {
1028
1028
  position: absolute;
1029
1029
  right: var(--space-m-17eucw, 16px);
1030
1030
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -1036,7 +1036,7 @@ Warning! If these design tokens for padding change it will adversely impact
1036
1036
  the calculation used to determine the Split Panel maximum width in the
1037
1037
  handleSplitPanelMaxWidth function in the context.
1038
1038
  */
1039
- .awsui_show-tools_hyvsj_1sg6g_1039:not(#\9) {
1039
+ .awsui_show-tools_hyvsj_ecp2y_1039:not(#\9) {
1040
1040
  box-sizing: border-box;
1041
1041
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
1042
1042
  /*
@@ -1044,7 +1044,7 @@ handleSplitPanelMaxWidth function in the context.
1044
1044
  take control in responsive viewports.
1045
1045
  */
1046
1046
  }
1047
- @keyframes awsui_showButtons_hyvsj_1sg6g_1 {
1047
+ @keyframes awsui_showButtons_hyvsj_ecp2y_1 {
1048
1048
  0% {
1049
1049
  opacity: 0;
1050
1050
  }
@@ -1052,33 +1052,33 @@ handleSplitPanelMaxWidth function in the context.
1052
1052
  opacity: 1;
1053
1053
  }
1054
1054
  }
1055
- .awsui_show-tools_hyvsj_1sg6g_1039:not(#\9):not(.awsui_has-tools-form_hyvsj_1sg6g_1017) {
1055
+ .awsui_show-tools_hyvsj_ecp2y_1039:not(#\9):not(.awsui_has-tools-form_hyvsj_ecp2y_1017) {
1056
1056
  display: none;
1057
1057
  }
1058
1058
  @media (min-width: 689px) {
1059
- .awsui_show-tools_hyvsj_1sg6g_1039.awsui_has-tools-form_hyvsj_1sg6g_1017:not(#\9) {
1059
+ .awsui_show-tools_hyvsj_ecp2y_1039.awsui_has-tools-form_hyvsj_ecp2y_1017:not(#\9) {
1060
1060
  display: flex;
1061
1061
  flex-direction: column;
1062
1062
  gap: var(--space-xs-rsr2qu, 8px);
1063
1063
  }
1064
- .awsui_show-tools_hyvsj_1sg6g_1039.awsui_has-tools-form_hyvsj_1sg6g_1017.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
1065
- animation: awsui_showButtons_hyvsj_1sg6g_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1064
+ .awsui_show-tools_hyvsj_ecp2y_1039.awsui_has-tools-form_hyvsj_ecp2y_1017.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
1065
+ animation: awsui_showButtons_hyvsj_ecp2y_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1066
1066
  }
1067
1067
  }
1068
1068
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1069
- .awsui_show-tools_hyvsj_1sg6g_1039.awsui_has-tools-form_hyvsj_1sg6g_1017.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
1069
+ .awsui_show-tools_hyvsj_ecp2y_1039.awsui_has-tools-form_hyvsj_ecp2y_1017.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
1070
1070
  animation: none;
1071
1071
  transition: none;
1072
1072
  }
1073
1073
  }
1074
1074
  @media (min-width: 689px) {
1075
- .awsui-motion-disabled .awsui_show-tools_hyvsj_1sg6g_1039.awsui_has-tools-form_hyvsj_1sg6g_1017.awsui_animating_hyvsj_1sg6g_657:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1sg6g_1039.awsui_has-tools-form_hyvsj_1sg6g_1017.awsui_animating_hyvsj_1sg6g_657:not(#\9) {
1075
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_ecp2y_1039.awsui_has-tools-form_hyvsj_ecp2y_1017.awsui_animating_hyvsj_ecp2y_657:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_ecp2y_1039.awsui_has-tools-form_hyvsj_ecp2y_1017.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
1076
1076
  animation: none;
1077
1077
  transition: none;
1078
1078
  }
1079
1079
  }
1080
1080
  @media (min-width: 689px) {
1081
- .awsui_show-tools_hyvsj_1sg6g_1039.awsui_has-tools-form-persistence_hyvsj_1sg6g_1017:not(#\9) {
1081
+ .awsui_show-tools_hyvsj_ecp2y_1039.awsui_has-tools-form-persistence_hyvsj_ecp2y_1017:not(#\9) {
1082
1082
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
1083
1083
  z-index: 1;
1084
1084
  }
@@ -1093,7 +1093,7 @@ Warning! If these design tokens for width change it will adversely impact
1093
1093
  the calculation used to determine the Split Panel maximum width in the
1094
1094
  handleSplitPanelMaxWidth function in the context.
1095
1095
  */
1096
- .awsui_trigger_hyvsj_1sg6g_1096:not(#\9) {
1096
+ .awsui_trigger_hyvsj_ecp2y_1096:not(#\9) {
1097
1097
  background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
1098
1098
  border: none;
1099
1099
  border-radius: 50%;
@@ -1105,14 +1105,14 @@ handleSplitPanelMaxWidth function in the context.
1105
1105
  width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
1106
1106
  pointer-events: auto;
1107
1107
  }
1108
- .awsui_trigger_hyvsj_1sg6g_1096[data-awsui-focus-visible=true]:not(#\9):focus {
1108
+ .awsui_trigger_hyvsj_ecp2y_1096[data-awsui-focus-visible=true]:not(#\9):focus {
1109
1109
  position: relative;
1110
1110
  }
1111
- .awsui_trigger_hyvsj_1sg6g_1096[data-awsui-focus-visible=true]:not(#\9):focus {
1111
+ .awsui_trigger_hyvsj_ecp2y_1096[data-awsui-focus-visible=true]:not(#\9):focus {
1112
1112
  outline: 2px dotted transparent;
1113
1113
  outline-offset: calc(3px - 1px);
1114
1114
  }
1115
- .awsui_trigger_hyvsj_1sg6g_1096[data-awsui-focus-visible=true]:not(#\9):focus::before {
1115
+ .awsui_trigger_hyvsj_ecp2y_1096[data-awsui-focus-visible=true]:not(#\9):focus::before {
1116
1116
  content: " ";
1117
1117
  display: block;
1118
1118
  position: absolute;
@@ -1123,23 +1123,23 @@ handleSplitPanelMaxWidth function in the context.
1123
1123
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
1124
1124
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
1125
1125
  }
1126
- .awsui_trigger_hyvsj_1sg6g_1096:not(#\9):focus {
1126
+ .awsui_trigger_hyvsj_ecp2y_1096:not(#\9):focus {
1127
1127
  outline: none;
1128
1128
  }
1129
- .awsui_trigger_hyvsj_1sg6g_1096:not(#\9):hover {
1129
+ .awsui_trigger_hyvsj_ecp2y_1096:not(#\9):hover {
1130
1130
  background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
1131
1131
  }
1132
- .awsui_trigger_hyvsj_1sg6g_1096:not(#\9):active {
1132
+ .awsui_trigger_hyvsj_ecp2y_1096:not(#\9):active {
1133
1133
  background: var(--color-background-layout-toggle-active-d15dki, #354150);
1134
1134
  }
1135
- .awsui_trigger_hyvsj_1sg6g_1096.awsui_selected_hyvsj_1sg6g_1135:not(#\9) {
1135
+ .awsui_trigger_hyvsj_ecp2y_1096.awsui_selected_hyvsj_ecp2y_1135:not(#\9) {
1136
1136
  background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
1137
1137
  color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
1138
1138
  }
1139
- .awsui_trigger_hyvsj_1sg6g_1096.awsui_selected_hyvsj_1sg6g_1135:not(#\9):hover {
1139
+ .awsui_trigger_hyvsj_ecp2y_1096.awsui_selected_hyvsj_ecp2y_1135:not(#\9):hover {
1140
1140
  background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
1141
1141
  }
1142
- .awsui_trigger_hyvsj_1sg6g_1096.awsui_selected_hyvsj_1sg6g_1135:not(#\9):active {
1142
+ .awsui_trigger_hyvsj_ecp2y_1096.awsui_selected_hyvsj_ecp2y_1135:not(#\9):active {
1143
1143
  background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
1144
1144
  }
1145
1145