@cloudscape-design/components-themeable 3.0.1348 → 3.0.1350

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 (72) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button-dropdown/styles.scss +9 -6
  3. package/lib/internal/scss/expandable-section/styles.scss +42 -10
  4. package/lib/internal/scss/header/styles.scss +1 -0
  5. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  6. package/lib/internal/scss/internal/styles/utils/theming.scss +45 -2
  7. package/lib/internal/scss/spinner/mixins.scss +1 -1
  8. package/lib/internal/scss/tree-view/tree-item/styles.scss +10 -7
  9. package/lib/internal/template/action-card/styles.css.js +17 -17
  10. package/lib/internal/template/action-card/styles.scoped.css +95 -98
  11. package/lib/internal/template/action-card/styles.selectors.js +17 -17
  12. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  13. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +163 -175
  14. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  15. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  16. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +83 -98
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +31 -44
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
  21. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  22. package/lib/internal/template/attribute-editor/styles.scoped.css +25 -28
  23. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  24. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  25. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +25 -29
  26. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  27. package/lib/internal/template/breadcrumb-group/styles.css.js +14 -14
  28. package/lib/internal/template/breadcrumb-group/styles.scoped.css +24 -27
  29. package/lib/internal/template/breadcrumb-group/styles.selectors.js +14 -14
  30. package/lib/internal/template/button/icon-helper.js +1 -1
  31. package/lib/internal/template/button/icon-helper.js.map +1 -1
  32. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +18 -18
  33. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +28 -32
  34. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +18 -18
  35. package/lib/internal/template/button-dropdown/styles.css.js +23 -23
  36. package/lib/internal/template/button-dropdown/styles.scoped.css +32 -39
  37. package/lib/internal/template/button-dropdown/styles.selectors.js +23 -23
  38. package/lib/internal/template/expandable-section/styles.css.js +43 -43
  39. package/lib/internal/template/expandable-section/styles.scoped.css +99 -164
  40. package/lib/internal/template/expandable-section/styles.selectors.js +43 -43
  41. package/lib/internal/template/header/styles.css.js +35 -35
  42. package/lib/internal/template/header/styles.scoped.css +54 -54
  43. package/lib/internal/template/header/styles.selectors.js +35 -35
  44. package/lib/internal/template/icon/generated/icons.js +202 -176
  45. package/lib/internal/template/icon/generated/icons.js.map +1 -1
  46. package/lib/internal/template/input/internal.js +1 -1
  47. package/lib/internal/template/input/internal.js.map +1 -1
  48. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  49. package/lib/internal/template/internal/components/button-trigger/styles.css.js +14 -14
  50. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +29 -35
  51. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +14 -14
  52. package/lib/internal/template/internal/environment.js +2 -2
  53. package/lib/internal/template/internal/environment.json +2 -2
  54. package/lib/internal/template/link/styles.css.js +21 -21
  55. package/lib/internal/template/link/styles.scoped.css +72 -121
  56. package/lib/internal/template/link/styles.selectors.js +21 -21
  57. package/lib/internal/template/side-navigation/styles.css.js +64 -64
  58. package/lib/internal/template/side-navigation/styles.scoped.css +110 -400
  59. package/lib/internal/template/side-navigation/styles.selectors.js +64 -64
  60. package/lib/internal/template/spinner/styles.css.js +13 -13
  61. package/lib/internal/template/spinner/styles.scoped.css +20 -20
  62. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  63. package/lib/internal/template/status-indicator/styles.css.js +25 -25
  64. package/lib/internal/template/status-indicator/styles.scoped.css +47 -72
  65. package/lib/internal/template/status-indicator/styles.selectors.js +25 -25
  66. package/lib/internal/template/token/styles.css.js +14 -14
  67. package/lib/internal/template/token/styles.scoped.css +26 -30
  68. package/lib/internal/template/token/styles.selectors.js +14 -14
  69. package/lib/internal/template/tree-view/tree-item/styles.css.js +10 -10
  70. package/lib/internal/template/tree-view/tree-item/styles.scoped.css +14 -24
  71. package/lib/internal/template/tree-view/tree-item/styles.selectors.js +10 -10
  72. package/package.json +1 -1
@@ -146,10 +146,10 @@
146
146
  */
147
147
  /* Style used for links in slots/components that are text heavy, to help links stand out among
148
148
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
149
- div.awsui_background_hyvsj_1jq66_149:not(#\9) {
149
+ div.awsui_background_hyvsj_uw4df_149:not(#\9) {
150
150
  display: contents;
151
151
  }
152
- div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_152:not(#\9) {
152
+ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_152:not(#\9) {
153
153
  background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
154
154
  color: var(--color-text-body-default-b2us04, #16191f);
155
155
  grid-column: 1/span 5;
@@ -160,7 +160,7 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
160
160
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
161
161
  SPDX-License-Identifier: Apache-2.0
162
162
  */
163
- .awsui_breadcrumbs_hyvsj_1jq66_163:not(#\9) {
163
+ .awsui_breadcrumbs_hyvsj_uw4df_163:not(#\9) {
164
164
  background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
165
165
  grid-area: breadcrumbs;
166
166
  }
@@ -173,7 +173,7 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
173
173
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
174
174
  SPDX-License-Identifier: Apache-2.0
175
175
  */
176
- .awsui_drawers-container_hyvsj_1jq66_176:not(#\9) {
176
+ .awsui_drawers-container_hyvsj_uw4df_176:not(#\9) {
177
177
  background-color: transparent;
178
178
  display: flex;
179
179
  grid-column: 5;
@@ -184,19 +184,16 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
184
184
  inset-block-start: var(--awsui-offset-top-esndbs);
185
185
  z-index: 830;
186
186
  }
187
- .awsui_drawers-container_hyvsj_1jq66_176.awsui_has-open-drawer_hyvsj_1jq66_187:not(#\9) {
187
+ .awsui_drawers-container_hyvsj_uw4df_176.awsui_has-open-drawer_hyvsj_uw4df_187:not(#\9) {
188
188
  background-color: var(--color-background-container-content-mjfil9, #ffffff);
189
189
  }
190
- .awsui-one-theme .awsui_drawers-container_hyvsj_1jq66_176.awsui_has-open-drawer_hyvsj_1jq66_187:not(#\9) {
191
- background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
192
- }
193
190
  @media (min-width: 689px) {
194
- .awsui_drawers-container_hyvsj_1jq66_176:not(#\9) {
191
+ .awsui_drawers-container_hyvsj_uw4df_176:not(#\9) {
195
192
  max-inline-size: calc(var(--awsui-layout-width-esndbs) - var(--awsui-main-offset-left-esndbs) - var(--awsui-default-min-content-width-esndbs) - var(--awsui-content-gap-right-esndbs));
196
193
  }
197
194
  }
198
195
  @media (max-width: 688px) {
199
- .awsui_drawers-container_hyvsj_1jq66_176:not(#\9) {
196
+ .awsui_drawers-container_hyvsj_uw4df_176:not(#\9) {
200
197
  position: fixed;
201
198
  inset-inline-end: 0;
202
199
  z-index: 1001;
@@ -208,12 +205,12 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
208
205
  relative to the body.
209
206
  */
210
207
  }
211
- .awsui_drawers-container_hyvsj_1jq66_176.awsui_disable-body-scroll_hyvsj_1jq66_211:not(#\9) {
208
+ .awsui_drawers-container_hyvsj_uw4df_176.awsui_disable-body-scroll_hyvsj_uw4df_208:not(#\9) {
212
209
  inset-block-start: var(--awsui-header-height-esndbs);
213
210
  }
214
211
  }
215
212
 
216
- .awsui_drawers-desktop-triggers-container_hyvsj_1jq66_216:not(#\9) {
213
+ .awsui_drawers-desktop-triggers-container_hyvsj_uw4df_213:not(#\9) {
217
214
  border-collapse: separate;
218
215
  border-spacing: 0;
219
216
  box-sizing: border-box;
@@ -251,25 +248,22 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
251
248
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
252
249
  overscroll-behavior-y: contain;
253
250
  }
254
- .awsui_drawers-desktop-triggers-container_hyvsj_1jq66_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jq66_254).awsui_has-open-drawer_hyvsj_1jq66_187 {
251
+ .awsui_drawers-desktop-triggers-container_hyvsj_uw4df_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uw4df_251).awsui_has-open-drawer_hyvsj_uw4df_187 {
255
252
  inline-size: 0;
256
253
  }
257
- .awsui_drawers-desktop-triggers-container_hyvsj_1jq66_216.awsui_has-multiple-triggers_hyvsj_1jq66_254.awsui_has-open-drawer_hyvsj_1jq66_187:not(#\9) {
254
+ .awsui_drawers-desktop-triggers-container_hyvsj_uw4df_213.awsui_has-multiple-triggers_hyvsj_uw4df_251.awsui_has-open-drawer_hyvsj_uw4df_187:not(#\9) {
258
255
  background-color: var(--color-background-container-content-mjfil9, #ffffff);
259
256
  }
260
- .awsui-one-theme .awsui_drawers-desktop-triggers-container_hyvsj_1jq66_216.awsui_has-multiple-triggers_hyvsj_1jq66_254.awsui_has-open-drawer_hyvsj_1jq66_187:not(#\9) {
261
- background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
262
- }
263
- .awsui_drawers-desktop-triggers-container_hyvsj_1jq66_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jq66_254):not(.awsui_has-open-drawer_hyvsj_1jq66_187) {
257
+ .awsui_drawers-desktop-triggers-container_hyvsj_uw4df_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uw4df_251):not(.awsui_has-open-drawer_hyvsj_uw4df_187) {
264
258
  inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
265
259
  }
266
260
 
267
- .awsui_drawers-mobile-triggers-container_hyvsj_1jq66_267:not(#\9) {
261
+ .awsui_drawers-mobile-triggers-container_hyvsj_uw4df_261:not(#\9) {
268
262
  display: flex;
269
263
  justify-content: flex-end;
270
264
  }
271
265
 
272
- .awsui_drawers-trigger-content_hyvsj_1jq66_272:not(#\9) {
266
+ .awsui_drawers-trigger-content_hyvsj_uw4df_266:not(#\9) {
273
267
  align-items: center;
274
268
  display: flex;
275
269
  flex-direction: column;
@@ -277,13 +271,13 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
277
271
  padding-block-start: var(--space-scaled-s-2crg2b, 12px);
278
272
  inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
279
273
  }
280
- .awsui_drawers-trigger-content_hyvsj_1jq66_272:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jq66_254).awsui_has-open-drawer_hyvsj_1jq66_187 {
274
+ .awsui_drawers-trigger-content_hyvsj_uw4df_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uw4df_251).awsui_has-open-drawer_hyvsj_uw4df_187 {
281
275
  opacity: 0;
282
276
  }
283
- .awsui_drawers-trigger-content_hyvsj_1jq66_272:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jq66_254):not(.awsui_has-open-drawer_hyvsj_1jq66_187) {
277
+ .awsui_drawers-trigger-content_hyvsj_uw4df_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uw4df_251):not(.awsui_has-open-drawer_hyvsj_uw4df_187) {
284
278
  opacity: 1;
285
279
  }
286
- .awsui_drawers-trigger-content_hyvsj_1jq66_272 > .awsui_drawers-trigger-overflow_hyvsj_1jq66_286:not(#\9) {
280
+ .awsui_drawers-trigger-content_hyvsj_uw4df_266 > .awsui_drawers-trigger-overflow_hyvsj_uw4df_280:not(#\9) {
287
281
  padding-block: 0;
288
282
  padding-inline: 1px;
289
283
  display: flex;
@@ -292,14 +286,14 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
292
286
  }
293
287
 
294
288
  @media (max-width: 688px) {
295
- .awsui_drawers-trigger_hyvsj_1jq66_272:not(#\9) {
289
+ .awsui_drawers-trigger_hyvsj_uw4df_266:not(#\9) {
296
290
  inline-size: 40px;
297
291
  display: flex;
298
292
  justify-content: center;
299
293
  }
300
294
  }
301
295
 
302
- .awsui_drawer_hyvsj_1jq66_176:not(#\9) {
296
+ .awsui_drawer_hyvsj_uw4df_176:not(#\9) {
303
297
  --awsui-drawer-size-esndbs: 290px;
304
298
  background-color: var(--color-background-container-content-mjfil9, #ffffff);
305
299
  border-color: transparent;
@@ -314,10 +308,7 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
314
308
  pointer-events: auto;
315
309
  word-wrap: break-word;
316
310
  }
317
- .awsui-one-theme .awsui_drawer_hyvsj_1jq66_176:not(#\9) {
318
- background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
319
- }
320
- .awsui_drawer_hyvsj_1jq66_176 > .awsui_drawer-content-container_hyvsj_1jq66_320:not(#\9) {
311
+ .awsui_drawer_hyvsj_uw4df_176 > .awsui_drawer-content-container_hyvsj_uw4df_311:not(#\9) {
321
312
  grid-column: 1/span 2;
322
313
  grid-row: 1;
323
314
  inline-size: var(--awsui-drawer-size-esndbs);
@@ -326,19 +317,19 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
326
317
  grid-template-rows: var(--size-vertical-panel-icon-offset-4593ko, 15px) auto 1fr;
327
318
  overflow-y: auto;
328
319
  }
329
- .awsui_drawer_hyvsj_1jq66_176 > .awsui_drawer-content-container_hyvsj_1jq66_320 > .awsui_drawer-close-button_hyvsj_1jq66_329:not(#\9) {
320
+ .awsui_drawer_hyvsj_uw4df_176 > .awsui_drawer-content-container_hyvsj_uw4df_311 > .awsui_drawer-close-button_hyvsj_uw4df_320:not(#\9) {
330
321
  grid-column: 3;
331
322
  grid-row: 2;
332
323
  z-index: 1;
333
324
  }
334
- .awsui_drawer_hyvsj_1jq66_176 > .awsui_drawer-content-container_hyvsj_1jq66_320 > .awsui_drawer-content_hyvsj_1jq66_320:not(#\9) {
325
+ .awsui_drawer_hyvsj_uw4df_176 > .awsui_drawer-content-container_hyvsj_uw4df_311 > .awsui_drawer-content_hyvsj_uw4df_311:not(#\9) {
335
326
  grid-column: 1/span 4;
336
327
  block-size: var(--awsui-content-height-esndbs);
337
328
  }
338
- .awsui_drawer_hyvsj_1jq66_176 > .awsui_drawer-content-container_hyvsj_1jq66_320 > .awsui_drawer-content_hyvsj_1jq66_320.awsui_drawer-content-hidden_hyvsj_1jq66_338:not(#\9) {
329
+ .awsui_drawer_hyvsj_uw4df_176 > .awsui_drawer-content-container_hyvsj_uw4df_311 > .awsui_drawer-content_hyvsj_uw4df_311.awsui_drawer-content-hidden_hyvsj_uw4df_329:not(#\9) {
339
330
  display: none;
340
331
  }
341
- .awsui_drawer_hyvsj_1jq66_176 > .awsui_drawer-slider_hyvsj_1jq66_341:not(#\9) {
332
+ .awsui_drawer_hyvsj_uw4df_176 > .awsui_drawer-slider_hyvsj_uw4df_332:not(#\9) {
342
333
  grid-column: 1;
343
334
  grid-row: 1;
344
335
  block-size: 100%;
@@ -346,23 +337,23 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
346
337
  align-items: center;
347
338
  z-index: 850;
348
339
  }
349
- .awsui_drawer_hyvsj_1jq66_176:not(#\9):not(.awsui_is-drawer-open_hyvsj_1jq66_349) {
340
+ .awsui_drawer_hyvsj_uw4df_176:not(#\9):not(.awsui_is-drawer-open_hyvsj_uw4df_340) {
350
341
  opacity: 0;
351
342
  inline-size: 0;
352
343
  }
353
- .awsui_drawer_hyvsj_1jq66_176.awsui_is-drawer-open_hyvsj_1jq66_349:not(#\9) {
344
+ .awsui_drawer_hyvsj_uw4df_176.awsui_is-drawer-open_hyvsj_uw4df_340:not(#\9) {
354
345
  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
355
346
  border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
356
347
  opacity: 1;
357
348
  inline-size: var(--awsui-drawer-size-esndbs);
358
349
  }
359
350
  @media (min-width: 2541px) {
360
- .awsui_drawer_hyvsj_1jq66_176.awsui_is-drawer-open_hyvsj_1jq66_349:not(#\9) {
351
+ .awsui_drawer_hyvsj_uw4df_176.awsui_is-drawer-open_hyvsj_uw4df_340:not(#\9) {
361
352
  --awsui-drawer-size-esndbs: 320px;
362
353
  }
363
354
  }
364
355
  @media (max-width: 688px) {
365
- .awsui_drawer_hyvsj_1jq66_176.awsui_is-drawer-open_hyvsj_1jq66_349:not(#\9) {
356
+ .awsui_drawer_hyvsj_uw4df_176.awsui_is-drawer-open_hyvsj_uw4df_340:not(#\9) {
366
357
  --awsui-drawer-size-esndbs: 100vw;
367
358
  inline-size: 100vw;
368
359
  }
@@ -372,7 +363,7 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
372
363
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
373
364
  SPDX-License-Identifier: Apache-2.0
374
365
  */
375
- header.awsui_content_hyvsj_1jq66_375:not(#\9) {
366
+ header.awsui_content_hyvsj_uw4df_366:not(#\9) {
376
367
  grid-area: header;
377
368
  }
378
369
 
@@ -397,7 +388,7 @@ The minimum content width property is set to zero and applied under all
397
388
  circumstances regardless of whether the minContentWidth property is
398
389
  explicitly set in script.
399
390
  */
400
- .awsui_layout_hyvsj_1jq66_400:not(#\9) {
391
+ .awsui_layout_hyvsj_uw4df_391:not(#\9) {
401
392
  --awsui-breadcrumbs-gap-esndbs: 0px;
402
393
  --awsui-content-gap-left-esndbs: 0px;
403
394
  --awsui-content-gap-right-esndbs: 0px;
@@ -469,113 +460,113 @@ explicitly set in script.
469
460
  */
470
461
  }
471
462
  @media (min-width: 1401px) {
472
- .awsui_layout_hyvsj_1jq66_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jq66_472) {
463
+ .awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463) {
473
464
  --awsui-default-max-content-width-esndbs: 1280px;
474
465
  }
475
466
  }
476
467
  @media (min-width: 1921px) {
477
- .awsui_layout_hyvsj_1jq66_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jq66_472) {
468
+ .awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463) {
478
469
  --awsui-default-max-content-width-esndbs: 1440px;
479
470
  }
480
471
  }
481
472
  @media (min-width: 2541px) {
482
- .awsui_layout_hyvsj_1jq66_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jq66_472) {
473
+ .awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463) {
483
474
  --awsui-default-max-content-width-esndbs: 1620px;
484
475
  }
485
476
  }
486
477
  @media (min-width: 1401px) {
487
- .awsui_layout_hyvsj_1jq66_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jq66_472).awsui_content-type-dashboard_hyvsj_1jq66_487 {
478
+ .awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463).awsui_content-type-dashboard_hyvsj_uw4df_478 {
488
479
  --awsui-default-max-content-width-esndbs: 1280px;
489
480
  }
490
481
  }
491
482
  @media (min-width: 1921px) {
492
- .awsui_layout_hyvsj_1jq66_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jq66_472).awsui_content-type-dashboard_hyvsj_1jq66_487 {
483
+ .awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463).awsui_content-type-dashboard_hyvsj_uw4df_478 {
493
484
  --awsui-default-max-content-width-esndbs: 1620px;
494
485
  }
495
486
  }
496
487
  @media (min-width: 2541px) {
497
- .awsui_layout_hyvsj_1jq66_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jq66_472).awsui_content-type-dashboard_hyvsj_1jq66_487 {
488
+ .awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463).awsui_content-type-dashboard_hyvsj_uw4df_478 {
498
489
  --awsui-default-max-content-width-esndbs: 2160px;
499
490
  }
500
491
  }
501
- .awsui_layout_hyvsj_1jq66_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jq66_472).awsui_content-type-table_hyvsj_1jq66_501, .awsui_layout_hyvsj_1jq66_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jq66_472).awsui_content-type-cards_hyvsj_1jq66_501 {
492
+ .awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463).awsui_content-type-table_hyvsj_uw4df_492, .awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463).awsui_content-type-cards_hyvsj_uw4df_492 {
502
493
  --awsui-default-max-content-width-esndbs: 100%;
503
494
  }
504
- .awsui_layout_hyvsj_1jq66_400.awsui_has-max-content-width_hyvsj_1jq66_472:not(#\9) {
495
+ .awsui_layout_hyvsj_uw4df_391.awsui_has-max-content-width_hyvsj_uw4df_463:not(#\9) {
505
496
  --awsui-default-max-content-width-esndbs: var(--awsui-max-content-width-esndbs);
506
497
  }
507
- .awsui_layout_hyvsj_1jq66_400.awsui_is-overlap-disabled_hyvsj_1jq66_507:not(#\9) {
498
+ .awsui_layout_hyvsj_uw4df_391.awsui_is-overlap-disabled_hyvsj_uw4df_498:not(#\9) {
508
499
  --awsui-overlap-height-esndbs: 0;
509
500
  }
510
- .awsui_layout_hyvsj_1jq66_400.awsui_is-hide-mobile-toolbar_hyvsj_1jq66_510:not(#\9) {
501
+ .awsui_layout_hyvsj_uw4df_391.awsui_is-hide-mobile-toolbar_hyvsj_uw4df_501:not(#\9) {
511
502
  --awsui-mobile-bar-height-esndbs: 0px;
512
503
  }
513
504
  @media (min-width: 993px) {
514
- .awsui_layout_hyvsj_1jq66_400:not(#\9) {
505
+ .awsui_layout_hyvsj_uw4df_391:not(#\9) {
515
506
  --awsui-default-min-content-width-esndbs: var(--awsui-min-content-width-esndbs, 280px);
516
507
  }
517
508
  }
518
509
  @media (max-width: 992px) {
519
- .awsui_layout_hyvsj_1jq66_400:not(#\9) {
510
+ .awsui_layout_hyvsj_uw4df_391:not(#\9) {
520
511
  --awsui-default-min-content-width-esndbs: 0px;
521
512
  }
522
513
  }
523
514
  @media (min-width: 689px) {
524
- .awsui_layout_hyvsj_1jq66_400.awsui_has-content-gap-left_hyvsj_1jq66_524:not(#\9) {
515
+ .awsui_layout_hyvsj_uw4df_391.awsui_has-content-gap-left_hyvsj_uw4df_515:not(#\9) {
525
516
  --awsui-content-gap-left-esndbs: var(--space-layout-content-horizontal-axaoos, 40px);
526
517
  }
527
- .awsui_layout_hyvsj_1jq66_400.awsui_has-content-gap-right_hyvsj_1jq66_527:not(#\9) {
518
+ .awsui_layout_hyvsj_uw4df_391.awsui_has-content-gap-right_hyvsj_uw4df_518:not(#\9) {
528
519
  --awsui-content-gap-right-esndbs: var(--space-layout-content-horizontal-axaoos, 40px);
529
520
  }
530
521
  }
531
522
  @media (max-width: 688px) {
532
- .awsui_layout_hyvsj_1jq66_400:not(#\9) {
523
+ .awsui_layout_hyvsj_uw4df_391:not(#\9) {
533
524
  --awsui-content-gap-left-esndbs: var(--space-l-dpyxli, 20px);
534
525
  --awsui-content-gap-right-esndbs: var(--space-l-dpyxli, 20px);
535
526
  }
536
527
  }
537
- .awsui_layout_hyvsj_1jq66_400.awsui_has-breadcrumbs_hyvsj_1jq66_537:not(#\9) {
528
+ .awsui_layout_hyvsj_uw4df_391.awsui_has-breadcrumbs_hyvsj_uw4df_528:not(#\9) {
538
529
  --awsui-breadcrumbs-gap-esndbs: var(--space-scaled-m-lfeh3i, 16px);
539
530
  }
540
- .awsui_layout_hyvsj_1jq66_400.awsui_content-first-child-header_hyvsj_1jq66_540:not(#\9), .awsui_layout_hyvsj_1jq66_400.awsui_content-first-child-notifications_hyvsj_1jq66_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jq66_537).awsui_has-header_hyvsj_1jq66_540 {
531
+ .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-header_hyvsj_uw4df_531:not(#\9), .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-notifications_hyvsj_uw4df_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uw4df_528).awsui_has-header_hyvsj_uw4df_531 {
541
532
  --awsui-header-gap-esndbs: var(--space-scaled-xs-pajbd1, 8px);
542
533
  }
543
- .awsui_layout_hyvsj_1jq66_400.awsui_has-breadcrumbs_hyvsj_1jq66_537.awsui_has-header_hyvsj_1jq66_540:not(#\9) {
534
+ .awsui_layout_hyvsj_uw4df_391.awsui_has-breadcrumbs_hyvsj_uw4df_528.awsui_has-header_hyvsj_uw4df_531:not(#\9) {
544
535
  --awsui-header-gap-esndbs: var(--space-scaled-xs-pajbd1, 8px);
545
536
  }
546
- .awsui_layout_hyvsj_1jq66_400.awsui_content-first-child-notifications_hyvsj_1jq66_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jq66_537):not(.awsui_has-header_hyvsj_1jq66_540) {
537
+ .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-notifications_hyvsj_uw4df_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uw4df_528):not(.awsui_has-header_hyvsj_uw4df_531) {
547
538
  --awsui-main-gap-esndbs: var(--space-xs-m9b7jf, 8px);
548
539
  }
549
- .awsui_layout_hyvsj_1jq66_400.awsui_has-breadcrumbs_hyvsj_1jq66_537:not(#\9):not(.awsui_has-header_hyvsj_1jq66_540) {
540
+ .awsui_layout_hyvsj_uw4df_391.awsui_has-breadcrumbs_hyvsj_uw4df_528:not(#\9):not(.awsui_has-header_hyvsj_uw4df_531) {
550
541
  --awsui-main-gap-esndbs: var(--space-scaled-xxs-j00t0m, 4px);
551
542
  }
552
- .awsui_layout_hyvsj_1jq66_400.awsui_has-header_hyvsj_1jq66_540:not(#\9) {
543
+ .awsui_layout_hyvsj_uw4df_391.awsui_has-header_hyvsj_uw4df_531:not(#\9) {
553
544
  --awsui-main-gap-esndbs: var(--space-content-header-padding-bottom-yv2yex, 16px);
554
545
  }
555
- .awsui_layout_hyvsj_1jq66_400.awsui_content-first-child-main_hyvsj_1jq66_555:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1jq66_555) {
546
+ .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-main_hyvsj_uw4df_546:not(#\9):not(.awsui_disable-content-paddings_hyvsj_uw4df_546) {
556
547
  --awsui-main-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
557
548
  }
558
- .awsui_layout_hyvsj_1jq66_400.awsui_content-first-child-main_hyvsj_1jq66_555.awsui_disable-content-paddings_hyvsj_1jq66_555:not(#\9) {
549
+ .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-main_hyvsj_uw4df_546.awsui_disable-content-paddings_hyvsj_uw4df_546:not(#\9) {
559
550
  --awsui-main-gap-esndbs: 0px;
560
551
  }
561
552
  @media (max-width: 688px) {
562
- .awsui_layout_hyvsj_1jq66_400.awsui_content-first-child-header_hyvsj_1jq66_540:not(#\9) {
553
+ .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-header_hyvsj_uw4df_531:not(#\9) {
563
554
  --awsui-header-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
564
555
  }
565
- .awsui_layout_hyvsj_1jq66_400.awsui_content-first-child-notifications_hyvsj_1jq66_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jq66_537).awsui_has-header_hyvsj_1jq66_540 {
556
+ .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-notifications_hyvsj_uw4df_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uw4df_528).awsui_has-header_hyvsj_uw4df_531 {
566
557
  --awsui-header-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
567
558
  }
568
- .awsui_layout_hyvsj_1jq66_400.awsui_content-first-child-notifications_hyvsj_1jq66_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jq66_537):not(.awsui_has-header_hyvsj_1jq66_540), .awsui_layout_hyvsj_1jq66_400.awsui_content-first-child-main_hyvsj_1jq66_555:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1jq66_555) {
559
+ .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-notifications_hyvsj_uw4df_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uw4df_528):not(.awsui_has-header_hyvsj_uw4df_531), .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-main_hyvsj_uw4df_546:not(#\9):not(.awsui_disable-content-paddings_hyvsj_uw4df_546) {
569
560
  --awsui-main-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
570
561
  }
571
- .awsui_layout_hyvsj_1jq66_400.awsui_content-first-child-main_hyvsj_1jq66_555.awsui_disable-content-paddings_hyvsj_1jq66_555:not(#\9) {
562
+ .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-main_hyvsj_uw4df_546.awsui_disable-content-paddings_hyvsj_uw4df_546:not(#\9) {
572
563
  --awsui-main-gap-esndbs: 0px;
573
564
  }
574
565
  }
575
- .awsui_layout_hyvsj_1jq66_400.awsui_has-left-toggles-gutter_hyvsj_1jq66_575:not(#\9) {
566
+ .awsui_layout_hyvsj_uw4df_391.awsui_has-left-toggles-gutter_hyvsj_uw4df_566:not(#\9) {
576
567
  --awsui-toggles-left-width-esndbs: calc(var(--space-layout-toggle-padding-va8352, 12px) + 36px);
577
568
  }
578
- .awsui_layout_hyvsj_1jq66_400.awsui_has-right-toggles-gutter_hyvsj_1jq66_578:not(#\9) {
569
+ .awsui_layout_hyvsj_uw4df_391.awsui_has-right-toggles-gutter_hyvsj_uw4df_569:not(#\9) {
579
570
  --awsui-toggles-right-width-esndbs: calc(var(--space-layout-toggle-padding-va8352, 12px) + 36px);
580
571
  }
581
572
 
@@ -589,13 +580,13 @@ not matter. The offset top value for AppLayout contentMain children with
589
580
  position: sticky will be the value of the notifications height in addition to the
590
581
  notifications top margin and some additional vertical space for aesthetics.
591
582
  */
592
- .awsui_layout_hyvsj_1jq66_400.awsui_disable-body-scroll_hyvsj_1jq66_211:not(#\9) {
583
+ .awsui_layout_hyvsj_uw4df_391.awsui_disable-body-scroll_hyvsj_uw4df_208:not(#\9) {
593
584
  --awsui-main-template-rows-esndbs: 1fr auto;
594
585
  --awsui-offset-top-esndbs: 0px;
595
586
  block-size: var(--awsui-content-height-esndbs);
596
587
  overflow-y: scroll;
597
588
  }
598
- .awsui_layout_hyvsj_1jq66_400.awsui_disable-body-scroll_hyvsj_1jq66_211.awsui_has-split-panel_hyvsj_1jq66_598.awsui_split-panel-position-bottom_hyvsj_1jq66_598:not(#\9) {
589
+ .awsui_layout_hyvsj_uw4df_391.awsui_disable-body-scroll_hyvsj_uw4df_208.awsui_has-split-panel_hyvsj_uw4df_589.awsui_split-panel-position-bottom_hyvsj_uw4df_589:not(#\9) {
599
590
  --awsui-main-template-rows-esndbs: repeat(2, auto);
600
591
  }
601
592
 
@@ -603,13 +594,13 @@ notifications top margin and some additional vertical space for aesthetics.
603
594
  This CSS class is applied to the document body to prevent overflow scrolling
604
595
  when the navigation or tools drawers are open in responsive viewports.
605
596
  */
606
- .awsui_block-body-scroll_hyvsj_1jq66_606:not(#\9) {
597
+ .awsui_block-body-scroll_hyvsj_uw4df_597:not(#\9) {
607
598
  overflow: hidden;
608
599
  }
609
600
 
610
601
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
611
- .awsui_unfocusable_hyvsj_1jq66_611:not(#\9),
612
- .awsui_unfocusable_hyvsj_1jq66_611 *:not(#\9) {
602
+ .awsui_unfocusable_hyvsj_uw4df_602:not(#\9),
603
+ .awsui_unfocusable_hyvsj_uw4df_602 *:not(#\9) {
613
604
  visibility: hidden !important;
614
605
  }
615
606
 
@@ -618,7 +609,7 @@ when the navigation or tools drawers are open in responsive viewports.
618
609
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
619
610
  SPDX-License-Identifier: Apache-2.0
620
611
  */
621
- .awsui_container_hyvsj_1jq66_621:not(#\9) {
612
+ .awsui_container_hyvsj_uw4df_612:not(#\9) {
622
613
  grid-area: main;
623
614
  padding-block-end: var(--space-layout-content-bottom-adv8e9, 20px);
624
615
  /*
@@ -635,19 +626,19 @@ when the navigation or tools drawers are open in responsive viewports.
635
626
  on the right, we decrement the column end by one.
636
627
  */
637
628
  }
638
- .awsui_container_hyvsj_1jq66_621.awsui_has-split-panel_hyvsj_1jq66_598.awsui_split-panel-position-bottom_hyvsj_1jq66_598:not(#\9) {
629
+ .awsui_container_hyvsj_uw4df_612.awsui_has-split-panel_hyvsj_uw4df_589.awsui_split-panel-position-bottom_hyvsj_uw4df_589:not(#\9) {
639
630
  padding-block-end: calc(var(--awsui-split-panel-height-esndbs) + var(--space-layout-content-bottom-adv8e9, 20px));
640
631
  }
641
- .awsui_container_hyvsj_1jq66_621.awsui_disable-content-paddings_hyvsj_1jq66_555:not(#\9) {
632
+ .awsui_container_hyvsj_uw4df_612.awsui_disable-content-paddings_hyvsj_uw4df_546:not(#\9) {
642
633
  grid-column: 1/6;
643
634
  padding-block: 0;
644
635
  padding-inline: 0;
645
636
  }
646
637
  @media (min-width: 689px) {
647
- .awsui_container_hyvsj_1jq66_621.awsui_disable-content-paddings_hyvsj_1jq66_555.awsui_is-navigation-open_hyvsj_1jq66_647:not(#\9) {
638
+ .awsui_container_hyvsj_uw4df_612.awsui_disable-content-paddings_hyvsj_uw4df_546.awsui_is-navigation-open_hyvsj_uw4df_638:not(#\9) {
648
639
  grid-column-start: 2;
649
640
  }
650
- .awsui_container_hyvsj_1jq66_621.awsui_disable-content-paddings_hyvsj_1jq66_555.awsui_is-tools-open_hyvsj_1jq66_650:not(#\9), .awsui_container_hyvsj_1jq66_621.awsui_disable-content-paddings_hyvsj_1jq66_555.awsui_is-split-panel-open_hyvsj_1jq66_650.awsui_split-panel-position-side_hyvsj_1jq66_650:not(#\9), .awsui_container_hyvsj_1jq66_621.awsui_disable-content-paddings_hyvsj_1jq66_555.awsui_has-active-drawer_hyvsj_1jq66_650:not(#\9) {
641
+ .awsui_container_hyvsj_uw4df_612.awsui_disable-content-paddings_hyvsj_uw4df_546.awsui_is-tools-open_hyvsj_uw4df_641:not(#\9), .awsui_container_hyvsj_uw4df_612.awsui_disable-content-paddings_hyvsj_uw4df_546.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_split-panel-position-side_hyvsj_uw4df_641:not(#\9), .awsui_container_hyvsj_uw4df_612.awsui_disable-content-paddings_hyvsj_uw4df_546.awsui_has-active-drawer_hyvsj_uw4df_641:not(#\9) {
651
642
  grid-column-end: 5;
652
643
  }
653
644
  }
@@ -660,7 +651,7 @@ when the navigation or tools drawers are open in responsive viewports.
660
651
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
661
652
  SPDX-License-Identifier: Apache-2.0
662
653
  */
663
- section.awsui_mobile-toolbar_hyvsj_1jq66_663:not(#\9) {
654
+ section.awsui_mobile-toolbar_hyvsj_uw4df_654:not(#\9) {
664
655
  align-items: center;
665
656
  background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
666
657
  border-block-end: 1px solid var(--color-border-divider-default-diwd4w, #eaeded);
@@ -677,19 +668,19 @@ section.awsui_mobile-toolbar_hyvsj_1jq66_663:not(#\9) {
677
668
  inset-block-start: var(--awsui-offset-top-esndbs);
678
669
  z-index: 1000;
679
670
  }
680
- section.awsui_mobile-toolbar_hyvsj_1jq66_663:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1jq66_680) {
671
+ section.awsui_mobile-toolbar_hyvsj_uw4df_654:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_uw4df_671) {
681
672
  background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
682
673
  box-shadow: var(--shadow-panel-toggle-a81wj1, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
683
674
  }
684
- section.awsui_mobile-toolbar_hyvsj_1jq66_663 > .awsui_mobile-toolbar-nav_hyvsj_1jq66_684:not(#\9) {
675
+ section.awsui_mobile-toolbar_hyvsj_uw4df_654 > .awsui_mobile-toolbar-nav_hyvsj_uw4df_675:not(#\9) {
685
676
  grid-column: 1;
686
677
  margin-inline-end: var(--space-m-n8iq8o, 16px);
687
678
  }
688
- section.awsui_mobile-toolbar_hyvsj_1jq66_663 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1jq66_688:not(#\9) {
679
+ section.awsui_mobile-toolbar_hyvsj_uw4df_654 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_uw4df_679:not(#\9) {
689
680
  grid-column: 2;
690
681
  background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
691
682
  }
692
- section.awsui_mobile-toolbar_hyvsj_1jq66_663 > .awsui_mobile-toolbar-tools_hyvsj_1jq66_692:not(#\9) {
683
+ section.awsui_mobile-toolbar_hyvsj_uw4df_654 > .awsui_mobile-toolbar-tools_hyvsj_uw4df_683:not(#\9) {
693
684
  grid-column: 3;
694
685
  margin-inline-start: var(--space-m-n8iq8o, 16px);
695
686
  }
@@ -698,7 +689,7 @@ section.awsui_mobile-toolbar_hyvsj_1jq66_663 > .awsui_mobile-toolbar-tools_hyvsj
698
689
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
699
690
  SPDX-License-Identifier: Apache-2.0
700
691
  */
701
- .awsui_navigation-container_hyvsj_1jq66_701:not(#\9) {
692
+ .awsui_navigation-container_hyvsj_uw4df_692:not(#\9) {
702
693
  display: flex;
703
694
  grid-column: 1;
704
695
  grid-row: 1/span 9;
@@ -719,7 +710,7 @@ section.awsui_mobile-toolbar_hyvsj_1jq66_663 > .awsui_mobile-toolbar-tools_hyvsj
719
710
  pointer-events: none;
720
711
  }
721
712
  @media (max-width: 688px) {
722
- .awsui_navigation-container_hyvsj_1jq66_701:not(#\9) {
713
+ .awsui_navigation-container_hyvsj_uw4df_692:not(#\9) {
723
714
  inset-inline-start: 0;
724
715
  position: fixed;
725
716
  z-index: 1001;
@@ -731,12 +722,12 @@ section.awsui_mobile-toolbar_hyvsj_1jq66_663 > .awsui_mobile-toolbar-tools_hyvsj
731
722
  relative to the body.
732
723
  */
733
724
  }
734
- .awsui_navigation-container_hyvsj_1jq66_701.awsui_disable-body-scroll_hyvsj_1jq66_211:not(#\9) {
725
+ .awsui_navigation-container_hyvsj_uw4df_692.awsui_disable-body-scroll_hyvsj_uw4df_208:not(#\9) {
735
726
  inset-block-start: var(--awsui-header-height-esndbs);
736
727
  }
737
728
  }
738
729
 
739
- nav.awsui_show-navigation_hyvsj_1jq66_739:not(#\9) {
730
+ nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9) {
740
731
  padding-block: var(--space-scaled-s-2crg2b, 12px);
741
732
  padding-inline: var(--space-layout-toggle-padding-va8352, 12px);
742
733
  /*
@@ -744,7 +735,7 @@ nav.awsui_show-navigation_hyvsj_1jq66_739:not(#\9) {
744
735
  take control in responsive viewports.
745
736
  */
746
737
  }
747
- @keyframes awsui_showButtons_hyvsj_1jq66_1 {
738
+ @keyframes awsui_showButtons_hyvsj_uw4df_1 {
748
739
  0% {
749
740
  opacity: 0;
750
741
  }
@@ -752,31 +743,31 @@ nav.awsui_show-navigation_hyvsj_1jq66_739:not(#\9) {
752
743
  opacity: 1;
753
744
  }
754
745
  }
755
- nav.awsui_show-navigation_hyvsj_1jq66_739.awsui_is-navigation-open_hyvsj_1jq66_647:not(#\9) {
746
+ nav.awsui_show-navigation_hyvsj_uw4df_730.awsui_is-navigation-open_hyvsj_uw4df_638:not(#\9) {
756
747
  display: none;
757
748
  }
758
749
  @media (min-width: 689px) {
759
- nav.awsui_show-navigation_hyvsj_1jq66_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jq66_647) {
750
+ nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638) {
760
751
  display: block;
761
752
  }
762
- nav.awsui_show-navigation_hyvsj_1jq66_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jq66_647).awsui_animating_hyvsj_1jq66_762 {
763
- animation: awsui_showButtons_hyvsj_1jq66_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
753
+ nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638).awsui_animating_hyvsj_uw4df_753 {
754
+ animation: awsui_showButtons_hyvsj_uw4df_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
764
755
  }
765
756
  }
766
757
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
767
- nav.awsui_show-navigation_hyvsj_1jq66_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jq66_647).awsui_animating_hyvsj_1jq66_762 {
758
+ nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638).awsui_animating_hyvsj_uw4df_753 {
768
759
  animation: none;
769
760
  transition: none;
770
761
  }
771
762
  }
772
763
  @media (min-width: 689px) {
773
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1jq66_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jq66_647).awsui_animating_hyvsj_1jq66_762, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1jq66_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jq66_647).awsui_animating_hyvsj_1jq66_762 {
764
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638).awsui_animating_hyvsj_uw4df_753, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638).awsui_animating_hyvsj_uw4df_753 {
774
765
  animation: none;
775
766
  transition: none;
776
767
  }
777
768
  }
778
769
 
779
- nav.awsui_navigation_hyvsj_1jq66_701:not(#\9) {
770
+ nav.awsui_navigation_hyvsj_uw4df_692:not(#\9) {
780
771
  background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
781
772
  inset-block-end: 0;
782
773
  block-size: 100%;
@@ -796,7 +787,7 @@ nav.awsui_navigation_hyvsj_1jq66_701:not(#\9) {
796
787
  prevent unwanted text wrapping.
797
788
  */
798
789
  }
799
- @keyframes awsui_openNavigation_hyvsj_1jq66_1 {
790
+ @keyframes awsui_openNavigation_hyvsj_uw4df_1 {
800
791
  from {
801
792
  opacity: 0;
802
793
  inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
@@ -806,36 +797,36 @@ nav.awsui_navigation_hyvsj_1jq66_701:not(#\9) {
806
797
  inline-size: var(--awsui-navigation-width-esndbs);
807
798
  }
808
799
  }
809
- nav.awsui_navigation_hyvsj_1jq66_701:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jq66_647) {
800
+ nav.awsui_navigation_hyvsj_uw4df_692:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638) {
810
801
  inline-size: 0;
811
802
  display: none;
812
803
  }
813
- nav.awsui_navigation_hyvsj_1jq66_701.awsui_is-navigation-open_hyvsj_1jq66_647.awsui_animating_hyvsj_1jq66_762:not(#\9) {
814
- animation: awsui_openNavigation_hyvsj_1jq66_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
804
+ nav.awsui_navigation_hyvsj_uw4df_692.awsui_is-navigation-open_hyvsj_uw4df_638.awsui_animating_hyvsj_uw4df_753:not(#\9) {
805
+ animation: awsui_openNavigation_hyvsj_uw4df_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
815
806
  }
816
807
  @media (prefers-reduced-motion: reduce) {
817
- nav.awsui_navigation_hyvsj_1jq66_701.awsui_is-navigation-open_hyvsj_1jq66_647.awsui_animating_hyvsj_1jq66_762:not(#\9) {
808
+ nav.awsui_navigation_hyvsj_uw4df_692.awsui_is-navigation-open_hyvsj_uw4df_638.awsui_animating_hyvsj_uw4df_753:not(#\9) {
818
809
  animation: none;
819
810
  transition: none;
820
811
  }
821
812
  }
822
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_1jq66_701.awsui_is-navigation-open_hyvsj_1jq66_647.awsui_animating_hyvsj_1jq66_762:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1jq66_701.awsui_is-navigation-open_hyvsj_1jq66_647.awsui_animating_hyvsj_1jq66_762:not(#\9) {
813
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_uw4df_692.awsui_is-navigation-open_hyvsj_uw4df_638.awsui_animating_hyvsj_uw4df_753:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_uw4df_692.awsui_is-navigation-open_hyvsj_uw4df_638.awsui_animating_hyvsj_uw4df_753:not(#\9) {
823
814
  animation: none;
824
815
  transition: none;
825
816
  }
826
- nav.awsui_navigation_hyvsj_1jq66_701 > .awsui_animated-content_hyvsj_1jq66_826:not(#\9) {
817
+ nav.awsui_navigation_hyvsj_uw4df_692 > .awsui_animated-content_hyvsj_uw4df_817:not(#\9) {
827
818
  inline-size: var(--awsui-navigation-width-esndbs);
828
819
  }
829
- nav.awsui_navigation_hyvsj_1jq66_701 > .awsui_content-container_hyvsj_1jq66_829:not(#\9) {
820
+ nav.awsui_navigation_hyvsj_uw4df_692 > .awsui_content-container_hyvsj_uw4df_820:not(#\9) {
830
821
  flex-grow: 1;
831
822
  }
832
823
  @media (max-width: 688px) {
833
- nav.awsui_navigation_hyvsj_1jq66_701:not(#\9) {
824
+ nav.awsui_navigation_hyvsj_uw4df_692:not(#\9) {
834
825
  --awsui-navigation-width-esndbs: 100vw;
835
826
  }
836
827
  }
837
828
 
838
- .awsui_hide-navigation_hyvsj_1jq66_838:not(#\9) {
829
+ .awsui_hide-navigation_hyvsj_uw4df_829:not(#\9) {
839
830
  position: absolute;
840
831
  inset-inline-end: var(--space-m-n8iq8o, 16px);
841
832
  inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
@@ -845,24 +836,24 @@ nav.awsui_navigation_hyvsj_1jq66_701 > .awsui_content-container_hyvsj_1jq66_829:
845
836
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
846
837
  SPDX-License-Identifier: Apache-2.0
847
838
  */
848
- .awsui_notifications_hyvsj_1jq66_848:not(#\9) {
839
+ .awsui_notifications_hyvsj_uw4df_839:not(#\9) {
849
840
  color: var(--color-text-body-default-b2us04, #16191f);
850
841
  grid-area: notifications;
851
842
  z-index: 850;
852
843
  }
853
- .awsui_notifications_hyvsj_1jq66_848.awsui_has-notification-content_hyvsj_1jq66_853:not(#\9) {
844
+ .awsui_notifications_hyvsj_uw4df_839.awsui_has-notification-content_hyvsj_uw4df_844:not(#\9) {
854
845
  padding-block-start: var(--space-scaled-s-2crg2b, 12px);
855
846
  }
856
847
  @media (min-width: 689px) {
857
- .awsui_notifications_hyvsj_1jq66_848.awsui_sticky-notifications_hyvsj_1jq66_857:not(#\9) {
848
+ .awsui_notifications_hyvsj_uw4df_839.awsui_sticky-notifications_hyvsj_uw4df_848:not(#\9) {
858
849
  --awsui-flashbar-sticky-bottom-margin-esndbs: var(--space-xxl-xj5vu7, 32px);
859
850
  position: sticky;
860
851
  inset-block-start: var(--awsui-offset-top-esndbs);
861
852
  }
862
- .awsui_notifications_hyvsj_1jq66_848.awsui_sticky-notifications_hyvsj_1jq66_857:not(#\9):not(.awsui_high-contrast_hyvsj_1jq66_862) {
853
+ .awsui_notifications_hyvsj_uw4df_839.awsui_sticky-notifications_hyvsj_uw4df_848:not(#\9):not(.awsui_high-contrast_hyvsj_uw4df_853) {
863
854
  background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
864
855
  }
865
- .awsui_notifications_hyvsj_1jq66_848.awsui_has-notification-content_hyvsj_1jq66_853:not(#\9) {
856
+ .awsui_notifications_hyvsj_uw4df_839.awsui_has-notification-content_hyvsj_uw4df_844:not(#\9) {
866
857
  padding-block-start: var(--space-xs-m9b7jf, 8px);
867
858
  }
868
859
  }
@@ -877,7 +868,7 @@ as the content area. This row is defined as 1 fractional unit which will
877
868
  consume the remaining vertical space in the grid after the notifications
878
869
  and breadcrumbs.
879
870
  */
880
- section.awsui_split-panel-bottom_hyvsj_1jq66_880:not(#\9) {
871
+ section.awsui_split-panel-bottom_hyvsj_uw4df_871:not(#\9) {
881
872
  /*
882
873
  The align self property will position the split panel at the bottom of the grid row.
883
874
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -913,7 +904,7 @@ section.awsui_split-panel-bottom_hyvsj_1jq66_880:not(#\9) {
913
904
  apply the animation to the height property.
914
905
  */
915
906
  }
916
- @keyframes awsui_openSplitPanelBottom_hyvsj_1jq66_1 {
907
+ @keyframes awsui_openSplitPanelBottom_hyvsj_uw4df_1 {
917
908
  from {
918
909
  block-size: var(--awsui-split-panel-reported-header-size-esndbs, 0);
919
910
  }
@@ -921,39 +912,39 @@ section.awsui_split-panel-bottom_hyvsj_1jq66_880:not(#\9) {
921
912
  block-size: var(--awsui-split-panel-reported-size-esndbs);
922
913
  }
923
914
  }
924
- section.awsui_split-panel-bottom_hyvsj_1jq66_880.awsui_disable-body-scroll_hyvsj_1jq66_211:not(#\9) {
915
+ section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_disable-body-scroll_hyvsj_uw4df_208:not(#\9) {
925
916
  inset-block-end: 0;
926
917
  }
927
- section.awsui_split-panel-bottom_hyvsj_1jq66_880.awsui_is-navigation-open_hyvsj_1jq66_647.awsui_position-bottom_hyvsj_1jq66_927:not(#\9) {
918
+ section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-navigation-open_hyvsj_uw4df_638.awsui_position-bottom_hyvsj_uw4df_918:not(#\9) {
928
919
  grid-column-start: 2;
929
920
  }
930
- section.awsui_split-panel-bottom_hyvsj_1jq66_880.awsui_has-open-drawer_hyvsj_1jq66_187.awsui_position-bottom_hyvsj_1jq66_927:not(#\9) {
921
+ section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_has-open-drawer_hyvsj_uw4df_187.awsui_position-bottom_hyvsj_uw4df_918:not(#\9) {
931
922
  grid-column-end: 5;
932
923
  }
933
- section.awsui_split-panel-bottom_hyvsj_1jq66_880.awsui_position-bottom_hyvsj_1jq66_927:not(#\9) {
924
+ section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_position-bottom_hyvsj_uw4df_918:not(#\9) {
934
925
  display: block;
935
926
  }
936
- section.awsui_split-panel-bottom_hyvsj_1jq66_880:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1jq66_650).awsui_position-bottom_hyvsj_1jq66_927 {
927
+ section.awsui_split-panel-bottom_hyvsj_uw4df_871:not(#\9):not(.awsui_is-split-panel-open_hyvsj_uw4df_641).awsui_position-bottom_hyvsj_uw4df_918 {
937
928
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
938
929
  }
939
- section.awsui_split-panel-bottom_hyvsj_1jq66_880.awsui_is-split-panel-open_hyvsj_1jq66_650.awsui_position-bottom_hyvsj_1jq66_927:not(#\9) {
930
+ section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-bottom_hyvsj_uw4df_918:not(#\9) {
940
931
  box-shadow: var(--shadow-split-bottom-p8ki2v, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
941
932
  }
942
- section.awsui_split-panel-bottom_hyvsj_1jq66_880.awsui_is-split-panel-open_hyvsj_1jq66_650.awsui_position-bottom_hyvsj_1jq66_927.awsui_animating_hyvsj_1jq66_762:not(#\9) {
943
- animation: awsui_openSplitPanelBottom_hyvsj_1jq66_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
933
+ section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-bottom_hyvsj_uw4df_918.awsui_animating_hyvsj_uw4df_753:not(#\9) {
934
+ animation: awsui_openSplitPanelBottom_hyvsj_uw4df_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
944
935
  }
945
936
  @media (prefers-reduced-motion: reduce) {
946
- section.awsui_split-panel-bottom_hyvsj_1jq66_880.awsui_is-split-panel-open_hyvsj_1jq66_650.awsui_position-bottom_hyvsj_1jq66_927.awsui_animating_hyvsj_1jq66_762:not(#\9) {
937
+ section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-bottom_hyvsj_uw4df_918.awsui_animating_hyvsj_uw4df_753:not(#\9) {
947
938
  animation: none;
948
939
  transition: none;
949
940
  }
950
941
  }
951
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1jq66_880.awsui_is-split-panel-open_hyvsj_1jq66_650.awsui_position-bottom_hyvsj_1jq66_927.awsui_animating_hyvsj_1jq66_762:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1jq66_880.awsui_is-split-panel-open_hyvsj_1jq66_650.awsui_position-bottom_hyvsj_1jq66_927.awsui_animating_hyvsj_1jq66_762:not(#\9) {
942
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-bottom_hyvsj_uw4df_918.awsui_animating_hyvsj_uw4df_753:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-bottom_hyvsj_uw4df_918.awsui_animating_hyvsj_uw4df_753:not(#\9) {
952
943
  animation: none;
953
944
  transition: none;
954
945
  }
955
946
 
956
- section.awsui_split-panel-side_hyvsj_1jq66_956:not(#\9) {
947
+ section.awsui_split-panel-side_hyvsj_uw4df_947:not(#\9) {
957
948
  block-size: 100%;
958
949
  overflow-x: hidden;
959
950
  pointer-events: auto;
@@ -963,15 +954,15 @@ section.awsui_split-panel-side_hyvsj_1jq66_956:not(#\9) {
963
954
  be persistent in the DOM when closed.
964
955
  */
965
956
  }
966
- section.awsui_split-panel-side_hyvsj_1jq66_956:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1jq66_650), section.awsui_split-panel-side_hyvsj_1jq66_956.awsui_position-bottom_hyvsj_1jq66_927:not(#\9) {
957
+ section.awsui_split-panel-side_hyvsj_uw4df_947:not(#\9):not(.awsui_is-split-panel-open_hyvsj_uw4df_641), section.awsui_split-panel-side_hyvsj_uw4df_947.awsui_position-bottom_hyvsj_uw4df_918:not(#\9) {
967
958
  inline-size: 0;
968
959
  }
969
- section.awsui_split-panel-side_hyvsj_1jq66_956.awsui_is-split-panel-open_hyvsj_1jq66_650.awsui_position-side_hyvsj_1jq66_969:not(#\9) {
960
+ section.awsui_split-panel-side_hyvsj_uw4df_947.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-side_hyvsj_uw4df_960:not(#\9) {
970
961
  max-inline-size: var(--awsui-split-panel-max-width-esndbs, 280px);
971
962
  min-inline-size: var(--awsui-split-panel-min-width-esndbs, 280px);
972
963
  border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
973
964
  }
974
- section.awsui_split-panel-side_hyvsj_1jq66_956.awsui_is-split-panel-open_hyvsj_1jq66_650.awsui_position-side_hyvsj_1jq66_969:not(#\9):not(.awsui_has-open-drawer_hyvsj_1jq66_187) {
965
+ section.awsui_split-panel-side_hyvsj_uw4df_947.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-side_hyvsj_uw4df_960:not(#\9):not(.awsui_has-open-drawer_hyvsj_uw4df_187) {
975
966
  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-panel-side-nuzjt3, transparent);
976
967
  }
977
968
 
@@ -988,7 +979,7 @@ content width has a default value that can be set directly with the minContentWi
988
979
  property. The content gap right is computed in the Layout styles based on the
989
980
  viewport size and state of the Tools drawer.
990
981
  */
991
- .awsui_tools-container_hyvsj_1jq66_991:not(#\9) {
982
+ .awsui_tools-container_hyvsj_uw4df_982:not(#\9) {
992
983
  --awsui-tools-max-width-esndbs: calc(var(--awsui-layout-width-esndbs) - var(--awsui-main-offset-left-esndbs) - var(--awsui-default-min-content-width-esndbs) - var(--awsui-content-gap-right-esndbs));
993
984
  display: flex;
994
985
  grid-column: 5;
@@ -1001,7 +992,7 @@ viewport size and state of the Tools drawer.
1001
992
  pointer-events: none;
1002
993
  }
1003
994
  @media (max-width: 688px) {
1004
- .awsui_tools-container_hyvsj_1jq66_991:not(#\9) {
995
+ .awsui_tools-container_hyvsj_uw4df_982:not(#\9) {
1005
996
  --awsui-tools-max-width-esndbs: none;
1006
997
  --awsui-tools-width-esndbs: auto;
1007
998
  position: fixed;
@@ -1015,12 +1006,12 @@ viewport size and state of the Tools drawer.
1015
1006
  relative to the body.
1016
1007
  */
1017
1008
  }
1018
- .awsui_tools-container_hyvsj_1jq66_991.awsui_disable-body-scroll_hyvsj_1jq66_211:not(#\9) {
1009
+ .awsui_tools-container_hyvsj_uw4df_982.awsui_disable-body-scroll_hyvsj_uw4df_208:not(#\9) {
1019
1010
  inset-block-start: var(--awsui-header-height-esndbs);
1020
1011
  }
1021
1012
  }
1022
1013
 
1023
- .awsui_tools_hyvsj_1jq66_991:not(#\9) {
1014
+ .awsui_tools_hyvsj_uw4df_982:not(#\9) {
1024
1015
  background-color: var(--color-background-container-content-mjfil9, #ffffff);
1025
1016
  flex-shrink: 0;
1026
1017
  block-size: 100%;
@@ -1043,7 +1034,7 @@ viewport size and state of the Tools drawer.
1043
1034
  in the side position.
1044
1035
  */
1045
1036
  }
1046
- @keyframes awsui_openTools_hyvsj_1jq66_1 {
1037
+ @keyframes awsui_openTools_hyvsj_uw4df_1 {
1047
1038
  from {
1048
1039
  opacity: var(--awsui-tools-animation-starting-opacity-esndbs, 0);
1049
1040
  inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
@@ -1053,44 +1044,41 @@ viewport size and state of the Tools drawer.
1053
1044
  inline-size: var(--awsui-tools-width-esndbs);
1054
1045
  }
1055
1046
  }
1056
- .awsui_tools_hyvsj_1jq66_991:not(#\9):not(.awsui_is-tools-open_hyvsj_1jq66_650) {
1047
+ .awsui_tools_hyvsj_uw4df_982:not(#\9):not(.awsui_is-tools-open_hyvsj_uw4df_641) {
1057
1048
  inline-size: 0;
1058
1049
  display: none;
1059
1050
  }
1060
- .awsui_tools_hyvsj_1jq66_991.awsui_is-tools-open_hyvsj_1jq66_650:not(#\9) {
1051
+ .awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641:not(#\9) {
1061
1052
  border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
1062
1053
  }
1063
- .awsui_tools_hyvsj_1jq66_991.awsui_is-tools-open_hyvsj_1jq66_650.awsui_animating_hyvsj_1jq66_762:not(#\9) {
1064
- animation: awsui_openTools_hyvsj_1jq66_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
1054
+ .awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641.awsui_animating_hyvsj_uw4df_753:not(#\9) {
1055
+ animation: awsui_openTools_hyvsj_uw4df_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
1065
1056
  }
1066
1057
  @media (prefers-reduced-motion: reduce) {
1067
- .awsui_tools_hyvsj_1jq66_991.awsui_is-tools-open_hyvsj_1jq66_650.awsui_animating_hyvsj_1jq66_762:not(#\9) {
1058
+ .awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641.awsui_animating_hyvsj_uw4df_753:not(#\9) {
1068
1059
  animation: none;
1069
1060
  transition: none;
1070
1061
  }
1071
1062
  }
1072
- .awsui-motion-disabled .awsui_tools_hyvsj_1jq66_991.awsui_is-tools-open_hyvsj_1jq66_650.awsui_animating_hyvsj_1jq66_762:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1jq66_991.awsui_is-tools-open_hyvsj_1jq66_650.awsui_animating_hyvsj_1jq66_762:not(#\9) {
1063
+ .awsui-motion-disabled .awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641.awsui_animating_hyvsj_uw4df_753:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641.awsui_animating_hyvsj_uw4df_753:not(#\9) {
1073
1064
  animation: none;
1074
1065
  transition: none;
1075
1066
  }
1076
- .awsui-one-theme .awsui_tools_hyvsj_1jq66_991:not(#\9) {
1077
- background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
1078
- }
1079
- .awsui_tools_hyvsj_1jq66_991 > .awsui_animated-content_hyvsj_1jq66_826:not(#\9) {
1067
+ .awsui_tools_hyvsj_uw4df_982 > .awsui_animated-content_hyvsj_uw4df_817:not(#\9) {
1080
1068
  inline-size: var(--awsui-tools-width-esndbs);
1081
1069
  }
1082
1070
  @media (min-width: 689px) {
1083
- .awsui_tools_hyvsj_1jq66_991.awsui_is-tools-open_hyvsj_1jq66_650.awsui_has-tools-form-persistence_hyvsj_1jq66_1083:not(#\9) {
1071
+ .awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641.awsui_has-tools-form-persistence_hyvsj_uw4df_1071:not(#\9) {
1084
1072
  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
1085
1073
  }
1086
1074
  }
1087
1075
  @media (max-width: 688px) {
1088
- .awsui_tools_hyvsj_1jq66_991:not(#\9) {
1076
+ .awsui_tools_hyvsj_uw4df_982:not(#\9) {
1089
1077
  --awsui-tools-width-esndbs: 100vw;
1090
1078
  }
1091
1079
  }
1092
1080
 
1093
- .awsui_hide-tools_hyvsj_1jq66_1093:not(#\9) {
1081
+ .awsui_hide-tools_hyvsj_uw4df_1081:not(#\9) {
1094
1082
  position: absolute;
1095
1083
  inset-inline-end: var(--space-m-n8iq8o, 16px);
1096
1084
  inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
@@ -1102,7 +1090,7 @@ Warning! If these design tokens for padding change it will adversely impact
1102
1090
  the calculation used to determine the Split Panel maximum width in the
1103
1091
  handleSplitPanelMaxWidth function in the context.
1104
1092
  */
1105
- .awsui_show-tools_hyvsj_1jq66_1105:not(#\9) {
1093
+ .awsui_show-tools_hyvsj_uw4df_1093:not(#\9) {
1106
1094
  border-collapse: separate;
1107
1095
  border-spacing: 0;
1108
1096
  box-sizing: border-box;
@@ -1140,7 +1128,7 @@ handleSplitPanelMaxWidth function in the context.
1140
1128
  take control in responsive viewports.
1141
1129
  */
1142
1130
  }
1143
- @keyframes awsui_showButtons_hyvsj_1jq66_1 {
1131
+ @keyframes awsui_showButtons_hyvsj_uw4df_1 {
1144
1132
  0% {
1145
1133
  opacity: 0;
1146
1134
  }
@@ -1148,31 +1136,31 @@ handleSplitPanelMaxWidth function in the context.
1148
1136
  opacity: 1;
1149
1137
  }
1150
1138
  }
1151
- .awsui_show-tools_hyvsj_1jq66_1105:not(#\9):not(.awsui_has-tools-form_hyvsj_1jq66_1083) {
1139
+ .awsui_show-tools_hyvsj_uw4df_1093:not(#\9):not(.awsui_has-tools-form_hyvsj_uw4df_1071) {
1152
1140
  display: none;
1153
1141
  }
1154
1142
  @media (min-width: 689px) {
1155
- .awsui_show-tools_hyvsj_1jq66_1105.awsui_has-tools-form_hyvsj_1jq66_1083:not(#\9) {
1143
+ .awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form_hyvsj_uw4df_1071:not(#\9) {
1156
1144
  display: flex;
1157
1145
  flex-direction: column;
1158
1146
  gap: var(--space-xs-m9b7jf, 8px);
1159
1147
  }
1160
- .awsui_show-tools_hyvsj_1jq66_1105.awsui_has-tools-form_hyvsj_1jq66_1083.awsui_animating_hyvsj_1jq66_762:not(#\9) {
1161
- animation: awsui_showButtons_hyvsj_1jq66_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
1148
+ .awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form_hyvsj_uw4df_1071.awsui_animating_hyvsj_uw4df_753:not(#\9) {
1149
+ animation: awsui_showButtons_hyvsj_uw4df_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
1162
1150
  }
1163
1151
  }
1164
1152
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1165
- .awsui_show-tools_hyvsj_1jq66_1105.awsui_has-tools-form_hyvsj_1jq66_1083.awsui_animating_hyvsj_1jq66_762:not(#\9) {
1153
+ .awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form_hyvsj_uw4df_1071.awsui_animating_hyvsj_uw4df_753:not(#\9) {
1166
1154
  animation: none;
1167
1155
  transition: none;
1168
1156
  }
1169
1157
  }
1170
1158
  @media (min-width: 689px) {
1171
- .awsui-motion-disabled .awsui_show-tools_hyvsj_1jq66_1105.awsui_has-tools-form_hyvsj_1jq66_1083.awsui_animating_hyvsj_1jq66_762:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1jq66_1105.awsui_has-tools-form_hyvsj_1jq66_1083.awsui_animating_hyvsj_1jq66_762:not(#\9) {
1159
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form_hyvsj_uw4df_1071.awsui_animating_hyvsj_uw4df_753:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form_hyvsj_uw4df_1071.awsui_animating_hyvsj_uw4df_753:not(#\9) {
1172
1160
  animation: none;
1173
1161
  transition: none;
1174
1162
  }
1175
- .awsui_show-tools_hyvsj_1jq66_1105.awsui_has-tools-form-persistence_hyvsj_1jq66_1083:not(#\9) {
1163
+ .awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form-persistence_hyvsj_uw4df_1071:not(#\9) {
1176
1164
  background-color: var(--color-background-container-content-mjfil9, #ffffff);
1177
1165
  z-index: 1;
1178
1166
  }
@@ -1182,7 +1170,7 @@ handleSplitPanelMaxWidth function in the context.
1182
1170
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1183
1171
  SPDX-License-Identifier: Apache-2.0
1184
1172
  */
1185
- .awsui_trigger-button-styles_hyvsj_1jq66_1185:not(#\9) {
1173
+ .awsui_trigger-button-styles_hyvsj_uw4df_1173:not(#\9) {
1186
1174
  background: var(--color-background-layout-toggle-default-tyzrhi, transparent);
1187
1175
  border-start-start-radius: 50%;
1188
1176
  border-start-end-radius: 50%;
@@ -1191,14 +1179,14 @@ handleSplitPanelMaxWidth function in the context.
1191
1179
  block-size: var(--space-layout-toggle-diameter-qufod6, 36px);
1192
1180
  inline-size: var(--space-layout-toggle-diameter-qufod6, 36px);
1193
1181
  }
1194
- .awsui_trigger-button-styles_hyvsj_1jq66_1185:not(#\9):hover {
1182
+ .awsui_trigger-button-styles_hyvsj_uw4df_1173:not(#\9):hover {
1195
1183
  background: var(--color-background-layout-toggle-hover-8byg9u, #545b64);
1196
1184
  }
1197
- .awsui_trigger-button-styles_hyvsj_1jq66_1185:not(#\9):active {
1185
+ .awsui_trigger-button-styles_hyvsj_uw4df_1173:not(#\9):active {
1198
1186
  background: var(--color-background-layout-toggle-active-tqol98, #2a2e33);
1199
1187
  }
1200
1188
 
1201
- .awsui_trigger-badge-wrapper_hyvsj_1jq66_1201:not(#\9) {
1189
+ .awsui_trigger-badge-wrapper_hyvsj_uw4df_1189:not(#\9) {
1202
1190
  position: absolute;
1203
1191
  inset-block-start: 0;
1204
1192
  inset-inline-start: 0;
@@ -1208,7 +1196,7 @@ handleSplitPanelMaxWidth function in the context.
1208
1196
  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");
1209
1197
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1210
1198
  }
1211
- .awsui_trigger-badge-wrapper_hyvsj_1jq66_1201:not(#\9):dir(rtl) {
1199
+ .awsui_trigger-badge-wrapper_hyvsj_uw4df_1189:not(#\9):dir(rtl) {
1212
1200
  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");
1213
1201
  }
1214
1202
 
@@ -1217,7 +1205,7 @@ Warning! If these design tokens for width change it will adversely impact
1217
1205
  the calculation used to determine the Split Panel maximum width in the
1218
1206
  handleSplitPanelMaxWidth function in the context.
1219
1207
  */
1220
- .awsui_trigger_hyvsj_1jq66_1185:not(#\9) {
1208
+ .awsui_trigger_hyvsj_uw4df_1173:not(#\9) {
1221
1209
  border-block: none;
1222
1210
  border-inline: none;
1223
1211
  padding-inline: 0;
@@ -1226,14 +1214,14 @@ handleSplitPanelMaxWidth function in the context.
1226
1214
  pointer-events: auto;
1227
1215
  position: relative;
1228
1216
  }
1229
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jq66_1185:not(#\9):focus {
1217
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uw4df_1173:not(#\9):focus {
1230
1218
  position: relative;
1231
1219
  }
1232
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jq66_1185:not(#\9):focus {
1220
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uw4df_1173:not(#\9):focus {
1233
1221
  outline: 2px dotted transparent;
1234
1222
  outline-offset: calc(3px - 1px);
1235
1223
  }
1236
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jq66_1185:not(#\9):focus::before {
1224
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uw4df_1173:not(#\9):focus::before {
1237
1225
  content: " ";
1238
1226
  display: block;
1239
1227
  position: absolute;
@@ -1247,49 +1235,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jq66_1185:not(#\9):foc
1247
1235
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
1248
1236
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
1249
1237
  }
1250
- .awsui_trigger_hyvsj_1jq66_1185:not(#\9):focus {
1238
+ .awsui_trigger_hyvsj_uw4df_1173:not(#\9):focus {
1251
1239
  outline: none;
1252
1240
  }
1253
- .awsui_trigger_hyvsj_1jq66_1185.awsui_selected_hyvsj_1jq66_1253:not(#\9) {
1241
+ .awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241:not(#\9) {
1254
1242
  background: var(--color-background-layout-toggle-selected-default-oz0e3e, #0073bb);
1255
1243
  color: var(--color-text-layout-toggle-selected-rty4rx, #ffffff);
1256
1244
  }
1257
- .awsui_trigger_hyvsj_1jq66_1185.awsui_selected_hyvsj_1jq66_1253:not(#\9):hover {
1245
+ .awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241:not(#\9):hover {
1258
1246
  background: var(--color-background-layout-toggle-selected-hover-w25090, #0a4a74);
1259
1247
  }
1260
- .awsui_trigger_hyvsj_1jq66_1185.awsui_selected_hyvsj_1jq66_1253:not(#\9):active {
1248
+ .awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241:not(#\9):active {
1261
1249
  background: var(--color-background-layout-toggle-selected-active-lon4qo, #0073bb);
1262
1250
  }
1263
- .awsui_trigger_hyvsj_1jq66_1185.awsui_selected_hyvsj_1jq66_1253 > .awsui_trigger-badge-wrapper_hyvsj_1jq66_1201:not(#\9) {
1251
+ .awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241 > .awsui_trigger-badge-wrapper_hyvsj_uw4df_1189:not(#\9) {
1264
1252
  background: var(--color-background-layout-toggle-selected-default-oz0e3e, #0073bb);
1265
1253
  color: var(--color-text-layout-toggle-selected-rty4rx, #ffffff);
1266
1254
  }
1267
- .awsui_trigger_hyvsj_1jq66_1185.awsui_selected_hyvsj_1jq66_1253 > .awsui_trigger-badge-wrapper_hyvsj_1jq66_1201:not(#\9):hover {
1255
+ .awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241 > .awsui_trigger-badge-wrapper_hyvsj_uw4df_1189:not(#\9):hover {
1268
1256
  background: var(--color-background-layout-toggle-selected-hover-w25090, #0a4a74);
1269
1257
  }
1270
- .awsui_trigger_hyvsj_1jq66_1185.awsui_selected_hyvsj_1jq66_1253 > .awsui_trigger-badge-wrapper_hyvsj_1jq66_1201:not(#\9):active {
1258
+ .awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241 > .awsui_trigger-badge-wrapper_hyvsj_uw4df_1189:not(#\9):active {
1271
1259
  background: var(--color-background-layout-toggle-selected-active-lon4qo, #0073bb);
1272
1260
  }
1273
- .awsui_trigger_hyvsj_1jq66_1185.awsui_badge_hyvsj_1jq66_1273:not(#\9), .awsui_trigger_hyvsj_1jq66_1185.awsui_badge_hyvsj_1jq66_1273:not(#\9):hover, .awsui_trigger_hyvsj_1jq66_1185.awsui_badge_hyvsj_1jq66_1273:not(#\9):active {
1261
+ .awsui_trigger_hyvsj_uw4df_1173.awsui_badge_hyvsj_uw4df_1261:not(#\9), .awsui_trigger_hyvsj_uw4df_1173.awsui_badge_hyvsj_uw4df_1261:not(#\9):hover, .awsui_trigger_hyvsj_uw4df_1173.awsui_badge_hyvsj_uw4df_1261:not(#\9):active {
1274
1262
  background: transparent;
1275
1263
  }
1276
1264
 
1277
- .awsui_trigger-wrapper_hyvsj_1jq66_1277:not(#\9) {
1265
+ .awsui_trigger-wrapper_hyvsj_uw4df_1265:not(#\9) {
1278
1266
  position: relative;
1279
1267
  border-start-start-radius: 50%;
1280
1268
  border-start-end-radius: 50%;
1281
1269
  border-end-start-radius: 50%;
1282
1270
  border-end-end-radius: 50%;
1283
1271
  }
1284
- .awsui_trigger-wrapper_hyvsj_1jq66_1277:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1jq66_680) {
1272
+ .awsui_trigger-wrapper_hyvsj_uw4df_1265:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_uw4df_671) {
1285
1273
  box-shadow: var(--shadow-panel-toggle-a81wj1, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
1286
1274
  }
1287
1275
 
1288
- .awsui_trigger-wrapper-tooltip-visible_hyvsj_1jq66_1288:not(#\9) {
1276
+ .awsui_trigger-wrapper-tooltip-visible_hyvsj_uw4df_1276:not(#\9) {
1289
1277
  /* used in test-utils*/
1290
1278
  }
1291
1279
 
1292
- .awsui_dot_hyvsj_1jq66_1292:not(#\9) {
1280
+ .awsui_dot_hyvsj_uw4df_1280:not(#\9) {
1293
1281
  position: absolute;
1294
1282
  inline-size: 9px;
1295
1283
  block-size: 9px;
@@ -1302,6 +1290,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jq66_1185:not(#\9):foc
1302
1290
  inset-inline-end: 0;
1303
1291
  }
1304
1292
 
1305
- .awsui_trigger-tooltip_hyvsj_1jq66_1305:not(#\9) {
1293
+ .awsui_trigger-tooltip_hyvsj_uw4df_1293:not(#\9) {
1306
1294
  /* used in test-utils */
1307
1295
  }