@cloudscape-design/components-themeable 3.0.1006 → 3.0.1008

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 (68) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button/styles.scss +26 -17
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +75 -59
  4. package/lib/internal/scss/internal/styles/foundation/shadows.scss +3 -1
  5. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  6. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +32 -32
  7. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  8. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  9. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  10. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  11. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  12. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  13. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  14. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +17 -17
  15. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +39 -39
  16. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +17 -17
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +21 -21
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +45 -45
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +21 -21
  23. package/lib/internal/template/button/index.d.ts.map +1 -1
  24. package/lib/internal/template/button/index.js +2 -2
  25. package/lib/internal/template/button/index.js.map +1 -1
  26. package/lib/internal/template/button/interfaces.d.ts +35 -0
  27. package/lib/internal/template/button/interfaces.d.ts.map +1 -1
  28. package/lib/internal/template/button/interfaces.js.map +1 -1
  29. package/lib/internal/template/button/internal.d.ts.map +1 -1
  30. package/lib/internal/template/button/internal.js +27 -3
  31. package/lib/internal/template/button/internal.js.map +1 -1
  32. package/lib/internal/template/button/styles.css.js +22 -22
  33. package/lib/internal/template/button/styles.scoped.css +211 -210
  34. package/lib/internal/template/button/styles.selectors.js +22 -22
  35. package/lib/internal/template/content-layout/styles.css.js +14 -14
  36. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  37. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  38. package/lib/internal/template/flashbar/styles.css.js +50 -50
  39. package/lib/internal/template/flashbar/styles.scoped.css +166 -166
  40. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  41. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +21 -21
  42. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +44 -44
  43. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +21 -21
  44. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  45. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -38
  46. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  47. package/lib/internal/template/internal/components/options-list/utils/use-highlight-option.d.ts +0 -1
  48. package/lib/internal/template/internal/components/options-list/utils/use-highlight-option.d.ts.map +1 -1
  49. package/lib/internal/template/internal/components/options-list/utils/use-highlight-option.js +0 -1
  50. package/lib/internal/template/internal/components/options-list/utils/use-highlight-option.js.map +1 -1
  51. package/lib/internal/template/internal/environment.js +1 -1
  52. package/lib/internal/template/internal/environment.json +1 -1
  53. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +76 -61
  54. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  55. package/lib/internal/template/internal/generated/custom-css-properties/index.js +75 -59
  56. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  57. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +12 -13
  58. package/lib/internal/template/internal/generated/theming/index.d.ts +12 -13
  59. package/lib/internal/template/select/utils/use-select.d.ts.map +1 -1
  60. package/lib/internal/template/select/utils/use-select.js +4 -17
  61. package/lib/internal/template/select/utils/use-select.js.map +1 -1
  62. package/lib/internal/template/slider/styles.css.js +26 -26
  63. package/lib/internal/template/slider/styles.scoped.css +86 -86
  64. package/lib/internal/template/slider/styles.selectors.js +26 -26
  65. package/lib/internal/template/spinner/styles.css.js +13 -13
  66. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  67. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  68. package/package.json +1 -1
package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css CHANGED
@@ -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_16irn_149:not(#\9) {
149
+ div.awsui_background_hyvsj_124nk_149:not(#\9) {
150
150
  display: contents;
151
151
  }
152
- div.awsui_background_hyvsj_16irn_149 > .awsui_scrolling-background_hyvsj_16irn_152:not(#\9) {
152
+ div.awsui_background_hyvsj_124nk_149 > .awsui_scrolling-background_hyvsj_124nk_152:not(#\9) {
153
153
  background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
154
154
  color: var(--color-text-body-default-5qid0u, #16191f);
155
155
  grid-column: 1/span 5;
@@ -160,7 +160,7 @@ div.awsui_background_hyvsj_16irn_149 > .awsui_scrolling-background_hyvsj_16irn_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_16irn_163:not(#\9) {
163
+ .awsui_breadcrumbs_hyvsj_124nk_163:not(#\9) {
164
164
  background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
165
165
  grid-area: breadcrumbs;
166
166
  }
@@ -173,27 +173,27 @@ div.awsui_background_hyvsj_16irn_149 > .awsui_scrolling-background_hyvsj_16irn_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_16irn_176:not(#\9) {
176
+ .awsui_drawers-container_hyvsj_124nk_176:not(#\9) {
177
177
  background-color: transparent;
178
178
  display: flex;
179
179
  grid-column: 5;
180
180
  grid-row: 1/span 9;
181
- block-size: var(--awsui-content-height-xgujsu);
181
+ block-size: var(--awsui-content-height-kcc2gu);
182
182
  pointer-events: none;
183
183
  position: sticky;
184
- inset-block-start: var(--awsui-offset-top-xgujsu);
184
+ inset-block-start: var(--awsui-offset-top-kcc2gu);
185
185
  z-index: 830;
186
186
  }
187
- .awsui_drawers-container_hyvsj_16irn_176.awsui_has-open-drawer_hyvsj_16irn_187:not(#\9) {
187
+ .awsui_drawers-container_hyvsj_124nk_176.awsui_has-open-drawer_hyvsj_124nk_187:not(#\9) {
188
188
  background-color: var(--color-background-container-content-aemn43, #ffffff);
189
189
  }
190
190
  @media (min-width: 689px) {
191
- .awsui_drawers-container_hyvsj_16irn_176:not(#\9) {
192
- max-inline-size: calc(var(--awsui-layout-width-xgujsu) - var(--awsui-main-offset-left-xgujsu) - var(--awsui-default-min-content-width-xgujsu) - var(--awsui-content-gap-right-xgujsu));
191
+ .awsui_drawers-container_hyvsj_124nk_176:not(#\9) {
192
+ max-inline-size: calc(var(--awsui-layout-width-kcc2gu) - var(--awsui-main-offset-left-kcc2gu) - var(--awsui-default-min-content-width-kcc2gu) - var(--awsui-content-gap-right-kcc2gu));
193
193
  }
194
194
  }
195
195
  @media (max-width: 688px) {
196
- .awsui_drawers-container_hyvsj_16irn_176:not(#\9) {
196
+ .awsui_drawers-container_hyvsj_124nk_176:not(#\9) {
197
197
  position: fixed;
198
198
  inset-inline-end: 0;
199
199
  z-index: 1001;
@@ -205,12 +205,12 @@ div.awsui_background_hyvsj_16irn_149 > .awsui_scrolling-background_hyvsj_16irn_1
205
205
  relative to the body.
206
206
  */
207
207
  }
208
- .awsui_drawers-container_hyvsj_16irn_176.awsui_disable-body-scroll_hyvsj_16irn_208:not(#\9) {
209
- inset-block-start: var(--awsui-header-height-xgujsu);
208
+ .awsui_drawers-container_hyvsj_124nk_176.awsui_disable-body-scroll_hyvsj_124nk_208:not(#\9) {
209
+ inset-block-start: var(--awsui-header-height-kcc2gu);
210
210
  }
211
211
  }
212
212
 
213
- .awsui_drawers-desktop-triggers-container_hyvsj_16irn_213:not(#\9) {
213
+ .awsui_drawers-desktop-triggers-container_hyvsj_124nk_213:not(#\9) {
214
214
  border-collapse: separate;
215
215
  border-spacing: 0;
216
216
  box-sizing: border-box;
@@ -249,22 +249,22 @@ div.awsui_background_hyvsj_16irn_149 > .awsui_scrolling-background_hyvsj_16irn_1
249
249
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
250
250
  overscroll-behavior-y: contain;
251
251
  }
252
- .awsui_drawers-desktop-triggers-container_hyvsj_16irn_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16irn_251).awsui_has-open-drawer_hyvsj_16irn_187 {
252
+ .awsui_drawers-desktop-triggers-container_hyvsj_124nk_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_124nk_251).awsui_has-open-drawer_hyvsj_124nk_187 {
253
253
  inline-size: 0;
254
254
  }
255
- .awsui_drawers-desktop-triggers-container_hyvsj_16irn_213.awsui_has-multiple-triggers_hyvsj_16irn_251.awsui_has-open-drawer_hyvsj_16irn_187:not(#\9) {
255
+ .awsui_drawers-desktop-triggers-container_hyvsj_124nk_213.awsui_has-multiple-triggers_hyvsj_124nk_251.awsui_has-open-drawer_hyvsj_124nk_187:not(#\9) {
256
256
  background-color: var(--color-background-container-content-aemn43, #ffffff);
257
257
  }
258
- .awsui_drawers-desktop-triggers-container_hyvsj_16irn_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16irn_251):not(.awsui_has-open-drawer_hyvsj_16irn_187) {
258
+ .awsui_drawers-desktop-triggers-container_hyvsj_124nk_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_124nk_251):not(.awsui_has-open-drawer_hyvsj_124nk_187) {
259
259
  inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
260
260
  }
261
261
 
262
- .awsui_drawers-mobile-triggers-container_hyvsj_16irn_261:not(#\9) {
262
+ .awsui_drawers-mobile-triggers-container_hyvsj_124nk_261:not(#\9) {
263
263
  display: flex;
264
264
  justify-content: flex-end;
265
265
  }
266
266
 
267
- .awsui_drawers-trigger-content_hyvsj_16irn_266:not(#\9) {
267
+ .awsui_drawers-trigger-content_hyvsj_124nk_266:not(#\9) {
268
268
  align-items: center;
269
269
  display: flex;
270
270
  flex-direction: column;
@@ -272,13 +272,13 @@ div.awsui_background_hyvsj_16irn_149 > .awsui_scrolling-background_hyvsj_16irn_1
272
272
  padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
273
273
  inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
274
274
  }
275
- .awsui_drawers-trigger-content_hyvsj_16irn_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16irn_251).awsui_has-open-drawer_hyvsj_16irn_187 {
275
+ .awsui_drawers-trigger-content_hyvsj_124nk_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_124nk_251).awsui_has-open-drawer_hyvsj_124nk_187 {
276
276
  opacity: 0;
277
277
  }
278
- .awsui_drawers-trigger-content_hyvsj_16irn_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16irn_251):not(.awsui_has-open-drawer_hyvsj_16irn_187) {
278
+ .awsui_drawers-trigger-content_hyvsj_124nk_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_124nk_251):not(.awsui_has-open-drawer_hyvsj_124nk_187) {
279
279
  opacity: 1;
280
280
  }
281
- .awsui_drawers-trigger-content_hyvsj_16irn_266 > .awsui_drawers-trigger-overflow_hyvsj_16irn_280:not(#\9) {
281
+ .awsui_drawers-trigger-content_hyvsj_124nk_266 > .awsui_drawers-trigger-overflow_hyvsj_124nk_280:not(#\9) {
282
282
  padding-block: 0;
283
283
  padding-inline: 1px;
284
284
  display: flex;
@@ -287,15 +287,15 @@ div.awsui_background_hyvsj_16irn_149 > .awsui_scrolling-background_hyvsj_16irn_1
287
287
  }
288
288
 
289
289
  @media (max-width: 688px) {
290
- .awsui_drawers-trigger_hyvsj_16irn_266:not(#\9) {
290
+ .awsui_drawers-trigger_hyvsj_124nk_266:not(#\9) {
291
291
  inline-size: 40px;
292
292
  display: flex;
293
293
  justify-content: center;
294
294
  }
295
295
  }
296
296
 
297
- .awsui_drawer_hyvsj_16irn_176:not(#\9) {
298
- --awsui-drawer-size-xgujsu: 290px;
297
+ .awsui_drawer_hyvsj_124nk_176:not(#\9) {
298
+ --awsui-drawer-size-kcc2gu: 290px;
299
299
  background-color: var(--color-background-container-content-aemn43, #ffffff);
300
300
  border-color: transparent;
301
301
  display: grid;
@@ -309,52 +309,52 @@ div.awsui_background_hyvsj_16irn_149 > .awsui_scrolling-background_hyvsj_16irn_1
309
309
  pointer-events: auto;
310
310
  word-wrap: break-word;
311
311
  }
312
- .awsui_drawer_hyvsj_16irn_176 > .awsui_drawer-content-container_hyvsj_16irn_311:not(#\9) {
312
+ .awsui_drawer_hyvsj_124nk_176 > .awsui_drawer-content-container_hyvsj_124nk_311:not(#\9) {
313
313
  grid-column: 1/span 2;
314
314
  grid-row: 1;
315
- inline-size: var(--awsui-drawer-size-xgujsu);
315
+ inline-size: var(--awsui-drawer-size-kcc2gu);
316
316
  display: grid;
317
317
  grid-template-columns: var(--space-m-n2lypl, 16px) 1fr auto var(--space-m-n2lypl, 16px);
318
318
  grid-template-rows: var(--size-vertical-panel-icon-offset-1tiizm, 15px) auto 1fr;
319
319
  overflow-y: auto;
320
320
  }
321
- .awsui_drawer_hyvsj_16irn_176 > .awsui_drawer-content-container_hyvsj_16irn_311 > .awsui_drawer-close-button_hyvsj_16irn_320:not(#\9) {
321
+ .awsui_drawer_hyvsj_124nk_176 > .awsui_drawer-content-container_hyvsj_124nk_311 > .awsui_drawer-close-button_hyvsj_124nk_320:not(#\9) {
322
322
  grid-column: 3;
323
323
  grid-row: 2;
324
324
  z-index: 1;
325
325
  }
326
- .awsui_drawer_hyvsj_16irn_176 > .awsui_drawer-content-container_hyvsj_16irn_311 > .awsui_drawer-content_hyvsj_16irn_311:not(#\9) {
326
+ .awsui_drawer_hyvsj_124nk_176 > .awsui_drawer-content-container_hyvsj_124nk_311 > .awsui_drawer-content_hyvsj_124nk_311:not(#\9) {
327
327
  grid-column: 1/span 4;
328
- block-size: var(--awsui-content-height-xgujsu);
328
+ block-size: var(--awsui-content-height-kcc2gu);
329
329
  }
330
- .awsui_drawer_hyvsj_16irn_176 > .awsui_drawer-content-container_hyvsj_16irn_311 > .awsui_drawer-content_hyvsj_16irn_311.awsui_drawer-content-hidden_hyvsj_16irn_329:not(#\9) {
330
+ .awsui_drawer_hyvsj_124nk_176 > .awsui_drawer-content-container_hyvsj_124nk_311 > .awsui_drawer-content_hyvsj_124nk_311.awsui_drawer-content-hidden_hyvsj_124nk_329:not(#\9) {
331
331
  display: none;
332
332
  }
333
- .awsui_drawer_hyvsj_16irn_176 > .awsui_drawer-slider_hyvsj_16irn_332:not(#\9) {
333
+ .awsui_drawer_hyvsj_124nk_176 > .awsui_drawer-slider_hyvsj_124nk_332:not(#\9) {
334
334
  grid-column: 1;
335
335
  grid-row: 1;
336
336
  block-size: 100%;
337
337
  display: flex;
338
338
  align-items: center;
339
339
  }
340
- .awsui_drawer_hyvsj_16irn_176:not(#\9):not(.awsui_is-drawer-open_hyvsj_16irn_339) {
340
+ .awsui_drawer_hyvsj_124nk_176:not(#\9):not(.awsui_is-drawer-open_hyvsj_124nk_339) {
341
341
  opacity: 0;
342
342
  inline-size: 0;
343
343
  }
344
- .awsui_drawer_hyvsj_16irn_176.awsui_is-drawer-open_hyvsj_16irn_339:not(#\9) {
344
+ .awsui_drawer_hyvsj_124nk_176.awsui_is-drawer-open_hyvsj_124nk_339:not(#\9) {
345
345
  border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
346
346
  border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
347
347
  opacity: 1;
348
- inline-size: var(--awsui-drawer-size-xgujsu);
348
+ inline-size: var(--awsui-drawer-size-kcc2gu);
349
349
  }
350
350
  @media (min-width: 2541px) {
351
- .awsui_drawer_hyvsj_16irn_176.awsui_is-drawer-open_hyvsj_16irn_339:not(#\9) {
352
- --awsui-drawer-size-xgujsu: 320px;
351
+ .awsui_drawer_hyvsj_124nk_176.awsui_is-drawer-open_hyvsj_124nk_339:not(#\9) {
352
+ --awsui-drawer-size-kcc2gu: 320px;
353
353
  }
354
354
  }
355
355
  @media (max-width: 688px) {
356
- .awsui_drawer_hyvsj_16irn_176.awsui_is-drawer-open_hyvsj_16irn_339:not(#\9) {
357
- --awsui-drawer-size-xgujsu: 100vw;
356
+ .awsui_drawer_hyvsj_124nk_176.awsui_is-drawer-open_hyvsj_124nk_339:not(#\9) {
357
+ --awsui-drawer-size-kcc2gu: 100vw;
358
358
  inline-size: 100vw;
359
359
  }
360
360
  }
@@ -363,7 +363,7 @@ div.awsui_background_hyvsj_16irn_149 > .awsui_scrolling-background_hyvsj_16irn_1
363
363
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
364
364
  SPDX-License-Identifier: Apache-2.0
365
365
  */
366
- header.awsui_content_hyvsj_16irn_365:not(#\9) {
366
+ header.awsui_content_hyvsj_124nk_365:not(#\9) {
367
367
  grid-area: header;
368
368
  }
369
369
 
@@ -388,35 +388,35 @@ The minimum content width property is set to zero and applied under all
388
388
  circumstances regardless of whether the minContentWidth property is
389
389
  explicitly set in script.
390
390
  */
391
- .awsui_layout_hyvsj_16irn_390:not(#\9) {
392
- --awsui-breadcrumbs-gap-xgujsu: 0px;
393
- --awsui-content-gap-left-xgujsu: 0px;
394
- --awsui-content-gap-right-xgujsu: 0px;
395
- --awsui-content-height-xgujsu: calc(100vh - var(--awsui-header-height-xgujsu) - var(--awsui-footer-height-xgujsu));
396
- --awsui-default-max-content-width-xgujsu: 1280px;
397
- --awsui-default-min-content-width-xgujsu: 0px;
398
- --awsui-footer-height-xgujsu: 0px;
399
- --awsui-header-gap-xgujsu: 0px;
400
- --awsui-header-height-xgujsu: 0px;
401
- --awsui-layout-width-xgujsu: 0px;
402
- --awsui-main-gap-xgujsu: 0px;
403
- --awsui-main-offset-left-xgujsu: 0px;
404
- --awsui-main-template-rows-xgujsu: 1fr;
405
- --awsui-max-content-width-xgujsu: 0px;
406
- --awsui-min-content-width-xgujsu: 280px;
407
- --awsui-mobile-bar-height-xgujsu: calc(2 * var(--space-m-n2lypl, 16px) + var(--space-scaled-xs-sppte9, 8px));
408
- --awsui-notifications-height-xgujsu: 0px;
409
- --awsui-offset-top-xgujsu: var(--awsui-header-height-xgujsu);
410
- --awsui-overlap-height-xgujsu: var(--space-dark-header-overlap-distance-45h6a9, 0px);
411
- --awsui-toggles-left-width-xgujsu: 0px;
412
- --awsui-toggles-right-width-xgujsu: 0px;
391
+ .awsui_layout_hyvsj_124nk_390:not(#\9) {
392
+ --awsui-breadcrumbs-gap-kcc2gu: 0px;
393
+ --awsui-content-gap-left-kcc2gu: 0px;
394
+ --awsui-content-gap-right-kcc2gu: 0px;
395
+ --awsui-content-height-kcc2gu: calc(100vh - var(--awsui-header-height-kcc2gu) - var(--awsui-footer-height-kcc2gu));
396
+ --awsui-default-max-content-width-kcc2gu: 1280px;
397
+ --awsui-default-min-content-width-kcc2gu: 0px;
398
+ --awsui-footer-height-kcc2gu: 0px;
399
+ --awsui-header-gap-kcc2gu: 0px;
400
+ --awsui-header-height-kcc2gu: 0px;
401
+ --awsui-layout-width-kcc2gu: 0px;
402
+ --awsui-main-gap-kcc2gu: 0px;
403
+ --awsui-main-offset-left-kcc2gu: 0px;
404
+ --awsui-main-template-rows-kcc2gu: 1fr;
405
+ --awsui-max-content-width-kcc2gu: 0px;
406
+ --awsui-min-content-width-kcc2gu: 280px;
407
+ --awsui-mobile-bar-height-kcc2gu: calc(2 * var(--space-m-n2lypl, 16px) + var(--space-scaled-xs-sppte9, 8px));
408
+ --awsui-notifications-height-kcc2gu: 0px;
409
+ --awsui-offset-top-kcc2gu: var(--awsui-header-height-kcc2gu);
410
+ --awsui-overlap-height-kcc2gu: var(--space-dark-header-overlap-distance-45h6a9, 0px);
411
+ --awsui-toggles-left-width-kcc2gu: 0px;
412
+ --awsui-toggles-right-width-kcc2gu: 0px;
413
413
  background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
414
414
  color: var(--color-text-body-default-5qid0u, #16191f);
415
415
  display: grid;
416
416
  grid-template-areas: ". . mobileToolbar . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
417
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-xgujsu), 1fr) minmax(var(--awsui-default-min-content-width-xgujsu), var(--awsui-default-max-content-width-xgujsu)) minmax(var(--awsui-content-gap-right-xgujsu), 1fr) min-content;
418
- grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-xgujsu) auto var(--awsui-header-gap-xgujsu) auto var(--awsui-main-gap-xgujsu) var(--awsui-overlap-height-xgujsu) var(--awsui-main-template-rows-xgujsu);
419
- min-block-size: var(--awsui-content-height-xgujsu);
417
+ grid-template-columns: min-content minmax(var(--awsui-content-gap-left-kcc2gu), 1fr) minmax(var(--awsui-default-min-content-width-kcc2gu), var(--awsui-default-max-content-width-kcc2gu)) minmax(var(--awsui-content-gap-right-kcc2gu), 1fr) min-content;
418
+ grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-kcc2gu) auto var(--awsui-header-gap-kcc2gu) auto var(--awsui-main-gap-kcc2gu) var(--awsui-overlap-height-kcc2gu) var(--awsui-main-template-rows-kcc2gu);
419
+ min-block-size: var(--awsui-content-height-kcc2gu);
420
420
  position: relative;
421
421
  /*
422
422
  Add unified max-width for AppLayout content based on breakpoints. Only use the max content
@@ -460,114 +460,114 @@ explicitly set in script.
460
460
  */
461
461
  }
462
462
  @media (min-width: 1401px) {
463
- .awsui_layout_hyvsj_16irn_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_16irn_462) {
464
- --awsui-default-max-content-width-xgujsu: 1280px;
463
+ .awsui_layout_hyvsj_124nk_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_124nk_462) {
464
+ --awsui-default-max-content-width-kcc2gu: 1280px;
465
465
  }
466
466
  }
467
467
  @media (min-width: 1921px) {
468
- .awsui_layout_hyvsj_16irn_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_16irn_462) {
469
- --awsui-default-max-content-width-xgujsu: 1440px;
468
+ .awsui_layout_hyvsj_124nk_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_124nk_462) {
469
+ --awsui-default-max-content-width-kcc2gu: 1440px;
470
470
  }
471
471
  }
472
472
  @media (min-width: 2541px) {
473
- .awsui_layout_hyvsj_16irn_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_16irn_462) {
474
- --awsui-default-max-content-width-xgujsu: 1620px;
473
+ .awsui_layout_hyvsj_124nk_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_124nk_462) {
474
+ --awsui-default-max-content-width-kcc2gu: 1620px;
475
475
  }
476
476
  }
477
477
  @media (min-width: 1401px) {
478
- .awsui_layout_hyvsj_16irn_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_16irn_462).awsui_content-type-dashboard_hyvsj_16irn_477 {
479
- --awsui-default-max-content-width-xgujsu: 1280px;
478
+ .awsui_layout_hyvsj_124nk_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_124nk_462).awsui_content-type-dashboard_hyvsj_124nk_477 {
479
+ --awsui-default-max-content-width-kcc2gu: 1280px;
480
480
  }
481
481
  }
482
482
  @media (min-width: 1921px) {
483
- .awsui_layout_hyvsj_16irn_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_16irn_462).awsui_content-type-dashboard_hyvsj_16irn_477 {
484
- --awsui-default-max-content-width-xgujsu: 1620px;
483
+ .awsui_layout_hyvsj_124nk_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_124nk_462).awsui_content-type-dashboard_hyvsj_124nk_477 {
484
+ --awsui-default-max-content-width-kcc2gu: 1620px;
485
485
  }
486
486
  }
487
487
  @media (min-width: 2541px) {
488
- .awsui_layout_hyvsj_16irn_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_16irn_462).awsui_content-type-dashboard_hyvsj_16irn_477 {
489
- --awsui-default-max-content-width-xgujsu: 2160px;
488
+ .awsui_layout_hyvsj_124nk_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_124nk_462).awsui_content-type-dashboard_hyvsj_124nk_477 {
489
+ --awsui-default-max-content-width-kcc2gu: 2160px;
490
490
  }
491
491
  }
492
- .awsui_layout_hyvsj_16irn_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_16irn_462).awsui_content-type-table_hyvsj_16irn_491, .awsui_layout_hyvsj_16irn_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_16irn_462).awsui_content-type-cards_hyvsj_16irn_491 {
493
- --awsui-default-max-content-width-xgujsu: 100%;
492
+ .awsui_layout_hyvsj_124nk_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_124nk_462).awsui_content-type-table_hyvsj_124nk_491, .awsui_layout_hyvsj_124nk_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_124nk_462).awsui_content-type-cards_hyvsj_124nk_491 {
493
+ --awsui-default-max-content-width-kcc2gu: 100%;
494
494
  }
495
- .awsui_layout_hyvsj_16irn_390.awsui_has-max-content-width_hyvsj_16irn_462:not(#\9) {
496
- --awsui-default-max-content-width-xgujsu: var(--awsui-max-content-width-xgujsu);
495
+ .awsui_layout_hyvsj_124nk_390.awsui_has-max-content-width_hyvsj_124nk_462:not(#\9) {
496
+ --awsui-default-max-content-width-kcc2gu: var(--awsui-max-content-width-kcc2gu);
497
497
  }
498
- .awsui_layout_hyvsj_16irn_390.awsui_is-overlap-disabled_hyvsj_16irn_497:not(#\9) {
499
- --awsui-overlap-height-xgujsu: 0;
498
+ .awsui_layout_hyvsj_124nk_390.awsui_is-overlap-disabled_hyvsj_124nk_497:not(#\9) {
499
+ --awsui-overlap-height-kcc2gu: 0;
500
500
  }
501
- .awsui_layout_hyvsj_16irn_390.awsui_is-hide-mobile-toolbar_hyvsj_16irn_500:not(#\9) {
502
- --awsui-mobile-bar-height-xgujsu: 0px;
501
+ .awsui_layout_hyvsj_124nk_390.awsui_is-hide-mobile-toolbar_hyvsj_124nk_500:not(#\9) {
502
+ --awsui-mobile-bar-height-kcc2gu: 0px;
503
503
  }
504
504
  @media (min-width: 993px) {
505
- .awsui_layout_hyvsj_16irn_390:not(#\9) {
506
- --awsui-default-min-content-width-xgujsu: var(--awsui-min-content-width-xgujsu, 280px);
505
+ .awsui_layout_hyvsj_124nk_390:not(#\9) {
506
+ --awsui-default-min-content-width-kcc2gu: var(--awsui-min-content-width-kcc2gu, 280px);
507
507
  }
508
508
  }
509
509
  @media (max-width: 992px) {
510
- .awsui_layout_hyvsj_16irn_390:not(#\9) {
511
- --awsui-default-min-content-width-xgujsu: 0px;
510
+ .awsui_layout_hyvsj_124nk_390:not(#\9) {
511
+ --awsui-default-min-content-width-kcc2gu: 0px;
512
512
  }
513
513
  }
514
514
  @media (min-width: 689px) {
515
- .awsui_layout_hyvsj_16irn_390.awsui_has-content-gap-left_hyvsj_16irn_514:not(#\9) {
516
- --awsui-content-gap-left-xgujsu: var(--space-layout-content-horizontal-q3zhej, 40px);
515
+ .awsui_layout_hyvsj_124nk_390.awsui_has-content-gap-left_hyvsj_124nk_514:not(#\9) {
516
+ --awsui-content-gap-left-kcc2gu: var(--space-layout-content-horizontal-q3zhej, 40px);
517
517
  }
518
- .awsui_layout_hyvsj_16irn_390.awsui_has-content-gap-right_hyvsj_16irn_517:not(#\9) {
519
- --awsui-content-gap-right-xgujsu: var(--space-layout-content-horizontal-q3zhej, 40px);
518
+ .awsui_layout_hyvsj_124nk_390.awsui_has-content-gap-right_hyvsj_124nk_517:not(#\9) {
519
+ --awsui-content-gap-right-kcc2gu: var(--space-layout-content-horizontal-q3zhej, 40px);
520
520
  }
521
521
  }
522
522
  @media (max-width: 688px) {
523
- .awsui_layout_hyvsj_16irn_390:not(#\9) {
524
- --awsui-content-gap-left-xgujsu: var(--space-l-3cws6j, 20px);
525
- --awsui-content-gap-right-xgujsu: var(--space-l-3cws6j, 20px);
523
+ .awsui_layout_hyvsj_124nk_390:not(#\9) {
524
+ --awsui-content-gap-left-kcc2gu: var(--space-l-3cws6j, 20px);
525
+ --awsui-content-gap-right-kcc2gu: var(--space-l-3cws6j, 20px);
526
526
  }
527
527
  }
528
- .awsui_layout_hyvsj_16irn_390.awsui_has-breadcrumbs_hyvsj_16irn_527:not(#\9) {
529
- --awsui-breadcrumbs-gap-xgujsu: var(--space-scaled-m-sw9kcx, 16px);
528
+ .awsui_layout_hyvsj_124nk_390.awsui_has-breadcrumbs_hyvsj_124nk_527:not(#\9) {
529
+ --awsui-breadcrumbs-gap-kcc2gu: var(--space-scaled-m-sw9kcx, 16px);
530
530
  }
531
- .awsui_layout_hyvsj_16irn_390.awsui_content-first-child-header_hyvsj_16irn_530:not(#\9), .awsui_layout_hyvsj_16irn_390.awsui_content-first-child-notifications_hyvsj_16irn_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16irn_527).awsui_has-header_hyvsj_16irn_530 {
532
- --awsui-header-gap-xgujsu: var(--space-scaled-xs-sppte9, 8px);
531
+ .awsui_layout_hyvsj_124nk_390.awsui_content-first-child-header_hyvsj_124nk_530:not(#\9), .awsui_layout_hyvsj_124nk_390.awsui_content-first-child-notifications_hyvsj_124nk_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_124nk_527).awsui_has-header_hyvsj_124nk_530 {
532
+ --awsui-header-gap-kcc2gu: var(--space-scaled-xs-sppte9, 8px);
533
533
  }
534
- .awsui_layout_hyvsj_16irn_390.awsui_has-breadcrumbs_hyvsj_16irn_527.awsui_has-header_hyvsj_16irn_530:not(#\9) {
535
- --awsui-header-gap-xgujsu: var(--space-scaled-xs-sppte9, 8px);
534
+ .awsui_layout_hyvsj_124nk_390.awsui_has-breadcrumbs_hyvsj_124nk_527.awsui_has-header_hyvsj_124nk_530:not(#\9) {
535
+ --awsui-header-gap-kcc2gu: var(--space-scaled-xs-sppte9, 8px);
536
536
  }
537
- .awsui_layout_hyvsj_16irn_390.awsui_content-first-child-notifications_hyvsj_16irn_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16irn_527):not(.awsui_has-header_hyvsj_16irn_530) {
538
- --awsui-main-gap-xgujsu: var(--space-xs-kw7k3v, 8px);
537
+ .awsui_layout_hyvsj_124nk_390.awsui_content-first-child-notifications_hyvsj_124nk_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_124nk_527):not(.awsui_has-header_hyvsj_124nk_530) {
538
+ --awsui-main-gap-kcc2gu: var(--space-xs-kw7k3v, 8px);
539
539
  }
540
- .awsui_layout_hyvsj_16irn_390.awsui_has-breadcrumbs_hyvsj_16irn_527:not(#\9):not(.awsui_has-header_hyvsj_16irn_530) {
541
- --awsui-main-gap-xgujsu: var(--space-scaled-xxs-jatbiv, 4px);
540
+ .awsui_layout_hyvsj_124nk_390.awsui_has-breadcrumbs_hyvsj_124nk_527:not(#\9):not(.awsui_has-header_hyvsj_124nk_530) {
541
+ --awsui-main-gap-kcc2gu: var(--space-scaled-xxs-jatbiv, 4px);
542
542
  }
543
- .awsui_layout_hyvsj_16irn_390.awsui_has-header_hyvsj_16irn_530:not(#\9) {
544
- --awsui-main-gap-xgujsu: var(--space-content-header-padding-bottom-hjkugf, 16px);
543
+ .awsui_layout_hyvsj_124nk_390.awsui_has-header_hyvsj_124nk_530:not(#\9) {
544
+ --awsui-main-gap-kcc2gu: var(--space-content-header-padding-bottom-hjkugf, 16px);
545
545
  }
546
- .awsui_layout_hyvsj_16irn_390.awsui_content-first-child-main_hyvsj_16irn_545:not(#\9):not(.awsui_disable-content-paddings_hyvsj_16irn_545) {
547
- --awsui-main-gap-xgujsu: var(--space-scaled-s-gjhvjd, 12px);
546
+ .awsui_layout_hyvsj_124nk_390.awsui_content-first-child-main_hyvsj_124nk_545:not(#\9):not(.awsui_disable-content-paddings_hyvsj_124nk_545) {
547
+ --awsui-main-gap-kcc2gu: var(--space-scaled-s-gjhvjd, 12px);
548
548
  }
549
- .awsui_layout_hyvsj_16irn_390.awsui_content-first-child-main_hyvsj_16irn_545.awsui_disable-content-paddings_hyvsj_16irn_545:not(#\9) {
550
- --awsui-main-gap-xgujsu: 0px;
549
+ .awsui_layout_hyvsj_124nk_390.awsui_content-first-child-main_hyvsj_124nk_545.awsui_disable-content-paddings_hyvsj_124nk_545:not(#\9) {
550
+ --awsui-main-gap-kcc2gu: 0px;
551
551
  }
552
552
  @media (max-width: 688px) {
553
- .awsui_layout_hyvsj_16irn_390.awsui_content-first-child-header_hyvsj_16irn_530:not(#\9) {
554
- --awsui-header-gap-xgujsu: var(--space-scaled-s-gjhvjd, 12px);
553
+ .awsui_layout_hyvsj_124nk_390.awsui_content-first-child-header_hyvsj_124nk_530:not(#\9) {
554
+ --awsui-header-gap-kcc2gu: var(--space-scaled-s-gjhvjd, 12px);
555
555
  }
556
- .awsui_layout_hyvsj_16irn_390.awsui_content-first-child-notifications_hyvsj_16irn_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16irn_527).awsui_has-header_hyvsj_16irn_530 {
557
- --awsui-header-gap-xgujsu: var(--space-scaled-s-gjhvjd, 12px);
556
+ .awsui_layout_hyvsj_124nk_390.awsui_content-first-child-notifications_hyvsj_124nk_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_124nk_527).awsui_has-header_hyvsj_124nk_530 {
557
+ --awsui-header-gap-kcc2gu: var(--space-scaled-s-gjhvjd, 12px);
558
558
  }
559
- .awsui_layout_hyvsj_16irn_390.awsui_content-first-child-notifications_hyvsj_16irn_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16irn_527):not(.awsui_has-header_hyvsj_16irn_530), .awsui_layout_hyvsj_16irn_390.awsui_content-first-child-main_hyvsj_16irn_545:not(#\9):not(.awsui_disable-content-paddings_hyvsj_16irn_545) {
560
- --awsui-main-gap-xgujsu: var(--space-scaled-s-gjhvjd, 12px);
559
+ .awsui_layout_hyvsj_124nk_390.awsui_content-first-child-notifications_hyvsj_124nk_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_124nk_527):not(.awsui_has-header_hyvsj_124nk_530), .awsui_layout_hyvsj_124nk_390.awsui_content-first-child-main_hyvsj_124nk_545:not(#\9):not(.awsui_disable-content-paddings_hyvsj_124nk_545) {
560
+ --awsui-main-gap-kcc2gu: var(--space-scaled-s-gjhvjd, 12px);
561
561
  }
562
- .awsui_layout_hyvsj_16irn_390.awsui_content-first-child-main_hyvsj_16irn_545.awsui_disable-content-paddings_hyvsj_16irn_545:not(#\9) {
563
- --awsui-main-gap-xgujsu: 0px;
562
+ .awsui_layout_hyvsj_124nk_390.awsui_content-first-child-main_hyvsj_124nk_545.awsui_disable-content-paddings_hyvsj_124nk_545:not(#\9) {
563
+ --awsui-main-gap-kcc2gu: 0px;
564
564
  }
565
565
  }
566
- .awsui_layout_hyvsj_16irn_390.awsui_has-left-toggles-gutter_hyvsj_16irn_565:not(#\9) {
567
- --awsui-toggles-left-width-xgujsu: calc(var(--space-layout-toggle-padding-quc8b2, 12px) + 36px);
566
+ .awsui_layout_hyvsj_124nk_390.awsui_has-left-toggles-gutter_hyvsj_124nk_565:not(#\9) {
567
+ --awsui-toggles-left-width-kcc2gu: calc(var(--space-layout-toggle-padding-quc8b2, 12px) + 36px);
568
568
  }
569
- .awsui_layout_hyvsj_16irn_390.awsui_has-right-toggles-gutter_hyvsj_16irn_568:not(#\9) {
570
- --awsui-toggles-right-width-xgujsu: calc(var(--space-layout-toggle-padding-quc8b2, 12px) + 36px);
569
+ .awsui_layout_hyvsj_124nk_390.awsui_has-right-toggles-gutter_hyvsj_124nk_568:not(#\9) {
570
+ --awsui-toggles-right-width-kcc2gu: calc(var(--space-layout-toggle-padding-quc8b2, 12px) + 36px);
571
571
  }
572
572
 
573
573
  /*
@@ -580,27 +580,27 @@ not matter. The offset top value for AppLayout contentMain children with
580
580
  position: sticky will be the value of the notifications height in addition to the
581
581
  notifications top margin and some additional vertical space for aesthetics.
582
582
  */
583
- .awsui_layout_hyvsj_16irn_390.awsui_disable-body-scroll_hyvsj_16irn_208:not(#\9) {
584
- --awsui-main-template-rows-xgujsu: 1fr auto;
585
- --awsui-offset-top-xgujsu: 0px;
586
- block-size: var(--awsui-content-height-xgujsu);
583
+ .awsui_layout_hyvsj_124nk_390.awsui_disable-body-scroll_hyvsj_124nk_208:not(#\9) {
584
+ --awsui-main-template-rows-kcc2gu: 1fr auto;
585
+ --awsui-offset-top-kcc2gu: 0px;
586
+ block-size: var(--awsui-content-height-kcc2gu);
587
587
  overflow-y: scroll;
588
588
  }
589
- .awsui_layout_hyvsj_16irn_390.awsui_disable-body-scroll_hyvsj_16irn_208.awsui_has-split-panel_hyvsj_16irn_588.awsui_split-panel-position-bottom_hyvsj_16irn_588:not(#\9) {
590
- --awsui-main-template-rows-xgujsu: repeat(2, auto);
589
+ .awsui_layout_hyvsj_124nk_390.awsui_disable-body-scroll_hyvsj_124nk_208.awsui_has-split-panel_hyvsj_124nk_588.awsui_split-panel-position-bottom_hyvsj_124nk_588:not(#\9) {
590
+ --awsui-main-template-rows-kcc2gu: repeat(2, auto);
591
591
  }
592
592
 
593
593
  /*
594
594
  This CSS class is applied to the document body to prevent overflow scrolling
595
595
  when the navigation or tools drawers are open in responsive viewports.
596
596
  */
597
- .awsui_block-body-scroll_hyvsj_16irn_596:not(#\9) {
597
+ .awsui_block-body-scroll_hyvsj_124nk_596:not(#\9) {
598
598
  overflow: hidden;
599
599
  }
600
600
 
601
601
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
602
- .awsui_unfocusable_hyvsj_16irn_601:not(#\9),
603
- .awsui_unfocusable_hyvsj_16irn_601 *:not(#\9) {
602
+ .awsui_unfocusable_hyvsj_124nk_601:not(#\9),
603
+ .awsui_unfocusable_hyvsj_124nk_601 *:not(#\9) {
604
604
  visibility: hidden !important;
605
605
  }
606
606
 
@@ -609,7 +609,7 @@ when the navigation or tools drawers are open in responsive viewports.
609
609
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
610
610
  SPDX-License-Identifier: Apache-2.0
611
611
  */
612
- .awsui_container_hyvsj_16irn_611:not(#\9) {
612
+ .awsui_container_hyvsj_124nk_611:not(#\9) {
613
613
  grid-area: main;
614
614
  padding-block-end: var(--space-layout-content-bottom-iu1izz, 20px);
615
615
  /*
@@ -626,19 +626,19 @@ when the navigation or tools drawers are open in responsive viewports.
626
626
  on the right, we decrement the column end by one.
627
627
  */
628
628
  }
629
- .awsui_container_hyvsj_16irn_611.awsui_has-split-panel_hyvsj_16irn_588.awsui_split-panel-position-bottom_hyvsj_16irn_588:not(#\9) {
630
- padding-block-end: calc(var(--awsui-split-panel-height-xgujsu) + var(--space-layout-content-bottom-iu1izz, 20px));
629
+ .awsui_container_hyvsj_124nk_611.awsui_has-split-panel_hyvsj_124nk_588.awsui_split-panel-position-bottom_hyvsj_124nk_588:not(#\9) {
630
+ padding-block-end: calc(var(--awsui-split-panel-height-kcc2gu) + var(--space-layout-content-bottom-iu1izz, 20px));
631
631
  }
632
- .awsui_container_hyvsj_16irn_611.awsui_disable-content-paddings_hyvsj_16irn_545:not(#\9) {
632
+ .awsui_container_hyvsj_124nk_611.awsui_disable-content-paddings_hyvsj_124nk_545:not(#\9) {
633
633
  grid-column: 1/6;
634
634
  padding-block: 0;
635
635
  padding-inline: 0;
636
636
  }
637
637
  @media (min-width: 689px) {
638
- .awsui_container_hyvsj_16irn_611.awsui_disable-content-paddings_hyvsj_16irn_545.awsui_is-navigation-open_hyvsj_16irn_637:not(#\9) {
638
+ .awsui_container_hyvsj_124nk_611.awsui_disable-content-paddings_hyvsj_124nk_545.awsui_is-navigation-open_hyvsj_124nk_637:not(#\9) {
639
639
  grid-column-start: 2;
640
640
  }
641
- .awsui_container_hyvsj_16irn_611.awsui_disable-content-paddings_hyvsj_16irn_545.awsui_is-tools-open_hyvsj_16irn_640:not(#\9), .awsui_container_hyvsj_16irn_611.awsui_disable-content-paddings_hyvsj_16irn_545.awsui_is-split-panel-open_hyvsj_16irn_640.awsui_split-panel-position-side_hyvsj_16irn_640:not(#\9), .awsui_container_hyvsj_16irn_611.awsui_disable-content-paddings_hyvsj_16irn_545.awsui_has-active-drawer_hyvsj_16irn_640:not(#\9) {
641
+ .awsui_container_hyvsj_124nk_611.awsui_disable-content-paddings_hyvsj_124nk_545.awsui_is-tools-open_hyvsj_124nk_640:not(#\9), .awsui_container_hyvsj_124nk_611.awsui_disable-content-paddings_hyvsj_124nk_545.awsui_is-split-panel-open_hyvsj_124nk_640.awsui_split-panel-position-side_hyvsj_124nk_640:not(#\9), .awsui_container_hyvsj_124nk_611.awsui_disable-content-paddings_hyvsj_124nk_545.awsui_has-active-drawer_hyvsj_124nk_640:not(#\9) {
642
642
  grid-column-end: 5;
643
643
  }
644
644
  }
@@ -651,13 +651,13 @@ when the navigation or tools drawers are open in responsive viewports.
651
651
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
652
652
  SPDX-License-Identifier: Apache-2.0
653
653
  */
654
- section.awsui_mobile-toolbar_hyvsj_16irn_653:not(#\9) {
654
+ section.awsui_mobile-toolbar_hyvsj_124nk_653:not(#\9) {
655
655
  align-items: center;
656
656
  background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
657
657
  border-block-end: 1px solid var(--color-border-divider-default-ipvpev, #eaeded);
658
658
  box-shadow: var(--shadow-sticky-50bkab, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
659
659
  box-sizing: border-box;
660
- block-size: var(--awsui-mobile-bar-height-xgujsu);
660
+ block-size: var(--awsui-mobile-bar-height-kcc2gu);
661
661
  display: grid;
662
662
  grid-area: mobileToolbar;
663
663
  grid-column: 1/span 5;
@@ -665,22 +665,22 @@ section.awsui_mobile-toolbar_hyvsj_16irn_653:not(#\9) {
665
665
  padding-block: 0;
666
666
  padding-inline: var(--space-m-n2lypl, 16px);
667
667
  position: sticky;
668
- inset-block-start: var(--awsui-offset-top-xgujsu);
668
+ inset-block-start: var(--awsui-offset-top-kcc2gu);
669
669
  z-index: 1000;
670
670
  }
671
- section.awsui_mobile-toolbar_hyvsj_16irn_653:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_16irn_670) {
671
+ section.awsui_mobile-toolbar_hyvsj_124nk_653:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_124nk_670) {
672
672
  background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
673
673
  box-shadow: var(--shadow-panel-toggle-rswlot, 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));
674
674
  }
675
- section.awsui_mobile-toolbar_hyvsj_16irn_653 > .awsui_mobile-toolbar-nav_hyvsj_16irn_674:not(#\9) {
675
+ section.awsui_mobile-toolbar_hyvsj_124nk_653 > .awsui_mobile-toolbar-nav_hyvsj_124nk_674:not(#\9) {
676
676
  grid-column: 1;
677
677
  margin-inline-end: var(--space-m-n2lypl, 16px);
678
678
  }
679
- section.awsui_mobile-toolbar_hyvsj_16irn_653 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_16irn_678:not(#\9) {
679
+ section.awsui_mobile-toolbar_hyvsj_124nk_653 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_124nk_678:not(#\9) {
680
680
  grid-column: 2;
681
681
  background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
682
682
  }
683
- section.awsui_mobile-toolbar_hyvsj_16irn_653 > .awsui_mobile-toolbar-tools_hyvsj_16irn_682:not(#\9) {
683
+ section.awsui_mobile-toolbar_hyvsj_124nk_653 > .awsui_mobile-toolbar-tools_hyvsj_124nk_682:not(#\9) {
684
684
  grid-column: 3;
685
685
  margin-inline-start: var(--space-m-n2lypl, 16px);
686
686
  }
@@ -689,13 +689,13 @@ section.awsui_mobile-toolbar_hyvsj_16irn_653 > .awsui_mobile-toolbar-tools_hyvsj
689
689
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
690
690
  SPDX-License-Identifier: Apache-2.0
691
691
  */
692
- .awsui_navigation-container_hyvsj_16irn_691:not(#\9) {
692
+ .awsui_navigation-container_hyvsj_124nk_691:not(#\9) {
693
693
  display: flex;
694
694
  grid-column: 1;
695
695
  grid-row: 1/span 9;
696
- block-size: var(--awsui-content-height-xgujsu);
696
+ block-size: var(--awsui-content-height-kcc2gu);
697
697
  position: sticky;
698
- inset-block-start: var(--awsui-offset-top-xgujsu);
698
+ inset-block-start: var(--awsui-offset-top-kcc2gu);
699
699
  z-index: 830;
700
700
  /*
701
701
  The navigation and tools containers (that contain the toggle buttons)
@@ -710,7 +710,7 @@ section.awsui_mobile-toolbar_hyvsj_16irn_653 > .awsui_mobile-toolbar-tools_hyvsj
710
710
  pointer-events: none;
711
711
  }
712
712
  @media (max-width: 688px) {
713
- .awsui_navigation-container_hyvsj_16irn_691:not(#\9) {
713
+ .awsui_navigation-container_hyvsj_124nk_691:not(#\9) {
714
714
  inset-inline-start: 0;
715
715
  position: fixed;
716
716
  z-index: 1001;
@@ -722,12 +722,12 @@ section.awsui_mobile-toolbar_hyvsj_16irn_653 > .awsui_mobile-toolbar-tools_hyvsj
722
722
  relative to the body.
723
723
  */
724
724
  }
725
- .awsui_navigation-container_hyvsj_16irn_691.awsui_disable-body-scroll_hyvsj_16irn_208:not(#\9) {
726
- inset-block-start: var(--awsui-header-height-xgujsu);
725
+ .awsui_navigation-container_hyvsj_124nk_691.awsui_disable-body-scroll_hyvsj_124nk_208:not(#\9) {
726
+ inset-block-start: var(--awsui-header-height-kcc2gu);
727
727
  }
728
728
  }
729
729
 
730
- nav.awsui_show-navigation_hyvsj_16irn_729:not(#\9) {
730
+ nav.awsui_show-navigation_hyvsj_124nk_729:not(#\9) {
731
731
  padding-block: var(--space-scaled-s-gjhvjd, 12px);
732
732
  padding-inline: var(--space-layout-toggle-padding-quc8b2, 12px);
733
733
  /*
@@ -735,7 +735,7 @@ nav.awsui_show-navigation_hyvsj_16irn_729:not(#\9) {
735
735
  take control in responsive viewports.
736
736
  */
737
737
  }
738
- @keyframes awsui_showButtons_hyvsj_16irn_1 {
738
+ @keyframes awsui_showButtons_hyvsj_124nk_1 {
739
739
  0% {
740
740
  opacity: 0;
741
741
  }
@@ -743,31 +743,31 @@ nav.awsui_show-navigation_hyvsj_16irn_729:not(#\9) {
743
743
  opacity: 1;
744
744
  }
745
745
  }
746
- nav.awsui_show-navigation_hyvsj_16irn_729.awsui_is-navigation-open_hyvsj_16irn_637:not(#\9) {
746
+ nav.awsui_show-navigation_hyvsj_124nk_729.awsui_is-navigation-open_hyvsj_124nk_637:not(#\9) {
747
747
  display: none;
748
748
  }
749
749
  @media (min-width: 689px) {
750
- nav.awsui_show-navigation_hyvsj_16irn_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_16irn_637) {
750
+ nav.awsui_show-navigation_hyvsj_124nk_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_124nk_637) {
751
751
  display: block;
752
752
  }
753
- nav.awsui_show-navigation_hyvsj_16irn_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_16irn_637).awsui_animating_hyvsj_16irn_752 {
754
- animation: awsui_showButtons_hyvsj_16irn_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
753
+ nav.awsui_show-navigation_hyvsj_124nk_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_124nk_637).awsui_animating_hyvsj_124nk_752 {
754
+ animation: awsui_showButtons_hyvsj_124nk_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
755
755
  }
756
756
  }
757
757
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
758
- nav.awsui_show-navigation_hyvsj_16irn_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_16irn_637).awsui_animating_hyvsj_16irn_752 {
758
+ nav.awsui_show-navigation_hyvsj_124nk_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_124nk_637).awsui_animating_hyvsj_124nk_752 {
759
759
  animation: none;
760
760
  transition: none;
761
761
  }
762
762
  }
763
763
  @media (min-width: 689px) {
764
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_16irn_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_16irn_637).awsui_animating_hyvsj_16irn_752, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_16irn_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_16irn_637).awsui_animating_hyvsj_16irn_752 {
764
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_124nk_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_124nk_637).awsui_animating_hyvsj_124nk_752, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_124nk_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_124nk_637).awsui_animating_hyvsj_124nk_752 {
765
765
  animation: none;
766
766
  transition: none;
767
767
  }
768
768
  }
769
769
 
770
- nav.awsui_navigation_hyvsj_16irn_691:not(#\9) {
770
+ nav.awsui_navigation_hyvsj_124nk_691:not(#\9) {
771
771
  background-color: var(--color-background-container-content-aemn43, #ffffff);
772
772
  inset-block-end: 0;
773
773
  block-size: 100%;
@@ -787,46 +787,46 @@ nav.awsui_navigation_hyvsj_16irn_691:not(#\9) {
787
787
  prevent unwanted text wrapping.
788
788
  */
789
789
  }
790
- @keyframes awsui_openNavigation_hyvsj_16irn_1 {
790
+ @keyframes awsui_openNavigation_hyvsj_124nk_1 {
791
791
  from {
792
792
  opacity: 0;
793
793
  inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
794
794
  }
795
795
  to {
796
796
  opacity: 1;
797
- inline-size: var(--awsui-navigation-width-xgujsu);
797
+ inline-size: var(--awsui-navigation-width-kcc2gu);
798
798
  }
799
799
  }
800
- nav.awsui_navigation_hyvsj_16irn_691:not(#\9):not(.awsui_is-navigation-open_hyvsj_16irn_637) {
800
+ nav.awsui_navigation_hyvsj_124nk_691:not(#\9):not(.awsui_is-navigation-open_hyvsj_124nk_637) {
801
801
  inline-size: 0;
802
802
  display: none;
803
803
  }
804
- nav.awsui_navigation_hyvsj_16irn_691.awsui_is-navigation-open_hyvsj_16irn_637.awsui_animating_hyvsj_16irn_752:not(#\9) {
805
- animation: awsui_openNavigation_hyvsj_16irn_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
804
+ nav.awsui_navigation_hyvsj_124nk_691.awsui_is-navigation-open_hyvsj_124nk_637.awsui_animating_hyvsj_124nk_752:not(#\9) {
805
+ animation: awsui_openNavigation_hyvsj_124nk_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
806
806
  }
807
807
  @media (prefers-reduced-motion: reduce) {
808
- nav.awsui_navigation_hyvsj_16irn_691.awsui_is-navigation-open_hyvsj_16irn_637.awsui_animating_hyvsj_16irn_752:not(#\9) {
808
+ nav.awsui_navigation_hyvsj_124nk_691.awsui_is-navigation-open_hyvsj_124nk_637.awsui_animating_hyvsj_124nk_752:not(#\9) {
809
809
  animation: none;
810
810
  transition: none;
811
811
  }
812
812
  }
813
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_16irn_691.awsui_is-navigation-open_hyvsj_16irn_637.awsui_animating_hyvsj_16irn_752:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_16irn_691.awsui_is-navigation-open_hyvsj_16irn_637.awsui_animating_hyvsj_16irn_752:not(#\9) {
813
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_124nk_691.awsui_is-navigation-open_hyvsj_124nk_637.awsui_animating_hyvsj_124nk_752:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_124nk_691.awsui_is-navigation-open_hyvsj_124nk_637.awsui_animating_hyvsj_124nk_752:not(#\9) {
814
814
  animation: none;
815
815
  transition: none;
816
816
  }
817
- nav.awsui_navigation_hyvsj_16irn_691 > .awsui_animated-content_hyvsj_16irn_816:not(#\9) {
818
- inline-size: var(--awsui-navigation-width-xgujsu);
817
+ nav.awsui_navigation_hyvsj_124nk_691 > .awsui_animated-content_hyvsj_124nk_816:not(#\9) {
818
+ inline-size: var(--awsui-navigation-width-kcc2gu);
819
819
  }
820
- nav.awsui_navigation_hyvsj_16irn_691 > .awsui_content-container_hyvsj_16irn_819:not(#\9) {
820
+ nav.awsui_navigation_hyvsj_124nk_691 > .awsui_content-container_hyvsj_124nk_819:not(#\9) {
821
821
  flex-grow: 1;
822
822
  }
823
823
  @media (max-width: 688px) {
824
- nav.awsui_navigation_hyvsj_16irn_691:not(#\9) {
825
- --awsui-navigation-width-xgujsu: 100vw;
824
+ nav.awsui_navigation_hyvsj_124nk_691:not(#\9) {
825
+ --awsui-navigation-width-kcc2gu: 100vw;
826
826
  }
827
827
  }
828
828
 
829
- .awsui_hide-navigation_hyvsj_16irn_828:not(#\9) {
829
+ .awsui_hide-navigation_hyvsj_124nk_828:not(#\9) {
830
830
  position: absolute;
831
831
  inset-inline-end: var(--space-m-n2lypl, 16px);
832
832
  inset-block-start: var(--size-vertical-panel-icon-offset-1tiizm, 15px);
@@ -836,24 +836,24 @@ nav.awsui_navigation_hyvsj_16irn_691 > .awsui_content-container_hyvsj_16irn_819:
836
836
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
837
837
  SPDX-License-Identifier: Apache-2.0
838
838
  */
839
- .awsui_notifications_hyvsj_16irn_838:not(#\9) {
839
+ .awsui_notifications_hyvsj_124nk_838:not(#\9) {
840
840
  color: var(--color-text-body-default-5qid0u, #16191f);
841
841
  grid-area: notifications;
842
842
  z-index: 850;
843
843
  }
844
- .awsui_notifications_hyvsj_16irn_838.awsui_has-notification-content_hyvsj_16irn_843:not(#\9) {
844
+ .awsui_notifications_hyvsj_124nk_838.awsui_has-notification-content_hyvsj_124nk_843:not(#\9) {
845
845
  padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
846
846
  }
847
847
  @media (min-width: 689px) {
848
- .awsui_notifications_hyvsj_16irn_838.awsui_sticky-notifications_hyvsj_16irn_847:not(#\9) {
849
- --awsui-flashbar-sticky-bottom-margin-xgujsu: var(--space-xxl-q0lyvp, 32px);
848
+ .awsui_notifications_hyvsj_124nk_838.awsui_sticky-notifications_hyvsj_124nk_847:not(#\9) {
849
+ --awsui-flashbar-sticky-bottom-margin-kcc2gu: var(--space-xxl-q0lyvp, 32px);
850
850
  position: sticky;
851
- inset-block-start: var(--awsui-offset-top-xgujsu);
851
+ inset-block-start: var(--awsui-offset-top-kcc2gu);
852
852
  }
853
- .awsui_notifications_hyvsj_16irn_838.awsui_sticky-notifications_hyvsj_16irn_847:not(#\9):not(.awsui_high-contrast_hyvsj_16irn_852) {
853
+ .awsui_notifications_hyvsj_124nk_838.awsui_sticky-notifications_hyvsj_124nk_847:not(#\9):not(.awsui_high-contrast_hyvsj_124nk_852) {
854
854
  background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
855
855
  }
856
- .awsui_notifications_hyvsj_16irn_838.awsui_has-notification-content_hyvsj_16irn_843:not(#\9) {
856
+ .awsui_notifications_hyvsj_124nk_838.awsui_has-notification-content_hyvsj_124nk_843:not(#\9) {
857
857
  padding-block-start: var(--space-xs-kw7k3v, 8px);
858
858
  }
859
859
  }
@@ -868,13 +868,13 @@ as the content area. This row is defined as 1 fractional unit which will
868
868
  consume the remaining vertical space in the grid after the notifications
869
869
  and breadcrumbs.
870
870
  */
871
- section.awsui_split-panel-bottom_hyvsj_16irn_870:not(#\9) {
871
+ section.awsui_split-panel-bottom_hyvsj_124nk_870:not(#\9) {
872
872
  /*
873
873
  The align self property will position the split panel at the bottom of the grid row.
874
874
  This could be off the viewport if the content area has enough content to be scrollable.
875
875
  */
876
876
  align-self: end;
877
- inset-block-end: var(--awsui-footer-height-xgujsu);
877
+ inset-block-end: var(--awsui-footer-height-kcc2gu);
878
878
  display: none;
879
879
  grid-column: 1/6;
880
880
  grid-row: 9;
@@ -904,47 +904,47 @@ section.awsui_split-panel-bottom_hyvsj_16irn_870:not(#\9) {
904
904
  apply the animation to the height property.
905
905
  */
906
906
  }
907
- @keyframes awsui_openSplitPanelBottom_hyvsj_16irn_1 {
907
+ @keyframes awsui_openSplitPanelBottom_hyvsj_124nk_1 {
908
908
  from {
909
- block-size: var(--awsui-split-panel-reported-header-size-xgujsu, 0);
909
+ block-size: var(--awsui-split-panel-reported-header-size-kcc2gu, 0);
910
910
  }
911
911
  to {
912
- block-size: var(--awsui-split-panel-reported-size-xgujsu);
912
+ block-size: var(--awsui-split-panel-reported-size-kcc2gu);
913
913
  }
914
914
  }
915
- section.awsui_split-panel-bottom_hyvsj_16irn_870.awsui_disable-body-scroll_hyvsj_16irn_208:not(#\9) {
915
+ section.awsui_split-panel-bottom_hyvsj_124nk_870.awsui_disable-body-scroll_hyvsj_124nk_208:not(#\9) {
916
916
  inset-block-end: 0;
917
917
  }
918
- section.awsui_split-panel-bottom_hyvsj_16irn_870.awsui_is-navigation-open_hyvsj_16irn_637.awsui_position-bottom_hyvsj_16irn_917:not(#\9) {
918
+ section.awsui_split-panel-bottom_hyvsj_124nk_870.awsui_is-navigation-open_hyvsj_124nk_637.awsui_position-bottom_hyvsj_124nk_917:not(#\9) {
919
919
  grid-column-start: 2;
920
920
  }
921
- section.awsui_split-panel-bottom_hyvsj_16irn_870.awsui_has-open-drawer_hyvsj_16irn_187.awsui_position-bottom_hyvsj_16irn_917:not(#\9) {
921
+ section.awsui_split-panel-bottom_hyvsj_124nk_870.awsui_has-open-drawer_hyvsj_124nk_187.awsui_position-bottom_hyvsj_124nk_917:not(#\9) {
922
922
  grid-column-end: 5;
923
923
  }
924
- section.awsui_split-panel-bottom_hyvsj_16irn_870.awsui_position-bottom_hyvsj_16irn_917:not(#\9) {
924
+ section.awsui_split-panel-bottom_hyvsj_124nk_870.awsui_position-bottom_hyvsj_124nk_917:not(#\9) {
925
925
  display: block;
926
926
  }
927
- section.awsui_split-panel-bottom_hyvsj_16irn_870:not(#\9):not(.awsui_is-split-panel-open_hyvsj_16irn_640).awsui_position-bottom_hyvsj_16irn_917 {
927
+ section.awsui_split-panel-bottom_hyvsj_124nk_870:not(#\9):not(.awsui_is-split-panel-open_hyvsj_124nk_640).awsui_position-bottom_hyvsj_124nk_917 {
928
928
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
929
929
  }
930
- section.awsui_split-panel-bottom_hyvsj_16irn_870.awsui_is-split-panel-open_hyvsj_16irn_640.awsui_position-bottom_hyvsj_16irn_917:not(#\9) {
930
+ section.awsui_split-panel-bottom_hyvsj_124nk_870.awsui_is-split-panel-open_hyvsj_124nk_640.awsui_position-bottom_hyvsj_124nk_917:not(#\9) {
931
931
  box-shadow: var(--shadow-split-bottom-0ncj9i, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
932
932
  }
933
- section.awsui_split-panel-bottom_hyvsj_16irn_870.awsui_is-split-panel-open_hyvsj_16irn_640.awsui_position-bottom_hyvsj_16irn_917.awsui_animating_hyvsj_16irn_752:not(#\9) {
934
- animation: awsui_openSplitPanelBottom_hyvsj_16irn_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
933
+ section.awsui_split-panel-bottom_hyvsj_124nk_870.awsui_is-split-panel-open_hyvsj_124nk_640.awsui_position-bottom_hyvsj_124nk_917.awsui_animating_hyvsj_124nk_752:not(#\9) {
934
+ animation: awsui_openSplitPanelBottom_hyvsj_124nk_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
935
935
  }
936
936
  @media (prefers-reduced-motion: reduce) {
937
- section.awsui_split-panel-bottom_hyvsj_16irn_870.awsui_is-split-panel-open_hyvsj_16irn_640.awsui_position-bottom_hyvsj_16irn_917.awsui_animating_hyvsj_16irn_752:not(#\9) {
937
+ section.awsui_split-panel-bottom_hyvsj_124nk_870.awsui_is-split-panel-open_hyvsj_124nk_640.awsui_position-bottom_hyvsj_124nk_917.awsui_animating_hyvsj_124nk_752:not(#\9) {
938
938
  animation: none;
939
939
  transition: none;
940
940
  }
941
941
  }
942
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_16irn_870.awsui_is-split-panel-open_hyvsj_16irn_640.awsui_position-bottom_hyvsj_16irn_917.awsui_animating_hyvsj_16irn_752:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_16irn_870.awsui_is-split-panel-open_hyvsj_16irn_640.awsui_position-bottom_hyvsj_16irn_917.awsui_animating_hyvsj_16irn_752:not(#\9) {
942
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_124nk_870.awsui_is-split-panel-open_hyvsj_124nk_640.awsui_position-bottom_hyvsj_124nk_917.awsui_animating_hyvsj_124nk_752:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_124nk_870.awsui_is-split-panel-open_hyvsj_124nk_640.awsui_position-bottom_hyvsj_124nk_917.awsui_animating_hyvsj_124nk_752:not(#\9) {
943
943
  animation: none;
944
944
  transition: none;
945
945
  }
946
946
 
947
- section.awsui_split-panel-side_hyvsj_16irn_946:not(#\9) {
947
+ section.awsui_split-panel-side_hyvsj_124nk_946:not(#\9) {
948
948
  block-size: 100%;
949
949
  overflow-x: hidden;
950
950
  pointer-events: auto;
@@ -954,15 +954,15 @@ section.awsui_split-panel-side_hyvsj_16irn_946:not(#\9) {
954
954
  be persistent in the DOM when closed.
955
955
  */
956
956
  }
957
- section.awsui_split-panel-side_hyvsj_16irn_946:not(#\9):not(.awsui_is-split-panel-open_hyvsj_16irn_640), section.awsui_split-panel-side_hyvsj_16irn_946.awsui_position-bottom_hyvsj_16irn_917:not(#\9) {
957
+ section.awsui_split-panel-side_hyvsj_124nk_946:not(#\9):not(.awsui_is-split-panel-open_hyvsj_124nk_640), section.awsui_split-panel-side_hyvsj_124nk_946.awsui_position-bottom_hyvsj_124nk_917:not(#\9) {
958
958
  inline-size: 0;
959
959
  }
960
- section.awsui_split-panel-side_hyvsj_16irn_946.awsui_is-split-panel-open_hyvsj_16irn_640.awsui_position-side_hyvsj_16irn_959:not(#\9) {
961
- max-inline-size: var(--awsui-split-panel-max-width-xgujsu, 280px);
962
- min-inline-size: var(--awsui-split-panel-min-width-xgujsu, 280px);
960
+ section.awsui_split-panel-side_hyvsj_124nk_946.awsui_is-split-panel-open_hyvsj_124nk_640.awsui_position-side_hyvsj_124nk_959:not(#\9) {
961
+ max-inline-size: var(--awsui-split-panel-max-width-kcc2gu, 280px);
962
+ min-inline-size: var(--awsui-split-panel-min-width-kcc2gu, 280px);
963
963
  border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
964
964
  }
965
- section.awsui_split-panel-side_hyvsj_16irn_946.awsui_is-split-panel-open_hyvsj_16irn_640.awsui_position-side_hyvsj_16irn_959:not(#\9):not(.awsui_has-open-drawer_hyvsj_16irn_187) {
965
+ section.awsui_split-panel-side_hyvsj_124nk_946.awsui_is-split-panel-open_hyvsj_124nk_640.awsui_position-side_hyvsj_124nk_959:not(#\9):not(.awsui_has-open-drawer_hyvsj_124nk_187) {
966
966
  border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-panel-side-cxdqom, transparent);
967
967
  }
968
968
 
@@ -979,22 +979,22 @@ content width has a default value that can be set directly with the minContentWi
979
979
  property. The content gap right is computed in the Layout styles based on the
980
980
  viewport size and state of the Tools drawer.
981
981
  */
982
- .awsui_tools-container_hyvsj_16irn_981:not(#\9) {
983
- --awsui-tools-max-width-xgujsu: calc(var(--awsui-layout-width-xgujsu) - var(--awsui-main-offset-left-xgujsu) - var(--awsui-default-min-content-width-xgujsu) - var(--awsui-content-gap-right-xgujsu));
982
+ .awsui_tools-container_hyvsj_124nk_981:not(#\9) {
983
+ --awsui-tools-max-width-kcc2gu: calc(var(--awsui-layout-width-kcc2gu) - var(--awsui-main-offset-left-kcc2gu) - var(--awsui-default-min-content-width-kcc2gu) - var(--awsui-content-gap-right-kcc2gu));
984
984
  display: flex;
985
985
  grid-column: 5;
986
986
  grid-row: 1/span 9;
987
- block-size: var(--awsui-content-height-xgujsu);
988
- max-inline-size: var(--awsui-tools-max-width-xgujsu);
987
+ block-size: var(--awsui-content-height-kcc2gu);
988
+ max-inline-size: var(--awsui-tools-max-width-kcc2gu);
989
989
  position: sticky;
990
- inset-block-start: var(--awsui-offset-top-xgujsu);
990
+ inset-block-start: var(--awsui-offset-top-kcc2gu);
991
991
  z-index: 830;
992
992
  pointer-events: none;
993
993
  }
994
994
  @media (max-width: 688px) {
995
- .awsui_tools-container_hyvsj_16irn_981:not(#\9) {
996
- --awsui-tools-max-width-xgujsu: none;
997
- --awsui-tools-width-xgujsu: auto;
995
+ .awsui_tools-container_hyvsj_124nk_981:not(#\9) {
996
+ --awsui-tools-max-width-kcc2gu: none;
997
+ --awsui-tools-width-kcc2gu: auto;
998
998
  position: fixed;
999
999
  inset-inline-end: 0;
1000
1000
  z-index: 1001;
@@ -1006,12 +1006,12 @@ viewport size and state of the Tools drawer.
1006
1006
  relative to the body.
1007
1007
  */
1008
1008
  }
1009
- .awsui_tools-container_hyvsj_16irn_981.awsui_disable-body-scroll_hyvsj_16irn_208:not(#\9) {
1010
- inset-block-start: var(--awsui-header-height-xgujsu);
1009
+ .awsui_tools-container_hyvsj_124nk_981.awsui_disable-body-scroll_hyvsj_124nk_208:not(#\9) {
1010
+ inset-block-start: var(--awsui-header-height-kcc2gu);
1011
1011
  }
1012
1012
  }
1013
1013
 
1014
- .awsui_tools_hyvsj_16irn_981:not(#\9) {
1014
+ .awsui_tools_hyvsj_124nk_981:not(#\9) {
1015
1015
  background-color: var(--color-background-container-content-aemn43, #ffffff);
1016
1016
  flex-shrink: 0;
1017
1017
  block-size: 100%;
@@ -1034,51 +1034,51 @@ viewport size and state of the Tools drawer.
1034
1034
  in the side position.
1035
1035
  */
1036
1036
  }
1037
- @keyframes awsui_openTools_hyvsj_16irn_1 {
1037
+ @keyframes awsui_openTools_hyvsj_124nk_1 {
1038
1038
  from {
1039
- opacity: var(--awsui-tools-animation-starting-opacity-xgujsu, 0);
1039
+ opacity: var(--awsui-tools-animation-starting-opacity-kcc2gu, 0);
1040
1040
  inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
1041
1041
  }
1042
1042
  to {
1043
1043
  opacity: 1;
1044
- inline-size: var(--awsui-tools-width-xgujsu);
1044
+ inline-size: var(--awsui-tools-width-kcc2gu);
1045
1045
  }
1046
1046
  }
1047
- .awsui_tools_hyvsj_16irn_981:not(#\9):not(.awsui_is-tools-open_hyvsj_16irn_640) {
1047
+ .awsui_tools_hyvsj_124nk_981:not(#\9):not(.awsui_is-tools-open_hyvsj_124nk_640) {
1048
1048
  inline-size: 0;
1049
1049
  display: none;
1050
1050
  }
1051
- .awsui_tools_hyvsj_16irn_981.awsui_is-tools-open_hyvsj_16irn_640:not(#\9) {
1051
+ .awsui_tools_hyvsj_124nk_981.awsui_is-tools-open_hyvsj_124nk_640:not(#\9) {
1052
1052
  border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
1053
1053
  }
1054
- .awsui_tools_hyvsj_16irn_981.awsui_is-tools-open_hyvsj_16irn_640.awsui_animating_hyvsj_16irn_752:not(#\9) {
1055
- animation: awsui_openTools_hyvsj_16irn_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
1054
+ .awsui_tools_hyvsj_124nk_981.awsui_is-tools-open_hyvsj_124nk_640.awsui_animating_hyvsj_124nk_752:not(#\9) {
1055
+ animation: awsui_openTools_hyvsj_124nk_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
1056
1056
  }
1057
1057
  @media (prefers-reduced-motion: reduce) {
1058
- .awsui_tools_hyvsj_16irn_981.awsui_is-tools-open_hyvsj_16irn_640.awsui_animating_hyvsj_16irn_752:not(#\9) {
1058
+ .awsui_tools_hyvsj_124nk_981.awsui_is-tools-open_hyvsj_124nk_640.awsui_animating_hyvsj_124nk_752:not(#\9) {
1059
1059
  animation: none;
1060
1060
  transition: none;
1061
1061
  }
1062
1062
  }
1063
- .awsui-motion-disabled .awsui_tools_hyvsj_16irn_981.awsui_is-tools-open_hyvsj_16irn_640.awsui_animating_hyvsj_16irn_752:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_16irn_981.awsui_is-tools-open_hyvsj_16irn_640.awsui_animating_hyvsj_16irn_752:not(#\9) {
1063
+ .awsui-motion-disabled .awsui_tools_hyvsj_124nk_981.awsui_is-tools-open_hyvsj_124nk_640.awsui_animating_hyvsj_124nk_752:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_124nk_981.awsui_is-tools-open_hyvsj_124nk_640.awsui_animating_hyvsj_124nk_752:not(#\9) {
1064
1064
  animation: none;
1065
1065
  transition: none;
1066
1066
  }
1067
- .awsui_tools_hyvsj_16irn_981 > .awsui_animated-content_hyvsj_16irn_816:not(#\9) {
1068
- inline-size: var(--awsui-tools-width-xgujsu);
1067
+ .awsui_tools_hyvsj_124nk_981 > .awsui_animated-content_hyvsj_124nk_816:not(#\9) {
1068
+ inline-size: var(--awsui-tools-width-kcc2gu);
1069
1069
  }
1070
1070
  @media (min-width: 689px) {
1071
- .awsui_tools_hyvsj_16irn_981.awsui_is-tools-open_hyvsj_16irn_640.awsui_has-tools-form-persistence_hyvsj_16irn_1070:not(#\9) {
1071
+ .awsui_tools_hyvsj_124nk_981.awsui_is-tools-open_hyvsj_124nk_640.awsui_has-tools-form-persistence_hyvsj_124nk_1070:not(#\9) {
1072
1072
  border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
1073
1073
  }
1074
1074
  }
1075
1075
  @media (max-width: 688px) {
1076
- .awsui_tools_hyvsj_16irn_981:not(#\9) {
1077
- --awsui-tools-width-xgujsu: 100vw;
1076
+ .awsui_tools_hyvsj_124nk_981:not(#\9) {
1077
+ --awsui-tools-width-kcc2gu: 100vw;
1078
1078
  }
1079
1079
  }
1080
1080
 
1081
- .awsui_hide-tools_hyvsj_16irn_1080:not(#\9) {
1081
+ .awsui_hide-tools_hyvsj_124nk_1080:not(#\9) {
1082
1082
  position: absolute;
1083
1083
  inset-inline-end: var(--space-m-n2lypl, 16px);
1084
1084
  inset-block-start: var(--size-vertical-panel-icon-offset-1tiizm, 15px);
@@ -1090,7 +1090,7 @@ Warning! If these design tokens for padding change it will adversely impact
1090
1090
  the calculation used to determine the Split Panel maximum width in the
1091
1091
  handleSplitPanelMaxWidth function in the context.
1092
1092
  */
1093
- .awsui_show-tools_hyvsj_16irn_1092:not(#\9) {
1093
+ .awsui_show-tools_hyvsj_124nk_1092:not(#\9) {
1094
1094
  border-collapse: separate;
1095
1095
  border-spacing: 0;
1096
1096
  box-sizing: border-box;
@@ -1129,7 +1129,7 @@ handleSplitPanelMaxWidth function in the context.
1129
1129
  take control in responsive viewports.
1130
1130
  */
1131
1131
  }
1132
- @keyframes awsui_showButtons_hyvsj_16irn_1 {
1132
+ @keyframes awsui_showButtons_hyvsj_124nk_1 {
1133
1133
  0% {
1134
1134
  opacity: 0;
1135
1135
  }
@@ -1137,31 +1137,31 @@ handleSplitPanelMaxWidth function in the context.
1137
1137
  opacity: 1;
1138
1138
  }
1139
1139
  }
1140
- .awsui_show-tools_hyvsj_16irn_1092:not(#\9):not(.awsui_has-tools-form_hyvsj_16irn_1070) {
1140
+ .awsui_show-tools_hyvsj_124nk_1092:not(#\9):not(.awsui_has-tools-form_hyvsj_124nk_1070) {
1141
1141
  display: none;
1142
1142
  }
1143
1143
  @media (min-width: 689px) {
1144
- .awsui_show-tools_hyvsj_16irn_1092.awsui_has-tools-form_hyvsj_16irn_1070:not(#\9) {
1144
+ .awsui_show-tools_hyvsj_124nk_1092.awsui_has-tools-form_hyvsj_124nk_1070:not(#\9) {
1145
1145
  display: flex;
1146
1146
  flex-direction: column;
1147
1147
  gap: var(--space-xs-kw7k3v, 8px);
1148
1148
  }
1149
- .awsui_show-tools_hyvsj_16irn_1092.awsui_has-tools-form_hyvsj_16irn_1070.awsui_animating_hyvsj_16irn_752:not(#\9) {
1150
- animation: awsui_showButtons_hyvsj_16irn_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
1149
+ .awsui_show-tools_hyvsj_124nk_1092.awsui_has-tools-form_hyvsj_124nk_1070.awsui_animating_hyvsj_124nk_752:not(#\9) {
1150
+ animation: awsui_showButtons_hyvsj_124nk_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
1151
1151
  }
1152
1152
  }
1153
1153
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1154
- .awsui_show-tools_hyvsj_16irn_1092.awsui_has-tools-form_hyvsj_16irn_1070.awsui_animating_hyvsj_16irn_752:not(#\9) {
1154
+ .awsui_show-tools_hyvsj_124nk_1092.awsui_has-tools-form_hyvsj_124nk_1070.awsui_animating_hyvsj_124nk_752:not(#\9) {
1155
1155
  animation: none;
1156
1156
  transition: none;
1157
1157
  }
1158
1158
  }
1159
1159
  @media (min-width: 689px) {
1160
- .awsui-motion-disabled .awsui_show-tools_hyvsj_16irn_1092.awsui_has-tools-form_hyvsj_16irn_1070.awsui_animating_hyvsj_16irn_752:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_16irn_1092.awsui_has-tools-form_hyvsj_16irn_1070.awsui_animating_hyvsj_16irn_752:not(#\9) {
1160
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_124nk_1092.awsui_has-tools-form_hyvsj_124nk_1070.awsui_animating_hyvsj_124nk_752:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_124nk_1092.awsui_has-tools-form_hyvsj_124nk_1070.awsui_animating_hyvsj_124nk_752:not(#\9) {
1161
1161
  animation: none;
1162
1162
  transition: none;
1163
1163
  }
1164
- .awsui_show-tools_hyvsj_16irn_1092.awsui_has-tools-form-persistence_hyvsj_16irn_1070:not(#\9) {
1164
+ .awsui_show-tools_hyvsj_124nk_1092.awsui_has-tools-form-persistence_hyvsj_124nk_1070:not(#\9) {
1165
1165
  background-color: var(--color-background-container-content-aemn43, #ffffff);
1166
1166
  z-index: 1;
1167
1167
  }
@@ -1171,7 +1171,7 @@ handleSplitPanelMaxWidth function in the context.
1171
1171
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1172
1172
  SPDX-License-Identifier: Apache-2.0
1173
1173
  */
1174
- .awsui_trigger-button-styles_hyvsj_16irn_1172:not(#\9) {
1174
+ .awsui_trigger-button-styles_hyvsj_124nk_1172:not(#\9) {
1175
1175
  background: var(--color-background-layout-toggle-default-q2nv0b, transparent);
1176
1176
  border-start-start-radius: 50%;
1177
1177
  border-start-end-radius: 50%;
@@ -1180,14 +1180,14 @@ handleSplitPanelMaxWidth function in the context.
1180
1180
  block-size: var(--space-layout-toggle-diameter-vount6, 36px);
1181
1181
  inline-size: var(--space-layout-toggle-diameter-vount6, 36px);
1182
1182
  }
1183
- .awsui_trigger-button-styles_hyvsj_16irn_1172:not(#\9):hover {
1183
+ .awsui_trigger-button-styles_hyvsj_124nk_1172:not(#\9):hover {
1184
1184
  background: var(--color-background-layout-toggle-hover-t77zty, #545b64);
1185
1185
  }
1186
- .awsui_trigger-button-styles_hyvsj_16irn_1172:not(#\9):active {
1186
+ .awsui_trigger-button-styles_hyvsj_124nk_1172:not(#\9):active {
1187
1187
  background: var(--color-background-layout-toggle-active-ovmpb9, #2a2e33);
1188
1188
  }
1189
1189
 
1190
- .awsui_trigger-badge-wrapper_hyvsj_16irn_1188:not(#\9) {
1190
+ .awsui_trigger-badge-wrapper_hyvsj_124nk_1188:not(#\9) {
1191
1191
  position: absolute;
1192
1192
  inset-block-start: 0;
1193
1193
  inset-inline-start: 0;
@@ -1197,7 +1197,7 @@ handleSplitPanelMaxWidth function in the context.
1197
1197
  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");
1198
1198
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1199
1199
  }
1200
- .awsui_trigger-badge-wrapper_hyvsj_16irn_1188:not(#\9):dir(rtl) {
1200
+ .awsui_trigger-badge-wrapper_hyvsj_124nk_1188:not(#\9):dir(rtl) {
1201
1201
  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");
1202
1202
  }
1203
1203
 
@@ -1206,7 +1206,7 @@ Warning! If these design tokens for width change it will adversely impact
1206
1206
  the calculation used to determine the Split Panel maximum width in the
1207
1207
  handleSplitPanelMaxWidth function in the context.
1208
1208
  */
1209
- .awsui_trigger_hyvsj_16irn_1172:not(#\9) {
1209
+ .awsui_trigger_hyvsj_124nk_1172:not(#\9) {
1210
1210
  border-block: none;
1211
1211
  border-inline: none;
1212
1212
  padding-inline: 0;
@@ -1215,14 +1215,14 @@ handleSplitPanelMaxWidth function in the context.
1215
1215
  pointer-events: auto;
1216
1216
  position: relative;
1217
1217
  }
1218
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16irn_1172:not(#\9):focus {
1218
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_124nk_1172:not(#\9):focus {
1219
1219
  position: relative;
1220
1220
  }
1221
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16irn_1172:not(#\9):focus {
1221
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_124nk_1172:not(#\9):focus {
1222
1222
  outline: 2px dotted transparent;
1223
1223
  outline-offset: calc(3px - 1px);
1224
1224
  }
1225
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16irn_1172:not(#\9):focus::before {
1225
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_124nk_1172:not(#\9):focus::before {
1226
1226
  content: " ";
1227
1227
  display: block;
1228
1228
  position: absolute;
@@ -1236,49 +1236,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16irn_1172:not(#\9):foc
1236
1236
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
1237
1237
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
1238
1238
  }
1239
- .awsui_trigger_hyvsj_16irn_1172:not(#\9):focus {
1239
+ .awsui_trigger_hyvsj_124nk_1172:not(#\9):focus {
1240
1240
  outline: none;
1241
1241
  }
1242
- .awsui_trigger_hyvsj_16irn_1172.awsui_selected_hyvsj_16irn_1240:not(#\9) {
1242
+ .awsui_trigger_hyvsj_124nk_1172.awsui_selected_hyvsj_124nk_1240:not(#\9) {
1243
1243
  background: var(--color-background-layout-toggle-selected-default-o4my1h, #0073bb);
1244
1244
  color: var(--color-text-layout-toggle-selected-ofhd1q, #ffffff);
1245
1245
  }
1246
- .awsui_trigger_hyvsj_16irn_1172.awsui_selected_hyvsj_16irn_1240:not(#\9):hover {
1246
+ .awsui_trigger_hyvsj_124nk_1172.awsui_selected_hyvsj_124nk_1240:not(#\9):hover {
1247
1247
  background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
1248
1248
  }
1249
- .awsui_trigger_hyvsj_16irn_1172.awsui_selected_hyvsj_16irn_1240:not(#\9):active {
1249
+ .awsui_trigger_hyvsj_124nk_1172.awsui_selected_hyvsj_124nk_1240:not(#\9):active {
1250
1250
  background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
1251
1251
  }
1252
- .awsui_trigger_hyvsj_16irn_1172.awsui_selected_hyvsj_16irn_1240 > .awsui_trigger-badge-wrapper_hyvsj_16irn_1188:not(#\9) {
1252
+ .awsui_trigger_hyvsj_124nk_1172.awsui_selected_hyvsj_124nk_1240 > .awsui_trigger-badge-wrapper_hyvsj_124nk_1188:not(#\9) {
1253
1253
  background: var(--color-background-layout-toggle-selected-default-o4my1h, #0073bb);
1254
1254
  color: var(--color-text-layout-toggle-selected-ofhd1q, #ffffff);
1255
1255
  }
1256
- .awsui_trigger_hyvsj_16irn_1172.awsui_selected_hyvsj_16irn_1240 > .awsui_trigger-badge-wrapper_hyvsj_16irn_1188:not(#\9):hover {
1256
+ .awsui_trigger_hyvsj_124nk_1172.awsui_selected_hyvsj_124nk_1240 > .awsui_trigger-badge-wrapper_hyvsj_124nk_1188:not(#\9):hover {
1257
1257
  background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
1258
1258
  }
1259
- .awsui_trigger_hyvsj_16irn_1172.awsui_selected_hyvsj_16irn_1240 > .awsui_trigger-badge-wrapper_hyvsj_16irn_1188:not(#\9):active {
1259
+ .awsui_trigger_hyvsj_124nk_1172.awsui_selected_hyvsj_124nk_1240 > .awsui_trigger-badge-wrapper_hyvsj_124nk_1188:not(#\9):active {
1260
1260
  background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
1261
1261
  }
1262
- .awsui_trigger_hyvsj_16irn_1172.awsui_badge_hyvsj_16irn_1260:not(#\9), .awsui_trigger_hyvsj_16irn_1172.awsui_badge_hyvsj_16irn_1260:not(#\9):hover, .awsui_trigger_hyvsj_16irn_1172.awsui_badge_hyvsj_16irn_1260:not(#\9):active {
1262
+ .awsui_trigger_hyvsj_124nk_1172.awsui_badge_hyvsj_124nk_1260:not(#\9), .awsui_trigger_hyvsj_124nk_1172.awsui_badge_hyvsj_124nk_1260:not(#\9):hover, .awsui_trigger_hyvsj_124nk_1172.awsui_badge_hyvsj_124nk_1260:not(#\9):active {
1263
1263
  background: transparent;
1264
1264
  }
1265
1265
 
1266
- .awsui_trigger-wrapper_hyvsj_16irn_1264:not(#\9) {
1266
+ .awsui_trigger-wrapper_hyvsj_124nk_1264:not(#\9) {
1267
1267
  position: relative;
1268
1268
  border-start-start-radius: 50%;
1269
1269
  border-start-end-radius: 50%;
1270
1270
  border-end-start-radius: 50%;
1271
1271
  border-end-end-radius: 50%;
1272
1272
  }
1273
- .awsui_trigger-wrapper_hyvsj_16irn_1264:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_16irn_670) {
1273
+ .awsui_trigger-wrapper_hyvsj_124nk_1264:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_124nk_670) {
1274
1274
  box-shadow: var(--shadow-panel-toggle-rswlot, 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));
1275
1275
  }
1276
1276
 
1277
- .awsui_trigger-wrapper-tooltip-visible_hyvsj_16irn_1275:not(#\9) {
1277
+ .awsui_trigger-wrapper-tooltip-visible_hyvsj_124nk_1275:not(#\9) {
1278
1278
  /* used in test-utils*/
1279
1279
  }
1280
1280
 
1281
- .awsui_dot_hyvsj_16irn_1279:not(#\9) {
1281
+ .awsui_dot_hyvsj_124nk_1279:not(#\9) {
1282
1282
  position: absolute;
1283
1283
  inline-size: 9px;
1284
1284
  block-size: 9px;
@@ -1291,6 +1291,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16irn_1172:not(#\9):foc
1291
1291
  inset-inline-end: 0;
1292
1292
  }
1293
1293
 
1294
- .awsui_trigger-tooltip_hyvsj_16irn_1292:not(#\9) {
1294
+ .awsui_trigger-tooltip_hyvsj_124nk_1292:not(#\9) {
1295
1295
  /* used in test-utils */
1296
1296
  }