@cloudscape-design/components 3.0.822 → 3.0.823

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/drawer/index.d.ts.map +1 -1
  2. package/app-layout/drawer/index.js +3 -1
  3. package/app-layout/drawer/index.js.map +1 -1
  4. package/app-layout/drawer/styles.css.js +14 -13
  5. package/app-layout/drawer/styles.scoped.css +26 -21
  6. package/app-layout/drawer/styles.selectors.js +14 -13
  7. package/app-layout/visual-refresh/navigation.js +1 -1
  8. package/app-layout/visual-refresh/navigation.js.map +1 -1
  9. package/app-layout/visual-refresh/styles.css.js +86 -85
  10. package/app-layout/visual-refresh/styles.scoped.css +168 -162
  11. package/app-layout/visual-refresh/styles.selectors.js +86 -85
  12. package/app-layout/visual-refresh-toolbar/compute-layout.d.ts +4 -1
  13. package/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
  14. package/app-layout/visual-refresh-toolbar/compute-layout.js +4 -2
  15. package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
  16. package/app-layout/visual-refresh-toolbar/drawer/global-drawer.d.ts.map +1 -1
  17. package/app-layout/visual-refresh-toolbar/drawer/global-drawer.js +5 -5
  18. package/app-layout/visual-refresh-toolbar/drawer/global-drawer.js.map +1 -1
  19. package/app-layout/visual-refresh-toolbar/drawer/local-drawer.d.ts.map +1 -1
  20. package/app-layout/visual-refresh-toolbar/drawer/local-drawer.js +5 -5
  21. package/app-layout/visual-refresh-toolbar/drawer/local-drawer.js.map +1 -1
  22. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +10 -10
  23. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +12 -14
  24. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +10 -10
  25. package/app-layout/visual-refresh-toolbar/navigation/index.js +5 -5
  26. package/app-layout/visual-refresh-toolbar/navigation/index.js.map +1 -1
  27. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +5 -4
  28. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +10 -5
  29. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +5 -4
  30. package/app-layout/visual-refresh-toolbar/split-panel/index.d.ts.map +1 -1
  31. package/app-layout/visual-refresh-toolbar/split-panel/index.js +4 -4
  32. package/app-layout/visual-refresh-toolbar/split-panel/index.js.map +1 -1
  33. package/internal/environment.js +1 -1
  34. package/internal/environment.json +1 -1
  35. package/internal/manifest.json +1 -1
  36. package/package.json +1 -1
package/app-layout/visual-refresh/styles.scoped.css CHANGED
@@ -142,10 +142,10 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- div.awsui_background_hyvsj_14131_145:not(#\9) {
145
+ div.awsui_background_hyvsj_17ek5_145:not(#\9) {
146
146
  display: contents;
147
147
  }
148
- div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_148:not(#\9) {
148
+ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_148:not(#\9) {
149
149
  background-color: var(--color-background-layout-main-nqw91u, #ffffff);
150
150
  color: var(--color-text-body-default-7v1jfn, #0f141a);
151
151
  grid-column: 1/span 5;
@@ -156,7 +156,7 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
156
156
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
157
157
  SPDX-License-Identifier: Apache-2.0
158
158
  */
159
- .awsui_breadcrumbs_hyvsj_14131_159:not(#\9) {
159
+ .awsui_breadcrumbs_hyvsj_17ek5_159:not(#\9) {
160
160
  background-color: var(--color-background-layout-main-nqw91u, #ffffff);
161
161
  grid-area: breadcrumbs;
162
162
  }
@@ -169,7 +169,7 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
169
169
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
170
170
  SPDX-License-Identifier: Apache-2.0
171
171
  */
172
- .awsui_drawers-container_hyvsj_14131_172:not(#\9) {
172
+ .awsui_drawers-container_hyvsj_17ek5_172:not(#\9) {
173
173
  background-color: transparent;
174
174
  display: flex;
175
175
  grid-column: 5;
@@ -180,16 +180,16 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
180
180
  inset-block-start: var(--awsui-offset-top-g964ok);
181
181
  z-index: 830;
182
182
  }
183
- .awsui_drawers-container_hyvsj_14131_172.awsui_has-open-drawer_hyvsj_14131_183:not(#\9) {
183
+ .awsui_drawers-container_hyvsj_17ek5_172.awsui_has-open-drawer_hyvsj_17ek5_183:not(#\9) {
184
184
  background-color: var(--color-background-container-content-z79u4u, #ffffff);
185
185
  }
186
186
  @media (min-width: 689px) {
187
- .awsui_drawers-container_hyvsj_14131_172:not(#\9) {
187
+ .awsui_drawers-container_hyvsj_17ek5_172:not(#\9) {
188
188
  max-inline-size: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
189
189
  }
190
190
  }
191
191
  @media (max-width: 688px) {
192
- .awsui_drawers-container_hyvsj_14131_172:not(#\9) {
192
+ .awsui_drawers-container_hyvsj_17ek5_172:not(#\9) {
193
193
  position: fixed;
194
194
  inset-inline-end: 0;
195
195
  z-index: 1001;
@@ -201,12 +201,12 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
201
201
  relative to the body.
202
202
  */
203
203
  }
204
- .awsui_drawers-container_hyvsj_14131_172.awsui_disable-body-scroll_hyvsj_14131_204:not(#\9) {
204
+ .awsui_drawers-container_hyvsj_17ek5_172.awsui_disable-body-scroll_hyvsj_17ek5_204:not(#\9) {
205
205
  inset-block-start: var(--awsui-header-height-g964ok);
206
206
  }
207
207
  }
208
208
 
209
- .awsui_drawers-desktop-triggers-container_hyvsj_14131_209:not(#\9) {
209
+ .awsui_drawers-desktop-triggers-container_hyvsj_17ek5_209:not(#\9) {
210
210
  border-collapse: separate;
211
211
  border-spacing: 0;
212
212
  box-sizing: border-box;
@@ -248,22 +248,22 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
248
248
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
249
249
  overscroll-behavior-y: contain;
250
250
  }
251
- .awsui_drawers-desktop-triggers-container_hyvsj_14131_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14131_250).awsui_has-open-drawer_hyvsj_14131_183 {
251
+ .awsui_drawers-desktop-triggers-container_hyvsj_17ek5_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_17ek5_250).awsui_has-open-drawer_hyvsj_17ek5_183 {
252
252
  inline-size: 0;
253
253
  }
254
- .awsui_drawers-desktop-triggers-container_hyvsj_14131_209.awsui_has-multiple-triggers_hyvsj_14131_250.awsui_has-open-drawer_hyvsj_14131_183:not(#\9) {
254
+ .awsui_drawers-desktop-triggers-container_hyvsj_17ek5_209.awsui_has-multiple-triggers_hyvsj_17ek5_250.awsui_has-open-drawer_hyvsj_17ek5_183:not(#\9) {
255
255
  background-color: var(--color-background-container-content-z79u4u, #ffffff);
256
256
  }
257
- .awsui_drawers-desktop-triggers-container_hyvsj_14131_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14131_250):not(.awsui_has-open-drawer_hyvsj_14131_183) {
257
+ .awsui_drawers-desktop-triggers-container_hyvsj_17ek5_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_17ek5_250):not(.awsui_has-open-drawer_hyvsj_17ek5_183) {
258
258
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
259
259
  }
260
260
 
261
- .awsui_drawers-mobile-triggers-container_hyvsj_14131_260:not(#\9) {
261
+ .awsui_drawers-mobile-triggers-container_hyvsj_17ek5_260:not(#\9) {
262
262
  display: flex;
263
263
  justify-content: flex-end;
264
264
  }
265
265
 
266
- .awsui_drawers-trigger-content_hyvsj_14131_265:not(#\9) {
266
+ .awsui_drawers-trigger-content_hyvsj_17ek5_265:not(#\9) {
267
267
  align-items: center;
268
268
  display: flex;
269
269
  flex-direction: column;
@@ -271,13 +271,13 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
271
271
  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
272
272
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
273
273
  }
274
- .awsui_drawers-trigger-content_hyvsj_14131_265:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14131_250).awsui_has-open-drawer_hyvsj_14131_183 {
274
+ .awsui_drawers-trigger-content_hyvsj_17ek5_265:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_17ek5_250).awsui_has-open-drawer_hyvsj_17ek5_183 {
275
275
  opacity: 0;
276
276
  }
277
- .awsui_drawers-trigger-content_hyvsj_14131_265:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14131_250):not(.awsui_has-open-drawer_hyvsj_14131_183) {
277
+ .awsui_drawers-trigger-content_hyvsj_17ek5_265:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_17ek5_250):not(.awsui_has-open-drawer_hyvsj_17ek5_183) {
278
278
  opacity: 1;
279
279
  }
280
- .awsui_drawers-trigger-content_hyvsj_14131_265 > .awsui_drawers-trigger-overflow_hyvsj_14131_279:not(#\9) {
280
+ .awsui_drawers-trigger-content_hyvsj_17ek5_265 > .awsui_drawers-trigger-overflow_hyvsj_17ek5_279:not(#\9) {
281
281
  padding-block: 0;
282
282
  padding-inline: 1px;
283
283
  display: flex;
@@ -286,14 +286,14 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
286
286
  }
287
287
 
288
288
  @media (max-width: 688px) {
289
- .awsui_drawers-trigger_hyvsj_14131_265:not(#\9) {
289
+ .awsui_drawers-trigger_hyvsj_17ek5_265:not(#\9) {
290
290
  inline-size: 40px;
291
291
  display: flex;
292
292
  justify-content: center;
293
293
  }
294
294
  }
295
295
 
296
- .awsui_drawer_hyvsj_14131_172:not(#\9) {
296
+ .awsui_drawer_hyvsj_17ek5_172:not(#\9) {
297
297
  --awsui-drawer-size-g964ok: 290px;
298
298
  background-color: var(--color-background-container-content-z79u4u, #ffffff);
299
299
  border-color: transparent;
@@ -308,7 +308,7 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
308
308
  pointer-events: auto;
309
309
  word-wrap: break-word;
310
310
  }
311
- .awsui_drawer_hyvsj_14131_172 > .awsui_drawer-content-container_hyvsj_14131_310:not(#\9) {
311
+ .awsui_drawer_hyvsj_17ek5_172 > .awsui_drawer-content-container_hyvsj_17ek5_310:not(#\9) {
312
312
  grid-column: 1/span 2;
313
313
  grid-row: 1;
314
314
  inline-size: var(--awsui-drawer-size-g964ok);
@@ -317,41 +317,42 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
317
317
  grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
318
318
  overflow-y: auto;
319
319
  }
320
- .awsui_drawer_hyvsj_14131_172 > .awsui_drawer-content-container_hyvsj_14131_310 > .awsui_drawer-close-button_hyvsj_14131_319:not(#\9) {
320
+ .awsui_drawer_hyvsj_17ek5_172 > .awsui_drawer-content-container_hyvsj_17ek5_310 > .awsui_drawer-close-button_hyvsj_17ek5_319:not(#\9) {
321
321
  grid-column: 3;
322
322
  grid-row: 2;
323
323
  z-index: 1;
324
324
  }
325
- .awsui_drawer_hyvsj_14131_172 > .awsui_drawer-content-container_hyvsj_14131_310 > .awsui_drawer-content_hyvsj_14131_310:not(#\9) {
325
+ .awsui_drawer_hyvsj_17ek5_172 > .awsui_drawer-content-container_hyvsj_17ek5_310 > .awsui_drawer-content_hyvsj_17ek5_310:not(#\9) {
326
326
  grid-column: 1/span 4;
327
+ block-size: var(--awsui-content-height-g964ok);
327
328
  }
328
- .awsui_drawer_hyvsj_14131_172 > .awsui_drawer-content-container_hyvsj_14131_310 > .awsui_drawer-content_hyvsj_14131_310.awsui_drawer-content-hidden_hyvsj_14131_327:not(#\9) {
329
+ .awsui_drawer_hyvsj_17ek5_172 > .awsui_drawer-content-container_hyvsj_17ek5_310 > .awsui_drawer-content_hyvsj_17ek5_310.awsui_drawer-content-hidden_hyvsj_17ek5_328:not(#\9) {
329
330
  display: none;
330
331
  }
331
- .awsui_drawer_hyvsj_14131_172 > .awsui_drawer-slider_hyvsj_14131_330:not(#\9) {
332
+ .awsui_drawer_hyvsj_17ek5_172 > .awsui_drawer-slider_hyvsj_17ek5_331:not(#\9) {
332
333
  grid-column: 1;
333
334
  grid-row: 1;
334
335
  block-size: 100%;
335
336
  display: flex;
336
337
  align-items: center;
337
338
  }
338
- .awsui_drawer_hyvsj_14131_172:not(#\9):not(.awsui_is-drawer-open_hyvsj_14131_337) {
339
+ .awsui_drawer_hyvsj_17ek5_172:not(#\9):not(.awsui_is-drawer-open_hyvsj_17ek5_338) {
339
340
  opacity: 0;
340
341
  inline-size: 0;
341
342
  }
342
- .awsui_drawer_hyvsj_14131_172.awsui_is-drawer-open_hyvsj_14131_337:not(#\9) {
343
+ .awsui_drawer_hyvsj_17ek5_172.awsui_is-drawer-open_hyvsj_17ek5_338:not(#\9) {
343
344
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
344
345
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
345
346
  opacity: 1;
346
347
  inline-size: var(--awsui-drawer-size-g964ok);
347
348
  }
348
349
  @media (min-width: 2541px) {
349
- .awsui_drawer_hyvsj_14131_172.awsui_is-drawer-open_hyvsj_14131_337:not(#\9) {
350
+ .awsui_drawer_hyvsj_17ek5_172.awsui_is-drawer-open_hyvsj_17ek5_338:not(#\9) {
350
351
  --awsui-drawer-size-g964ok: 320px;
351
352
  }
352
353
  }
353
354
  @media (max-width: 688px) {
354
- .awsui_drawer_hyvsj_14131_172.awsui_is-drawer-open_hyvsj_14131_337:not(#\9) {
355
+ .awsui_drawer_hyvsj_17ek5_172.awsui_is-drawer-open_hyvsj_17ek5_338:not(#\9) {
355
356
  --awsui-drawer-size-g964ok: 100vw;
356
357
  inline-size: 100vw;
357
358
  }
@@ -361,7 +362,7 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
361
362
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
362
363
  SPDX-License-Identifier: Apache-2.0
363
364
  */
364
- header.awsui_content_hyvsj_14131_363:not(#\9) {
365
+ header.awsui_content_hyvsj_17ek5_364:not(#\9) {
365
366
  grid-area: header;
366
367
  }
367
368
 
@@ -386,7 +387,7 @@ The minimum content width property is set to zero and applied under all
386
387
  circumstances regardless of whether the minContentWidth property is
387
388
  explicitly set in script.
388
389
  */
389
- .awsui_layout_hyvsj_14131_388:not(#\9) {
390
+ .awsui_layout_hyvsj_17ek5_389:not(#\9) {
390
391
  --awsui-breadcrumbs-gap-g964ok: 0px;
391
392
  --awsui-content-gap-left-g964ok: 0px;
392
393
  --awsui-content-gap-right-g964ok: 0px;
@@ -458,113 +459,113 @@ explicitly set in script.
458
459
  */
459
460
  }
460
461
  @media (min-width: 1401px) {
461
- .awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460) {
462
+ .awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461) {
462
463
  --awsui-default-max-content-width-g964ok: 1280px;
463
464
  }
464
465
  }
465
466
  @media (min-width: 1921px) {
466
- .awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460) {
467
+ .awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461) {
467
468
  --awsui-default-max-content-width-g964ok: 1440px;
468
469
  }
469
470
  }
470
471
  @media (min-width: 2541px) {
471
- .awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460) {
472
+ .awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461) {
472
473
  --awsui-default-max-content-width-g964ok: 1620px;
473
474
  }
474
475
  }
475
476
  @media (min-width: 1401px) {
476
- .awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460).awsui_content-type-dashboard_hyvsj_14131_475 {
477
+ .awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461).awsui_content-type-dashboard_hyvsj_17ek5_476 {
477
478
  --awsui-default-max-content-width-g964ok: 1280px;
478
479
  }
479
480
  }
480
481
  @media (min-width: 1921px) {
481
- .awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460).awsui_content-type-dashboard_hyvsj_14131_475 {
482
+ .awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461).awsui_content-type-dashboard_hyvsj_17ek5_476 {
482
483
  --awsui-default-max-content-width-g964ok: 1620px;
483
484
  }
484
485
  }
485
486
  @media (min-width: 2541px) {
486
- .awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460).awsui_content-type-dashboard_hyvsj_14131_475 {
487
+ .awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461).awsui_content-type-dashboard_hyvsj_17ek5_476 {
487
488
  --awsui-default-max-content-width-g964ok: 2160px;
488
489
  }
489
490
  }
490
- .awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460).awsui_content-type-table_hyvsj_14131_489, .awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460).awsui_content-type-cards_hyvsj_14131_489 {
491
+ .awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461).awsui_content-type-table_hyvsj_17ek5_490, .awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461).awsui_content-type-cards_hyvsj_17ek5_490 {
491
492
  --awsui-default-max-content-width-g964ok: 100%;
492
493
  }
493
- .awsui_layout_hyvsj_14131_388.awsui_has-max-content-width_hyvsj_14131_460:not(#\9) {
494
+ .awsui_layout_hyvsj_17ek5_389.awsui_has-max-content-width_hyvsj_17ek5_461:not(#\9) {
494
495
  --awsui-default-max-content-width-g964ok: var(--awsui-max-content-width-g964ok);
495
496
  }
496
- .awsui_layout_hyvsj_14131_388.awsui_is-overlap-disabled_hyvsj_14131_495:not(#\9) {
497
+ .awsui_layout_hyvsj_17ek5_389.awsui_is-overlap-disabled_hyvsj_17ek5_496:not(#\9) {
497
498
  --awsui-overlap-height-g964ok: 0;
498
499
  }
499
- .awsui_layout_hyvsj_14131_388.awsui_is-hide-mobile-toolbar_hyvsj_14131_498:not(#\9) {
500
+ .awsui_layout_hyvsj_17ek5_389.awsui_is-hide-mobile-toolbar_hyvsj_17ek5_499:not(#\9) {
500
501
  --awsui-mobile-bar-height-g964ok: 0px;
501
502
  }
502
503
  @media (min-width: 993px) {
503
- .awsui_layout_hyvsj_14131_388:not(#\9) {
504
+ .awsui_layout_hyvsj_17ek5_389:not(#\9) {
504
505
  --awsui-default-min-content-width-g964ok: var(--awsui-min-content-width-g964ok, 280px);
505
506
  }
506
507
  }
507
508
  @media (max-width: 992px) {
508
- .awsui_layout_hyvsj_14131_388:not(#\9) {
509
+ .awsui_layout_hyvsj_17ek5_389:not(#\9) {
509
510
  --awsui-default-min-content-width-g964ok: 0px;
510
511
  }
511
512
  }
512
513
  @media (min-width: 689px) {
513
- .awsui_layout_hyvsj_14131_388.awsui_has-content-gap-left_hyvsj_14131_512:not(#\9) {
514
+ .awsui_layout_hyvsj_17ek5_389.awsui_has-content-gap-left_hyvsj_17ek5_513:not(#\9) {
514
515
  --awsui-content-gap-left-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
515
516
  }
516
- .awsui_layout_hyvsj_14131_388.awsui_has-content-gap-right_hyvsj_14131_515:not(#\9) {
517
+ .awsui_layout_hyvsj_17ek5_389.awsui_has-content-gap-right_hyvsj_17ek5_516:not(#\9) {
517
518
  --awsui-content-gap-right-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
518
519
  }
519
520
  }
520
521
  @media (max-width: 688px) {
521
- .awsui_layout_hyvsj_14131_388:not(#\9) {
522
+ .awsui_layout_hyvsj_17ek5_389:not(#\9) {
522
523
  --awsui-content-gap-left-g964ok: var(--space-l-t419sm, 20px);
523
524
  --awsui-content-gap-right-g964ok: var(--space-l-t419sm, 20px);
524
525
  }
525
526
  }
526
- .awsui_layout_hyvsj_14131_388.awsui_has-breadcrumbs_hyvsj_14131_525:not(#\9) {
527
+ .awsui_layout_hyvsj_17ek5_389.awsui_has-breadcrumbs_hyvsj_17ek5_526:not(#\9) {
527
528
  --awsui-breadcrumbs-gap-g964ok: var(--space-scaled-m-mo5yse, 16px);
528
529
  }
529
- .awsui_layout_hyvsj_14131_388.awsui_content-first-child-header_hyvsj_14131_528:not(#\9), .awsui_layout_hyvsj_14131_388.awsui_content-first-child-notifications_hyvsj_14131_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14131_525).awsui_has-header_hyvsj_14131_528 {
530
+ .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-header_hyvsj_17ek5_529:not(#\9), .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-notifications_hyvsj_17ek5_529:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17ek5_526).awsui_has-header_hyvsj_17ek5_529 {
530
531
  --awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
531
532
  }
532
- .awsui_layout_hyvsj_14131_388.awsui_has-breadcrumbs_hyvsj_14131_525.awsui_has-header_hyvsj_14131_528:not(#\9) {
533
+ .awsui_layout_hyvsj_17ek5_389.awsui_has-breadcrumbs_hyvsj_17ek5_526.awsui_has-header_hyvsj_17ek5_529:not(#\9) {
533
534
  --awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
534
535
  }
535
- .awsui_layout_hyvsj_14131_388.awsui_content-first-child-notifications_hyvsj_14131_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14131_525):not(.awsui_has-header_hyvsj_14131_528) {
536
+ .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-notifications_hyvsj_17ek5_529:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17ek5_526):not(.awsui_has-header_hyvsj_17ek5_529) {
536
537
  --awsui-main-gap-g964ok: var(--space-xs-zb16t3, 8px);
537
538
  }
538
- .awsui_layout_hyvsj_14131_388.awsui_has-breadcrumbs_hyvsj_14131_525:not(#\9):not(.awsui_has-header_hyvsj_14131_528) {
539
+ .awsui_layout_hyvsj_17ek5_389.awsui_has-breadcrumbs_hyvsj_17ek5_526:not(#\9):not(.awsui_has-header_hyvsj_17ek5_529) {
539
540
  --awsui-main-gap-g964ok: var(--space-scaled-xxs-7597g1, 4px);
540
541
  }
541
- .awsui_layout_hyvsj_14131_388.awsui_has-header_hyvsj_14131_528:not(#\9) {
542
+ .awsui_layout_hyvsj_17ek5_389.awsui_has-header_hyvsj_17ek5_529:not(#\9) {
542
543
  --awsui-main-gap-g964ok: var(--space-content-header-padding-bottom-y2enua, 16px);
543
544
  }
544
- .awsui_layout_hyvsj_14131_388.awsui_content-first-child-main_hyvsj_14131_543:not(#\9):not(.awsui_disable-content-paddings_hyvsj_14131_543) {
545
+ .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-main_hyvsj_17ek5_544:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17ek5_544) {
545
546
  --awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
546
547
  }
547
- .awsui_layout_hyvsj_14131_388.awsui_content-first-child-main_hyvsj_14131_543.awsui_disable-content-paddings_hyvsj_14131_543:not(#\9) {
548
+ .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-main_hyvsj_17ek5_544.awsui_disable-content-paddings_hyvsj_17ek5_544:not(#\9) {
548
549
  --awsui-main-gap-g964ok: 0px;
549
550
  }
550
551
  @media (max-width: 688px) {
551
- .awsui_layout_hyvsj_14131_388.awsui_content-first-child-header_hyvsj_14131_528:not(#\9) {
552
+ .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-header_hyvsj_17ek5_529:not(#\9) {
552
553
  --awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
553
554
  }
554
- .awsui_layout_hyvsj_14131_388.awsui_content-first-child-notifications_hyvsj_14131_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14131_525).awsui_has-header_hyvsj_14131_528 {
555
+ .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-notifications_hyvsj_17ek5_529:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17ek5_526).awsui_has-header_hyvsj_17ek5_529 {
555
556
  --awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
556
557
  }
557
- .awsui_layout_hyvsj_14131_388.awsui_content-first-child-notifications_hyvsj_14131_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14131_525):not(.awsui_has-header_hyvsj_14131_528), .awsui_layout_hyvsj_14131_388.awsui_content-first-child-main_hyvsj_14131_543:not(#\9):not(.awsui_disable-content-paddings_hyvsj_14131_543) {
558
+ .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-notifications_hyvsj_17ek5_529:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17ek5_526):not(.awsui_has-header_hyvsj_17ek5_529), .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-main_hyvsj_17ek5_544:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17ek5_544) {
558
559
  --awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
559
560
  }
560
- .awsui_layout_hyvsj_14131_388.awsui_content-first-child-main_hyvsj_14131_543.awsui_disable-content-paddings_hyvsj_14131_543:not(#\9) {
561
+ .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-main_hyvsj_17ek5_544.awsui_disable-content-paddings_hyvsj_17ek5_544:not(#\9) {
561
562
  --awsui-main-gap-g964ok: 0px;
562
563
  }
563
564
  }
564
- .awsui_layout_hyvsj_14131_388.awsui_has-left-toggles-gutter_hyvsj_14131_563:not(#\9) {
565
+ .awsui_layout_hyvsj_17ek5_389.awsui_has-left-toggles-gutter_hyvsj_17ek5_564:not(#\9) {
565
566
  --awsui-toggles-left-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
566
567
  }
567
- .awsui_layout_hyvsj_14131_388.awsui_has-right-toggles-gutter_hyvsj_14131_566:not(#\9) {
568
+ .awsui_layout_hyvsj_17ek5_389.awsui_has-right-toggles-gutter_hyvsj_17ek5_567:not(#\9) {
568
569
  --awsui-toggles-right-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
569
570
  }
570
571
 
@@ -578,13 +579,13 @@ not matter. The offset top value for AppLayout contentMain children with
578
579
  position: sticky will be the value of the notifications height in addition to the
579
580
  notifications top margin and some additional vertical space for aesthetics.
580
581
  */
581
- .awsui_layout_hyvsj_14131_388.awsui_disable-body-scroll_hyvsj_14131_204:not(#\9) {
582
+ .awsui_layout_hyvsj_17ek5_389.awsui_disable-body-scroll_hyvsj_17ek5_204:not(#\9) {
582
583
  --awsui-main-template-rows-g964ok: 1fr auto;
583
584
  --awsui-offset-top-g964ok: 0px;
584
585
  block-size: var(--awsui-content-height-g964ok);
585
586
  overflow-y: scroll;
586
587
  }
587
- .awsui_layout_hyvsj_14131_388.awsui_disable-body-scroll_hyvsj_14131_204.awsui_has-split-panel_hyvsj_14131_586.awsui_split-panel-position-bottom_hyvsj_14131_586:not(#\9) {
588
+ .awsui_layout_hyvsj_17ek5_389.awsui_disable-body-scroll_hyvsj_17ek5_204.awsui_has-split-panel_hyvsj_17ek5_587.awsui_split-panel-position-bottom_hyvsj_17ek5_587:not(#\9) {
588
589
  --awsui-main-template-rows-g964ok: repeat(2, auto);
589
590
  }
590
591
 
@@ -592,13 +593,13 @@ notifications top margin and some additional vertical space for aesthetics.
592
593
  This CSS class is applied to the document body to prevent overflow scrolling
593
594
  when the navigation or tools drawers are open in responsive viewports.
594
595
  */
595
- .awsui_block-body-scroll_hyvsj_14131_594:not(#\9) {
596
+ .awsui_block-body-scroll_hyvsj_17ek5_595:not(#\9) {
596
597
  overflow: hidden;
597
598
  }
598
599
 
599
600
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
600
- .awsui_unfocusable_hyvsj_14131_599:not(#\9),
601
- .awsui_unfocusable_hyvsj_14131_599 *:not(#\9) {
601
+ .awsui_unfocusable_hyvsj_17ek5_600:not(#\9),
602
+ .awsui_unfocusable_hyvsj_17ek5_600 *:not(#\9) {
602
603
  visibility: hidden !important;
603
604
  }
604
605
 
@@ -607,7 +608,7 @@ when the navigation or tools drawers are open in responsive viewports.
607
608
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
608
609
  SPDX-License-Identifier: Apache-2.0
609
610
  */
610
- .awsui_container_hyvsj_14131_609:not(#\9) {
611
+ .awsui_container_hyvsj_17ek5_610:not(#\9) {
611
612
  grid-area: main;
612
613
  padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
613
614
  /*
@@ -624,19 +625,19 @@ when the navigation or tools drawers are open in responsive viewports.
624
625
  on the right, we decrement the column end by one.
625
626
  */
626
627
  }
627
- .awsui_container_hyvsj_14131_609.awsui_has-split-panel_hyvsj_14131_586.awsui_split-panel-position-bottom_hyvsj_14131_586:not(#\9) {
628
+ .awsui_container_hyvsj_17ek5_610.awsui_has-split-panel_hyvsj_17ek5_587.awsui_split-panel-position-bottom_hyvsj_17ek5_587:not(#\9) {
628
629
  padding-block-end: calc(var(--awsui-split-panel-height-g964ok) + var(--space-layout-content-bottom-noqzmw, 40px));
629
630
  }
630
- .awsui_container_hyvsj_14131_609.awsui_disable-content-paddings_hyvsj_14131_543:not(#\9) {
631
+ .awsui_container_hyvsj_17ek5_610.awsui_disable-content-paddings_hyvsj_17ek5_544:not(#\9) {
631
632
  grid-column: 1/6;
632
633
  padding-block: 0;
633
634
  padding-inline: 0;
634
635
  }
635
636
  @media (min-width: 689px) {
636
- .awsui_container_hyvsj_14131_609.awsui_disable-content-paddings_hyvsj_14131_543.awsui_is-navigation-open_hyvsj_14131_635:not(#\9) {
637
+ .awsui_container_hyvsj_17ek5_610.awsui_disable-content-paddings_hyvsj_17ek5_544.awsui_is-navigation-open_hyvsj_17ek5_636:not(#\9) {
637
638
  grid-column-start: 2;
638
639
  }
639
- .awsui_container_hyvsj_14131_609.awsui_disable-content-paddings_hyvsj_14131_543.awsui_is-tools-open_hyvsj_14131_638:not(#\9), .awsui_container_hyvsj_14131_609.awsui_disable-content-paddings_hyvsj_14131_543.awsui_is-split-panel-open_hyvsj_14131_638.awsui_split-panel-position-side_hyvsj_14131_638:not(#\9), .awsui_container_hyvsj_14131_609.awsui_disable-content-paddings_hyvsj_14131_543.awsui_has-active-drawer_hyvsj_14131_638:not(#\9) {
640
+ .awsui_container_hyvsj_17ek5_610.awsui_disable-content-paddings_hyvsj_17ek5_544.awsui_is-tools-open_hyvsj_17ek5_639:not(#\9), .awsui_container_hyvsj_17ek5_610.awsui_disable-content-paddings_hyvsj_17ek5_544.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_split-panel-position-side_hyvsj_17ek5_639:not(#\9), .awsui_container_hyvsj_17ek5_610.awsui_disable-content-paddings_hyvsj_17ek5_544.awsui_has-active-drawer_hyvsj_17ek5_639:not(#\9) {
640
641
  grid-column-end: 5;
641
642
  }
642
643
  }
@@ -649,7 +650,7 @@ when the navigation or tools drawers are open in responsive viewports.
649
650
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
650
651
  SPDX-License-Identifier: Apache-2.0
651
652
  */
652
- section.awsui_mobile-toolbar_hyvsj_14131_651:not(#\9) {
653
+ section.awsui_mobile-toolbar_hyvsj_17ek5_652:not(#\9) {
653
654
  align-items: center;
654
655
  background-color: var(--color-background-layout-main-nqw91u, #ffffff);
655
656
  border-block-end: 1px solid var(--color-border-divider-default-cx07f2, #c6c6cd);
@@ -666,19 +667,19 @@ section.awsui_mobile-toolbar_hyvsj_14131_651:not(#\9) {
666
667
  inset-block-start: var(--awsui-offset-top-g964ok);
667
668
  z-index: 1000;
668
669
  }
669
- section.awsui_mobile-toolbar_hyvsj_14131_651:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_14131_668) {
670
+ section.awsui_mobile-toolbar_hyvsj_17ek5_652:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_17ek5_669) {
670
671
  background-color: var(--color-background-layout-main-nqw91u, #ffffff);
671
672
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
672
673
  }
673
- section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-nav_hyvsj_14131_672:not(#\9) {
674
+ section.awsui_mobile-toolbar_hyvsj_17ek5_652 > .awsui_mobile-toolbar-nav_hyvsj_17ek5_673:not(#\9) {
674
675
  grid-column: 1;
675
676
  margin-inline-end: var(--space-m-udix3p, 16px);
676
677
  }
677
- section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_14131_676:not(#\9) {
678
+ section.awsui_mobile-toolbar_hyvsj_17ek5_652 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_17ek5_677:not(#\9) {
678
679
  grid-column: 2;
679
680
  background-color: var(--color-background-layout-main-nqw91u, #ffffff);
680
681
  }
681
- section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-tools_hyvsj_14131_680:not(#\9) {
682
+ section.awsui_mobile-toolbar_hyvsj_17ek5_652 > .awsui_mobile-toolbar-tools_hyvsj_17ek5_681:not(#\9) {
682
683
  grid-column: 3;
683
684
  margin-inline-start: var(--space-m-udix3p, 16px);
684
685
  }
@@ -687,7 +688,7 @@ section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-tools_hyvsj
687
688
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
688
689
  SPDX-License-Identifier: Apache-2.0
689
690
  */
690
- .awsui_navigation-container_hyvsj_14131_689:not(#\9) {
691
+ .awsui_navigation-container_hyvsj_17ek5_690:not(#\9) {
691
692
  display: flex;
692
693
  grid-column: 1;
693
694
  grid-row: 1/span 9;
@@ -708,7 +709,7 @@ section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-tools_hyvsj
708
709
  pointer-events: none;
709
710
  }
710
711
  @media (max-width: 688px) {
711
- .awsui_navigation-container_hyvsj_14131_689:not(#\9) {
712
+ .awsui_navigation-container_hyvsj_17ek5_690:not(#\9) {
712
713
  inset-inline-start: 0;
713
714
  position: fixed;
714
715
  z-index: 1001;
@@ -720,12 +721,12 @@ section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-tools_hyvsj
720
721
  relative to the body.
721
722
  */
722
723
  }
723
- .awsui_navigation-container_hyvsj_14131_689.awsui_disable-body-scroll_hyvsj_14131_204:not(#\9) {
724
+ .awsui_navigation-container_hyvsj_17ek5_690.awsui_disable-body-scroll_hyvsj_17ek5_204:not(#\9) {
724
725
  inset-block-start: var(--awsui-header-height-g964ok);
725
726
  }
726
727
  }
727
728
 
728
- nav.awsui_show-navigation_hyvsj_14131_727:not(#\9) {
729
+ nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9) {
729
730
  padding-block: var(--space-scaled-s-aqzyko, 12px);
730
731
  padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
731
732
  /*
@@ -733,7 +734,7 @@ nav.awsui_show-navigation_hyvsj_14131_727:not(#\9) {
733
734
  take control in responsive viewports.
734
735
  */
735
736
  }
736
- @keyframes awsui_showButtons_hyvsj_14131_1 {
737
+ @keyframes awsui_showButtons_hyvsj_17ek5_1 {
737
738
  0% {
738
739
  opacity: 0;
739
740
  }
@@ -741,31 +742,31 @@ nav.awsui_show-navigation_hyvsj_14131_727:not(#\9) {
741
742
  opacity: 1;
742
743
  }
743
744
  }
744
- nav.awsui_show-navigation_hyvsj_14131_727.awsui_is-navigation-open_hyvsj_14131_635:not(#\9) {
745
+ nav.awsui_show-navigation_hyvsj_17ek5_728.awsui_is-navigation-open_hyvsj_17ek5_636:not(#\9) {
745
746
  display: none;
746
747
  }
747
748
  @media (min-width: 689px) {
748
- nav.awsui_show-navigation_hyvsj_14131_727:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635) {
749
+ nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636) {
749
750
  display: block;
750
751
  }
751
- nav.awsui_show-navigation_hyvsj_14131_727:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635).awsui_animating_hyvsj_14131_750 {
752
- animation: awsui_showButtons_hyvsj_14131_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
752
+ nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636).awsui_animating_hyvsj_17ek5_751 {
753
+ animation: awsui_showButtons_hyvsj_17ek5_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
753
754
  }
754
755
  }
755
756
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
756
- nav.awsui_show-navigation_hyvsj_14131_727:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635).awsui_animating_hyvsj_14131_750 {
757
+ nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636).awsui_animating_hyvsj_17ek5_751 {
757
758
  animation: none;
758
759
  transition: none;
759
760
  }
760
761
  }
761
762
  @media (min-width: 689px) {
762
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_14131_727:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635).awsui_animating_hyvsj_14131_750, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_14131_727:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635).awsui_animating_hyvsj_14131_750 {
763
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636).awsui_animating_hyvsj_17ek5_751, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636).awsui_animating_hyvsj_17ek5_751 {
763
764
  animation: none;
764
765
  transition: none;
765
766
  }
766
767
  }
767
768
 
768
- nav.awsui_navigation_hyvsj_14131_689:not(#\9) {
769
+ nav.awsui_navigation_hyvsj_17ek5_690:not(#\9) {
769
770
  background-color: var(--color-background-container-content-z79u4u, #ffffff);
770
771
  inset-block-end: 0;
771
772
  block-size: 100%;
@@ -777,13 +778,15 @@ nav.awsui_navigation_hyvsj_14131_689:not(#\9) {
777
778
  word-wrap: break-word;
778
779
  pointer-events: auto;
779
780
  border-inline-end: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
781
+ display: flex;
782
+ flex-direction: column;
780
783
  /*
781
784
  A non-semantic node is added with a fixed width equal to the final Navigation
782
785
  width. This will create the visual appearance of horizontal movement and
783
786
  prevent unwanted text wrapping.
784
787
  */
785
788
  }
786
- @keyframes awsui_openNavigation_hyvsj_14131_1 {
789
+ @keyframes awsui_openNavigation_hyvsj_17ek5_1 {
787
790
  from {
788
791
  opacity: 0;
789
792
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
@@ -793,33 +796,36 @@ nav.awsui_navigation_hyvsj_14131_689:not(#\9) {
793
796
  inline-size: var(--awsui-navigation-width-g964ok);
794
797
  }
795
798
  }
796
- nav.awsui_navigation_hyvsj_14131_689:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635) {
799
+ nav.awsui_navigation_hyvsj_17ek5_690:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636) {
797
800
  inline-size: 0;
798
801
  display: none;
799
802
  }
800
- nav.awsui_navigation_hyvsj_14131_689.awsui_is-navigation-open_hyvsj_14131_635.awsui_animating_hyvsj_14131_750:not(#\9) {
801
- animation: awsui_openNavigation_hyvsj_14131_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
803
+ nav.awsui_navigation_hyvsj_17ek5_690.awsui_is-navigation-open_hyvsj_17ek5_636.awsui_animating_hyvsj_17ek5_751:not(#\9) {
804
+ animation: awsui_openNavigation_hyvsj_17ek5_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
802
805
  }
803
806
  @media (prefers-reduced-motion: reduce) {
804
- nav.awsui_navigation_hyvsj_14131_689.awsui_is-navigation-open_hyvsj_14131_635.awsui_animating_hyvsj_14131_750:not(#\9) {
807
+ nav.awsui_navigation_hyvsj_17ek5_690.awsui_is-navigation-open_hyvsj_17ek5_636.awsui_animating_hyvsj_17ek5_751:not(#\9) {
805
808
  animation: none;
806
809
  transition: none;
807
810
  }
808
811
  }
809
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_14131_689.awsui_is-navigation-open_hyvsj_14131_635.awsui_animating_hyvsj_14131_750:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_14131_689.awsui_is-navigation-open_hyvsj_14131_635.awsui_animating_hyvsj_14131_750:not(#\9) {
812
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_17ek5_690.awsui_is-navigation-open_hyvsj_17ek5_636.awsui_animating_hyvsj_17ek5_751:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_17ek5_690.awsui_is-navigation-open_hyvsj_17ek5_636.awsui_animating_hyvsj_17ek5_751:not(#\9) {
810
813
  animation: none;
811
814
  transition: none;
812
815
  }
813
- nav.awsui_navigation_hyvsj_14131_689 > .awsui_animated-content_hyvsj_14131_812:not(#\9) {
816
+ nav.awsui_navigation_hyvsj_17ek5_690 > .awsui_animated-content_hyvsj_17ek5_815:not(#\9) {
814
817
  inline-size: var(--awsui-navigation-width-g964ok);
815
818
  }
819
+ nav.awsui_navigation_hyvsj_17ek5_690 > .awsui_content-container_hyvsj_17ek5_818:not(#\9) {
820
+ flex-grow: 1;
821
+ }
816
822
  @media (max-width: 688px) {
817
- nav.awsui_navigation_hyvsj_14131_689:not(#\9) {
823
+ nav.awsui_navigation_hyvsj_17ek5_690:not(#\9) {
818
824
  --awsui-navigation-width-g964ok: 100vw;
819
825
  }
820
826
  }
821
827
 
822
- .awsui_hide-navigation_hyvsj_14131_821:not(#\9) {
828
+ .awsui_hide-navigation_hyvsj_17ek5_827:not(#\9) {
823
829
  position: absolute;
824
830
  inset-inline-end: var(--space-m-udix3p, 16px);
825
831
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -829,24 +835,24 @@ nav.awsui_navigation_hyvsj_14131_689 > .awsui_animated-content_hyvsj_14131_812:n
829
835
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
830
836
  SPDX-License-Identifier: Apache-2.0
831
837
  */
832
- .awsui_notifications_hyvsj_14131_831:not(#\9) {
838
+ .awsui_notifications_hyvsj_17ek5_837:not(#\9) {
833
839
  color: var(--color-text-body-default-7v1jfn, #0f141a);
834
840
  grid-area: notifications;
835
841
  z-index: 850;
836
842
  }
837
- .awsui_notifications_hyvsj_14131_831.awsui_has-notification-content_hyvsj_14131_836:not(#\9) {
843
+ .awsui_notifications_hyvsj_17ek5_837.awsui_has-notification-content_hyvsj_17ek5_842:not(#\9) {
838
844
  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
839
845
  }
840
846
  @media (min-width: 689px) {
841
- .awsui_notifications_hyvsj_14131_831.awsui_sticky-notifications_hyvsj_14131_840:not(#\9) {
847
+ .awsui_notifications_hyvsj_17ek5_837.awsui_sticky-notifications_hyvsj_17ek5_846:not(#\9) {
842
848
  --awsui-flashbar-sticky-bottom-margin-g964ok: var(--space-xxl-cu2m1r, 32px);
843
849
  position: sticky;
844
850
  inset-block-start: var(--awsui-offset-top-g964ok);
845
851
  }
846
- .awsui_notifications_hyvsj_14131_831.awsui_sticky-notifications_hyvsj_14131_840:not(#\9):not(.awsui_high-contrast_hyvsj_14131_845) {
852
+ .awsui_notifications_hyvsj_17ek5_837.awsui_sticky-notifications_hyvsj_17ek5_846:not(#\9):not(.awsui_high-contrast_hyvsj_17ek5_851) {
847
853
  background-color: var(--color-background-layout-main-nqw91u, #ffffff);
848
854
  }
849
- .awsui_notifications_hyvsj_14131_831.awsui_has-notification-content_hyvsj_14131_836:not(#\9) {
855
+ .awsui_notifications_hyvsj_17ek5_837.awsui_has-notification-content_hyvsj_17ek5_842:not(#\9) {
850
856
  padding-block-start: var(--space-xs-zb16t3, 8px);
851
857
  }
852
858
  }
@@ -861,7 +867,7 @@ as the content area. This row is defined as 1 fractional unit which will
861
867
  consume the remaining vertical space in the grid after the notifications
862
868
  and breadcrumbs.
863
869
  */
864
- section.awsui_split-panel-bottom_hyvsj_14131_863:not(#\9) {
870
+ section.awsui_split-panel-bottom_hyvsj_17ek5_869:not(#\9) {
865
871
  /*
866
872
  The align self property will position the split panel at the bottom of the grid row.
867
873
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -897,7 +903,7 @@ section.awsui_split-panel-bottom_hyvsj_14131_863:not(#\9) {
897
903
  apply the animation to the height property.
898
904
  */
899
905
  }
900
- @keyframes awsui_openSplitPanelBottom_hyvsj_14131_1 {
906
+ @keyframes awsui_openSplitPanelBottom_hyvsj_17ek5_1 {
901
907
  from {
902
908
  block-size: var(--awsui-split-panel-reported-header-size-g964ok, 0);
903
909
  }
@@ -905,39 +911,39 @@ section.awsui_split-panel-bottom_hyvsj_14131_863:not(#\9) {
905
911
  block-size: var(--awsui-split-panel-reported-size-g964ok);
906
912
  }
907
913
  }
908
- section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_disable-body-scroll_hyvsj_14131_204:not(#\9) {
914
+ section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_disable-body-scroll_hyvsj_17ek5_204:not(#\9) {
909
915
  inset-block-end: 0;
910
916
  }
911
- section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-navigation-open_hyvsj_14131_635.awsui_position-bottom_hyvsj_14131_910:not(#\9) {
917
+ section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-navigation-open_hyvsj_17ek5_636.awsui_position-bottom_hyvsj_17ek5_916:not(#\9) {
912
918
  grid-column-start: 2;
913
919
  }
914
- section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_has-open-drawer_hyvsj_14131_183.awsui_position-bottom_hyvsj_14131_910:not(#\9) {
920
+ section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_has-open-drawer_hyvsj_17ek5_183.awsui_position-bottom_hyvsj_17ek5_916:not(#\9) {
915
921
  grid-column-end: 5;
916
922
  }
917
- section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_position-bottom_hyvsj_14131_910:not(#\9) {
923
+ section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_position-bottom_hyvsj_17ek5_916:not(#\9) {
918
924
  display: block;
919
925
  }
920
- section.awsui_split-panel-bottom_hyvsj_14131_863:not(#\9):not(.awsui_is-split-panel-open_hyvsj_14131_638).awsui_position-bottom_hyvsj_14131_910 {
926
+ section.awsui_split-panel-bottom_hyvsj_17ek5_869:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17ek5_639).awsui_position-bottom_hyvsj_17ek5_916 {
921
927
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
922
928
  }
923
- section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-bottom_hyvsj_14131_910:not(#\9) {
929
+ section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-bottom_hyvsj_17ek5_916:not(#\9) {
924
930
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
925
931
  }
926
- section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-bottom_hyvsj_14131_910.awsui_animating_hyvsj_14131_750:not(#\9) {
927
- animation: awsui_openSplitPanelBottom_hyvsj_14131_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
932
+ section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-bottom_hyvsj_17ek5_916.awsui_animating_hyvsj_17ek5_751:not(#\9) {
933
+ animation: awsui_openSplitPanelBottom_hyvsj_17ek5_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
928
934
  }
929
935
  @media (prefers-reduced-motion: reduce) {
930
- section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-bottom_hyvsj_14131_910.awsui_animating_hyvsj_14131_750:not(#\9) {
936
+ section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-bottom_hyvsj_17ek5_916.awsui_animating_hyvsj_17ek5_751:not(#\9) {
931
937
  animation: none;
932
938
  transition: none;
933
939
  }
934
940
  }
935
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-bottom_hyvsj_14131_910.awsui_animating_hyvsj_14131_750:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-bottom_hyvsj_14131_910.awsui_animating_hyvsj_14131_750:not(#\9) {
941
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-bottom_hyvsj_17ek5_916.awsui_animating_hyvsj_17ek5_751:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-bottom_hyvsj_17ek5_916.awsui_animating_hyvsj_17ek5_751:not(#\9) {
936
942
  animation: none;
937
943
  transition: none;
938
944
  }
939
945
 
940
- section.awsui_split-panel-side_hyvsj_14131_939:not(#\9) {
946
+ section.awsui_split-panel-side_hyvsj_17ek5_945:not(#\9) {
941
947
  block-size: 100%;
942
948
  overflow-x: hidden;
943
949
  pointer-events: auto;
@@ -947,15 +953,15 @@ section.awsui_split-panel-side_hyvsj_14131_939:not(#\9) {
947
953
  be persistent in the DOM when closed.
948
954
  */
949
955
  }
950
- section.awsui_split-panel-side_hyvsj_14131_939:not(#\9):not(.awsui_is-split-panel-open_hyvsj_14131_638), section.awsui_split-panel-side_hyvsj_14131_939.awsui_position-bottom_hyvsj_14131_910:not(#\9) {
956
+ section.awsui_split-panel-side_hyvsj_17ek5_945:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17ek5_639), section.awsui_split-panel-side_hyvsj_17ek5_945.awsui_position-bottom_hyvsj_17ek5_916:not(#\9) {
951
957
  inline-size: 0;
952
958
  }
953
- section.awsui_split-panel-side_hyvsj_14131_939.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-side_hyvsj_14131_952:not(#\9) {
959
+ section.awsui_split-panel-side_hyvsj_17ek5_945.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-side_hyvsj_17ek5_958:not(#\9) {
954
960
  max-inline-size: var(--awsui-split-panel-max-width-g964ok, 280px);
955
961
  min-inline-size: var(--awsui-split-panel-min-width-g964ok, 280px);
956
962
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
957
963
  }
958
- section.awsui_split-panel-side_hyvsj_14131_939.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-side_hyvsj_14131_952:not(#\9):not(.awsui_has-open-drawer_hyvsj_14131_183) {
964
+ section.awsui_split-panel-side_hyvsj_17ek5_945.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-side_hyvsj_17ek5_958:not(#\9):not(.awsui_has-open-drawer_hyvsj_17ek5_183) {
959
965
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-j1ubnj, #c6c6cd);
960
966
  }
961
967
 
@@ -972,7 +978,7 @@ content width has a default value that can be set directly with the minContentWi
972
978
  property. The content gap right is computed in the Layout styles based on the
973
979
  viewport size and state of the Tools drawer.
974
980
  */
975
- .awsui_tools-container_hyvsj_14131_974:not(#\9) {
981
+ .awsui_tools-container_hyvsj_17ek5_980:not(#\9) {
976
982
  --awsui-tools-max-width-g964ok: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
977
983
  display: flex;
978
984
  grid-column: 5;
@@ -985,7 +991,7 @@ viewport size and state of the Tools drawer.
985
991
  pointer-events: none;
986
992
  }
987
993
  @media (max-width: 688px) {
988
- .awsui_tools-container_hyvsj_14131_974:not(#\9) {
994
+ .awsui_tools-container_hyvsj_17ek5_980:not(#\9) {
989
995
  --awsui-tools-max-width-g964ok: none;
990
996
  --awsui-tools-width-g964ok: auto;
991
997
  position: fixed;
@@ -999,12 +1005,12 @@ viewport size and state of the Tools drawer.
999
1005
  relative to the body.
1000
1006
  */
1001
1007
  }
1002
- .awsui_tools-container_hyvsj_14131_974.awsui_disable-body-scroll_hyvsj_14131_204:not(#\9) {
1008
+ .awsui_tools-container_hyvsj_17ek5_980.awsui_disable-body-scroll_hyvsj_17ek5_204:not(#\9) {
1003
1009
  inset-block-start: var(--awsui-header-height-g964ok);
1004
1010
  }
1005
1011
  }
1006
1012
 
1007
- .awsui_tools_hyvsj_14131_974:not(#\9) {
1013
+ .awsui_tools_hyvsj_17ek5_980:not(#\9) {
1008
1014
  background-color: var(--color-background-container-content-z79u4u, #ffffff);
1009
1015
  flex-shrink: 0;
1010
1016
  block-size: 100%;
@@ -1027,7 +1033,7 @@ viewport size and state of the Tools drawer.
1027
1033
  in the side position.
1028
1034
  */
1029
1035
  }
1030
- @keyframes awsui_openTools_hyvsj_14131_1 {
1036
+ @keyframes awsui_openTools_hyvsj_17ek5_1 {
1031
1037
  from {
1032
1038
  opacity: var(--awsui-tools-animation-starting-opacity-g964ok, 0);
1033
1039
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
@@ -1037,41 +1043,41 @@ viewport size and state of the Tools drawer.
1037
1043
  inline-size: var(--awsui-tools-width-g964ok);
1038
1044
  }
1039
1045
  }
1040
- .awsui_tools_hyvsj_14131_974:not(#\9):not(.awsui_is-tools-open_hyvsj_14131_638) {
1046
+ .awsui_tools_hyvsj_17ek5_980:not(#\9):not(.awsui_is-tools-open_hyvsj_17ek5_639) {
1041
1047
  inline-size: 0;
1042
1048
  display: none;
1043
1049
  }
1044
- .awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638:not(#\9) {
1050
+ .awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639:not(#\9) {
1045
1051
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
1046
1052
  }
1047
- .awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638.awsui_animating_hyvsj_14131_750:not(#\9) {
1048
- animation: awsui_openTools_hyvsj_14131_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1053
+ .awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639.awsui_animating_hyvsj_17ek5_751:not(#\9) {
1054
+ animation: awsui_openTools_hyvsj_17ek5_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1049
1055
  }
1050
1056
  @media (prefers-reduced-motion: reduce) {
1051
- .awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638.awsui_animating_hyvsj_14131_750:not(#\9) {
1057
+ .awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639.awsui_animating_hyvsj_17ek5_751:not(#\9) {
1052
1058
  animation: none;
1053
1059
  transition: none;
1054
1060
  }
1055
1061
  }
1056
- .awsui-motion-disabled .awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638.awsui_animating_hyvsj_14131_750:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638.awsui_animating_hyvsj_14131_750:not(#\9) {
1062
+ .awsui-motion-disabled .awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639.awsui_animating_hyvsj_17ek5_751:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639.awsui_animating_hyvsj_17ek5_751:not(#\9) {
1057
1063
  animation: none;
1058
1064
  transition: none;
1059
1065
  }
1060
- .awsui_tools_hyvsj_14131_974 > .awsui_animated-content_hyvsj_14131_812:not(#\9) {
1066
+ .awsui_tools_hyvsj_17ek5_980 > .awsui_animated-content_hyvsj_17ek5_815:not(#\9) {
1061
1067
  inline-size: var(--awsui-tools-width-g964ok);
1062
1068
  }
1063
1069
  @media (min-width: 689px) {
1064
- .awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638.awsui_has-tools-form-persistence_hyvsj_14131_1063:not(#\9) {
1070
+ .awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639.awsui_has-tools-form-persistence_hyvsj_17ek5_1069:not(#\9) {
1065
1071
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
1066
1072
  }
1067
1073
  }
1068
1074
  @media (max-width: 688px) {
1069
- .awsui_tools_hyvsj_14131_974:not(#\9) {
1075
+ .awsui_tools_hyvsj_17ek5_980:not(#\9) {
1070
1076
  --awsui-tools-width-g964ok: 100vw;
1071
1077
  }
1072
1078
  }
1073
1079
 
1074
- .awsui_hide-tools_hyvsj_14131_1073:not(#\9) {
1080
+ .awsui_hide-tools_hyvsj_17ek5_1079:not(#\9) {
1075
1081
  position: absolute;
1076
1082
  inset-inline-end: var(--space-m-udix3p, 16px);
1077
1083
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1083,7 +1089,7 @@ Warning! If these design tokens for padding change it will adversely impact
1083
1089
  the calculation used to determine the Split Panel maximum width in the
1084
1090
  handleSplitPanelMaxWidth function in the context.
1085
1091
  */
1086
- .awsui_show-tools_hyvsj_14131_1085:not(#\9) {
1092
+ .awsui_show-tools_hyvsj_17ek5_1091:not(#\9) {
1087
1093
  border-collapse: separate;
1088
1094
  border-spacing: 0;
1089
1095
  box-sizing: border-box;
@@ -1125,7 +1131,7 @@ handleSplitPanelMaxWidth function in the context.
1125
1131
  take control in responsive viewports.
1126
1132
  */
1127
1133
  }
1128
- @keyframes awsui_showButtons_hyvsj_14131_1 {
1134
+ @keyframes awsui_showButtons_hyvsj_17ek5_1 {
1129
1135
  0% {
1130
1136
  opacity: 0;
1131
1137
  }
@@ -1133,31 +1139,31 @@ handleSplitPanelMaxWidth function in the context.
1133
1139
  opacity: 1;
1134
1140
  }
1135
1141
  }
1136
- .awsui_show-tools_hyvsj_14131_1085:not(#\9):not(.awsui_has-tools-form_hyvsj_14131_1063) {
1142
+ .awsui_show-tools_hyvsj_17ek5_1091:not(#\9):not(.awsui_has-tools-form_hyvsj_17ek5_1069) {
1137
1143
  display: none;
1138
1144
  }
1139
1145
  @media (min-width: 689px) {
1140
- .awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form_hyvsj_14131_1063:not(#\9) {
1146
+ .awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form_hyvsj_17ek5_1069:not(#\9) {
1141
1147
  display: flex;
1142
1148
  flex-direction: column;
1143
1149
  gap: var(--space-xs-zb16t3, 8px);
1144
1150
  }
1145
- .awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form_hyvsj_14131_1063.awsui_animating_hyvsj_14131_750:not(#\9) {
1146
- animation: awsui_showButtons_hyvsj_14131_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1151
+ .awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form_hyvsj_17ek5_1069.awsui_animating_hyvsj_17ek5_751:not(#\9) {
1152
+ animation: awsui_showButtons_hyvsj_17ek5_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1147
1153
  }
1148
1154
  }
1149
1155
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1150
- .awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form_hyvsj_14131_1063.awsui_animating_hyvsj_14131_750:not(#\9) {
1156
+ .awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form_hyvsj_17ek5_1069.awsui_animating_hyvsj_17ek5_751:not(#\9) {
1151
1157
  animation: none;
1152
1158
  transition: none;
1153
1159
  }
1154
1160
  }
1155
1161
  @media (min-width: 689px) {
1156
- .awsui-motion-disabled .awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form_hyvsj_14131_1063.awsui_animating_hyvsj_14131_750:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form_hyvsj_14131_1063.awsui_animating_hyvsj_14131_750:not(#\9) {
1162
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form_hyvsj_17ek5_1069.awsui_animating_hyvsj_17ek5_751:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form_hyvsj_17ek5_1069.awsui_animating_hyvsj_17ek5_751:not(#\9) {
1157
1163
  animation: none;
1158
1164
  transition: none;
1159
1165
  }
1160
- .awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form-persistence_hyvsj_14131_1063:not(#\9) {
1166
+ .awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form-persistence_hyvsj_17ek5_1069:not(#\9) {
1161
1167
  background-color: var(--color-background-container-content-z79u4u, #ffffff);
1162
1168
  z-index: 1;
1163
1169
  }
@@ -1167,7 +1173,7 @@ handleSplitPanelMaxWidth function in the context.
1167
1173
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1168
1174
  SPDX-License-Identifier: Apache-2.0
1169
1175
  */
1170
- .awsui_trigger-button-styles_hyvsj_14131_1168:not(#\9) {
1176
+ .awsui_trigger-button-styles_hyvsj_17ek5_1174:not(#\9) {
1171
1177
  background: var(--color-background-layout-toggle-default-kci9ri, #424650);
1172
1178
  border-start-start-radius: 50%;
1173
1179
  border-start-end-radius: 50%;
@@ -1176,14 +1182,14 @@ handleSplitPanelMaxWidth function in the context.
1176
1182
  block-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
1177
1183
  inline-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
1178
1184
  }
1179
- .awsui_trigger-button-styles_hyvsj_14131_1168:not(#\9):hover {
1185
+ .awsui_trigger-button-styles_hyvsj_17ek5_1174:not(#\9):hover {
1180
1186
  background: var(--color-background-layout-toggle-hover-72w0bh, #656871);
1181
1187
  }
1182
- .awsui_trigger-button-styles_hyvsj_14131_1168:not(#\9):active {
1188
+ .awsui_trigger-button-styles_hyvsj_17ek5_1174:not(#\9):active {
1183
1189
  background: var(--color-background-layout-toggle-active-5x3zwa, #424650);
1184
1190
  }
1185
1191
 
1186
- .awsui_trigger-badge-wrapper_hyvsj_14131_1184:not(#\9) {
1192
+ .awsui_trigger-badge-wrapper_hyvsj_17ek5_1190:not(#\9) {
1187
1193
  position: absolute;
1188
1194
  inset-block-start: 0;
1189
1195
  inset-inline-start: 0;
@@ -1193,7 +1199,7 @@ handleSplitPanelMaxWidth function in the context.
1193
1199
  clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
1194
1200
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1195
1201
  }
1196
- .awsui_trigger-badge-wrapper_hyvsj_14131_1184:not(#\9):dir(rtl) {
1202
+ .awsui_trigger-badge-wrapper_hyvsj_17ek5_1190:not(#\9):dir(rtl) {
1197
1203
  clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
1198
1204
  }
1199
1205
 
@@ -1202,7 +1208,7 @@ Warning! If these design tokens for width change it will adversely impact
1202
1208
  the calculation used to determine the Split Panel maximum width in the
1203
1209
  handleSplitPanelMaxWidth function in the context.
1204
1210
  */
1205
- .awsui_trigger_hyvsj_14131_1168:not(#\9) {
1211
+ .awsui_trigger_hyvsj_17ek5_1174:not(#\9) {
1206
1212
  border-block: none;
1207
1213
  border-inline: none;
1208
1214
  padding-inline: 0;
@@ -1211,14 +1217,14 @@ handleSplitPanelMaxWidth function in the context.
1211
1217
  pointer-events: auto;
1212
1218
  position: relative;
1213
1219
  }
1214
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14131_1168:not(#\9):focus {
1220
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_17ek5_1174:not(#\9):focus {
1215
1221
  position: relative;
1216
1222
  }
1217
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14131_1168:not(#\9):focus {
1223
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_17ek5_1174:not(#\9):focus {
1218
1224
  outline: 2px dotted transparent;
1219
1225
  outline-offset: calc(3px - 1px);
1220
1226
  }
1221
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14131_1168:not(#\9):focus::before {
1227
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_17ek5_1174:not(#\9):focus::before {
1222
1228
  content: " ";
1223
1229
  display: block;
1224
1230
  position: absolute;
@@ -1232,49 +1238,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14131_1168:not(#\9):foc
1232
1238
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1233
1239
  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
1234
1240
  }
1235
- .awsui_trigger_hyvsj_14131_1168:not(#\9):focus {
1241
+ .awsui_trigger_hyvsj_17ek5_1174:not(#\9):focus {
1236
1242
  outline: none;
1237
1243
  }
1238
- .awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236:not(#\9) {
1244
+ .awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242:not(#\9) {
1239
1245
  background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
1240
1246
  color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
1241
1247
  }
1242
- .awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236:not(#\9):hover {
1248
+ .awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242:not(#\9):hover {
1243
1249
  background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
1244
1250
  }
1245
- .awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236:not(#\9):active {
1251
+ .awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242:not(#\9):active {
1246
1252
  background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
1247
1253
  }
1248
- .awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236 > .awsui_trigger-badge-wrapper_hyvsj_14131_1184:not(#\9) {
1254
+ .awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242 > .awsui_trigger-badge-wrapper_hyvsj_17ek5_1190:not(#\9) {
1249
1255
  background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
1250
1256
  color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
1251
1257
  }
1252
- .awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236 > .awsui_trigger-badge-wrapper_hyvsj_14131_1184:not(#\9):hover {
1258
+ .awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242 > .awsui_trigger-badge-wrapper_hyvsj_17ek5_1190:not(#\9):hover {
1253
1259
  background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
1254
1260
  }
1255
- .awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236 > .awsui_trigger-badge-wrapper_hyvsj_14131_1184:not(#\9):active {
1261
+ .awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242 > .awsui_trigger-badge-wrapper_hyvsj_17ek5_1190:not(#\9):active {
1256
1262
  background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
1257
1263
  }
1258
- .awsui_trigger_hyvsj_14131_1168.awsui_badge_hyvsj_14131_1256:not(#\9), .awsui_trigger_hyvsj_14131_1168.awsui_badge_hyvsj_14131_1256:not(#\9):hover, .awsui_trigger_hyvsj_14131_1168.awsui_badge_hyvsj_14131_1256:not(#\9):active {
1264
+ .awsui_trigger_hyvsj_17ek5_1174.awsui_badge_hyvsj_17ek5_1262:not(#\9), .awsui_trigger_hyvsj_17ek5_1174.awsui_badge_hyvsj_17ek5_1262:not(#\9):hover, .awsui_trigger_hyvsj_17ek5_1174.awsui_badge_hyvsj_17ek5_1262:not(#\9):active {
1259
1265
  background: transparent;
1260
1266
  }
1261
1267
 
1262
- .awsui_trigger-wrapper_hyvsj_14131_1260:not(#\9) {
1268
+ .awsui_trigger-wrapper_hyvsj_17ek5_1266:not(#\9) {
1263
1269
  position: relative;
1264
1270
  border-start-start-radius: 50%;
1265
1271
  border-start-end-radius: 50%;
1266
1272
  border-end-start-radius: 50%;
1267
1273
  border-end-end-radius: 50%;
1268
1274
  }
1269
- .awsui_trigger-wrapper_hyvsj_14131_1260:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_14131_668) {
1275
+ .awsui_trigger-wrapper_hyvsj_17ek5_1266:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_17ek5_669) {
1270
1276
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1271
1277
  }
1272
1278
 
1273
- .awsui_trigger-wrapper-tooltip-visible_hyvsj_14131_1271:not(#\9) {
1279
+ .awsui_trigger-wrapper-tooltip-visible_hyvsj_17ek5_1277:not(#\9) {
1274
1280
  /* used in test-utils*/
1275
1281
  }
1276
1282
 
1277
- .awsui_dot_hyvsj_14131_1275:not(#\9) {
1283
+ .awsui_dot_hyvsj_17ek5_1281:not(#\9) {
1278
1284
  position: absolute;
1279
1285
  inline-size: 9px;
1280
1286
  block-size: 9px;
@@ -1287,6 +1293,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14131_1168:not(#\9):foc
1287
1293
  inset-inline-end: 0;
1288
1294
  }
1289
1295
 
1290
- .awsui_trigger-tooltip_hyvsj_14131_1288:not(#\9) {
1296
+ .awsui_trigger-tooltip_hyvsj_17ek5_1294:not(#\9) {
1291
1297
  /* used in test-utils */
1292
1298
  }