@cloudscape-design/components 3.0.223 → 3.0.225

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 (36) hide show
  1. package/app-layout/content-wrapper/index.d.ts.map +1 -1
  2. package/app-layout/content-wrapper/index.js +2 -1
  3. package/app-layout/content-wrapper/index.js.map +1 -1
  4. package/app-layout/content-wrapper/styles.css.js +3 -3
  5. package/app-layout/content-wrapper/styles.scoped.css +8 -8
  6. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  7. package/app-layout/index.d.ts.map +1 -1
  8. package/app-layout/index.js +12 -13
  9. package/app-layout/index.js.map +1 -1
  10. package/app-layout/styles.css.js +26 -26
  11. package/app-layout/styles.scoped.css +34 -33
  12. package/app-layout/styles.selectors.js +26 -26
  13. package/app-layout/visual-refresh/styles.css.js +61 -60
  14. package/app-layout/visual-refresh/styles.scoped.css +167 -148
  15. package/app-layout/visual-refresh/styles.selectors.js +61 -60
  16. package/code-editor/tab-button.d.ts.map +1 -1
  17. package/code-editor/tab-button.js +1 -1
  18. package/code-editor/tab-button.js.map +1 -1
  19. package/container/styles.css.js +20 -20
  20. package/container/styles.scoped.css +39 -38
  21. package/container/styles.selectors.js +20 -20
  22. package/content-layout/styles.css.js +7 -7
  23. package/content-layout/styles.scoped.css +12 -11
  24. package/content-layout/styles.selectors.js +7 -7
  25. package/internal/components/dark-ribbon/styles.css.js +2 -2
  26. package/internal/components/dark-ribbon/styles.scoped.css +3 -2
  27. package/internal/components/dark-ribbon/styles.selectors.js +2 -2
  28. package/internal/environment.js +1 -1
  29. package/internal/manifest.json +1 -1
  30. package/package.json +1 -1
  31. package/table/styles.css.js +33 -33
  32. package/table/styles.scoped.css +42 -41
  33. package/table/styles.selectors.js +33 -33
  34. package/wizard/styles.css.js +32 -32
  35. package/wizard/styles.scoped.css +65 -63
  36. package/wizard/styles.selectors.js +32 -32
@@ -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_1kwsp_93:not(#\9) {
93
+ section.awsui_appbar_hyvsj_17tiy_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_1kwsp_93:not(#\9) {
114
114
  span the entire column definition of the Layout grid.
115
115
  */
116
116
  }
117
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_appbar-nav_hyvsj_1kwsp_117:not(#\9) {
117
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9) {
118
118
  grid-column: 1;
119
119
  margin-right: var(--space-m-17eucw, 16px);
120
120
  }
121
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_breadcrumbs_hyvsj_1kwsp_121:not(#\9) {
121
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_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_1kwsp_93 > .awsui_appbar-tools_hyvsj_1kwsp_125:not(#\9) {
125
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_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_1kwsp_93:not(#\9) {
130
+ section.awsui_appbar_hyvsj_17tiy_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_1kwsp_93 > .awsui_appbar-tools_hyvsj_1kwsp_125:not(#\
163
163
  be lifted so it doesn't render behind the background element.
164
164
  */
165
165
  }
166
- section.awsui_appbar_hyvsj_1kwsp_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1kwsp_166) {
166
+ section.awsui_appbar_hyvsj_17tiy_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
167
167
  display: none;
168
168
  }
169
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_appbar-nav_hyvsj_1kwsp_117:not(#\9),
170
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_appbar-tools_hyvsj_1kwsp_125:not(#\9) {
169
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9),
170
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_125:not(#\9) {
171
171
  display: none;
172
172
  }
173
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_breadcrumbs_hyvsj_1kwsp_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_1kwsp_173) {
173
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
174
174
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
175
175
  }
176
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_breadcrumbs_hyvsj_1kwsp_121.awsui_has-notifications-content_hyvsj_1kwsp_173:not(#\9) {
176
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9) {
177
177
  padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
178
178
  }
179
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_breadcrumbs_hyvsj_1kwsp_121:not(#\9):not(.awsui_has-header_hyvsj_1kwsp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179),
180
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_breadcrumbs_hyvsj_1kwsp_121:not(#\9):not(.awsui_has-header_hyvsj_1kwsp_179).awsui_content-type-wizard_hyvsj_1kwsp_180 {
179
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179),
180
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-header_hyvsj_17tiy_179).awsui_content-type-wizard_hyvsj_17tiy_180 {
181
181
  padding-bottom: var(--space-m-17eucw, 16px);
182
182
  }
183
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_breadcrumbs_hyvsj_1kwsp_121.awsui_content-type-cards_hyvsj_1kwsp_183:not(#\9),
184
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_breadcrumbs_hyvsj_1kwsp_121.awsui_content-type-table_hyvsj_1kwsp_184:not(#\9) {
183
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_content-type-cards_hyvsj_17tiy_183:not(#\9),
184
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_content-type-table_hyvsj_17tiy_184:not(#\9) {
185
185
  padding-bottom: var(--space-xxs-ynfts5, 4px);
186
186
  }
187
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_breadcrumbs_hyvsj_1kwsp_121.awsui_has-sticky-background_hyvsj_1kwsp_187:not(#\9) {
187
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_has-sticky-background_hyvsj_17tiy_187:not(#\9) {
188
188
  z-index: 799;
189
189
  }
190
190
  }
191
191
  @media (max-width: 688px) {
192
- section.awsui_appbar_hyvsj_1kwsp_93:not(#\9) {
192
+ section.awsui_appbar_hyvsj_17tiy_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_1kwsp_93 > .awsui_appbar-tools_hyvsj_1kwsp_125:not(#\
205
205
  they are now sticky positioned in the viewport with the AppBar.
206
206
  */
207
207
  }
208
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_appbar-nav_hyvsj_1kwsp_117:not(#\9),
209
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_appbar-tools_hyvsj_1kwsp_125:not(#\9) {
208
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9),
209
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_125:not(#\9) {
210
210
  display: block;
211
211
  }
212
- section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_breadcrumbs_hyvsj_1kwsp_121:not(#\9) {
212
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9) {
213
213
  padding: 0;
214
214
  }
215
215
  }
@@ -218,13 +218,14 @@ section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_appbar-tools_hyvsj_1kwsp_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_1kwsp_221:not(#\9) {
221
+ div.awsui_background_hyvsj_17tiy_221:not(#\9) {
222
222
  display: contents;
223
223
  }
224
- div.awsui_background_hyvsj_1kwsp_221 > .awsui_notifications-appbar-header_hyvsj_1kwsp_224:not(#\9) {
224
+ div.awsui_background_hyvsj_17tiy_221 > .awsui_notifications-appbar-header_hyvsj_17tiy_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;
228
+ color: var(--color-text-body-default-ajf1h5, #000716);
228
229
  /*
229
230
  The cards and table content types have a sticky dark header that is
230
231
  offset beneath the sticky notifications if they exist. If the background
@@ -233,16 +234,17 @@ div.awsui_background_hyvsj_1kwsp_221 > .awsui_notifications-appbar-header_hyvsj_
233
234
  */
234
235
  }
235
236
  @media (min-width: 689px) {
236
- div.awsui_background_hyvsj_1kwsp_221 > .awsui_notifications-appbar-header_hyvsj_1kwsp_224.awsui_has-sticky-background_hyvsj_1kwsp_187.awsui_has-notifications-content_hyvsj_1kwsp_173.awsui_sticky-notifications_hyvsj_1kwsp_236:not(#\9) {
237
+ div.awsui_background_hyvsj_17tiy_221 > .awsui_notifications-appbar-header_hyvsj_17tiy_224.awsui_has-sticky-background_hyvsj_17tiy_187.awsui_has-notifications-content_hyvsj_17tiy_173.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
237
238
  position: sticky;
238
239
  top: var(--awsui-offset-top-lgrg0d);
239
240
  z-index: 799;
240
241
  }
241
242
  }
242
- div.awsui_background_hyvsj_1kwsp_221 > .awsui_overlap_hyvsj_1kwsp_242:not(#\9) {
243
+ div.awsui_background_hyvsj_17tiy_221 > .awsui_overlap_hyvsj_17tiy_243:not(#\9) {
243
244
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
244
245
  grid-column: 1/span 5;
245
246
  grid-row: 4;
247
+ color: var(--color-text-body-default-ajf1h5, #000716);
246
248
  /*
247
249
  The cards and table content types can have sticky header content that
248
250
  will retain position on viewport scroll. The overlap background needs to
@@ -251,7 +253,7 @@ div.awsui_background_hyvsj_1kwsp_221 > .awsui_overlap_hyvsj_1kwsp_242:not(#\9) {
251
253
  */
252
254
  }
253
255
  @media (min-width: 689px) {
254
- div.awsui_background_hyvsj_1kwsp_221 > .awsui_overlap_hyvsj_1kwsp_242.awsui_has-sticky-background_hyvsj_1kwsp_187:not(#\9) {
256
+ div.awsui_background_hyvsj_17tiy_221 > .awsui_overlap_hyvsj_17tiy_243.awsui_has-sticky-background_hyvsj_17tiy_187:not(#\9) {
255
257
  position: sticky;
256
258
  top: var(--awsui-offset-top-with-notifications-lgrg0d);
257
259
  z-index: 799;
@@ -262,13 +264,13 @@ div.awsui_background_hyvsj_1kwsp_221 > .awsui_overlap_hyvsj_1kwsp_242:not(#\9) {
262
264
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
263
265
  SPDX-License-Identifier: Apache-2.0
264
266
  */
265
- header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
267
+ header.awsui_content_hyvsj_17tiy_180:not(#\9) {
266
268
  grid-column: 3;
267
269
  grid-row: 3;
268
270
  padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
269
271
  }
270
272
  @media (min-width: 689px) {
271
- header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
273
+ header.awsui_content_hyvsj_17tiy_180:not(#\9) {
272
274
  /*
273
275
  If Notifications exist and Breadcrumbs do not then Notifications
274
276
  is the previous adjacent sibling to the Header. Add minimal top padding
@@ -286,25 +288,25 @@ header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
286
288
  circular buttons.
287
289
  */
288
290
  }
289
- header.awsui_content_hyvsj_1kwsp_180.awsui_has-notifications-content_hyvsj_1kwsp_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1kwsp_166) {
291
+ header.awsui_content_hyvsj_17tiy_180.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
290
292
  padding-top: var(--space-scaled-xs-6859qs, 8px);
291
293
  }
292
- header.awsui_content_hyvsj_1kwsp_180.awsui_has-breadcrumbs_hyvsj_1kwsp_166:not(#\9) {
294
+ header.awsui_content_hyvsj_17tiy_180.awsui_has-breadcrumbs_hyvsj_17tiy_166:not(#\9) {
293
295
  padding-top: var(--space-xxs-ynfts5, 4px);
294
296
  }
295
- header.awsui_content_hyvsj_1kwsp_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_1kwsp_173):not(.awsui_has-breadcrumbs_hyvsj_1kwsp_166) {
297
+ header.awsui_content_hyvsj_17tiy_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
296
298
  padding-top: var(--space-scaled-xs-6859qs, 8px);
297
299
  }
298
300
  }
299
301
  @media (max-width: 688px) {
300
- header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
302
+ header.awsui_content_hyvsj_17tiy_180:not(#\9) {
301
303
  padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
302
304
  /*
303
305
  Breadcrumbs has moved to first position and sticky so Notifications
304
306
  are now the previous adjacent sibling if they exist.
305
307
  */
306
308
  }
307
- header.awsui_content_hyvsj_1kwsp_180.awsui_has-notifications-content_hyvsj_1kwsp_173:not(#\9) {
309
+ header.awsui_content_hyvsj_17tiy_180.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9) {
308
310
  padding-top: var(--space-scaled-xs-6859qs, 8px);
309
311
  }
310
312
  }
@@ -330,7 +332,7 @@ header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
330
332
  circumstances regardless of whether the minContentWidth property is
331
333
  explicitly set in script.
332
334
  */
333
- .awsui_layout_hyvsj_1kwsp_333:not(#\9) {
335
+ .awsui_layout_hyvsj_17tiy_335:not(#\9) {
334
336
  --awsui-content-gap-left-lgrg0d: 0px;
335
337
  --awsui-content-gap-right-lgrg0d: 0px;
336
338
  --awsui-content-height-lgrg0d: calc(100vh - var(--awsui-header-height-lgrg0d) - var(--awsui-footer-height-lgrg0d));
@@ -351,6 +353,7 @@ header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
351
353
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) 1fr;
352
354
  grid-template-columns: min-content minmax(var(--awsui-content-gap-left-lgrg0d), 1fr) minmax(var(--awsui-default-min-content-width-lgrg0d), var(--awsui-default-max-content-width-lgrg0d)) minmax(var(--awsui-content-gap-right-lgrg0d), 1fr) min-content;
353
355
  position: relative;
356
+ color: var(--color-text-body-default-ajf1h5, #000716);
354
357
  /*
355
358
  Only use the max content width custom property for the middle column definition
356
359
  if the maxContentWidth property has been explicitly set to a non-zero value and
@@ -412,75 +415,90 @@ header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
412
415
  */
413
416
  }
414
417
  @media (min-width: 1401px) {
415
- .awsui_layout_hyvsj_1kwsp_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_1kwsp_415) {
418
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
416
419
  --awsui-default-max-content-width-lgrg0d: 1280px;
417
420
  }
418
421
  }
419
422
  @media (min-width: 1921px) {
420
- .awsui_layout_hyvsj_1kwsp_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_1kwsp_415) {
423
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
421
424
  --awsui-default-max-content-width-lgrg0d: 1440px;
422
425
  }
423
426
  }
424
427
  @media (min-width: 2541px) {
425
- .awsui_layout_hyvsj_1kwsp_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_1kwsp_415) {
428
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
426
429
  --awsui-default-max-content-width-lgrg0d: 1620px;
427
430
  }
428
431
  }
429
- .awsui_layout_hyvsj_1kwsp_333.awsui_has-max-content-width_hyvsj_1kwsp_415:not(#\9) {
432
+ @media (min-width: 1401px) {
433
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
434
+ --awsui-default-max-content-width-lgrg0d: 1280px;
435
+ }
436
+ }
437
+ @media (min-width: 1921px) {
438
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
439
+ --awsui-default-max-content-width-lgrg0d: 1620px;
440
+ }
441
+ }
442
+ @media (min-width: 2541px) {
443
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
444
+ --awsui-default-max-content-width-lgrg0d: 2160px;
445
+ }
446
+ }
447
+ .awsui_layout_hyvsj_17tiy_335.awsui_has-max-content-width_hyvsj_17tiy_418:not(#\9) {
430
448
  --awsui-default-max-content-width-lgrg0d: var(--awsui-max-content-width-lgrg0d);
431
449
  }
432
450
  @media (min-width: 993px) {
433
- .awsui_layout_hyvsj_1kwsp_333:not(#\9) {
451
+ .awsui_layout_hyvsj_17tiy_335:not(#\9) {
434
452
  --awsui-default-min-content-width-lgrg0d: var(--awsui-min-content-width-lgrg0d, 280px);
435
453
  }
436
454
  }
437
455
  @media (max-width: 992px) {
438
- .awsui_layout_hyvsj_1kwsp_333:not(#\9) {
456
+ .awsui_layout_hyvsj_17tiy_335:not(#\9) {
439
457
  --awsui-default-min-content-width-lgrg0d: 0px;
440
458
  }
441
459
  }
442
- .awsui_layout_hyvsj_1kwsp_333.awsui_is-overlap-disabled_hyvsj_1kwsp_442:not(#\9) {
460
+ .awsui_layout_hyvsj_17tiy_335.awsui_is-overlap-disabled_hyvsj_17tiy_460:not(#\9) {
443
461
  --awsui-overlap-height-lgrg0d: 0;
444
462
  }
445
- .awsui_layout_hyvsj_1kwsp_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1kwsp_445) {
463
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463) {
446
464
  --awsui-offset-top-lgrg0d: var(--awsui-header-height-lgrg0d);
447
465
  min-height: var(--awsui-content-height-lgrg0d);
448
466
  }
449
- .awsui_layout_hyvsj_1kwsp_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1kwsp_445):not(.awsui_has-sticky-notifications_hyvsj_1kwsp_449) {
467
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463):not(.awsui_has-sticky-notifications_hyvsj_17tiy_467) {
450
468
  --awsui-offset-top-with-notifications-lgrg0d: var(--awsui-header-height-lgrg0d);
451
469
  }
452
- .awsui_layout_hyvsj_1kwsp_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1kwsp_445).awsui_has-sticky-notifications_hyvsj_1kwsp_449 {
470
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463).awsui_has-sticky-notifications_hyvsj_17tiy_467 {
453
471
  --awsui-offset-top-with-notifications-lgrg0d: calc(
454
472
  var(--awsui-header-height-lgrg0d) + var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
455
473
  );
456
474
  }
457
- .awsui_layout_hyvsj_1kwsp_333.awsui_disable-body-scroll_hyvsj_1kwsp_445:not(#\9) {
475
+ .awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9) {
458
476
  --awsui-offset-top-lgrg0d: 0px;
459
477
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) 1fr auto;
460
478
  height: var(--awsui-content-height-lgrg0d);
461
479
  overflow-y: scroll;
462
480
  }
463
- .awsui_layout_hyvsj_1kwsp_333.awsui_disable-body-scroll_hyvsj_1kwsp_445.awsui_has-split-panel_hyvsj_1kwsp_463.awsui_split-panel-position-bottom_hyvsj_1kwsp_463:not(#\9) {
481
+ .awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463.awsui_has-split-panel_hyvsj_17tiy_481.awsui_split-panel-position-bottom_hyvsj_17tiy_481:not(#\9) {
464
482
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) repeat(2, auto);
465
483
  }
466
- .awsui_layout_hyvsj_1kwsp_333.awsui_disable-body-scroll_hyvsj_1kwsp_445:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1kwsp_449) {
484
+ .awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_17tiy_467) {
467
485
  --awsui-offset-top-with-notifications-lgrg0d: 0px;
468
486
  }
469
- .awsui_layout_hyvsj_1kwsp_333.awsui_disable-body-scroll_hyvsj_1kwsp_445.awsui_has-sticky-notifications_hyvsj_1kwsp_449:not(#\9) {
487
+ .awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463.awsui_has-sticky-notifications_hyvsj_17tiy_467:not(#\9) {
470
488
  --awsui-offset-top-with-notifications-lgrg0d: calc(
471
489
  var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
472
490
  );
473
491
  }
474
492
  @media (min-width: 689px) {
475
- .awsui_layout_hyvsj_1kwsp_333.awsui_has-content-gap-left_hyvsj_1kwsp_475:not(#\9) {
493
+ .awsui_layout_hyvsj_17tiy_335.awsui_has-content-gap-left_hyvsj_17tiy_493:not(#\9) {
476
494
  --awsui-content-gap-left-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
477
495
  }
478
- .awsui_layout_hyvsj_1kwsp_333.awsui_has-content-gap-right_hyvsj_1kwsp_478:not(#\9) {
496
+ .awsui_layout_hyvsj_17tiy_335.awsui_has-content-gap-right_hyvsj_17tiy_496:not(#\9) {
479
497
  --awsui-content-gap-right-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
480
498
  }
481
499
  }
482
500
  @media (max-width: 688px) {
483
- .awsui_layout_hyvsj_1kwsp_333:not(#\9) {
501
+ .awsui_layout_hyvsj_17tiy_335:not(#\9) {
484
502
  --awsui-content-gap-left-lgrg0d: var(--space-l-4vl6xu, 20px);
485
503
  --awsui-content-gap-right-lgrg0d: var(--space-l-4vl6xu, 20px);
486
504
  }
@@ -490,7 +508,7 @@ header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
490
508
  This CSS class is applied to the document body to prevent overflow scrolling
491
509
  when the navigation or tools drawers are open in responsive viewports.
492
510
  */
493
- .awsui_block-body-scroll_hyvsj_1kwsp_493:not(#\9) {
511
+ .awsui_block-body-scroll_hyvsj_17tiy_511:not(#\9) {
494
512
  overflow: hidden;
495
513
  }
496
514
 
@@ -498,7 +516,7 @@ when the navigation or tools drawers are open in responsive viewports.
498
516
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
499
517
  SPDX-License-Identifier: Apache-2.0
500
518
  */
501
- .awsui_container_hyvsj_1kwsp_501:not(#\9) {
519
+ .awsui_container_hyvsj_17tiy_519:not(#\9) {
502
520
  grid-column: 3;
503
521
  grid-row: 4/span 2;
504
522
  padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
@@ -521,23 +539,23 @@ when the navigation or tools drawers are open in responsive viewports.
521
539
  under various circumstances.
522
540
  */
523
541
  }
524
- .awsui_container_hyvsj_1kwsp_501.awsui_has-split-panel_hyvsj_1kwsp_463.awsui_split-panel-position-bottom_hyvsj_1kwsp_463:not(#\9) {
542
+ .awsui_container_hyvsj_17tiy_519.awsui_has-split-panel_hyvsj_17tiy_481.awsui_split-panel-position-bottom_hyvsj_17tiy_481:not(#\9) {
525
543
  padding-bottom: calc(var(--awsui-split-panel-height-lgrg0d) + var(--space-layout-content-bottom-kg9l42, 40px));
526
544
  }
527
- .awsui_container_hyvsj_1kwsp_501.awsui_disable-content-paddings_hyvsj_1kwsp_527:not(#\9) {
545
+ .awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545:not(#\9) {
528
546
  grid-column: 1/6;
529
547
  padding: 0;
530
548
  }
531
549
  @media (min-width: 689px) {
532
- .awsui_container_hyvsj_1kwsp_501.awsui_disable-content-paddings_hyvsj_1kwsp_527.awsui_is-navigation-open_hyvsj_1kwsp_532:not(#\9) {
550
+ .awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-navigation-open_hyvsj_17tiy_550:not(#\9) {
533
551
  grid-column-start: 2;
534
552
  }
535
- .awsui_container_hyvsj_1kwsp_501.awsui_disable-content-paddings_hyvsj_1kwsp_527.awsui_is-tools-open_hyvsj_1kwsp_535:not(#\9), .awsui_container_hyvsj_1kwsp_501.awsui_disable-content-paddings_hyvsj_1kwsp_527.awsui_is-split-panel-open_hyvsj_1kwsp_535.awsui_split-panel-position-side_hyvsj_1kwsp_535:not(#\9) {
553
+ .awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-tools-open_hyvsj_17tiy_553:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_split-panel-position-side_hyvsj_17tiy_553:not(#\9) {
536
554
  grid-column-end: 5;
537
555
  }
538
556
  }
539
557
  @media (min-width: 689px) {
540
- .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527) {
558
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545) {
541
559
  /*
542
560
  Notifications is the previous adjacent sibling to the Main in
543
561
  desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -552,18 +570,18 @@ when the navigation or tools drawers are open in responsive viewports.
552
570
  sibling to the Main which requires no top padding.
553
571
  */
554
572
  }
555
- .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_content-type-default_hyvsj_1kwsp_555.awsui_has-notifications-content_hyvsj_1kwsp_173:not(.awsui_has-breadcrumbs_hyvsj_1kwsp_166):not(.awsui_has-header_hyvsj_1kwsp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179), .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_content-type-form_hyvsj_1kwsp_555.awsui_has-notifications-content_hyvsj_1kwsp_173:not(.awsui_has-breadcrumbs_hyvsj_1kwsp_166):not(.awsui_has-header_hyvsj_1kwsp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179) {
573
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
556
574
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
557
575
  }
558
- .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_content-type-default_hyvsj_1kwsp_555:not(.awsui_has-notifications-content_hyvsj_1kwsp_173):not(.awsui_has-breadcrumbs_hyvsj_1kwsp_166):not(.awsui_has-header_hyvsj_1kwsp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179), .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_content-type-form_hyvsj_1kwsp_555:not(.awsui_has-notifications-content_hyvsj_1kwsp_173):not(.awsui_has-breadcrumbs_hyvsj_1kwsp_166):not(.awsui_has-header_hyvsj_1kwsp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179) {
576
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
559
577
  padding-top: var(--space-scaled-xs-6859qs, 8px);
560
578
  }
561
- .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_has-header_hyvsj_1kwsp_179, .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179 {
579
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-header_hyvsj_17tiy_179, .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-dynamic-overlap-height_hyvsj_17tiy_179 {
562
580
  padding-top: 0;
563
581
  }
564
582
  }
565
583
  @media (max-width: 688px) {
566
- .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527) {
584
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545) {
567
585
  /*
568
586
  If the Notifications exist but the Header does not then the
569
587
  Notifications is the previous adjacent sibling to the Main
@@ -578,23 +596,23 @@ when the navigation or tools drawers are open in responsive viewports.
578
596
  sibling to the Main which requires no top padding.
579
597
  */
580
598
  }
581
- .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_content-type-default_hyvsj_1kwsp_555.awsui_has-notifications-content_hyvsj_1kwsp_173:not(.awsui_has-header_hyvsj_1kwsp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179), .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_content-type-form_hyvsj_1kwsp_555.awsui_has-notifications-content_hyvsj_1kwsp_173:not(.awsui_has-header_hyvsj_1kwsp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179) {
599
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
582
600
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
583
601
  }
584
- .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_content-type-default_hyvsj_1kwsp_555:not(.awsui_has-notifications-content_hyvsj_1kwsp_173):not(.awsui_has-header_hyvsj_1kwsp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179), .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_content-type-form_hyvsj_1kwsp_555:not(.awsui_has-notifications-content_hyvsj_1kwsp_173):not(.awsui_has-header_hyvsj_1kwsp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179) {
602
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
585
603
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
586
604
  }
587
- .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_has-header_hyvsj_1kwsp_179, .awsui_container_hyvsj_1kwsp_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1kwsp_527).awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179 {
605
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-header_hyvsj_17tiy_179, .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-dynamic-overlap-height_hyvsj_17tiy_179 {
588
606
  padding-top: 0;
589
607
  }
590
608
  }
591
- .awsui_container_hyvsj_1kwsp_501.awsui_content-type-cards_hyvsj_1kwsp_183:not(#\9), .awsui_container_hyvsj_1kwsp_501.awsui_content-type-table_hyvsj_1kwsp_184:not(#\9), .awsui_container_hyvsj_1kwsp_501.awsui_content-type-wizard_hyvsj_1kwsp_180:not(#\9) {
609
+ .awsui_container_hyvsj_17tiy_519.awsui_content-type-cards_hyvsj_17tiy_183:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_content-type-table_hyvsj_17tiy_184:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_content-type-wizard_hyvsj_17tiy_180:not(#\9) {
592
610
  padding-top: 0;
593
611
  }
594
612
 
595
613
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
596
- .awsui_unfocusable_hyvsj_1kwsp_596:not(#\9),
597
- .awsui_unfocusable_hyvsj_1kwsp_596 *:not(#\9) {
614
+ .awsui_unfocusable_hyvsj_17tiy_614:not(#\9),
615
+ .awsui_unfocusable_hyvsj_17tiy_614 *:not(#\9) {
598
616
  visibility: hidden !important;
599
617
  }
600
618
 
@@ -603,7 +621,7 @@ when the navigation or tools drawers are open in responsive viewports.
603
621
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
604
622
  SPDX-License-Identifier: Apache-2.0
605
623
  */
606
- .awsui_navigation-container_hyvsj_1kwsp_606:not(#\9) {
624
+ .awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
607
625
  --awsui-navigation-width-lgrg0d: 280px;
608
626
  display: flex;
609
627
  grid-column: 1;
@@ -625,12 +643,12 @@ when the navigation or tools drawers are open in responsive viewports.
625
643
  pointer-events: none;
626
644
  }
627
645
  @media (min-width: 2541px) {
628
- .awsui_navigation-container_hyvsj_1kwsp_606:not(#\9) {
646
+ .awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
629
647
  --awsui-navigation-width-lgrg0d: 320px;
630
648
  }
631
649
  }
632
650
  @media (max-width: 688px) {
633
- .awsui_navigation-container_hyvsj_1kwsp_606:not(#\9) {
651
+ .awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
634
652
  left: 0;
635
653
  position: fixed;
636
654
  top: var(--awsui-offset-top-lgrg0d);
@@ -638,14 +656,14 @@ when the navigation or tools drawers are open in responsive viewports.
638
656
  }
639
657
  }
640
658
 
641
- nav.awsui_show-navigation_hyvsj_1kwsp_641:not(#\9) {
659
+ nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9) {
642
660
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
643
661
  /*
644
662
  Apply the animation only in desktop viewports because the AppBar will
645
663
  take control in responsive viewports.
646
664
  */
647
665
  }
648
- @keyframes awsui_showButtons_hyvsj_1kwsp_1 {
666
+ @keyframes awsui_showButtons_hyvsj_17tiy_1 {
649
667
  0% {
650
668
  opacity: 0;
651
669
  }
@@ -653,31 +671,31 @@ nav.awsui_show-navigation_hyvsj_1kwsp_641:not(#\9) {
653
671
  opacity: 1;
654
672
  }
655
673
  }
656
- nav.awsui_show-navigation_hyvsj_1kwsp_641.awsui_is-navigation-open_hyvsj_1kwsp_532:not(#\9) {
674
+ nav.awsui_show-navigation_hyvsj_17tiy_659.awsui_is-navigation-open_hyvsj_17tiy_550:not(#\9) {
657
675
  display: none;
658
676
  }
659
677
  @media (min-width: 689px) {
660
- nav.awsui_show-navigation_hyvsj_1kwsp_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_1kwsp_532) {
678
+ nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550) {
661
679
  display: block;
662
680
  }
663
- nav.awsui_show-navigation_hyvsj_1kwsp_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_1kwsp_532).awsui_animating_hyvsj_1kwsp_663 {
664
- animation: awsui_showButtons_hyvsj_1kwsp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
681
+ nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
682
+ animation: awsui_showButtons_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
665
683
  }
666
684
  }
667
685
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
668
- nav.awsui_show-navigation_hyvsj_1kwsp_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_1kwsp_532).awsui_animating_hyvsj_1kwsp_663 {
686
+ nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
669
687
  animation: none;
670
688
  transition: none;
671
689
  }
672
690
  }
673
691
  @media (min-width: 689px) {
674
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1kwsp_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_1kwsp_532).awsui_animating_hyvsj_1kwsp_663, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1kwsp_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_1kwsp_532).awsui_animating_hyvsj_1kwsp_663 {
692
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
675
693
  animation: none;
676
694
  transition: none;
677
695
  }
678
696
  }
679
697
 
680
- nav.awsui_navigation_hyvsj_1kwsp_606:not(#\9) {
698
+ nav.awsui_navigation_hyvsj_17tiy_624:not(#\9) {
681
699
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
682
700
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
683
701
  bottom: 0;
@@ -694,7 +712,7 @@ nav.awsui_navigation_hyvsj_1kwsp_606:not(#\9) {
694
712
  prevent unwanted text wrapping.
695
713
  */
696
714
  }
697
- @keyframes awsui_openNavigation_hyvsj_1kwsp_1 {
715
+ @keyframes awsui_openNavigation_hyvsj_17tiy_1 {
698
716
  from {
699
717
  opacity: 0;
700
718
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -704,33 +722,33 @@ nav.awsui_navigation_hyvsj_1kwsp_606:not(#\9) {
704
722
  width: var(--awsui-navigation-width-lgrg0d);
705
723
  }
706
724
  }
707
- nav.awsui_navigation_hyvsj_1kwsp_606:not(#\9):not(.awsui_is-navigation-open_hyvsj_1kwsp_532) {
725
+ nav.awsui_navigation_hyvsj_17tiy_624:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550) {
708
726
  width: 0;
709
727
  display: none;
710
728
  }
711
- nav.awsui_navigation_hyvsj_1kwsp_606.awsui_is-navigation-open_hyvsj_1kwsp_532.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
712
- animation: awsui_openNavigation_hyvsj_1kwsp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
729
+ nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
730
+ animation: awsui_openNavigation_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
713
731
  }
714
732
  @media (prefers-reduced-motion: reduce) {
715
- nav.awsui_navigation_hyvsj_1kwsp_606.awsui_is-navigation-open_hyvsj_1kwsp_532.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
733
+ nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
716
734
  animation: none;
717
735
  transition: none;
718
736
  }
719
737
  }
720
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_1kwsp_606.awsui_is-navigation-open_hyvsj_1kwsp_532.awsui_animating_hyvsj_1kwsp_663:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1kwsp_606.awsui_is-navigation-open_hyvsj_1kwsp_532.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
738
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
721
739
  animation: none;
722
740
  transition: none;
723
741
  }
724
- nav.awsui_navigation_hyvsj_1kwsp_606 > .awsui_animated-content_hyvsj_1kwsp_724:not(#\9) {
742
+ nav.awsui_navigation_hyvsj_17tiy_624 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
725
743
  width: var(--awsui-navigation-width-lgrg0d);
726
744
  }
727
745
  @media (max-width: 688px) {
728
- nav.awsui_navigation_hyvsj_1kwsp_606:not(#\9) {
746
+ nav.awsui_navigation_hyvsj_17tiy_624:not(#\9) {
729
747
  --awsui-navigation-width-lgrg0d: 100vw;
730
748
  }
731
749
  }
732
750
 
733
- .awsui_hide-navigation_hyvsj_1kwsp_733:not(#\9) {
751
+ .awsui_hide-navigation_hyvsj_17tiy_751:not(#\9) {
734
752
  position: absolute;
735
753
  right: var(--space-m-17eucw, 16px);
736
754
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -740,10 +758,11 @@ nav.awsui_navigation_hyvsj_1kwsp_606 > .awsui_animated-content_hyvsj_1kwsp_724:n
740
758
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
741
759
  SPDX-License-Identifier: Apache-2.0
742
760
  */
743
- .awsui_notifications_hyvsj_1kwsp_224:not(#\9) {
761
+ .awsui_notifications_hyvsj_17tiy_224:not(#\9) {
744
762
  grid-column: 3;
745
763
  grid-row: 1;
746
764
  z-index: 850;
765
+ color: var(--color-text-body-default-ajf1h5, #000716);
747
766
  /*
748
767
  In desktop viewports the notifications will always be the first
749
768
  slot rendered in the center column. The padding should create
@@ -757,31 +776,31 @@ nav.awsui_navigation_hyvsj_1kwsp_606 > .awsui_animated-content_hyvsj_1kwsp_724:n
757
776
  */
758
777
  }
759
778
  @media (min-width: 689px) {
760
- .awsui_notifications_hyvsj_1kwsp_224:not(#\9) {
779
+ .awsui_notifications_hyvsj_17tiy_224:not(#\9) {
761
780
  margin: var(--space-xs-rsr2qu, 8px) 0;
762
781
  /*
763
782
  var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
764
783
  calculation in the layout CSS.
765
784
  */
766
785
  }
767
- .awsui_notifications_hyvsj_1kwsp_224.awsui_sticky-notifications_hyvsj_1kwsp_236:not(#\9) {
786
+ .awsui_notifications_hyvsj_17tiy_224.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
768
787
  position: sticky;
769
788
  top: calc(var(--awsui-offset-top-lgrg0d) + var(--space-xs-rsr2qu, 8px));
770
789
  --awsui-flashbar-sticky-bottom-margin-lgrg0d: var(--space-xxl-2nvmf1, 32px);
771
790
  }
772
- .awsui_notifications_hyvsj_1kwsp_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_1kwsp_173) {
791
+ .awsui_notifications_hyvsj_17tiy_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
773
792
  margin: 0;
774
793
  }
775
794
  }
776
795
  @media (max-width: 688px) {
777
- .awsui_notifications_hyvsj_1kwsp_224:not(#\9) {
796
+ .awsui_notifications_hyvsj_17tiy_224:not(#\9) {
778
797
  grid-row: 2;
779
798
  margin: var(--space-scaled-s-cu1hzn, 12px) 0;
780
799
  }
781
- .awsui_notifications_hyvsj_1kwsp_224.awsui_sticky-notifications_hyvsj_1kwsp_236:not(#\9) {
800
+ .awsui_notifications_hyvsj_17tiy_224.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
782
801
  position: static;
783
802
  }
784
- .awsui_notifications_hyvsj_1kwsp_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_1kwsp_173) {
803
+ .awsui_notifications_hyvsj_17tiy_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
785
804
  margin: 0;
786
805
  }
787
806
  }
@@ -796,7 +815,7 @@ as the content area. This row is defined as 1 fractional unit which will
796
815
  consume the remaining vertical space in the grid after the notifications
797
816
  and breadcrumbs.
798
817
  */
799
- section.awsui_split-panel-bottom_hyvsj_1kwsp_799:not(#\9) {
818
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818:not(#\9) {
800
819
  /*
801
820
  The align self property will position the split panel at the bottom of the grid row.
802
821
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -831,7 +850,7 @@ section.awsui_split-panel-bottom_hyvsj_1kwsp_799:not(#\9) {
831
850
  apply the animation to the height property.
832
851
  */
833
852
  }
834
- @keyframes awsui_openSplitPanelBottom_hyvsj_1kwsp_1 {
853
+ @keyframes awsui_openSplitPanelBottom_hyvsj_17tiy_1 {
835
854
  from {
836
855
  height: var(--awsui-split-panel-reported-header-size-lgrg0d, 0);
837
856
  }
@@ -839,39 +858,39 @@ section.awsui_split-panel-bottom_hyvsj_1kwsp_799:not(#\9) {
839
858
  height: var(--awsui-split-panel-reported-size-lgrg0d);
840
859
  }
841
860
  }
842
- section.awsui_split-panel-bottom_hyvsj_1kwsp_799.awsui_disable-body-scroll_hyvsj_1kwsp_445:not(#\9) {
861
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9) {
843
862
  bottom: 0;
844
863
  }
845
- section.awsui_split-panel-bottom_hyvsj_1kwsp_799.awsui_is-navigation-open_hyvsj_1kwsp_532.awsui_position-bottom_hyvsj_1kwsp_845:not(#\9) {
864
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
846
865
  grid-column-start: 2;
847
866
  }
848
- section.awsui_split-panel-bottom_hyvsj_1kwsp_799.awsui_is-tools-open_hyvsj_1kwsp_535.awsui_position-bottom_hyvsj_1kwsp_845:not(#\9) {
867
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-tools-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
849
868
  grid-column-end: 5;
850
869
  }
851
- section.awsui_split-panel-bottom_hyvsj_1kwsp_799.awsui_position-bottom_hyvsj_1kwsp_845:not(#\9) {
870
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
852
871
  display: block;
853
872
  }
854
- section.awsui_split-panel-bottom_hyvsj_1kwsp_799:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1kwsp_535).awsui_position-bottom_hyvsj_1kwsp_845 {
873
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17tiy_553).awsui_position-bottom_hyvsj_17tiy_864 {
855
874
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
856
875
  }
857
- section.awsui_split-panel-bottom_hyvsj_1kwsp_799.awsui_is-split-panel-open_hyvsj_1kwsp_535.awsui_position-bottom_hyvsj_1kwsp_845:not(#\9) {
876
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
858
877
  box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
859
878
  }
860
- section.awsui_split-panel-bottom_hyvsj_1kwsp_799.awsui_is-split-panel-open_hyvsj_1kwsp_535.awsui_position-bottom_hyvsj_1kwsp_845.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
861
- animation: awsui_openSplitPanelBottom_hyvsj_1kwsp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
879
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
880
+ animation: awsui_openSplitPanelBottom_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
862
881
  }
863
882
  @media (prefers-reduced-motion: reduce) {
864
- section.awsui_split-panel-bottom_hyvsj_1kwsp_799.awsui_is-split-panel-open_hyvsj_1kwsp_535.awsui_position-bottom_hyvsj_1kwsp_845.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
883
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
865
884
  animation: none;
866
885
  transition: none;
867
886
  }
868
887
  }
869
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1kwsp_799.awsui_is-split-panel-open_hyvsj_1kwsp_535.awsui_position-bottom_hyvsj_1kwsp_845.awsui_animating_hyvsj_1kwsp_663:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1kwsp_799.awsui_is-split-panel-open_hyvsj_1kwsp_535.awsui_position-bottom_hyvsj_1kwsp_845.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
888
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
870
889
  animation: none;
871
890
  transition: none;
872
891
  }
873
892
 
874
- section.awsui_split-panel-side_hyvsj_1kwsp_874:not(#\9) {
893
+ section.awsui_split-panel-side_hyvsj_17tiy_893:not(#\9) {
875
894
  height: 100%;
876
895
  overflow-x: hidden;
877
896
  pointer-events: auto;
@@ -886,7 +905,7 @@ section.awsui_split-panel-side_hyvsj_1kwsp_874:not(#\9) {
886
905
  prevent unwanted text wrapping.
887
906
  */
888
907
  }
889
- @keyframes awsui_openSplitPanelSide_hyvsj_1kwsp_1 {
908
+ @keyframes awsui_openSplitPanelSide_hyvsj_17tiy_1 {
890
909
  from {
891
910
  opacity: 0;
892
911
  width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
@@ -896,28 +915,28 @@ section.awsui_split-panel-side_hyvsj_1kwsp_874:not(#\9) {
896
915
  width: var(--awsui-split-panel-reported-size-lgrg0d);
897
916
  }
898
917
  }
899
- section.awsui_split-panel-side_hyvsj_1kwsp_874:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1kwsp_535), section.awsui_split-panel-side_hyvsj_1kwsp_874.awsui_position-bottom_hyvsj_1kwsp_845:not(#\9) {
918
+ section.awsui_split-panel-side_hyvsj_17tiy_893:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17tiy_553), section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
900
919
  width: 0;
901
920
  }
902
- section.awsui_split-panel-side_hyvsj_1kwsp_874.awsui_is-split-panel-open_hyvsj_1kwsp_535.awsui_position-side_hyvsj_1kwsp_902:not(#\9) {
921
+ section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921:not(#\9) {
903
922
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
904
923
  max-width: var(--awsui-split-panel-max-width-lgrg0d, 280px);
905
924
  min-width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
906
925
  }
907
- section.awsui_split-panel-side_hyvsj_1kwsp_874.awsui_is-split-panel-open_hyvsj_1kwsp_535.awsui_position-side_hyvsj_1kwsp_902.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
908
- animation: awsui_openSplitPanelSide_hyvsj_1kwsp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
926
+ section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
927
+ animation: awsui_openSplitPanelSide_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
909
928
  }
910
929
  @media (prefers-reduced-motion: reduce) {
911
- section.awsui_split-panel-side_hyvsj_1kwsp_874.awsui_is-split-panel-open_hyvsj_1kwsp_535.awsui_position-side_hyvsj_1kwsp_902.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
930
+ section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
912
931
  animation: none;
913
932
  transition: none;
914
933
  }
915
934
  }
916
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1kwsp_874.awsui_is-split-panel-open_hyvsj_1kwsp_535.awsui_position-side_hyvsj_1kwsp_902.awsui_animating_hyvsj_1kwsp_663:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1kwsp_874.awsui_is-split-panel-open_hyvsj_1kwsp_535.awsui_position-side_hyvsj_1kwsp_902.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
935
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
917
936
  animation: none;
918
937
  transition: none;
919
938
  }
920
- section.awsui_split-panel-side_hyvsj_1kwsp_874 > .awsui_animated-content_hyvsj_1kwsp_724:not(#\9) {
939
+ section.awsui_split-panel-side_hyvsj_17tiy_893 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
921
940
  height: 100%;
922
941
  max-width: inherit;
923
942
  width: var(--awsui-split-panel-reported-size-lgrg0d);
@@ -936,7 +955,7 @@ content width has a default value that can be set directly with the minContentWi
936
955
  property. The content gap right is computed in the Layout styles based on the
937
956
  viewport size and state of the Tools drawer.
938
957
  */
939
- .awsui_tools-container_hyvsj_1kwsp_939:not(#\9) {
958
+ .awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
940
959
  /* stylelint-disable scss/operator-no-newline-after */
941
960
  --awsui-tools-max-width-lgrg0d: calc(var(--awsui-layout-width-lgrg0d) - var(--awsui-main-offset-left-lgrg0d) - var(--awsui-default-min-content-width-lgrg0d) - var(--awsui-content-gap-right-lgrg0d));
942
961
  /* stylelint-enable scss/operator-no-newline-after */
@@ -952,12 +971,12 @@ viewport size and state of the Tools drawer.
952
971
  pointer-events: none;
953
972
  }
954
973
  @media (min-width: 2541px) {
955
- .awsui_tools-container_hyvsj_1kwsp_939:not(#\9) {
974
+ .awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
956
975
  --awsui-tools-width-lgrg0d: 360px;
957
976
  }
958
977
  }
959
978
  @media (max-width: 688px) {
960
- .awsui_tools-container_hyvsj_1kwsp_939:not(#\9) {
979
+ .awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
961
980
  --awsui-tools-max-width-lgrg0d: none;
962
981
  --awsui-tools-width-lgrg0d: auto;
963
982
  position: fixed;
@@ -967,7 +986,7 @@ viewport size and state of the Tools drawer.
967
986
  }
968
987
  }
969
988
 
970
- .awsui_tools_hyvsj_1kwsp_939:not(#\9) {
989
+ .awsui_tools_hyvsj_17tiy_958:not(#\9) {
971
990
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
972
991
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
973
992
  flex-shrink: 0;
@@ -990,7 +1009,7 @@ viewport size and state of the Tools drawer.
990
1009
  in the side position.
991
1010
  */
992
1011
  }
993
- @keyframes awsui_openTools_hyvsj_1kwsp_1 {
1012
+ @keyframes awsui_openTools_hyvsj_17tiy_1 {
994
1013
  from {
995
1014
  opacity: var(--awsui-tools-animation-starting-opacity-lgrg0d, 0);
996
1015
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -1000,38 +1019,38 @@ viewport size and state of the Tools drawer.
1000
1019
  width: var(--awsui-tools-width-lgrg0d);
1001
1020
  }
1002
1021
  }
1003
- .awsui_tools_hyvsj_1kwsp_939:not(#\9):not(.awsui_is-tools-open_hyvsj_1kwsp_535) {
1022
+ .awsui_tools_hyvsj_17tiy_958:not(#\9):not(.awsui_is-tools-open_hyvsj_17tiy_553) {
1004
1023
  width: 0;
1005
1024
  display: none;
1006
1025
  }
1007
- .awsui_tools_hyvsj_1kwsp_939.awsui_is-tools-open_hyvsj_1kwsp_535.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
1008
- animation: awsui_openTools_hyvsj_1kwsp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1026
+ .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1027
+ animation: awsui_openTools_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1009
1028
  }
1010
1029
  @media (prefers-reduced-motion: reduce) {
1011
- .awsui_tools_hyvsj_1kwsp_939.awsui_is-tools-open_hyvsj_1kwsp_535.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
1030
+ .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1012
1031
  animation: none;
1013
1032
  transition: none;
1014
1033
  }
1015
1034
  }
1016
- .awsui-motion-disabled .awsui_tools_hyvsj_1kwsp_939.awsui_is-tools-open_hyvsj_1kwsp_535.awsui_animating_hyvsj_1kwsp_663:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1kwsp_939.awsui_is-tools-open_hyvsj_1kwsp_535.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
1035
+ .awsui-motion-disabled .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1017
1036
  animation: none;
1018
1037
  transition: none;
1019
1038
  }
1020
- .awsui_tools_hyvsj_1kwsp_939 > .awsui_animated-content_hyvsj_1kwsp_724:not(#\9) {
1039
+ .awsui_tools_hyvsj_17tiy_958 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
1021
1040
  width: var(--awsui-tools-width-lgrg0d);
1022
1041
  }
1023
1042
  @media (min-width: 689px) {
1024
- .awsui_tools_hyvsj_1kwsp_939.awsui_is-tools-open_hyvsj_1kwsp_535.awsui_has-tools-form-persistence_hyvsj_1kwsp_1024:not(#\9) {
1043
+ .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_has-tools-form-persistence_hyvsj_17tiy_1043:not(#\9) {
1025
1044
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
1026
1045
  }
1027
1046
  }
1028
1047
  @media (max-width: 688px) {
1029
- .awsui_tools_hyvsj_1kwsp_939:not(#\9) {
1048
+ .awsui_tools_hyvsj_17tiy_958:not(#\9) {
1030
1049
  --awsui-tools-width-lgrg0d: 100vw;
1031
1050
  }
1032
1051
  }
1033
1052
 
1034
- .awsui_hide-tools_hyvsj_1kwsp_1034:not(#\9) {
1053
+ .awsui_hide-tools_hyvsj_17tiy_1053:not(#\9) {
1035
1054
  position: absolute;
1036
1055
  right: var(--space-m-17eucw, 16px);
1037
1056
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -1043,7 +1062,7 @@ Warning! If these design tokens for padding change it will adversely impact
1043
1062
  the calculation used to determine the Split Panel maximum width in the
1044
1063
  handleSplitPanelMaxWidth function in the context.
1045
1064
  */
1046
- .awsui_show-tools_hyvsj_1kwsp_1046:not(#\9) {
1065
+ .awsui_show-tools_hyvsj_17tiy_1065:not(#\9) {
1047
1066
  box-sizing: border-box;
1048
1067
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
1049
1068
  /*
@@ -1051,7 +1070,7 @@ handleSplitPanelMaxWidth function in the context.
1051
1070
  take control in responsive viewports.
1052
1071
  */
1053
1072
  }
1054
- @keyframes awsui_showButtons_hyvsj_1kwsp_1 {
1073
+ @keyframes awsui_showButtons_hyvsj_17tiy_1 {
1055
1074
  0% {
1056
1075
  opacity: 0;
1057
1076
  }
@@ -1059,33 +1078,33 @@ handleSplitPanelMaxWidth function in the context.
1059
1078
  opacity: 1;
1060
1079
  }
1061
1080
  }
1062
- .awsui_show-tools_hyvsj_1kwsp_1046:not(#\9):not(.awsui_has-tools-form_hyvsj_1kwsp_1024) {
1081
+ .awsui_show-tools_hyvsj_17tiy_1065:not(#\9):not(.awsui_has-tools-form_hyvsj_17tiy_1043) {
1063
1082
  display: none;
1064
1083
  }
1065
1084
  @media (min-width: 689px) {
1066
- .awsui_show-tools_hyvsj_1kwsp_1046.awsui_has-tools-form_hyvsj_1kwsp_1024:not(#\9) {
1085
+ .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043:not(#\9) {
1067
1086
  display: flex;
1068
1087
  flex-direction: column;
1069
1088
  gap: var(--space-xs-rsr2qu, 8px);
1070
1089
  }
1071
- .awsui_show-tools_hyvsj_1kwsp_1046.awsui_has-tools-form_hyvsj_1kwsp_1024.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
1072
- animation: awsui_showButtons_hyvsj_1kwsp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1090
+ .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1091
+ animation: awsui_showButtons_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1073
1092
  }
1074
1093
  }
1075
1094
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1076
- .awsui_show-tools_hyvsj_1kwsp_1046.awsui_has-tools-form_hyvsj_1kwsp_1024.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
1095
+ .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1077
1096
  animation: none;
1078
1097
  transition: none;
1079
1098
  }
1080
1099
  }
1081
1100
  @media (min-width: 689px) {
1082
- .awsui-motion-disabled .awsui_show-tools_hyvsj_1kwsp_1046.awsui_has-tools-form_hyvsj_1kwsp_1024.awsui_animating_hyvsj_1kwsp_663:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1kwsp_1046.awsui_has-tools-form_hyvsj_1kwsp_1024.awsui_animating_hyvsj_1kwsp_663:not(#\9) {
1101
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1083
1102
  animation: none;
1084
1103
  transition: none;
1085
1104
  }
1086
1105
  }
1087
1106
  @media (min-width: 689px) {
1088
- .awsui_show-tools_hyvsj_1kwsp_1046.awsui_has-tools-form-persistence_hyvsj_1kwsp_1024:not(#\9) {
1107
+ .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form-persistence_hyvsj_17tiy_1043:not(#\9) {
1089
1108
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
1090
1109
  z-index: 1;
1091
1110
  }
@@ -1100,7 +1119,7 @@ Warning! If these design tokens for width change it will adversely impact
1100
1119
  the calculation used to determine the Split Panel maximum width in the
1101
1120
  handleSplitPanelMaxWidth function in the context.
1102
1121
  */
1103
- .awsui_trigger_hyvsj_1kwsp_1103:not(#\9) {
1122
+ .awsui_trigger_hyvsj_17tiy_1122:not(#\9) {
1104
1123
  background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
1105
1124
  border: none;
1106
1125
  border-radius: 50%;
@@ -1112,14 +1131,14 @@ handleSplitPanelMaxWidth function in the context.
1112
1131
  width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
1113
1132
  pointer-events: auto;
1114
1133
  }
1115
- .awsui_trigger_hyvsj_1kwsp_1103[data-awsui-focus-visible=true]:not(#\9):focus {
1134
+ .awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus {
1116
1135
  position: relative;
1117
1136
  }
1118
- .awsui_trigger_hyvsj_1kwsp_1103[data-awsui-focus-visible=true]:not(#\9):focus {
1137
+ .awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus {
1119
1138
  outline: 2px dotted transparent;
1120
1139
  outline-offset: calc(3px - 1px);
1121
1140
  }
1122
- .awsui_trigger_hyvsj_1kwsp_1103[data-awsui-focus-visible=true]:not(#\9):focus::before {
1141
+ .awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus::before {
1123
1142
  content: " ";
1124
1143
  display: block;
1125
1144
  position: absolute;
@@ -1130,23 +1149,23 @@ handleSplitPanelMaxWidth function in the context.
1130
1149
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
1131
1150
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
1132
1151
  }
1133
- .awsui_trigger_hyvsj_1kwsp_1103:not(#\9):focus {
1152
+ .awsui_trigger_hyvsj_17tiy_1122:not(#\9):focus {
1134
1153
  outline: none;
1135
1154
  }
1136
- .awsui_trigger_hyvsj_1kwsp_1103:not(#\9):hover {
1155
+ .awsui_trigger_hyvsj_17tiy_1122:not(#\9):hover {
1137
1156
  background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
1138
1157
  }
1139
- .awsui_trigger_hyvsj_1kwsp_1103:not(#\9):active {
1158
+ .awsui_trigger_hyvsj_17tiy_1122:not(#\9):active {
1140
1159
  background: var(--color-background-layout-toggle-active-d15dki, #354150);
1141
1160
  }
1142
- .awsui_trigger_hyvsj_1kwsp_1103.awsui_selected_hyvsj_1kwsp_1142:not(#\9) {
1161
+ .awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9) {
1143
1162
  background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
1144
1163
  color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
1145
1164
  }
1146
- .awsui_trigger_hyvsj_1kwsp_1103.awsui_selected_hyvsj_1kwsp_1142:not(#\9):hover {
1165
+ .awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9):hover {
1147
1166
  background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
1148
1167
  }
1149
- .awsui_trigger_hyvsj_1kwsp_1103.awsui_selected_hyvsj_1kwsp_1142:not(#\9):active {
1168
+ .awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9):active {
1150
1169
  background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
1151
1170
  }
1152
1171