@cloudscape-design/components 3.0.172 → 3.0.174

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 (59) hide show
  1. package/app-layout/content-wrapper/index.d.ts +2 -0
  2. package/app-layout/content-wrapper/index.d.ts.map +1 -1
  3. package/app-layout/content-wrapper/index.js +2 -2
  4. package/app-layout/content-wrapper/index.js.map +1 -1
  5. package/app-layout/content-wrapper/styles.css.js +3 -2
  6. package/app-layout/content-wrapper/styles.scoped.css +26 -2
  7. package/app-layout/content-wrapper/styles.selectors.js +3 -2
  8. package/app-layout/defaults.d.ts.map +1 -1
  9. package/app-layout/defaults.js +1 -0
  10. package/app-layout/defaults.js.map +1 -1
  11. package/app-layout/drawer.d.ts +0 -1
  12. package/app-layout/drawer.d.ts.map +1 -1
  13. package/app-layout/drawer.js.map +1 -1
  14. package/app-layout/index.d.ts.map +1 -1
  15. package/app-layout/index.js +24 -17
  16. package/app-layout/index.js.map +1 -1
  17. package/app-layout/interfaces.d.ts +1 -1
  18. package/app-layout/interfaces.d.ts.map +1 -1
  19. package/app-layout/interfaces.js.map +1 -1
  20. package/app-layout/toggles/index.js +1 -1
  21. package/app-layout/toggles/index.js.map +1 -1
  22. package/app-layout/tools-and-split-panel.d.ts.map +1 -1
  23. package/app-layout/tools-and-split-panel.js +1 -1
  24. package/app-layout/tools-and-split-panel.js.map +1 -1
  25. package/app-layout/visual-refresh/app-bar.js +1 -1
  26. package/app-layout/visual-refresh/app-bar.js.map +1 -1
  27. package/app-layout/visual-refresh/context.d.ts +4 -0
  28. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  29. package/app-layout/visual-refresh/context.js +13 -8
  30. package/app-layout/visual-refresh/context.js.map +1 -1
  31. package/app-layout/visual-refresh/layout.js +8 -8
  32. package/app-layout/visual-refresh/layout.js.map +1 -1
  33. package/app-layout/visual-refresh/main.js +2 -2
  34. package/app-layout/visual-refresh/main.js.map +1 -1
  35. package/app-layout/visual-refresh/navigation.d.ts.map +1 -1
  36. package/app-layout/visual-refresh/navigation.js +1 -1
  37. package/app-layout/visual-refresh/navigation.js.map +1 -1
  38. package/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
  39. package/app-layout/visual-refresh/split-panel.js +3 -5
  40. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  41. package/app-layout/visual-refresh/styles.css.js +60 -60
  42. package/app-layout/visual-refresh/styles.scoped.css +164 -160
  43. package/app-layout/visual-refresh/styles.selectors.js +60 -60
  44. package/app-layout/visual-refresh/tools.d.ts.map +1 -1
  45. package/app-layout/visual-refresh/tools.js +6 -8
  46. package/app-layout/visual-refresh/tools.js.map +1 -1
  47. package/internal/context/split-panel-context.d.ts +5 -2
  48. package/internal/context/split-panel-context.d.ts.map +1 -1
  49. package/internal/context/split-panel-context.js.map +1 -1
  50. package/internal/environment.js +1 -1
  51. package/internal/manifest.json +1 -1
  52. package/package.json +1 -1
  53. package/split-panel/index.d.ts +1 -1
  54. package/split-panel/index.d.ts.map +1 -1
  55. package/split-panel/index.js +11 -8
  56. package/split-panel/index.js.map +1 -1
  57. package/split-panel/interfaces.d.ts +4 -0
  58. package/split-panel/interfaces.d.ts.map +1 -1
  59. package/split-panel/interfaces.js.map +1 -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_ecp2y_93:not(#\9) {
93
+ section.awsui_appbar_hyvsj_geabg_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_ecp2y_93:not(#\9) {
114
114
  span the entire column definition of the Layout grid.
115
115
  */
116
116
  }
117
- section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_appbar-nav_hyvsj_ecp2y_117:not(#\9) {
117
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-nav_hyvsj_geabg_117:not(#\9) {
118
118
  grid-column: 1;
119
119
  margin-right: var(--space-m-17eucw, 16px);
120
120
  }
121
- section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121:not(#\9) {
121
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_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_ecp2y_93 > .awsui_appbar-tools_hyvsj_ecp2y_125:not(#\9) {
125
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_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_ecp2y_93:not(#\9) {
130
+ section.awsui_appbar_hyvsj_geabg_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_ecp2y_93 > .awsui_appbar-tools_hyvsj_ecp2y_125:not(#\
163
163
  be lifted so it doesn't render behind the background element.
164
164
  */
165
165
  }
166
- section.awsui_appbar_hyvsj_ecp2y_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ecp2y_166) {
166
+ section.awsui_appbar_hyvsj_geabg_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_geabg_166) {
167
167
  display: none;
168
168
  }
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) {
169
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-nav_hyvsj_geabg_117:not(#\9),
170
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\9) {
171
171
  display: none;
172
172
  }
173
- section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_ecp2y_173) {
173
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173) {
174
174
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
175
175
  }
176
- section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121.awsui_has-notifications-content_hyvsj_ecp2y_173:not(#\9) {
176
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_has-notifications-content_hyvsj_geabg_173:not(#\9) {
177
177
  padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
178
178
  }
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 {
179
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179),
180
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9):not(.awsui_has-header_hyvsj_geabg_179).awsui_content-type-wizard_hyvsj_geabg_180 {
181
181
  padding-bottom: var(--space-m-17eucw, 16px);
182
182
  }
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) {
183
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_content-type-cards_hyvsj_geabg_183:not(#\9),
184
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_content-type-table_hyvsj_geabg_184:not(#\9) {
185
185
  padding-bottom: var(--space-xxs-ynfts5, 4px);
186
186
  }
187
- section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121.awsui_has-sticky-background_hyvsj_ecp2y_187:not(#\9) {
187
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_has-sticky-background_hyvsj_geabg_187:not(#\9) {
188
188
  z-index: 799;
189
189
  }
190
190
  }
191
191
  @media (max-width: 688px) {
192
- section.awsui_appbar_hyvsj_ecp2y_93:not(#\9) {
192
+ section.awsui_appbar_hyvsj_geabg_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_ecp2y_93 > .awsui_appbar-tools_hyvsj_ecp2y_125:not(#\
205
205
  they are now sticky positioned in the viewport with the AppBar.
206
206
  */
207
207
  }
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) {
208
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-nav_hyvsj_geabg_117:not(#\9),
209
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\9) {
210
210
  display: block;
211
211
  }
212
- section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_breadcrumbs_hyvsj_ecp2y_121:not(#\9) {
212
+ section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9) {
213
213
  padding: 0;
214
214
  }
215
215
  }
@@ -218,10 +218,10 @@ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_appbar-tools_hyvsj_ecp2y_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_ecp2y_221:not(#\9) {
221
+ div.awsui_background_hyvsj_geabg_221:not(#\9) {
222
222
  display: contents;
223
223
  }
224
- div.awsui_background_hyvsj_ecp2y_221 > .awsui_notifications-appbar-header_hyvsj_ecp2y_224:not(#\9) {
224
+ div.awsui_background_hyvsj_geabg_221 > .awsui_notifications-appbar-header_hyvsj_geabg_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_ecp2y_221 > .awsui_notifications-appbar-header_hyvsj_
233
233
  */
234
234
  }
235
235
  @media (min-width: 689px) {
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) {
236
+ div.awsui_background_hyvsj_geabg_221 > .awsui_notifications-appbar-header_hyvsj_geabg_224.awsui_has-sticky-background_hyvsj_geabg_187.awsui_has-notifications-content_hyvsj_geabg_173.awsui_sticky-notifications_hyvsj_geabg_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_ecp2y_221 > .awsui_overlap_hyvsj_ecp2y_242:not(#\9) {
242
+ div.awsui_background_hyvsj_geabg_221 > .awsui_overlap_hyvsj_geabg_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_ecp2y_221 > .awsui_overlap_hyvsj_ecp2y_242:not(#\9) {
251
251
  */
252
252
  }
253
253
  @media (min-width: 689px) {
254
- div.awsui_background_hyvsj_ecp2y_221 > .awsui_overlap_hyvsj_ecp2y_242.awsui_has-sticky-background_hyvsj_ecp2y_187:not(#\9) {
254
+ div.awsui_background_hyvsj_geabg_221 > .awsui_overlap_hyvsj_geabg_242.awsui_has-sticky-background_hyvsj_geabg_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_ecp2y_221 > .awsui_overlap_hyvsj_ecp2y_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_ecp2y_180:not(#\9) {
265
+ header.awsui_content_hyvsj_geabg_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_ecp2y_180:not(#\9) {
271
+ header.awsui_content_hyvsj_geabg_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,29 +286,33 @@ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
286
286
  circular buttons.
287
287
  */
288
288
  }
289
- header.awsui_content_hyvsj_ecp2y_180.awsui_has-notifications-content_hyvsj_ecp2y_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ecp2y_166) {
289
+ header.awsui_content_hyvsj_geabg_180.awsui_has-notifications-content_hyvsj_geabg_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_geabg_166) {
290
290
  padding-top: var(--space-scaled-xs-6859qs, 8px);
291
291
  }
292
- header.awsui_content_hyvsj_ecp2y_180.awsui_has-breadcrumbs_hyvsj_ecp2y_166:not(#\9) {
292
+ header.awsui_content_hyvsj_geabg_180.awsui_has-breadcrumbs_hyvsj_geabg_166:not(#\9) {
293
293
  padding-top: var(--space-xxs-ynfts5, 4px);
294
294
  }
295
- header.awsui_content_hyvsj_ecp2y_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_ecp2y_173):not(.awsui_has-breadcrumbs_hyvsj_ecp2y_166) {
295
+ header.awsui_content_hyvsj_geabg_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-breadcrumbs_hyvsj_geabg_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_ecp2y_180:not(#\9) {
300
+ header.awsui_content_hyvsj_geabg_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_ecp2y_180.awsui_has-notifications-content_hyvsj_ecp2y_173:not(#\9) {
307
+ header.awsui_content_hyvsj_geabg_180.awsui_has-notifications-content_hyvsj_geabg_173:not(#\9) {
308
308
  padding-top: var(--space-scaled-xs-6859qs, 8px);
309
309
  }
310
310
  }
311
311
 
312
+ /*
313
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
314
+ SPDX-License-Identifier: Apache-2.0
315
+ */
312
316
  /*
313
317
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
314
318
  SPDX-License-Identifier: Apache-2.0
@@ -326,7 +330,7 @@ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
326
330
  circumstances regardless of whether the minContentWidth property is
327
331
  explicitly set in script.
328
332
  */
329
- .awsui_layout_hyvsj_ecp2y_329:not(#\9) {
333
+ .awsui_layout_hyvsj_geabg_333:not(#\9) {
330
334
  --awsui-content-gap-left-5mks97: 0px;
331
335
  --awsui-content-gap-right-5mks97: 0px;
332
336
  --awsui-content-height-5mks97: calc(100vh - var(--awsui-header-height-5mks97) - var(--awsui-footer-height-5mks97));
@@ -353,11 +357,11 @@ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
353
357
  subsequently set the has-max-content-width data attribute to true.
354
358
  */
355
359
  /*
356
- Warning! This is a hack! We are implementing a short term fix to prevent the
357
- tools drawer from potentially getting pushed off screen. Currently there is no
358
- protection against a navigationWidth, minContentWidth, and toolsWidth that are
359
- in excess ove the available space in the viewport. To accomodate this we remove
360
- the minContentWidth and set it to zero in small viewports and below until the
360
+ Warning! This is a hack! We are implementing a short term fix to prevent the
361
+ tools drawer from potentially getting pushed off screen. Currently there is no
362
+ protection against a navigationWidth, minContentWidth, and toolsWidth that are
363
+ in excess ove the available space in the viewport. To accomodate this we remove
364
+ the minContentWidth and set it to zero in small viewports and below until the
361
365
  isMobile breakpoint sets the drawers to overlay at 100vw.
362
366
  */
363
367
  /*
@@ -390,93 +394,93 @@ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
390
394
  and some additional vertical space for aesthetics.
391
395
  */
392
396
  /*
393
- In desktop viewports the content gap property for the left and right
394
- columns should override the default of zero if the navigationHide
397
+ In desktop viewports the content gap property for the left and right
398
+ columns should override the default of zero if the navigationHide
395
399
  or toolsHide property is set. This ensures adequate horizontal space
396
- for the center column from the edges of the viewport when there is
400
+ for the center column from the edges of the viewport when there is
397
401
  not left or right content.
398
402
 
399
- Warning! If these design tokens change it will adversely impact the
400
- calculation used to determine the Split Panel maximum width in the
403
+ Warning! If these design tokens change it will adversely impact the
404
+ calculation used to determine the Split Panel maximum width in the
401
405
  handleSplitPanelMaxWidth function in the context.
402
406
  */
403
407
  /*
404
408
  In mobile viewports the Navigation and Tools drawers are hidden
405
409
  and triggered by the AppBar which then take up the entire viewport.
406
- The center column needs permanent space from the horizontal viewport
407
- edges regardless of whether or not there is a Navigation or Tools.
410
+ The center column needs permanent space from the horizontal viewport
411
+ edges regardless of whether or not there is a Navigation or Tools.
408
412
  */
409
413
  }
410
414
  @media (min-width: 1401px) {
411
- .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_ecp2y_411) {
415
+ .awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_geabg_415) {
412
416
  --awsui-default-max-content-width-5mks97: 1280px;
413
417
  }
414
418
  }
415
419
  @media (min-width: 1921px) {
416
- .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_ecp2y_411) {
420
+ .awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_geabg_415) {
417
421
  --awsui-default-max-content-width-5mks97: 1440px;
418
422
  }
419
423
  }
420
424
  @media (min-width: 2541px) {
421
- .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_has-max-content-width_hyvsj_ecp2y_411) {
425
+ .awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_geabg_415) {
422
426
  --awsui-default-max-content-width-5mks97: 1620px;
423
427
  }
424
428
  }
425
- .awsui_layout_hyvsj_ecp2y_329.awsui_has-max-content-width_hyvsj_ecp2y_411:not(#\9) {
429
+ .awsui_layout_hyvsj_geabg_333.awsui_has-max-content-width_hyvsj_geabg_415:not(#\9) {
426
430
  --awsui-default-max-content-width-5mks97: var(--awsui-max-content-width-5mks97);
427
431
  }
428
432
  @media (min-width: 993px) {
429
- .awsui_layout_hyvsj_ecp2y_329:not(#\9) {
433
+ .awsui_layout_hyvsj_geabg_333:not(#\9) {
430
434
  --awsui-default-min-content-width-5mks97: var(--awsui-min-content-width-5mks97, 280px);
431
435
  }
432
436
  }
433
437
  @media (max-width: 992px) {
434
- .awsui_layout_hyvsj_ecp2y_329:not(#\9) {
438
+ .awsui_layout_hyvsj_geabg_333:not(#\9) {
435
439
  --awsui-default-min-content-width-5mks97: 0px;
436
440
  }
437
441
  }
438
- .awsui_layout_hyvsj_ecp2y_329.awsui_is-overlap-disabled_hyvsj_ecp2y_438:not(#\9) {
442
+ .awsui_layout_hyvsj_geabg_333.awsui_is-overlap-disabled_hyvsj_geabg_442:not(#\9) {
439
443
  --awsui-overlap-height-5mks97: 0;
440
444
  }
441
- .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_ecp2y_441) {
445
+ .awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_geabg_445) {
442
446
  --awsui-offset-top-5mks97: var(--awsui-header-height-5mks97);
443
447
  min-height: var(--awsui-content-height-5mks97);
444
448
  }
445
- .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_ecp2y_441):not(.awsui_has-sticky-notifications_hyvsj_ecp2y_445) {
449
+ .awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_geabg_445):not(.awsui_has-sticky-notifications_hyvsj_geabg_449) {
446
450
  --awsui-offset-top-with-notifications-5mks97: var(--awsui-header-height-5mks97);
447
451
  }
448
- .awsui_layout_hyvsj_ecp2y_329:not(#\9):not(.awsui_disable-body-scroll_hyvsj_ecp2y_441).awsui_has-sticky-notifications_hyvsj_ecp2y_445 {
452
+ .awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_geabg_445).awsui_has-sticky-notifications_hyvsj_geabg_449 {
449
453
  --awsui-offset-top-with-notifications-5mks97: calc(
450
454
  var(--awsui-header-height-5mks97) + var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
451
455
  );
452
456
  }
453
- .awsui_layout_hyvsj_ecp2y_329.awsui_disable-body-scroll_hyvsj_ecp2y_441:not(#\9) {
457
+ .awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445:not(#\9) {
454
458
  --awsui-offset-top-5mks97: 0px;
455
459
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) 1fr auto;
456
460
  height: var(--awsui-content-height-5mks97);
457
461
  overflow-y: scroll;
458
462
  }
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) {
463
+ .awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445.awsui_has-split-panel_hyvsj_geabg_463.awsui_split-panel-position-bottom_hyvsj_geabg_463:not(#\9) {
460
464
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) repeat(2, auto);
461
465
  }
462
- .awsui_layout_hyvsj_ecp2y_329.awsui_disable-body-scroll_hyvsj_ecp2y_441:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ecp2y_445) {
466
+ .awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_geabg_449) {
463
467
  --awsui-offset-top-with-notifications-5mks97: 0px;
464
468
  }
465
- .awsui_layout_hyvsj_ecp2y_329.awsui_disable-body-scroll_hyvsj_ecp2y_441.awsui_has-sticky-notifications_hyvsj_ecp2y_445:not(#\9) {
469
+ .awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445.awsui_has-sticky-notifications_hyvsj_geabg_449:not(#\9) {
466
470
  --awsui-offset-top-with-notifications-5mks97: calc(
467
471
  var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
468
472
  );
469
473
  }
470
474
  @media (min-width: 689px) {
471
- .awsui_layout_hyvsj_ecp2y_329.awsui_has-content-gap-left_hyvsj_ecp2y_471:not(#\9) {
475
+ .awsui_layout_hyvsj_geabg_333.awsui_has-content-gap-left_hyvsj_geabg_475:not(#\9) {
472
476
  --awsui-content-gap-left-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
473
477
  }
474
- .awsui_layout_hyvsj_ecp2y_329.awsui_has-content-gap-right_hyvsj_ecp2y_474:not(#\9) {
478
+ .awsui_layout_hyvsj_geabg_333.awsui_has-content-gap-right_hyvsj_geabg_478:not(#\9) {
475
479
  --awsui-content-gap-right-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
476
480
  }
477
481
  }
478
482
  @media (max-width: 688px) {
479
- .awsui_layout_hyvsj_ecp2y_329:not(#\9) {
483
+ .awsui_layout_hyvsj_geabg_333:not(#\9) {
480
484
  --awsui-content-gap-left-5mks97: var(--space-l-4vl6xu, 20px);
481
485
  --awsui-content-gap-right-5mks97: var(--space-l-4vl6xu, 20px);
482
486
  }
@@ -484,9 +488,9 @@ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
484
488
 
485
489
  /*
486
490
  This CSS class is applied to the document body to prevent overflow scrolling
487
- when the navigation or tools drawers are open in responsive viewports.
491
+ when the navigation or tools drawers are open in responsive viewports.
488
492
  */
489
- .awsui_block-body-scroll_hyvsj_ecp2y_489:not(#\9) {
493
+ .awsui_block-body-scroll_hyvsj_geabg_493:not(#\9) {
490
494
  overflow: hidden;
491
495
  }
492
496
 
@@ -494,7 +498,7 @@ when the navigation or tools drawers are open in responsive viewports.
494
498
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
495
499
  SPDX-License-Identifier: Apache-2.0
496
500
  */
497
- .awsui_container_hyvsj_ecp2y_497:not(#\9) {
501
+ .awsui_container_hyvsj_geabg_501:not(#\9) {
498
502
  grid-column: 3;
499
503
  grid-row: 4/span 2;
500
504
  padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
@@ -517,23 +521,23 @@ when the navigation or tools drawers are open in responsive viewports.
517
521
  under various circumstances.
518
522
  */
519
523
  }
520
- .awsui_container_hyvsj_ecp2y_497.awsui_has-split-panel_hyvsj_ecp2y_459.awsui_split-panel-position-bottom_hyvsj_ecp2y_459:not(#\9) {
524
+ .awsui_container_hyvsj_geabg_501.awsui_has-split-panel_hyvsj_geabg_463.awsui_split-panel-position-bottom_hyvsj_geabg_463:not(#\9) {
521
525
  padding-bottom: calc(var(--awsui-split-panel-height-5mks97) + var(--space-layout-content-bottom-kg9l42, 40px));
522
526
  }
523
- .awsui_container_hyvsj_ecp2y_497.awsui_disable-content-paddings_hyvsj_ecp2y_523:not(#\9) {
527
+ .awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527:not(#\9) {
524
528
  grid-column: 1/6;
525
529
  padding: 0;
526
530
  }
527
531
  @media (min-width: 689px) {
528
- .awsui_container_hyvsj_ecp2y_497.awsui_disable-content-paddings_hyvsj_ecp2y_523.awsui_is-navigation-open_hyvsj_ecp2y_528:not(#\9) {
532
+ .awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527.awsui_is-navigation-open_hyvsj_geabg_532:not(#\9) {
529
533
  grid-column-start: 2;
530
534
  }
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) {
535
+ .awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527.awsui_is-tools-open_hyvsj_geabg_535:not(#\9), .awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_split-panel-position-side_hyvsj_geabg_535:not(#\9) {
532
536
  grid-column-end: 5;
533
537
  }
534
538
  }
535
539
  @media (min-width: 689px) {
536
- .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523) {
540
+ .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527) {
537
541
  /*
538
542
  Notifications is the previous adjacent sibling to the Main in
539
543
  desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -548,18 +552,18 @@ when the navigation or tools drawers are open in responsive viewports.
548
552
  sibling to the Main which requires no top padding.
549
553
  */
550
554
  }
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) {
555
+ .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
552
556
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
553
557
  }
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) {
558
+ .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
555
559
  padding-top: var(--space-scaled-xs-6859qs, 8px);
556
560
  }
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 {
561
+ .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-header_hyvsj_geabg_179, .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-dynamic-overlap-height_hyvsj_geabg_179 {
558
562
  padding-top: 0;
559
563
  }
560
564
  }
561
565
  @media (max-width: 688px) {
562
- .awsui_container_hyvsj_ecp2y_497:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ecp2y_523) {
566
+ .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527) {
563
567
  /*
564
568
  If the Notifications exist but the Header does not then the
565
569
  Notifications is the previous adjacent sibling to the Main
@@ -574,22 +578,22 @@ when the navigation or tools drawers are open in responsive viewports.
574
578
  sibling to the Main which requires no top padding.
575
579
  */
576
580
  }
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) {
581
+ .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
578
582
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
579
583
  }
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) {
584
+ .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
581
585
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
582
586
  }
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 {
587
+ .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-header_hyvsj_geabg_179, .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-dynamic-overlap-height_hyvsj_geabg_179 {
584
588
  padding-top: 0;
585
589
  }
586
590
  }
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) {
591
+ .awsui_container_hyvsj_geabg_501.awsui_content-type-cards_hyvsj_geabg_183:not(#\9), .awsui_container_hyvsj_geabg_501.awsui_content-type-table_hyvsj_geabg_184:not(#\9), .awsui_container_hyvsj_geabg_501.awsui_content-type-wizard_hyvsj_geabg_180:not(#\9) {
588
592
  padding-top: 0;
589
593
  }
590
594
 
591
595
  /* stylelint-disable-next-line selector-max-universal, selector-combinator-disallowed-list */
592
- .awsui_unfocusable_hyvsj_ecp2y_592 *:not(#\9) {
596
+ .awsui_unfocusable_hyvsj_geabg_596 *:not(#\9) {
593
597
  visibility: hidden !important;
594
598
  }
595
599
 
@@ -597,7 +601,7 @@ when the navigation or tools drawers are open in responsive viewports.
597
601
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
598
602
  SPDX-License-Identifier: Apache-2.0
599
603
  */
600
- .awsui_navigation-container_hyvsj_ecp2y_600:not(#\9) {
604
+ .awsui_navigation-container_hyvsj_geabg_604:not(#\9) {
601
605
  --awsui-navigation-width-5mks97: 280px;
602
606
  display: flex;
603
607
  grid-column: 1;
@@ -619,12 +623,12 @@ when the navigation or tools drawers are open in responsive viewports.
619
623
  pointer-events: none;
620
624
  }
621
625
  @media (min-width: 2541px) {
622
- .awsui_navigation-container_hyvsj_ecp2y_600:not(#\9) {
626
+ .awsui_navigation-container_hyvsj_geabg_604:not(#\9) {
623
627
  --awsui-navigation-width-5mks97: 320px;
624
628
  }
625
629
  }
626
630
  @media (max-width: 688px) {
627
- .awsui_navigation-container_hyvsj_ecp2y_600:not(#\9) {
631
+ .awsui_navigation-container_hyvsj_geabg_604:not(#\9) {
628
632
  left: 0;
629
633
  position: fixed;
630
634
  top: var(--awsui-offset-top-5mks97);
@@ -632,14 +636,14 @@ when the navigation or tools drawers are open in responsive viewports.
632
636
  }
633
637
  }
634
638
 
635
- nav.awsui_show-navigation_hyvsj_ecp2y_635:not(#\9) {
639
+ nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9) {
636
640
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
637
641
  /*
638
642
  Apply the animation only in desktop viewports because the AppBar will
639
643
  take control in responsive viewports.
640
644
  */
641
645
  }
642
- @keyframes awsui_showButtons_hyvsj_ecp2y_1 {
646
+ @keyframes awsui_showButtons_hyvsj_geabg_1 {
643
647
  0% {
644
648
  opacity: 0;
645
649
  }
@@ -647,31 +651,31 @@ nav.awsui_show-navigation_hyvsj_ecp2y_635:not(#\9) {
647
651
  opacity: 1;
648
652
  }
649
653
  }
650
- nav.awsui_show-navigation_hyvsj_ecp2y_635.awsui_is-navigation-open_hyvsj_ecp2y_528:not(#\9) {
654
+ nav.awsui_show-navigation_hyvsj_geabg_639.awsui_is-navigation-open_hyvsj_geabg_532:not(#\9) {
651
655
  display: none;
652
656
  }
653
657
  @media (min-width: 689px) {
654
- nav.awsui_show-navigation_hyvsj_ecp2y_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_ecp2y_528) {
658
+ nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532) {
655
659
  display: block;
656
660
  }
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);
661
+ nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661 {
662
+ animation: awsui_showButtons_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
659
663
  }
660
664
  }
661
665
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
662
- nav.awsui_show-navigation_hyvsj_ecp2y_635:not(#\9):not(.awsui_is-navigation-open_hyvsj_ecp2y_528).awsui_animating_hyvsj_ecp2y_657 {
666
+ nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661 {
663
667
  animation: none;
664
668
  transition: none;
665
669
  }
666
670
  }
667
671
  @media (min-width: 689px) {
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 {
672
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661 {
669
673
  animation: none;
670
674
  transition: none;
671
675
  }
672
676
  }
673
677
 
674
- nav.awsui_navigation_hyvsj_ecp2y_600:not(#\9) {
678
+ nav.awsui_navigation_hyvsj_geabg_604:not(#\9) {
675
679
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
676
680
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
677
681
  bottom: 0;
@@ -688,7 +692,7 @@ nav.awsui_navigation_hyvsj_ecp2y_600:not(#\9) {
688
692
  prevent unwanted text wrapping.
689
693
  */
690
694
  }
691
- @keyframes awsui_openNavigation_hyvsj_ecp2y_1 {
695
+ @keyframes awsui_openNavigation_hyvsj_geabg_1 {
692
696
  from {
693
697
  opacity: 0;
694
698
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -698,33 +702,33 @@ nav.awsui_navigation_hyvsj_ecp2y_600:not(#\9) {
698
702
  width: var(--awsui-navigation-width-5mks97);
699
703
  }
700
704
  }
701
- nav.awsui_navigation_hyvsj_ecp2y_600:not(#\9):not(.awsui_is-navigation-open_hyvsj_ecp2y_528) {
705
+ nav.awsui_navigation_hyvsj_geabg_604:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532) {
702
706
  width: 0;
703
707
  display: none;
704
708
  }
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);
709
+ nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9) {
710
+ animation: awsui_openNavigation_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
707
711
  }
708
712
  @media (prefers-reduced-motion: reduce) {
709
- nav.awsui_navigation_hyvsj_ecp2y_600.awsui_is-navigation-open_hyvsj_ecp2y_528.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
713
+ nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9) {
710
714
  animation: none;
711
715
  transition: none;
712
716
  }
713
717
  }
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) {
718
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9) {
715
719
  animation: none;
716
720
  transition: none;
717
721
  }
718
- nav.awsui_navigation_hyvsj_ecp2y_600 > .awsui_animated-content_hyvsj_ecp2y_718:not(#\9) {
722
+ nav.awsui_navigation_hyvsj_geabg_604 > .awsui_animated-content_hyvsj_geabg_722:not(#\9) {
719
723
  width: var(--awsui-navigation-width-5mks97);
720
724
  }
721
725
  @media (max-width: 688px) {
722
- nav.awsui_navigation_hyvsj_ecp2y_600:not(#\9) {
726
+ nav.awsui_navigation_hyvsj_geabg_604:not(#\9) {
723
727
  --awsui-navigation-width-5mks97: 100vw;
724
728
  }
725
729
  }
726
730
 
727
- .awsui_hide-navigation_hyvsj_ecp2y_727:not(#\9) {
731
+ .awsui_hide-navigation_hyvsj_geabg_731:not(#\9) {
728
732
  position: absolute;
729
733
  right: var(--space-m-17eucw, 16px);
730
734
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -734,7 +738,7 @@ nav.awsui_navigation_hyvsj_ecp2y_600 > .awsui_animated-content_hyvsj_ecp2y_718:n
734
738
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
735
739
  SPDX-License-Identifier: Apache-2.0
736
740
  */
737
- .awsui_notifications_hyvsj_ecp2y_224:not(#\9) {
741
+ .awsui_notifications_hyvsj_geabg_224:not(#\9) {
738
742
  grid-column: 3;
739
743
  grid-row: 1;
740
744
  z-index: 825;
@@ -751,30 +755,30 @@ nav.awsui_navigation_hyvsj_ecp2y_600 > .awsui_animated-content_hyvsj_ecp2y_718:n
751
755
  */
752
756
  }
753
757
  @media (min-width: 689px) {
754
- .awsui_notifications_hyvsj_ecp2y_224:not(#\9) {
758
+ .awsui_notifications_hyvsj_geabg_224:not(#\9) {
755
759
  margin: var(--space-xs-rsr2qu, 8px) 0;
756
760
  /*
757
761
  var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
758
762
  calculation in the layout CSS.
759
763
  */
760
764
  }
761
- .awsui_notifications_hyvsj_ecp2y_224.awsui_sticky-notifications_hyvsj_ecp2y_236:not(#\9) {
765
+ .awsui_notifications_hyvsj_geabg_224.awsui_sticky-notifications_hyvsj_geabg_236:not(#\9) {
762
766
  position: sticky;
763
767
  top: calc(var(--awsui-offset-top-5mks97) + var(--space-xs-rsr2qu, 8px));
764
768
  }
765
- .awsui_notifications_hyvsj_ecp2y_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_ecp2y_173) {
769
+ .awsui_notifications_hyvsj_geabg_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173) {
766
770
  margin: 0;
767
771
  }
768
772
  }
769
773
  @media (max-width: 688px) {
770
- .awsui_notifications_hyvsj_ecp2y_224:not(#\9) {
774
+ .awsui_notifications_hyvsj_geabg_224:not(#\9) {
771
775
  grid-row: 2;
772
776
  margin: var(--space-scaled-s-cu1hzn, 12px) 0;
773
777
  }
774
- .awsui_notifications_hyvsj_ecp2y_224.awsui_sticky-notifications_hyvsj_ecp2y_236:not(#\9) {
778
+ .awsui_notifications_hyvsj_geabg_224.awsui_sticky-notifications_hyvsj_geabg_236:not(#\9) {
775
779
  position: static;
776
780
  }
777
- .awsui_notifications_hyvsj_ecp2y_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_ecp2y_173) {
781
+ .awsui_notifications_hyvsj_geabg_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173) {
778
782
  margin: 0;
779
783
  }
780
784
  }
@@ -789,7 +793,7 @@ as the content area. This row is defined as 1 fractional unit which will
789
793
  consume the remaining vertical space in the grid after the notifications
790
794
  and breadcrumbs.
791
795
  */
792
- section.awsui_split-panel-bottom_hyvsj_ecp2y_792:not(#\9) {
796
+ section.awsui_split-panel-bottom_hyvsj_geabg_796:not(#\9) {
793
797
  /*
794
798
  The align self property will position the split panel at the bottom of the grid row.
795
799
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -824,7 +828,7 @@ section.awsui_split-panel-bottom_hyvsj_ecp2y_792:not(#\9) {
824
828
  apply the animation to the height property.
825
829
  */
826
830
  }
827
- @keyframes awsui_openSplitPanelBottom_hyvsj_ecp2y_1 {
831
+ @keyframes awsui_openSplitPanelBottom_hyvsj_geabg_1 {
828
832
  from {
829
833
  height: var(--awsui-split-panel-reported-header-size-5mks97, 0);
830
834
  }
@@ -832,39 +836,39 @@ section.awsui_split-panel-bottom_hyvsj_ecp2y_792:not(#\9) {
832
836
  height: var(--awsui-split-panel-reported-size-5mks97);
833
837
  }
834
838
  }
835
- section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_disable-body-scroll_hyvsj_ecp2y_441:not(#\9) {
839
+ section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_disable-body-scroll_hyvsj_geabg_445:not(#\9) {
836
840
  bottom: 0;
837
841
  }
838
- section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_is-navigation-open_hyvsj_ecp2y_528.awsui_position-bottom_hyvsj_ecp2y_838:not(#\9) {
842
+ section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-navigation-open_hyvsj_geabg_532.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
839
843
  grid-column-start: 2;
840
844
  }
841
- section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_is-tools-open_hyvsj_ecp2y_531.awsui_position-bottom_hyvsj_ecp2y_838:not(#\9) {
845
+ section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-tools-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
842
846
  grid-column-end: 5;
843
847
  }
844
- section.awsui_split-panel-bottom_hyvsj_ecp2y_792.awsui_position-bottom_hyvsj_ecp2y_838:not(#\9) {
848
+ section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
845
849
  display: block;
846
850
  }
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 {
851
+ section.awsui_split-panel-bottom_hyvsj_geabg_796:not(#\9):not(.awsui_is-split-panel-open_hyvsj_geabg_535).awsui_position-bottom_hyvsj_geabg_842 {
848
852
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
849
853
  }
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) {
854
+ section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
851
855
  box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
852
856
  }
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);
857
+ section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9) {
858
+ animation: awsui_openSplitPanelBottom_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
855
859
  }
856
860
  @media (prefers-reduced-motion: reduce) {
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) {
861
+ section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9) {
858
862
  animation: none;
859
863
  transition: none;
860
864
  }
861
865
  }
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) {
866
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9) {
863
867
  animation: none;
864
868
  transition: none;
865
869
  }
866
870
 
867
- section.awsui_split-panel-side_hyvsj_ecp2y_867:not(#\9) {
871
+ section.awsui_split-panel-side_hyvsj_geabg_871:not(#\9) {
868
872
  height: 100%;
869
873
  overflow-x: hidden;
870
874
  pointer-events: auto;
@@ -879,7 +883,7 @@ section.awsui_split-panel-side_hyvsj_ecp2y_867:not(#\9) {
879
883
  prevent unwanted text wrapping.
880
884
  */
881
885
  }
882
- @keyframes awsui_openSplitPanelSide_hyvsj_ecp2y_1 {
886
+ @keyframes awsui_openSplitPanelSide_hyvsj_geabg_1 {
883
887
  from {
884
888
  opacity: 0;
885
889
  width: var(--awsui-split-panel-min-width-5mks97, 280px);
@@ -889,28 +893,28 @@ section.awsui_split-panel-side_hyvsj_ecp2y_867:not(#\9) {
889
893
  width: var(--awsui-split-panel-reported-size-5mks97);
890
894
  }
891
895
  }
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) {
896
+ section.awsui_split-panel-side_hyvsj_geabg_871:not(#\9):not(.awsui_is-split-panel-open_hyvsj_geabg_535), section.awsui_split-panel-side_hyvsj_geabg_871.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
893
897
  width: 0;
894
898
  }
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) {
899
+ section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899:not(#\9) {
896
900
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
897
901
  max-width: var(--awsui-split-panel-max-width-5mks97, 280px);
898
902
  min-width: var(--awsui-split-panel-min-width-5mks97, 280px);
899
903
  }
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);
904
+ section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9) {
905
+ animation: awsui_openSplitPanelSide_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
902
906
  }
903
907
  @media (prefers-reduced-motion: reduce) {
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) {
908
+ section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9) {
905
909
  animation: none;
906
910
  transition: none;
907
911
  }
908
912
  }
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) {
913
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9) {
910
914
  animation: none;
911
915
  transition: none;
912
916
  }
913
- section.awsui_split-panel-side_hyvsj_ecp2y_867 > .awsui_animated-content_hyvsj_ecp2y_718:not(#\9) {
917
+ section.awsui_split-panel-side_hyvsj_geabg_871 > .awsui_animated-content_hyvsj_geabg_722:not(#\9) {
914
918
  height: 100%;
915
919
  max-width: inherit;
916
920
  width: var(--awsui-split-panel-reported-size-5mks97);
@@ -929,7 +933,7 @@ content width has a default value that can be set directly with the minContentWi
929
933
  property. The content gap right is computed in the Layout styles based on the
930
934
  viewport size and state of the Tools drawer.
931
935
  */
932
- .awsui_tools-container_hyvsj_ecp2y_932:not(#\9) {
936
+ .awsui_tools-container_hyvsj_geabg_936:not(#\9) {
933
937
  /* stylelint-disable scss/operator-no-newline-after */
934
938
  --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
939
  /* stylelint-enable scss/operator-no-newline-after */
@@ -945,12 +949,12 @@ viewport size and state of the Tools drawer.
945
949
  pointer-events: none;
946
950
  }
947
951
  @media (min-width: 2541px) {
948
- .awsui_tools-container_hyvsj_ecp2y_932:not(#\9) {
952
+ .awsui_tools-container_hyvsj_geabg_936:not(#\9) {
949
953
  --awsui-tools-width-5mks97: 360px;
950
954
  }
951
955
  }
952
956
  @media (max-width: 688px) {
953
- .awsui_tools-container_hyvsj_ecp2y_932:not(#\9) {
957
+ .awsui_tools-container_hyvsj_geabg_936:not(#\9) {
954
958
  --awsui-tools-max-width-5mks97: none;
955
959
  --awsui-tools-width-5mks97: auto;
956
960
  position: fixed;
@@ -960,7 +964,7 @@ viewport size and state of the Tools drawer.
960
964
  }
961
965
  }
962
966
 
963
- .awsui_tools_hyvsj_ecp2y_932:not(#\9) {
967
+ .awsui_tools_hyvsj_geabg_936:not(#\9) {
964
968
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
965
969
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
966
970
  flex-shrink: 0;
@@ -983,7 +987,7 @@ viewport size and state of the Tools drawer.
983
987
  in the side position.
984
988
  */
985
989
  }
986
- @keyframes awsui_openTools_hyvsj_ecp2y_1 {
990
+ @keyframes awsui_openTools_hyvsj_geabg_1 {
987
991
  from {
988
992
  opacity: var(--awsui-tools-animation-starting-opacity-5mks97, 0);
989
993
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -993,38 +997,38 @@ viewport size and state of the Tools drawer.
993
997
  width: var(--awsui-tools-width-5mks97);
994
998
  }
995
999
  }
996
- .awsui_tools_hyvsj_ecp2y_932:not(#\9):not(.awsui_is-tools-open_hyvsj_ecp2y_531) {
1000
+ .awsui_tools_hyvsj_geabg_936:not(#\9):not(.awsui_is-tools-open_hyvsj_geabg_535) {
997
1001
  width: 0;
998
1002
  display: none;
999
1003
  }
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);
1004
+ .awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9) {
1005
+ animation: awsui_openTools_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1002
1006
  }
1003
1007
  @media (prefers-reduced-motion: reduce) {
1004
- .awsui_tools_hyvsj_ecp2y_932.awsui_is-tools-open_hyvsj_ecp2y_531.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
1008
+ .awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9) {
1005
1009
  animation: none;
1006
1010
  transition: none;
1007
1011
  }
1008
1012
  }
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) {
1013
+ .awsui-motion-disabled .awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9) {
1010
1014
  animation: none;
1011
1015
  transition: none;
1012
1016
  }
1013
- .awsui_tools_hyvsj_ecp2y_932 > .awsui_animated-content_hyvsj_ecp2y_718:not(#\9) {
1017
+ .awsui_tools_hyvsj_geabg_936 > .awsui_animated-content_hyvsj_geabg_722:not(#\9) {
1014
1018
  width: var(--awsui-tools-width-5mks97);
1015
1019
  }
1016
1020
  @media (min-width: 689px) {
1017
- .awsui_tools_hyvsj_ecp2y_932.awsui_is-tools-open_hyvsj_ecp2y_531.awsui_has-tools-form-persistence_hyvsj_ecp2y_1017:not(#\9) {
1021
+ .awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_has-tools-form-persistence_hyvsj_geabg_1021:not(#\9) {
1018
1022
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
1019
1023
  }
1020
1024
  }
1021
1025
  @media (max-width: 688px) {
1022
- .awsui_tools_hyvsj_ecp2y_932:not(#\9) {
1026
+ .awsui_tools_hyvsj_geabg_936:not(#\9) {
1023
1027
  --awsui-tools-width-5mks97: 100vw;
1024
1028
  }
1025
1029
  }
1026
1030
 
1027
- .awsui_hide-tools_hyvsj_ecp2y_1027:not(#\9) {
1031
+ .awsui_hide-tools_hyvsj_geabg_1031:not(#\9) {
1028
1032
  position: absolute;
1029
1033
  right: var(--space-m-17eucw, 16px);
1030
1034
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -1036,7 +1040,7 @@ Warning! If these design tokens for padding change it will adversely impact
1036
1040
  the calculation used to determine the Split Panel maximum width in the
1037
1041
  handleSplitPanelMaxWidth function in the context.
1038
1042
  */
1039
- .awsui_show-tools_hyvsj_ecp2y_1039:not(#\9) {
1043
+ .awsui_show-tools_hyvsj_geabg_1043:not(#\9) {
1040
1044
  box-sizing: border-box;
1041
1045
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
1042
1046
  /*
@@ -1044,7 +1048,7 @@ handleSplitPanelMaxWidth function in the context.
1044
1048
  take control in responsive viewports.
1045
1049
  */
1046
1050
  }
1047
- @keyframes awsui_showButtons_hyvsj_ecp2y_1 {
1051
+ @keyframes awsui_showButtons_hyvsj_geabg_1 {
1048
1052
  0% {
1049
1053
  opacity: 0;
1050
1054
  }
@@ -1052,33 +1056,33 @@ handleSplitPanelMaxWidth function in the context.
1052
1056
  opacity: 1;
1053
1057
  }
1054
1058
  }
1055
- .awsui_show-tools_hyvsj_ecp2y_1039:not(#\9):not(.awsui_has-tools-form_hyvsj_ecp2y_1017) {
1059
+ .awsui_show-tools_hyvsj_geabg_1043:not(#\9):not(.awsui_has-tools-form_hyvsj_geabg_1021) {
1056
1060
  display: none;
1057
1061
  }
1058
1062
  @media (min-width: 689px) {
1059
- .awsui_show-tools_hyvsj_ecp2y_1039.awsui_has-tools-form_hyvsj_ecp2y_1017:not(#\9) {
1063
+ .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021:not(#\9) {
1060
1064
  display: flex;
1061
1065
  flex-direction: column;
1062
1066
  gap: var(--space-xs-rsr2qu, 8px);
1063
1067
  }
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);
1068
+ .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9) {
1069
+ animation: awsui_showButtons_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1066
1070
  }
1067
1071
  }
1068
1072
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1069
- .awsui_show-tools_hyvsj_ecp2y_1039.awsui_has-tools-form_hyvsj_ecp2y_1017.awsui_animating_hyvsj_ecp2y_657:not(#\9) {
1073
+ .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9) {
1070
1074
  animation: none;
1071
1075
  transition: none;
1072
1076
  }
1073
1077
  }
1074
1078
  @media (min-width: 689px) {
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) {
1079
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9) {
1076
1080
  animation: none;
1077
1081
  transition: none;
1078
1082
  }
1079
1083
  }
1080
1084
  @media (min-width: 689px) {
1081
- .awsui_show-tools_hyvsj_ecp2y_1039.awsui_has-tools-form-persistence_hyvsj_ecp2y_1017:not(#\9) {
1085
+ .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form-persistence_hyvsj_geabg_1021:not(#\9) {
1082
1086
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
1083
1087
  z-index: 1;
1084
1088
  }
@@ -1093,7 +1097,7 @@ Warning! If these design tokens for width change it will adversely impact
1093
1097
  the calculation used to determine the Split Panel maximum width in the
1094
1098
  handleSplitPanelMaxWidth function in the context.
1095
1099
  */
1096
- .awsui_trigger_hyvsj_ecp2y_1096:not(#\9) {
1100
+ .awsui_trigger_hyvsj_geabg_1100:not(#\9) {
1097
1101
  background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
1098
1102
  border: none;
1099
1103
  border-radius: 50%;
@@ -1105,14 +1109,14 @@ handleSplitPanelMaxWidth function in the context.
1105
1109
  width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
1106
1110
  pointer-events: auto;
1107
1111
  }
1108
- .awsui_trigger_hyvsj_ecp2y_1096[data-awsui-focus-visible=true]:not(#\9):focus {
1112
+ .awsui_trigger_hyvsj_geabg_1100[data-awsui-focus-visible=true]:not(#\9):focus {
1109
1113
  position: relative;
1110
1114
  }
1111
- .awsui_trigger_hyvsj_ecp2y_1096[data-awsui-focus-visible=true]:not(#\9):focus {
1115
+ .awsui_trigger_hyvsj_geabg_1100[data-awsui-focus-visible=true]:not(#\9):focus {
1112
1116
  outline: 2px dotted transparent;
1113
1117
  outline-offset: calc(3px - 1px);
1114
1118
  }
1115
- .awsui_trigger_hyvsj_ecp2y_1096[data-awsui-focus-visible=true]:not(#\9):focus::before {
1119
+ .awsui_trigger_hyvsj_geabg_1100[data-awsui-focus-visible=true]:not(#\9):focus::before {
1116
1120
  content: " ";
1117
1121
  display: block;
1118
1122
  position: absolute;
@@ -1123,23 +1127,23 @@ handleSplitPanelMaxWidth function in the context.
1123
1127
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
1124
1128
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
1125
1129
  }
1126
- .awsui_trigger_hyvsj_ecp2y_1096:not(#\9):focus {
1130
+ .awsui_trigger_hyvsj_geabg_1100:not(#\9):focus {
1127
1131
  outline: none;
1128
1132
  }
1129
- .awsui_trigger_hyvsj_ecp2y_1096:not(#\9):hover {
1133
+ .awsui_trigger_hyvsj_geabg_1100:not(#\9):hover {
1130
1134
  background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
1131
1135
  }
1132
- .awsui_trigger_hyvsj_ecp2y_1096:not(#\9):active {
1136
+ .awsui_trigger_hyvsj_geabg_1100:not(#\9):active {
1133
1137
  background: var(--color-background-layout-toggle-active-d15dki, #354150);
1134
1138
  }
1135
- .awsui_trigger_hyvsj_ecp2y_1096.awsui_selected_hyvsj_ecp2y_1135:not(#\9) {
1139
+ .awsui_trigger_hyvsj_geabg_1100.awsui_selected_hyvsj_geabg_1139:not(#\9) {
1136
1140
  background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
1137
1141
  color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
1138
1142
  }
1139
- .awsui_trigger_hyvsj_ecp2y_1096.awsui_selected_hyvsj_ecp2y_1135:not(#\9):hover {
1143
+ .awsui_trigger_hyvsj_geabg_1100.awsui_selected_hyvsj_geabg_1139:not(#\9):hover {
1140
1144
  background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
1141
1145
  }
1142
- .awsui_trigger_hyvsj_ecp2y_1096.awsui_selected_hyvsj_ecp2y_1135:not(#\9):active {
1146
+ .awsui_trigger_hyvsj_geabg_1100.awsui_selected_hyvsj_geabg_1139:not(#\9):active {
1143
1147
  background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
1144
1148
  }
1145
1149