@cloudscape-design/components 3.0.499 → 3.0.500

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 (41) hide show
  1. package/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
  2. package/app-layout/visual-refresh/mobile-toolbar.js +2 -1
  3. package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  4. package/app-layout/visual-refresh/styles.css.js +81 -80
  5. package/app-layout/visual-refresh/styles.scoped.css +177 -171
  6. package/app-layout/visual-refresh/styles.selectors.js +81 -80
  7. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  8. package/app-layout/visual-refresh/trigger-button.js +2 -1
  9. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  10. package/cards/index.d.ts.map +1 -1
  11. package/cards/index.js +3 -2
  12. package/cards/index.js.map +1 -1
  13. package/cards/styles.css.js +40 -39
  14. package/cards/styles.scoped.css +52 -49
  15. package/cards/styles.selectors.js +40 -39
  16. package/container/internal.d.ts.map +1 -1
  17. package/container/internal.js +3 -2
  18. package/container/internal.js.map +1 -1
  19. package/container/styles.css.js +30 -29
  20. package/container/styles.scoped.css +65 -52
  21. package/container/styles.selectors.js +30 -29
  22. package/internal/environment.js +1 -1
  23. package/internal/environment.json +1 -1
  24. package/internal/manifest.json +1 -1
  25. package/internal/utils/content-header-utils.d.ts +1 -0
  26. package/internal/utils/content-header-utils.d.ts.map +1 -1
  27. package/internal/utils/content-header-utils.js +2 -3
  28. package/internal/utils/content-header-utils.js.map +1 -1
  29. package/package.json +1 -1
  30. package/wizard/internal.d.ts.map +1 -1
  31. package/wizard/internal.js +3 -2
  32. package/wizard/internal.js.map +1 -1
  33. package/wizard/styles.css.js +32 -31
  34. package/wizard/styles.scoped.css +76 -65
  35. package/wizard/styles.selectors.js +32 -31
  36. package/wizard/wizard-form-header.d.ts.map +1 -1
  37. package/wizard/wizard-form-header.js +2 -1
  38. package/wizard/wizard-form-header.js.map +1 -1
  39. package/wizard/wizard-navigation.d.ts.map +1 -1
  40. package/wizard/wizard-navigation.js +3 -2
  41. package/wizard/wizard-navigation.js.map +1 -1
@@ -90,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- div.awsui_background_hyvsj_1p6he_93:not(#\9) {
93
+ div.awsui_background_hyvsj_112by_93:not(#\9) {
94
94
  display: contents;
95
95
  }
96
- div.awsui_background_hyvsj_1p6he_93 > .awsui_scrolling-background_hyvsj_1p6he_96:not(#\9) {
96
+ div.awsui_background_hyvsj_112by_93 > .awsui_scrolling-background_hyvsj_112by_96:not(#\9) {
97
97
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
98
98
  color: var(--color-text-body-default-at06ol, #000716);
99
99
  grid-column: 1/span 5;
100
100
  grid-row: 1/10;
101
101
  }
102
- div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102:not(#\9) {
102
+ div.awsui_background_hyvsj_112by_93 > .awsui_sticky-background_hyvsj_112by_102:not(#\9) {
103
103
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
104
104
  grid-column: 1/span 5;
105
105
  grid-row: 1/10;
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102:n
107
107
  top: var(--awsui-header-height-y98gph);
108
108
  z-index: 799;
109
109
  }
110
- div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1p6he_110) {
110
+ div.awsui_background_hyvsj_112by_93 > .awsui_sticky-background_hyvsj_112by_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_112by_110) {
111
111
  height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
112
112
  }
113
- div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.awsui_has-sticky-notifications_hyvsj_1p6he_110:not(#\9) {
113
+ div.awsui_background_hyvsj_112by_93 > .awsui_sticky-background_hyvsj_112by_102.awsui_has-sticky-notifications_hyvsj_112by_110:not(#\9) {
114
114
  height: calc(
115
115
  var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph)
116
116
  );
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.a
120
120
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
121
121
  SPDX-License-Identifier: Apache-2.0
122
122
  */
123
- .awsui_breadcrumbs_hyvsj_1p6he_123:not(#\9) {
123
+ .awsui_breadcrumbs_hyvsj_112by_123:not(#\9) {
124
124
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
125
125
  grid-area: breadcrumbs;
126
126
  /*
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.a
130
130
  be lifted so it doesn't render behind the background element.
131
131
  */
132
132
  }
133
- .awsui_breadcrumbs_hyvsj_1p6he_123.awsui_has-sticky-background_hyvsj_1p6he_133:not(#\9) {
133
+ .awsui_breadcrumbs_hyvsj_112by_123.awsui_has-sticky-background_hyvsj_112by_133:not(#\9) {
134
134
  z-index: 799;
135
135
  }
136
136
 
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.a
142
142
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
143
143
  SPDX-License-Identifier: Apache-2.0
144
144
  */
145
- .awsui_drawers-container_hyvsj_1p6he_145:not(#\9) {
145
+ .awsui_drawers-container_hyvsj_112by_145:not(#\9) {
146
146
  background-color: transparent;
147
147
  display: flex;
148
148
  grid-column: 5;
@@ -153,18 +153,18 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.a
153
153
  top: var(--awsui-offset-top-y98gph);
154
154
  z-index: 830;
155
155
  }
156
- .awsui_drawers-container_hyvsj_1p6he_145.awsui_has-open-drawer_hyvsj_1p6he_156:not(#\9) {
156
+ .awsui_drawers-container_hyvsj_112by_145.awsui_has-open-drawer_hyvsj_112by_156:not(#\9) {
157
157
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
158
158
  }
159
159
  @media (min-width: 689px) {
160
- .awsui_drawers-container_hyvsj_1p6he_145:not(#\9) {
160
+ .awsui_drawers-container_hyvsj_112by_145:not(#\9) {
161
161
  /* stylelint-disable scss/operator-no-newline-after */
162
162
  max-width: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
163
163
  /* stylelint-enable scss/operator-no-newline-after */
164
164
  }
165
165
  }
166
166
  @media (max-width: 688px) {
167
- .awsui_drawers-container_hyvsj_1p6he_145:not(#\9) {
167
+ .awsui_drawers-container_hyvsj_112by_145:not(#\9) {
168
168
  position: fixed;
169
169
  right: 0;
170
170
  z-index: 1001;
@@ -176,12 +176,12 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.a
176
176
  relative to the body.
177
177
  */
178
178
  }
179
- .awsui_drawers-container_hyvsj_1p6he_145.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9) {
179
+ .awsui_drawers-container_hyvsj_112by_145.awsui_disable-body-scroll_hyvsj_112by_179:not(#\9) {
180
180
  top: var(--awsui-header-height-y98gph);
181
181
  }
182
182
  }
183
183
 
184
- .awsui_drawers-desktop-triggers-container_hyvsj_1p6he_184:not(#\9) {
184
+ .awsui_drawers-desktop-triggers-container_hyvsj_112by_184:not(#\9) {
185
185
  border-collapse: separate;
186
186
  border-spacing: 0;
187
187
  box-sizing: border-box;
@@ -223,21 +223,21 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.a
223
223
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
224
224
  overscroll-behavior-y: contain;
225
225
  }
226
- .awsui_drawers-desktop-triggers-container_hyvsj_1p6he_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1p6he_225).awsui_has-open-drawer_hyvsj_1p6he_156 {
226
+ .awsui_drawers-desktop-triggers-container_hyvsj_112by_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_112by_225).awsui_has-open-drawer_hyvsj_112by_156 {
227
227
  width: 0;
228
228
  }
229
- .awsui_drawers-desktop-triggers-container_hyvsj_1p6he_184.awsui_has-multiple-triggers_hyvsj_1p6he_225.awsui_has-open-drawer_hyvsj_1p6he_156:not(#\9) {
229
+ .awsui_drawers-desktop-triggers-container_hyvsj_112by_184.awsui_has-multiple-triggers_hyvsj_112by_225.awsui_has-open-drawer_hyvsj_112by_156:not(#\9) {
230
230
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
231
231
  }
232
- .awsui_drawers-desktop-triggers-container_hyvsj_1p6he_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1p6he_225):not(.awsui_has-open-drawer_hyvsj_1p6he_156) {
232
+ .awsui_drawers-desktop-triggers-container_hyvsj_112by_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_112by_225):not(.awsui_has-open-drawer_hyvsj_112by_156) {
233
233
  width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
234
234
  }
235
235
 
236
- .awsui_drawers-mobile-triggers-container_hyvsj_1p6he_235:not(#\9) {
236
+ .awsui_drawers-mobile-triggers-container_hyvsj_112by_235:not(#\9) {
237
237
  display: flex;
238
238
  }
239
239
 
240
- .awsui_drawers-trigger-content_hyvsj_1p6he_239:not(#\9) {
240
+ .awsui_drawers-trigger-content_hyvsj_112by_239:not(#\9) {
241
241
  align-items: center;
242
242
  display: flex;
243
243
  flex-direction: column;
@@ -245,13 +245,13 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.a
245
245
  padding-top: var(--space-scaled-s-aqzyko, 12px);
246
246
  width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
247
247
  }
248
- .awsui_drawers-trigger-content_hyvsj_1p6he_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1p6he_225).awsui_has-open-drawer_hyvsj_1p6he_156 {
248
+ .awsui_drawers-trigger-content_hyvsj_112by_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_112by_225).awsui_has-open-drawer_hyvsj_112by_156 {
249
249
  opacity: 0;
250
250
  }
251
- .awsui_drawers-trigger-content_hyvsj_1p6he_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1p6he_225):not(.awsui_has-open-drawer_hyvsj_1p6he_156) {
251
+ .awsui_drawers-trigger-content_hyvsj_112by_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_112by_225):not(.awsui_has-open-drawer_hyvsj_112by_156) {
252
252
  opacity: 1;
253
253
  }
254
- .awsui_drawers-trigger-content_hyvsj_1p6he_239 > .awsui_drawers-trigger-overflow_hyvsj_1p6he_253:not(#\9) {
254
+ .awsui_drawers-trigger-content_hyvsj_112by_239 > .awsui_drawers-trigger-overflow_hyvsj_112by_253:not(#\9) {
255
255
  padding: 0 1px;
256
256
  display: flex;
257
257
  align-items: center;
@@ -259,14 +259,14 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.a
259
259
  }
260
260
 
261
261
  @media (max-width: 688px) {
262
- .awsui_drawers-trigger_hyvsj_1p6he_239:not(#\9) {
262
+ .awsui_drawers-trigger_hyvsj_112by_239:not(#\9) {
263
263
  width: 40px;
264
264
  display: flex;
265
265
  justify-content: center;
266
266
  }
267
267
  }
268
268
 
269
- .awsui_drawer_hyvsj_1p6he_145:not(#\9) {
269
+ .awsui_drawer_hyvsj_112by_145:not(#\9) {
270
270
  --awsui-drawer-size-y98gph: 290px;
271
271
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
272
272
  border-color: transparent;
@@ -281,7 +281,7 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.a
281
281
  pointer-events: auto;
282
282
  word-wrap: break-word;
283
283
  }
284
- .awsui_drawer_hyvsj_1p6he_145 > .awsui_drawer-content-container_hyvsj_1p6he_283:not(#\9) {
284
+ .awsui_drawer_hyvsj_112by_145 > .awsui_drawer-content-container_hyvsj_112by_283:not(#\9) {
285
285
  grid-column: 1/span 2;
286
286
  grid-row: 1;
287
287
  width: var(--awsui-drawer-size-y98gph);
@@ -290,41 +290,41 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.a
290
290
  grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
291
291
  overflow-y: auto;
292
292
  }
293
- .awsui_drawer_hyvsj_1p6he_145 > .awsui_drawer-content-container_hyvsj_1p6he_283 > .awsui_drawer-close-button_hyvsj_1p6he_292:not(#\9) {
293
+ .awsui_drawer_hyvsj_112by_145 > .awsui_drawer-content-container_hyvsj_112by_283 > .awsui_drawer-close-button_hyvsj_112by_292:not(#\9) {
294
294
  grid-column: 3;
295
295
  grid-row: 2;
296
296
  z-index: 1;
297
297
  }
298
- .awsui_drawer_hyvsj_1p6he_145 > .awsui_drawer-content-container_hyvsj_1p6he_283 > .awsui_drawer-content_hyvsj_1p6he_283:not(#\9) {
298
+ .awsui_drawer_hyvsj_112by_145 > .awsui_drawer-content-container_hyvsj_112by_283 > .awsui_drawer-content_hyvsj_112by_283:not(#\9) {
299
299
  grid-column: 1/span 4;
300
300
  }
301
- .awsui_drawer_hyvsj_1p6he_145 > .awsui_drawer-content-container_hyvsj_1p6he_283 > .awsui_drawer-content_hyvsj_1p6he_283.awsui_drawer-content-hidden_hyvsj_1p6he_300:not(#\9) {
301
+ .awsui_drawer_hyvsj_112by_145 > .awsui_drawer-content-container_hyvsj_112by_283 > .awsui_drawer-content_hyvsj_112by_283.awsui_drawer-content-hidden_hyvsj_112by_300:not(#\9) {
302
302
  display: none;
303
303
  }
304
- .awsui_drawer_hyvsj_1p6he_145 > .awsui_drawer-slider_hyvsj_1p6he_303:not(#\9) {
304
+ .awsui_drawer_hyvsj_112by_145 > .awsui_drawer-slider_hyvsj_112by_303:not(#\9) {
305
305
  grid-column: 1;
306
306
  grid-row: 1;
307
307
  height: 100%;
308
308
  display: flex;
309
309
  align-items: center;
310
310
  }
311
- .awsui_drawer_hyvsj_1p6he_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1p6he_310) {
311
+ .awsui_drawer_hyvsj_112by_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_112by_310) {
312
312
  opacity: 0;
313
313
  width: 0;
314
314
  }
315
- .awsui_drawer_hyvsj_1p6he_145.awsui_is-drawer-open_hyvsj_1p6he_310:not(#\9) {
315
+ .awsui_drawer_hyvsj_112by_145.awsui_is-drawer-open_hyvsj_112by_310:not(#\9) {
316
316
  border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
317
317
  border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
318
318
  opacity: 1;
319
319
  width: var(--awsui-drawer-size-y98gph);
320
320
  }
321
321
  @media (min-width: 2541px) {
322
- .awsui_drawer_hyvsj_1p6he_145.awsui_is-drawer-open_hyvsj_1p6he_310:not(#\9) {
322
+ .awsui_drawer_hyvsj_112by_145.awsui_is-drawer-open_hyvsj_112by_310:not(#\9) {
323
323
  --awsui-drawer-size-y98gph: 320px;
324
324
  }
325
325
  }
326
326
  @media (max-width: 688px) {
327
- .awsui_drawer_hyvsj_1p6he_145.awsui_is-drawer-open_hyvsj_1p6he_310:not(#\9) {
327
+ .awsui_drawer_hyvsj_112by_145.awsui_is-drawer-open_hyvsj_112by_310:not(#\9) {
328
328
  --awsui-drawer-size-y98gph: 100vw;
329
329
  width: 100vw;
330
330
  }
@@ -334,7 +334,7 @@ div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.a
334
334
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
335
335
  SPDX-License-Identifier: Apache-2.0
336
336
  */
337
- header.awsui_content_hyvsj_1p6he_336:not(#\9) {
337
+ header.awsui_content_hyvsj_112by_336:not(#\9) {
338
338
  grid-area: header;
339
339
  }
340
340
 
@@ -355,7 +355,7 @@ The minimum content width property is set to zero and applied under all
355
355
  circumstances regardless of whether the minContentWidth property is
356
356
  explicitly set in script.
357
357
  */
358
- .awsui_layout_hyvsj_1p6he_357:not(#\9) {
358
+ .awsui_layout_hyvsj_112by_357:not(#\9) {
359
359
  --awsui-breadcrumbs-gap-y98gph: 0px;
360
360
  --awsui-content-gap-left-y98gph: 0px;
361
361
  --awsui-content-gap-right-y98gph: 0px;
@@ -438,139 +438,139 @@ explicitly set in script.
438
438
  */
439
439
  }
440
440
  @media (min-width: 1401px) {
441
- .awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440) {
441
+ .awsui_layout_hyvsj_112by_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_112by_440) {
442
442
  --awsui-default-max-content-width-y98gph: 1280px;
443
443
  }
444
444
  }
445
445
  @media (min-width: 1921px) {
446
- .awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440) {
446
+ .awsui_layout_hyvsj_112by_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_112by_440) {
447
447
  --awsui-default-max-content-width-y98gph: 1440px;
448
448
  }
449
449
  }
450
450
  @media (min-width: 2541px) {
451
- .awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440) {
451
+ .awsui_layout_hyvsj_112by_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_112by_440) {
452
452
  --awsui-default-max-content-width-y98gph: 1620px;
453
453
  }
454
454
  }
455
455
  @media (min-width: 1401px) {
456
- .awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440).awsui_content-type-dashboard_hyvsj_1p6he_455 {
456
+ .awsui_layout_hyvsj_112by_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_112by_440).awsui_content-type-dashboard_hyvsj_112by_455 {
457
457
  --awsui-default-max-content-width-y98gph: 1280px;
458
458
  }
459
459
  }
460
460
  @media (min-width: 1921px) {
461
- .awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440).awsui_content-type-dashboard_hyvsj_1p6he_455 {
461
+ .awsui_layout_hyvsj_112by_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_112by_440).awsui_content-type-dashboard_hyvsj_112by_455 {
462
462
  --awsui-default-max-content-width-y98gph: 1620px;
463
463
  }
464
464
  }
465
465
  @media (min-width: 2541px) {
466
- .awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440).awsui_content-type-dashboard_hyvsj_1p6he_455 {
466
+ .awsui_layout_hyvsj_112by_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_112by_440).awsui_content-type-dashboard_hyvsj_112by_455 {
467
467
  --awsui-default-max-content-width-y98gph: 2160px;
468
468
  }
469
469
  }
470
- .awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440).awsui_content-type-table_hyvsj_1p6he_469, .awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440).awsui_content-type-cards_hyvsj_1p6he_469 {
470
+ .awsui_layout_hyvsj_112by_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_112by_440).awsui_content-type-table_hyvsj_112by_469, .awsui_layout_hyvsj_112by_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_112by_440).awsui_content-type-cards_hyvsj_112by_469 {
471
471
  --awsui-default-max-content-width-y98gph: 100%;
472
472
  }
473
- .awsui_layout_hyvsj_1p6he_357.awsui_has-max-content-width_hyvsj_1p6he_440:not(#\9) {
473
+ .awsui_layout_hyvsj_112by_357.awsui_has-max-content-width_hyvsj_112by_440:not(#\9) {
474
474
  --awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
475
475
  }
476
- .awsui_layout_hyvsj_1p6he_357.awsui_is-overlap-disabled_hyvsj_1p6he_475:not(#\9) {
476
+ .awsui_layout_hyvsj_112by_357.awsui_is-overlap-disabled_hyvsj_112by_475:not(#\9) {
477
477
  --awsui-overlap-height-y98gph: 0;
478
478
  }
479
- .awsui_layout_hyvsj_1p6he_357.awsui_is-hide-mobile-toolbar_hyvsj_1p6he_478:not(#\9) {
479
+ .awsui_layout_hyvsj_112by_357.awsui_is-hide-mobile-toolbar_hyvsj_112by_478:not(#\9) {
480
480
  --awsui-mobile-bar-height-y98gph: 0px;
481
481
  }
482
482
  @media (min-width: 993px) {
483
- .awsui_layout_hyvsj_1p6he_357:not(#\9) {
483
+ .awsui_layout_hyvsj_112by_357:not(#\9) {
484
484
  --awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
485
485
  }
486
486
  }
487
487
  @media (max-width: 992px) {
488
- .awsui_layout_hyvsj_1p6he_357:not(#\9) {
488
+ .awsui_layout_hyvsj_112by_357:not(#\9) {
489
489
  --awsui-default-min-content-width-y98gph: 0px;
490
490
  }
491
491
  }
492
- .awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1p6he_110):not(.awsui_has-sticky-background_hyvsj_1p6he_133) {
492
+ .awsui_layout_hyvsj_112by_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_112by_110):not(.awsui_has-sticky-background_hyvsj_112by_133) {
493
493
  --awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
494
494
  }
495
- .awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1p6he_110).awsui_has-sticky-background_hyvsj_1p6he_133 {
495
+ .awsui_layout_hyvsj_112by_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_112by_110).awsui_has-sticky-background_hyvsj_112by_133 {
496
496
  --awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
497
497
  }
498
- .awsui_layout_hyvsj_1p6he_357.awsui_has-sticky-notifications_hyvsj_1p6he_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1p6he_133) {
498
+ .awsui_layout_hyvsj_112by_357.awsui_has-sticky-notifications_hyvsj_112by_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_112by_133) {
499
499
  --awsui-offset-top-with-notifications-y98gph: calc(
500
500
  var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
501
501
  var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
502
502
  );
503
503
  }
504
- .awsui_layout_hyvsj_1p6he_357.awsui_has-sticky-notifications_hyvsj_1p6he_110.awsui_has-sticky-background_hyvsj_1p6he_133:not(#\9) {
504
+ .awsui_layout_hyvsj_112by_357.awsui_has-sticky-notifications_hyvsj_112by_110.awsui_has-sticky-background_hyvsj_112by_133:not(#\9) {
505
505
  --awsui-offset-top-with-notifications-y98gph: calc(
506
506
  var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
507
507
  var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
508
508
  );
509
509
  }
510
510
  @media (min-width: 689px) {
511
- .awsui_layout_hyvsj_1p6he_357.awsui_has-content-gap-left_hyvsj_1p6he_510:not(#\9) {
511
+ .awsui_layout_hyvsj_112by_357.awsui_has-content-gap-left_hyvsj_112by_510:not(#\9) {
512
512
  --awsui-content-gap-left-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
513
513
  }
514
- .awsui_layout_hyvsj_1p6he_357.awsui_has-content-gap-right_hyvsj_1p6he_513:not(#\9) {
514
+ .awsui_layout_hyvsj_112by_357.awsui_has-content-gap-right_hyvsj_112by_513:not(#\9) {
515
515
  --awsui-content-gap-right-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
516
516
  }
517
517
  }
518
518
  @media (max-width: 688px) {
519
- .awsui_layout_hyvsj_1p6he_357:not(#\9) {
519
+ .awsui_layout_hyvsj_112by_357:not(#\9) {
520
520
  --awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
521
521
  --awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
522
522
  }
523
523
  }
524
- .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9) {
524
+ .awsui_layout_hyvsj_112by_357.awsui_content-first-child-notifications_hyvsj_112by_523:not(#\9) {
525
525
  --awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
526
526
  }
527
- .awsui_layout_hyvsj_1p6he_357.awsui_has-breadcrumbs_hyvsj_1p6he_526:not(#\9) {
527
+ .awsui_layout_hyvsj_112by_357.awsui_has-breadcrumbs_hyvsj_112by_526:not(#\9) {
528
528
  --awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
529
529
  }
530
- .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-header_hyvsj_1p6he_529:not(#\9), .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1p6he_526).awsui_has-header_hyvsj_1p6he_529 {
530
+ .awsui_layout_hyvsj_112by_357.awsui_content-first-child-header_hyvsj_112by_529:not(#\9), .awsui_layout_hyvsj_112by_357.awsui_content-first-child-notifications_hyvsj_112by_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_112by_526).awsui_has-header_hyvsj_112by_529 {
531
531
  --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
532
532
  }
533
- .awsui_layout_hyvsj_1p6he_357.awsui_has-breadcrumbs_hyvsj_1p6he_526.awsui_has-header_hyvsj_1p6he_529:not(#\9) {
533
+ .awsui_layout_hyvsj_112by_357.awsui_has-breadcrumbs_hyvsj_112by_526.awsui_has-header_hyvsj_112by_529:not(#\9) {
534
534
  --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
535
535
  }
536
- .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1p6he_526):not(.awsui_has-header_hyvsj_1p6he_529) {
536
+ .awsui_layout_hyvsj_112by_357.awsui_content-first-child-notifications_hyvsj_112by_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_112by_526):not(.awsui_has-header_hyvsj_112by_529) {
537
537
  --awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
538
538
  }
539
- .awsui_layout_hyvsj_1p6he_357.awsui_has-breadcrumbs_hyvsj_1p6he_526:not(#\9):not(.awsui_has-header_hyvsj_1p6he_529) {
539
+ .awsui_layout_hyvsj_112by_357.awsui_has-breadcrumbs_hyvsj_112by_526:not(#\9):not(.awsui_has-header_hyvsj_112by_529) {
540
540
  --awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
541
541
  }
542
- .awsui_layout_hyvsj_1p6he_357.awsui_has-breadcrumbs_hyvsj_1p6he_526:not(#\9):not(.awsui_has-header_hyvsj_1p6he_529).awsui_is-overlap-disabled_hyvsj_1p6he_475 {
542
+ .awsui_layout_hyvsj_112by_357.awsui_has-breadcrumbs_hyvsj_112by_526:not(#\9):not(.awsui_has-header_hyvsj_112by_529).awsui_is-overlap-disabled_hyvsj_112by_475 {
543
543
  --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
544
544
  }
545
- .awsui_layout_hyvsj_1p6he_357.awsui_has-breadcrumbs_hyvsj_1p6he_526:not(#\9):not(.awsui_has-header_hyvsj_1p6he_529):not(.awsui_is-overlap-disabled_hyvsj_1p6he_475) {
545
+ .awsui_layout_hyvsj_112by_357.awsui_has-breadcrumbs_hyvsj_112by_526:not(#\9):not(.awsui_has-header_hyvsj_112by_529):not(.awsui_is-overlap-disabled_hyvsj_112by_475) {
546
546
  --awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
547
547
  }
548
- .awsui_layout_hyvsj_1p6he_357.awsui_has-header_hyvsj_1p6he_529:not(#\9) {
548
+ .awsui_layout_hyvsj_112by_357.awsui_has-header_hyvsj_112by_529:not(#\9) {
549
549
  --awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
550
550
  }
551
- .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-main_hyvsj_1p6he_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1p6he_475), .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-main_hyvsj_1p6he_550.awsui_is-overlap-disabled_hyvsj_1p6he_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1p6he_550) {
551
+ .awsui_layout_hyvsj_112by_357.awsui_content-first-child-main_hyvsj_112by_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_112by_475), .awsui_layout_hyvsj_112by_357.awsui_content-first-child-main_hyvsj_112by_550.awsui_is-overlap-disabled_hyvsj_112by_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_112by_550) {
552
552
  --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
553
553
  }
554
554
  @media (min-width: 689px) {
555
- .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-main_hyvsj_1p6he_550:not(#\9):not(.awsui_has-header_hyvsj_1p6he_529) {
555
+ .awsui_layout_hyvsj_112by_357.awsui_content-first-child-main_hyvsj_112by_550:not(#\9):not(.awsui_has-header_hyvsj_112by_529) {
556
556
  --awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
557
557
  --awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
558
558
  }
559
559
  }
560
560
  @media (max-width: 688px) {
561
- .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9) {
561
+ .awsui_layout_hyvsj_112by_357.awsui_content-first-child-notifications_hyvsj_112by_523:not(#\9) {
562
562
  --awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
563
563
  }
564
- .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-header_hyvsj_1p6he_529:not(#\9) {
564
+ .awsui_layout_hyvsj_112by_357.awsui_content-first-child-header_hyvsj_112by_529:not(#\9) {
565
565
  --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
566
566
  }
567
- .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1p6he_526).awsui_has-header_hyvsj_1p6he_529 {
567
+ .awsui_layout_hyvsj_112by_357.awsui_content-first-child-notifications_hyvsj_112by_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_112by_526).awsui_has-header_hyvsj_112by_529 {
568
568
  --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
569
569
  }
570
- .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1p6he_526):not(.awsui_has-header_hyvsj_1p6he_529), .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-main_hyvsj_1p6he_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1p6he_475) {
570
+ .awsui_layout_hyvsj_112by_357.awsui_content-first-child-notifications_hyvsj_112by_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_112by_526):not(.awsui_has-header_hyvsj_112by_529), .awsui_layout_hyvsj_112by_357.awsui_content-first-child-main_hyvsj_112by_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_112by_475) {
571
571
  --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
572
572
  }
573
- .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-main_hyvsj_1p6he_550.awsui_is-overlap-disabled_hyvsj_1p6he_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1p6he_550) {
573
+ .awsui_layout_hyvsj_112by_357.awsui_content-first-child-main_hyvsj_112by_550.awsui_is-overlap-disabled_hyvsj_112by_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_112by_550) {
574
574
  --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
575
575
  }
576
576
  }
@@ -585,19 +585,19 @@ not matter. The offset top value for AppLayout contentMain children with
585
585
  position: sticky will be the value of the notifications height in addition to the
586
586
  notifications top margin and some additional vertical space for aesthetics.
587
587
  */
588
- .awsui_layout_hyvsj_1p6he_357.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9) {
588
+ .awsui_layout_hyvsj_112by_357.awsui_disable-body-scroll_hyvsj_112by_179:not(#\9) {
589
589
  --awsui-main-template-rows-y98gph: 1fr auto;
590
590
  --awsui-offset-top-y98gph: 0px;
591
591
  height: var(--awsui-content-height-y98gph);
592
592
  overflow-y: scroll;
593
593
  }
594
- .awsui_layout_hyvsj_1p6he_357.awsui_disable-body-scroll_hyvsj_1p6he_179.awsui_has-split-panel_hyvsj_1p6he_593.awsui_split-panel-position-bottom_hyvsj_1p6he_593:not(#\9) {
594
+ .awsui_layout_hyvsj_112by_357.awsui_disable-body-scroll_hyvsj_112by_179.awsui_has-split-panel_hyvsj_112by_593.awsui_split-panel-position-bottom_hyvsj_112by_593:not(#\9) {
595
595
  --awsui-main-template-rows-y98gph: repeat(2, auto);
596
596
  }
597
- .awsui_layout_hyvsj_1p6he_357.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1p6he_110) {
597
+ .awsui_layout_hyvsj_112by_357.awsui_disable-body-scroll_hyvsj_112by_179:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_112by_110) {
598
598
  --awsui-offset-top-with-notifications-y98gph: 0px;
599
599
  }
600
- .awsui_layout_hyvsj_1p6he_357.awsui_disable-body-scroll_hyvsj_1p6he_179.awsui_has-sticky-notifications_hyvsj_1p6he_110:not(#\9) {
600
+ .awsui_layout_hyvsj_112by_357.awsui_disable-body-scroll_hyvsj_112by_179.awsui_has-sticky-notifications_hyvsj_112by_110:not(#\9) {
601
601
  --awsui-offset-top-with-notifications-y98gph: calc(
602
602
  var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
603
603
  );
@@ -607,13 +607,13 @@ notifications top margin and some additional vertical space for aesthetics.
607
607
  This CSS class is applied to the document body to prevent overflow scrolling
608
608
  when the navigation or tools drawers are open in responsive viewports.
609
609
  */
610
- .awsui_block-body-scroll_hyvsj_1p6he_609:not(#\9) {
610
+ .awsui_block-body-scroll_hyvsj_112by_609:not(#\9) {
611
611
  overflow: hidden;
612
612
  }
613
613
 
614
614
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
615
- .awsui_unfocusable_hyvsj_1p6he_614:not(#\9),
616
- .awsui_unfocusable_hyvsj_1p6he_614 *:not(#\9) {
615
+ .awsui_unfocusable_hyvsj_112by_614:not(#\9),
616
+ .awsui_unfocusable_hyvsj_112by_614 *:not(#\9) {
617
617
  visibility: hidden !important;
618
618
  }
619
619
 
@@ -622,7 +622,7 @@ when the navigation or tools drawers are open in responsive viewports.
622
622
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
623
623
  SPDX-License-Identifier: Apache-2.0
624
624
  */
625
- .awsui_container_hyvsj_1p6he_624:not(#\9) {
625
+ .awsui_container_hyvsj_112by_624:not(#\9) {
626
626
  grid-area: main;
627
627
  padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
628
628
  /*
@@ -639,18 +639,18 @@ when the navigation or tools drawers are open in responsive viewports.
639
639
  on the right, we decrement the column end by one.
640
640
  */
641
641
  }
642
- .awsui_container_hyvsj_1p6he_624.awsui_has-split-panel_hyvsj_1p6he_593.awsui_split-panel-position-bottom_hyvsj_1p6he_593:not(#\9) {
642
+ .awsui_container_hyvsj_112by_624.awsui_has-split-panel_hyvsj_112by_593.awsui_split-panel-position-bottom_hyvsj_112by_593:not(#\9) {
643
643
  padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
644
644
  }
645
- .awsui_container_hyvsj_1p6he_624.awsui_disable-content-paddings_hyvsj_1p6he_550:not(#\9) {
645
+ .awsui_container_hyvsj_112by_624.awsui_disable-content-paddings_hyvsj_112by_550:not(#\9) {
646
646
  grid-column: 1/6;
647
647
  padding: 0;
648
648
  }
649
649
  @media (min-width: 689px) {
650
- .awsui_container_hyvsj_1p6he_624.awsui_disable-content-paddings_hyvsj_1p6he_550.awsui_is-navigation-open_hyvsj_1p6he_649:not(#\9) {
650
+ .awsui_container_hyvsj_112by_624.awsui_disable-content-paddings_hyvsj_112by_550.awsui_is-navigation-open_hyvsj_112by_649:not(#\9) {
651
651
  grid-column-start: 2;
652
652
  }
653
- .awsui_container_hyvsj_1p6he_624.awsui_disable-content-paddings_hyvsj_1p6he_550.awsui_is-tools-open_hyvsj_1p6he_652:not(#\9), .awsui_container_hyvsj_1p6he_624.awsui_disable-content-paddings_hyvsj_1p6he_550.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_split-panel-position-side_hyvsj_1p6he_652:not(#\9), .awsui_container_hyvsj_1p6he_624.awsui_disable-content-paddings_hyvsj_1p6he_550.awsui_has-active-drawer_hyvsj_1p6he_652:not(#\9) {
653
+ .awsui_container_hyvsj_112by_624.awsui_disable-content-paddings_hyvsj_112by_550.awsui_is-tools-open_hyvsj_112by_652:not(#\9), .awsui_container_hyvsj_112by_624.awsui_disable-content-paddings_hyvsj_112by_550.awsui_is-split-panel-open_hyvsj_112by_652.awsui_split-panel-position-side_hyvsj_112by_652:not(#\9), .awsui_container_hyvsj_112by_624.awsui_disable-content-paddings_hyvsj_112by_550.awsui_has-active-drawer_hyvsj_112by_652:not(#\9) {
654
654
  grid-column-end: 5;
655
655
  }
656
656
  }
@@ -659,11 +659,11 @@ when the navigation or tools drawers are open in responsive viewports.
659
659
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
660
660
  SPDX-License-Identifier: Apache-2.0
661
661
  */
662
- section.awsui_mobile-toolbar_hyvsj_1p6he_661:not(#\9) {
662
+ section.awsui_mobile-toolbar_hyvsj_112by_661:not(#\9) {
663
663
  align-items: center;
664
664
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
665
665
  border-bottom: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
666
- box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
666
+ box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
667
667
  box-sizing: border-box;
668
668
  height: var(--awsui-mobile-bar-height-y98gph);
669
669
  display: grid;
@@ -675,15 +675,19 @@ section.awsui_mobile-toolbar_hyvsj_1p6he_661:not(#\9) {
675
675
  top: var(--awsui-offset-top-y98gph);
676
676
  z-index: 1000;
677
677
  }
678
- section.awsui_mobile-toolbar_hyvsj_1p6he_661 > .awsui_mobile-toolbar-nav_hyvsj_1p6he_677:not(#\9) {
678
+ section.awsui_mobile-toolbar_hyvsj_112by_661:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_112by_677) {
679
+ background-color: var(--color-background-home-header-2rudu7, #000716);
680
+ box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
681
+ }
682
+ section.awsui_mobile-toolbar_hyvsj_112by_661 > .awsui_mobile-toolbar-nav_hyvsj_112by_681:not(#\9) {
679
683
  grid-column: 1;
680
684
  margin-right: var(--space-m-udix3p, 16px);
681
685
  }
682
- section.awsui_mobile-toolbar_hyvsj_1p6he_661 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1p6he_681:not(#\9) {
686
+ section.awsui_mobile-toolbar_hyvsj_112by_661 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_112by_685:not(#\9) {
683
687
  grid-column: 2;
684
688
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
685
689
  }
686
- section.awsui_mobile-toolbar_hyvsj_1p6he_661 > .awsui_mobile-toolbar-tools_hyvsj_1p6he_685:not(#\9) {
690
+ section.awsui_mobile-toolbar_hyvsj_112by_661 > .awsui_mobile-toolbar-tools_hyvsj_112by_689:not(#\9) {
687
691
  grid-column: 3;
688
692
  margin-left: var(--space-m-udix3p, 16px);
689
693
  }
@@ -692,7 +696,7 @@ section.awsui_mobile-toolbar_hyvsj_1p6he_661 > .awsui_mobile-toolbar-tools_hyvsj
692
696
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
693
697
  SPDX-License-Identifier: Apache-2.0
694
698
  */
695
- .awsui_navigation-container_hyvsj_1p6he_694:not(#\9) {
699
+ .awsui_navigation-container_hyvsj_112by_698:not(#\9) {
696
700
  --awsui-navigation-width-y98gph: 280px;
697
701
  display: flex;
698
702
  grid-column: 1;
@@ -714,12 +718,12 @@ section.awsui_mobile-toolbar_hyvsj_1p6he_661 > .awsui_mobile-toolbar-tools_hyvsj
714
718
  pointer-events: none;
715
719
  }
716
720
  @media (min-width: 2541px) {
717
- .awsui_navigation-container_hyvsj_1p6he_694:not(#\9) {
721
+ .awsui_navigation-container_hyvsj_112by_698:not(#\9) {
718
722
  --awsui-navigation-width-y98gph: 320px;
719
723
  }
720
724
  }
721
725
  @media (max-width: 688px) {
722
- .awsui_navigation-container_hyvsj_1p6he_694:not(#\9) {
726
+ .awsui_navigation-container_hyvsj_112by_698:not(#\9) {
723
727
  left: 0;
724
728
  position: fixed;
725
729
  z-index: 1001;
@@ -731,19 +735,19 @@ section.awsui_mobile-toolbar_hyvsj_1p6he_661 > .awsui_mobile-toolbar-tools_hyvsj
731
735
  relative to the body.
732
736
  */
733
737
  }
734
- .awsui_navigation-container_hyvsj_1p6he_694.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9) {
738
+ .awsui_navigation-container_hyvsj_112by_698.awsui_disable-body-scroll_hyvsj_112by_179:not(#\9) {
735
739
  top: var(--awsui-header-height-y98gph);
736
740
  }
737
741
  }
738
742
 
739
- nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9) {
743
+ nav.awsui_show-navigation_hyvsj_112by_742:not(#\9) {
740
744
  padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-lcu6qi, 12px);
741
745
  /*
742
746
  Apply the animation only in desktop viewports because the MobileToolbar will
743
747
  take control in responsive viewports.
744
748
  */
745
749
  }
746
- @keyframes awsui_showButtons_hyvsj_1p6he_1 {
750
+ @keyframes awsui_showButtons_hyvsj_112by_1 {
747
751
  0% {
748
752
  opacity: 0;
749
753
  }
@@ -751,31 +755,31 @@ nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9) {
751
755
  opacity: 1;
752
756
  }
753
757
  }
754
- nav.awsui_show-navigation_hyvsj_1p6he_738.awsui_is-navigation-open_hyvsj_1p6he_649:not(#\9) {
758
+ nav.awsui_show-navigation_hyvsj_112by_742.awsui_is-navigation-open_hyvsj_112by_649:not(#\9) {
755
759
  display: none;
756
760
  }
757
761
  @media (min-width: 689px) {
758
- nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649) {
762
+ nav.awsui_show-navigation_hyvsj_112by_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_112by_649) {
759
763
  display: block;
760
764
  }
761
- nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649).awsui_animating_hyvsj_1p6he_760 {
762
- animation: awsui_showButtons_hyvsj_1p6he_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
765
+ nav.awsui_show-navigation_hyvsj_112by_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_112by_649).awsui_animating_hyvsj_112by_764 {
766
+ animation: awsui_showButtons_hyvsj_112by_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
763
767
  }
764
768
  }
765
769
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
766
- nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649).awsui_animating_hyvsj_1p6he_760 {
770
+ nav.awsui_show-navigation_hyvsj_112by_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_112by_649).awsui_animating_hyvsj_112by_764 {
767
771
  animation: none;
768
772
  transition: none;
769
773
  }
770
774
  }
771
775
  @media (min-width: 689px) {
772
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649).awsui_animating_hyvsj_1p6he_760, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649).awsui_animating_hyvsj_1p6he_760 {
776
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_112by_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_112by_649).awsui_animating_hyvsj_112by_764, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_112by_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_112by_649).awsui_animating_hyvsj_112by_764 {
773
777
  animation: none;
774
778
  transition: none;
775
779
  }
776
780
  }
777
781
 
778
- nav.awsui_navigation_hyvsj_1p6he_694:not(#\9) {
782
+ nav.awsui_navigation_hyvsj_112by_698:not(#\9) {
779
783
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
780
784
  bottom: 0;
781
785
  height: 100%;
@@ -793,7 +797,7 @@ nav.awsui_navigation_hyvsj_1p6he_694:not(#\9) {
793
797
  prevent unwanted text wrapping.
794
798
  */
795
799
  }
796
- @keyframes awsui_openNavigation_hyvsj_1p6he_1 {
800
+ @keyframes awsui_openNavigation_hyvsj_112by_1 {
797
801
  from {
798
802
  opacity: 0;
799
803
  width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
@@ -803,33 +807,33 @@ nav.awsui_navigation_hyvsj_1p6he_694:not(#\9) {
803
807
  width: var(--awsui-navigation-width-y98gph);
804
808
  }
805
809
  }
806
- nav.awsui_navigation_hyvsj_1p6he_694:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649) {
810
+ nav.awsui_navigation_hyvsj_112by_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_112by_649) {
807
811
  width: 0;
808
812
  display: none;
809
813
  }
810
- nav.awsui_navigation_hyvsj_1p6he_694.awsui_is-navigation-open_hyvsj_1p6he_649.awsui_animating_hyvsj_1p6he_760:not(#\9) {
811
- animation: awsui_openNavigation_hyvsj_1p6he_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
814
+ nav.awsui_navigation_hyvsj_112by_698.awsui_is-navigation-open_hyvsj_112by_649.awsui_animating_hyvsj_112by_764:not(#\9) {
815
+ animation: awsui_openNavigation_hyvsj_112by_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
812
816
  }
813
817
  @media (prefers-reduced-motion: reduce) {
814
- nav.awsui_navigation_hyvsj_1p6he_694.awsui_is-navigation-open_hyvsj_1p6he_649.awsui_animating_hyvsj_1p6he_760:not(#\9) {
818
+ nav.awsui_navigation_hyvsj_112by_698.awsui_is-navigation-open_hyvsj_112by_649.awsui_animating_hyvsj_112by_764:not(#\9) {
815
819
  animation: none;
816
820
  transition: none;
817
821
  }
818
822
  }
819
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_1p6he_694.awsui_is-navigation-open_hyvsj_1p6he_649.awsui_animating_hyvsj_1p6he_760:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1p6he_694.awsui_is-navigation-open_hyvsj_1p6he_649.awsui_animating_hyvsj_1p6he_760:not(#\9) {
823
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_112by_698.awsui_is-navigation-open_hyvsj_112by_649.awsui_animating_hyvsj_112by_764:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_112by_698.awsui_is-navigation-open_hyvsj_112by_649.awsui_animating_hyvsj_112by_764:not(#\9) {
820
824
  animation: none;
821
825
  transition: none;
822
826
  }
823
- nav.awsui_navigation_hyvsj_1p6he_694 > .awsui_animated-content_hyvsj_1p6he_822:not(#\9) {
827
+ nav.awsui_navigation_hyvsj_112by_698 > .awsui_animated-content_hyvsj_112by_826:not(#\9) {
824
828
  width: var(--awsui-navigation-width-y98gph);
825
829
  }
826
830
  @media (max-width: 688px) {
827
- nav.awsui_navigation_hyvsj_1p6he_694:not(#\9) {
831
+ nav.awsui_navigation_hyvsj_112by_698:not(#\9) {
828
832
  --awsui-navigation-width-y98gph: 100vw;
829
833
  }
830
834
  }
831
835
 
832
- .awsui_hide-navigation_hyvsj_1p6he_831:not(#\9) {
836
+ .awsui_hide-navigation_hyvsj_112by_835:not(#\9) {
833
837
  position: absolute;
834
838
  right: var(--space-m-udix3p, 16px);
835
839
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -839,13 +843,13 @@ nav.awsui_navigation_hyvsj_1p6he_694 > .awsui_animated-content_hyvsj_1p6he_822:n
839
843
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
840
844
  SPDX-License-Identifier: Apache-2.0
841
845
  */
842
- .awsui_notifications_hyvsj_1p6he_841:not(#\9) {
846
+ .awsui_notifications_hyvsj_112by_845:not(#\9) {
843
847
  color: var(--color-text-body-default-at06ol, #000716);
844
848
  grid-area: notifications;
845
849
  z-index: 850;
846
850
  }
847
851
  @media (min-width: 689px) {
848
- .awsui_notifications_hyvsj_1p6he_841.awsui_sticky-notifications_hyvsj_1p6he_847:not(#\9) {
852
+ .awsui_notifications_hyvsj_112by_845.awsui_sticky-notifications_hyvsj_112by_851:not(#\9) {
849
853
  --awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
850
854
  position: sticky;
851
855
  top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
@@ -862,7 +866,7 @@ as the content area. This row is defined as 1 fractional unit which will
862
866
  consume the remaining vertical space in the grid after the notifications
863
867
  and breadcrumbs.
864
868
  */
865
- section.awsui_split-panel-bottom_hyvsj_1p6he_864:not(#\9) {
869
+ section.awsui_split-panel-bottom_hyvsj_112by_868:not(#\9) {
866
870
  /*
867
871
  The align self property will position the split panel at the bottom of the grid row.
868
872
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -898,7 +902,7 @@ section.awsui_split-panel-bottom_hyvsj_1p6he_864:not(#\9) {
898
902
  apply the animation to the height property.
899
903
  */
900
904
  }
901
- @keyframes awsui_openSplitPanelBottom_hyvsj_1p6he_1 {
905
+ @keyframes awsui_openSplitPanelBottom_hyvsj_112by_1 {
902
906
  from {
903
907
  height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
904
908
  }
@@ -906,39 +910,39 @@ section.awsui_split-panel-bottom_hyvsj_1p6he_864:not(#\9) {
906
910
  height: var(--awsui-split-panel-reported-size-y98gph);
907
911
  }
908
912
  }
909
- section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9) {
913
+ section.awsui_split-panel-bottom_hyvsj_112by_868.awsui_disable-body-scroll_hyvsj_112by_179:not(#\9) {
910
914
  bottom: 0;
911
915
  }
912
- section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-navigation-open_hyvsj_1p6he_649.awsui_position-bottom_hyvsj_1p6he_911:not(#\9) {
916
+ section.awsui_split-panel-bottom_hyvsj_112by_868.awsui_is-navigation-open_hyvsj_112by_649.awsui_position-bottom_hyvsj_112by_915:not(#\9) {
913
917
  grid-column-start: 2;
914
918
  }
915
- section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_has-open-drawer_hyvsj_1p6he_156.awsui_position-bottom_hyvsj_1p6he_911:not(#\9) {
919
+ section.awsui_split-panel-bottom_hyvsj_112by_868.awsui_has-open-drawer_hyvsj_112by_156.awsui_position-bottom_hyvsj_112by_915:not(#\9) {
916
920
  grid-column-end: 5;
917
921
  }
918
- section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_position-bottom_hyvsj_1p6he_911:not(#\9) {
922
+ section.awsui_split-panel-bottom_hyvsj_112by_868.awsui_position-bottom_hyvsj_112by_915:not(#\9) {
919
923
  display: block;
920
924
  }
921
- section.awsui_split-panel-bottom_hyvsj_1p6he_864:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1p6he_652).awsui_position-bottom_hyvsj_1p6he_911 {
925
+ section.awsui_split-panel-bottom_hyvsj_112by_868:not(#\9):not(.awsui_is-split-panel-open_hyvsj_112by_652).awsui_position-bottom_hyvsj_112by_915 {
922
926
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
923
927
  }
924
- section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-bottom_hyvsj_1p6he_911:not(#\9) {
928
+ section.awsui_split-panel-bottom_hyvsj_112by_868.awsui_is-split-panel-open_hyvsj_112by_652.awsui_position-bottom_hyvsj_112by_915:not(#\9) {
925
929
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
926
930
  }
927
- section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-bottom_hyvsj_1p6he_911.awsui_animating_hyvsj_1p6he_760:not(#\9) {
928
- animation: awsui_openSplitPanelBottom_hyvsj_1p6he_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
931
+ section.awsui_split-panel-bottom_hyvsj_112by_868.awsui_is-split-panel-open_hyvsj_112by_652.awsui_position-bottom_hyvsj_112by_915.awsui_animating_hyvsj_112by_764:not(#\9) {
932
+ animation: awsui_openSplitPanelBottom_hyvsj_112by_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
929
933
  }
930
934
  @media (prefers-reduced-motion: reduce) {
931
- section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-bottom_hyvsj_1p6he_911.awsui_animating_hyvsj_1p6he_760:not(#\9) {
935
+ section.awsui_split-panel-bottom_hyvsj_112by_868.awsui_is-split-panel-open_hyvsj_112by_652.awsui_position-bottom_hyvsj_112by_915.awsui_animating_hyvsj_112by_764:not(#\9) {
932
936
  animation: none;
933
937
  transition: none;
934
938
  }
935
939
  }
936
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-bottom_hyvsj_1p6he_911.awsui_animating_hyvsj_1p6he_760:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-bottom_hyvsj_1p6he_911.awsui_animating_hyvsj_1p6he_760:not(#\9) {
940
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_112by_868.awsui_is-split-panel-open_hyvsj_112by_652.awsui_position-bottom_hyvsj_112by_915.awsui_animating_hyvsj_112by_764:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_112by_868.awsui_is-split-panel-open_hyvsj_112by_652.awsui_position-bottom_hyvsj_112by_915.awsui_animating_hyvsj_112by_764:not(#\9) {
937
941
  animation: none;
938
942
  transition: none;
939
943
  }
940
944
 
941
- section.awsui_split-panel-side_hyvsj_1p6he_940:not(#\9) {
945
+ section.awsui_split-panel-side_hyvsj_112by_944:not(#\9) {
942
946
  height: 100%;
943
947
  overflow-x: hidden;
944
948
  pointer-events: auto;
@@ -948,15 +952,15 @@ section.awsui_split-panel-side_hyvsj_1p6he_940:not(#\9) {
948
952
  be persistent in the DOM when closed.
949
953
  */
950
954
  }
951
- section.awsui_split-panel-side_hyvsj_1p6he_940:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1p6he_652), section.awsui_split-panel-side_hyvsj_1p6he_940.awsui_position-bottom_hyvsj_1p6he_911:not(#\9) {
955
+ section.awsui_split-panel-side_hyvsj_112by_944:not(#\9):not(.awsui_is-split-panel-open_hyvsj_112by_652), section.awsui_split-panel-side_hyvsj_112by_944.awsui_position-bottom_hyvsj_112by_915:not(#\9) {
952
956
  width: 0;
953
957
  }
954
- section.awsui_split-panel-side_hyvsj_1p6he_940.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-side_hyvsj_1p6he_953:not(#\9) {
958
+ section.awsui_split-panel-side_hyvsj_112by_944.awsui_is-split-panel-open_hyvsj_112by_652.awsui_position-side_hyvsj_112by_957:not(#\9) {
955
959
  max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
956
960
  min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
957
961
  border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
958
962
  }
959
- section.awsui_split-panel-side_hyvsj_1p6he_940.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-side_hyvsj_1p6he_953:not(#\9):not(.awsui_has-open-drawer_hyvsj_1p6he_156) {
963
+ section.awsui_split-panel-side_hyvsj_112by_944.awsui_is-split-panel-open_hyvsj_112by_652.awsui_position-side_hyvsj_112by_957:not(#\9):not(.awsui_has-open-drawer_hyvsj_112by_156) {
960
964
  border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
961
965
  }
962
966
 
@@ -973,7 +977,7 @@ content width has a default value that can be set directly with the minContentWi
973
977
  property. The content gap right is computed in the Layout styles based on the
974
978
  viewport size and state of the Tools drawer.
975
979
  */
976
- .awsui_tools-container_hyvsj_1p6he_975:not(#\9) {
980
+ .awsui_tools-container_hyvsj_112by_979:not(#\9) {
977
981
  /* stylelint-disable scss/operator-no-newline-after */
978
982
  --awsui-tools-max-width-y98gph: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
979
983
  /* stylelint-enable scss/operator-no-newline-after */
@@ -989,12 +993,12 @@ viewport size and state of the Tools drawer.
989
993
  pointer-events: none;
990
994
  }
991
995
  @media (min-width: 2541px) {
992
- .awsui_tools-container_hyvsj_1p6he_975:not(#\9) {
996
+ .awsui_tools-container_hyvsj_112by_979:not(#\9) {
993
997
  --awsui-tools-width-y98gph: 360px;
994
998
  }
995
999
  }
996
1000
  @media (max-width: 688px) {
997
- .awsui_tools-container_hyvsj_1p6he_975:not(#\9) {
1001
+ .awsui_tools-container_hyvsj_112by_979:not(#\9) {
998
1002
  --awsui-tools-max-width-y98gph: none;
999
1003
  --awsui-tools-width-y98gph: auto;
1000
1004
  position: fixed;
@@ -1008,12 +1012,12 @@ viewport size and state of the Tools drawer.
1008
1012
  relative to the body.
1009
1013
  */
1010
1014
  }
1011
- .awsui_tools-container_hyvsj_1p6he_975.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9) {
1015
+ .awsui_tools-container_hyvsj_112by_979.awsui_disable-body-scroll_hyvsj_112by_179:not(#\9) {
1012
1016
  top: var(--awsui-header-height-y98gph);
1013
1017
  }
1014
1018
  }
1015
1019
 
1016
- .awsui_tools_hyvsj_1p6he_975:not(#\9) {
1020
+ .awsui_tools_hyvsj_112by_979:not(#\9) {
1017
1021
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1018
1022
  flex-shrink: 0;
1019
1023
  height: 100%;
@@ -1036,7 +1040,7 @@ viewport size and state of the Tools drawer.
1036
1040
  in the side position.
1037
1041
  */
1038
1042
  }
1039
- @keyframes awsui_openTools_hyvsj_1p6he_1 {
1043
+ @keyframes awsui_openTools_hyvsj_112by_1 {
1040
1044
  from {
1041
1045
  opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
1042
1046
  width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
@@ -1046,41 +1050,41 @@ viewport size and state of the Tools drawer.
1046
1050
  width: var(--awsui-tools-width-y98gph);
1047
1051
  }
1048
1052
  }
1049
- .awsui_tools_hyvsj_1p6he_975:not(#\9):not(.awsui_is-tools-open_hyvsj_1p6he_652) {
1053
+ .awsui_tools_hyvsj_112by_979:not(#\9):not(.awsui_is-tools-open_hyvsj_112by_652) {
1050
1054
  width: 0;
1051
1055
  display: none;
1052
1056
  }
1053
- .awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652:not(#\9) {
1057
+ .awsui_tools_hyvsj_112by_979.awsui_is-tools-open_hyvsj_112by_652:not(#\9) {
1054
1058
  border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
1055
1059
  }
1056
- .awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652.awsui_animating_hyvsj_1p6he_760:not(#\9) {
1057
- animation: awsui_openTools_hyvsj_1p6he_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1060
+ .awsui_tools_hyvsj_112by_979.awsui_is-tools-open_hyvsj_112by_652.awsui_animating_hyvsj_112by_764:not(#\9) {
1061
+ animation: awsui_openTools_hyvsj_112by_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1058
1062
  }
1059
1063
  @media (prefers-reduced-motion: reduce) {
1060
- .awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652.awsui_animating_hyvsj_1p6he_760:not(#\9) {
1064
+ .awsui_tools_hyvsj_112by_979.awsui_is-tools-open_hyvsj_112by_652.awsui_animating_hyvsj_112by_764:not(#\9) {
1061
1065
  animation: none;
1062
1066
  transition: none;
1063
1067
  }
1064
1068
  }
1065
- .awsui-motion-disabled .awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652.awsui_animating_hyvsj_1p6he_760:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652.awsui_animating_hyvsj_1p6he_760:not(#\9) {
1069
+ .awsui-motion-disabled .awsui_tools_hyvsj_112by_979.awsui_is-tools-open_hyvsj_112by_652.awsui_animating_hyvsj_112by_764:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_112by_979.awsui_is-tools-open_hyvsj_112by_652.awsui_animating_hyvsj_112by_764:not(#\9) {
1066
1070
  animation: none;
1067
1071
  transition: none;
1068
1072
  }
1069
- .awsui_tools_hyvsj_1p6he_975 > .awsui_animated-content_hyvsj_1p6he_822:not(#\9) {
1073
+ .awsui_tools_hyvsj_112by_979 > .awsui_animated-content_hyvsj_112by_826:not(#\9) {
1070
1074
  width: var(--awsui-tools-width-y98gph);
1071
1075
  }
1072
1076
  @media (min-width: 689px) {
1073
- .awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652.awsui_has-tools-form-persistence_hyvsj_1p6he_1072:not(#\9) {
1077
+ .awsui_tools_hyvsj_112by_979.awsui_is-tools-open_hyvsj_112by_652.awsui_has-tools-form-persistence_hyvsj_112by_1076:not(#\9) {
1074
1078
  border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
1075
1079
  }
1076
1080
  }
1077
1081
  @media (max-width: 688px) {
1078
- .awsui_tools_hyvsj_1p6he_975:not(#\9) {
1082
+ .awsui_tools_hyvsj_112by_979:not(#\9) {
1079
1083
  --awsui-tools-width-y98gph: 100vw;
1080
1084
  }
1081
1085
  }
1082
1086
 
1083
- .awsui_hide-tools_hyvsj_1p6he_1082:not(#\9) {
1087
+ .awsui_hide-tools_hyvsj_112by_1086:not(#\9) {
1084
1088
  position: absolute;
1085
1089
  right: var(--space-m-udix3p, 16px);
1086
1090
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1092,7 +1096,7 @@ Warning! If these design tokens for padding change it will adversely impact
1092
1096
  the calculation used to determine the Split Panel maximum width in the
1093
1097
  handleSplitPanelMaxWidth function in the context.
1094
1098
  */
1095
- .awsui_show-tools_hyvsj_1p6he_1094:not(#\9) {
1099
+ .awsui_show-tools_hyvsj_112by_1098:not(#\9) {
1096
1100
  border-collapse: separate;
1097
1101
  border-spacing: 0;
1098
1102
  box-sizing: border-box;
@@ -1133,7 +1137,7 @@ handleSplitPanelMaxWidth function in the context.
1133
1137
  take control in responsive viewports.
1134
1138
  */
1135
1139
  }
1136
- @keyframes awsui_showButtons_hyvsj_1p6he_1 {
1140
+ @keyframes awsui_showButtons_hyvsj_112by_1 {
1137
1141
  0% {
1138
1142
  opacity: 0;
1139
1143
  }
@@ -1141,31 +1145,31 @@ handleSplitPanelMaxWidth function in the context.
1141
1145
  opacity: 1;
1142
1146
  }
1143
1147
  }
1144
- .awsui_show-tools_hyvsj_1p6he_1094:not(#\9):not(.awsui_has-tools-form_hyvsj_1p6he_1072) {
1148
+ .awsui_show-tools_hyvsj_112by_1098:not(#\9):not(.awsui_has-tools-form_hyvsj_112by_1076) {
1145
1149
  display: none;
1146
1150
  }
1147
1151
  @media (min-width: 689px) {
1148
- .awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form_hyvsj_1p6he_1072:not(#\9) {
1152
+ .awsui_show-tools_hyvsj_112by_1098.awsui_has-tools-form_hyvsj_112by_1076:not(#\9) {
1149
1153
  display: flex;
1150
1154
  flex-direction: column;
1151
1155
  gap: var(--space-xs-zb16t3, 8px);
1152
1156
  }
1153
- .awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form_hyvsj_1p6he_1072.awsui_animating_hyvsj_1p6he_760:not(#\9) {
1154
- animation: awsui_showButtons_hyvsj_1p6he_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1157
+ .awsui_show-tools_hyvsj_112by_1098.awsui_has-tools-form_hyvsj_112by_1076.awsui_animating_hyvsj_112by_764:not(#\9) {
1158
+ animation: awsui_showButtons_hyvsj_112by_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1155
1159
  }
1156
1160
  }
1157
1161
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1158
- .awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form_hyvsj_1p6he_1072.awsui_animating_hyvsj_1p6he_760:not(#\9) {
1162
+ .awsui_show-tools_hyvsj_112by_1098.awsui_has-tools-form_hyvsj_112by_1076.awsui_animating_hyvsj_112by_764:not(#\9) {
1159
1163
  animation: none;
1160
1164
  transition: none;
1161
1165
  }
1162
1166
  }
1163
1167
  @media (min-width: 689px) {
1164
- .awsui-motion-disabled .awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form_hyvsj_1p6he_1072.awsui_animating_hyvsj_1p6he_760:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form_hyvsj_1p6he_1072.awsui_animating_hyvsj_1p6he_760:not(#\9) {
1168
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_112by_1098.awsui_has-tools-form_hyvsj_112by_1076.awsui_animating_hyvsj_112by_764:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_112by_1098.awsui_has-tools-form_hyvsj_112by_1076.awsui_animating_hyvsj_112by_764:not(#\9) {
1165
1169
  animation: none;
1166
1170
  transition: none;
1167
1171
  }
1168
- .awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form-persistence_hyvsj_1p6he_1072:not(#\9) {
1172
+ .awsui_show-tools_hyvsj_112by_1098.awsui_has-tools-form-persistence_hyvsj_112by_1076:not(#\9) {
1169
1173
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1170
1174
  z-index: 1;
1171
1175
  }
@@ -1175,7 +1179,7 @@ handleSplitPanelMaxWidth function in the context.
1175
1179
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1176
1180
  SPDX-License-Identifier: Apache-2.0
1177
1181
  */
1178
- .awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9) {
1182
+ .awsui_trigger-badge-wrapper_hyvsj_112by_1180:not(#\9) {
1179
1183
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1180
1184
  border-radius: 50%;
1181
1185
  height: var(--space-layout-toggle-diameter-hb85rk, 36px);
@@ -1188,10 +1192,10 @@ handleSplitPanelMaxWidth function in the context.
1188
1192
  align-items: center;
1189
1193
  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");
1190
1194
  }
1191
- .awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9):hover {
1195
+ .awsui_trigger-badge-wrapper_hyvsj_112by_1180:not(#\9):hover {
1192
1196
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1193
1197
  }
1194
- .awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9):active {
1198
+ .awsui_trigger-badge-wrapper_hyvsj_112by_1180:not(#\9):active {
1195
1199
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1196
1200
  }
1197
1201
 
@@ -1200,7 +1204,7 @@ Warning! If these design tokens for width change it will adversely impact
1200
1204
  the calculation used to determine the Split Panel maximum width in the
1201
1205
  handleSplitPanelMaxWidth function in the context.
1202
1206
  */
1203
- .awsui_trigger_hyvsj_1p6he_1176:not(#\9) {
1207
+ .awsui_trigger_hyvsj_112by_1180:not(#\9) {
1204
1208
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1205
1209
  border-radius: 50%;
1206
1210
  height: var(--space-layout-toggle-diameter-hb85rk, 36px);
@@ -1211,20 +1215,20 @@ handleSplitPanelMaxWidth function in the context.
1211
1215
  pointer-events: auto;
1212
1216
  position: relative;
1213
1217
  }
1214
- .awsui_trigger_hyvsj_1p6he_1176:not(#\9):hover {
1218
+ .awsui_trigger_hyvsj_112by_1180:not(#\9):hover {
1215
1219
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1216
1220
  }
1217
- .awsui_trigger_hyvsj_1p6he_1176:not(#\9):active {
1221
+ .awsui_trigger_hyvsj_112by_1180:not(#\9):active {
1218
1222
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1219
1223
  }
1220
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1p6he_1176:not(#\9):focus {
1224
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_112by_1180:not(#\9):focus {
1221
1225
  position: relative;
1222
1226
  }
1223
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1p6he_1176:not(#\9):focus {
1227
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_112by_1180:not(#\9):focus {
1224
1228
  outline: 2px dotted transparent;
1225
1229
  outline-offset: calc(3px - 1px);
1226
1230
  }
1227
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1p6he_1176:not(#\9):focus::before {
1231
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_112by_1180:not(#\9):focus::before {
1228
1232
  content: " ";
1229
1233
  display: block;
1230
1234
  position: absolute;
@@ -1235,40 +1239,42 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1p6he_1176:not(#\9):foc
1235
1239
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1236
1240
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1237
1241
  }
1238
- .awsui_trigger_hyvsj_1p6he_1176:not(#\9):focus {
1242
+ .awsui_trigger_hyvsj_112by_1180:not(#\9):focus {
1239
1243
  outline: none;
1240
1244
  }
1241
- .awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239:not(#\9) {
1245
+ .awsui_trigger_hyvsj_112by_1180.awsui_selected_hyvsj_112by_1243:not(#\9) {
1242
1246
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1243
1247
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1244
1248
  }
1245
- .awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239:not(#\9):hover {
1249
+ .awsui_trigger_hyvsj_112by_1180.awsui_selected_hyvsj_112by_1243:not(#\9):hover {
1246
1250
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1247
1251
  }
1248
- .awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239:not(#\9):active {
1252
+ .awsui_trigger_hyvsj_112by_1180.awsui_selected_hyvsj_112by_1243:not(#\9):active {
1249
1253
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1250
1254
  }
1251
- .awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239 > .awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9) {
1255
+ .awsui_trigger_hyvsj_112by_1180.awsui_selected_hyvsj_112by_1243 > .awsui_trigger-badge-wrapper_hyvsj_112by_1180:not(#\9) {
1252
1256
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1253
1257
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1254
1258
  }
1255
- .awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239 > .awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9):hover {
1259
+ .awsui_trigger_hyvsj_112by_1180.awsui_selected_hyvsj_112by_1243 > .awsui_trigger-badge-wrapper_hyvsj_112by_1180:not(#\9):hover {
1256
1260
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1257
1261
  }
1258
- .awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239 > .awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9):active {
1262
+ .awsui_trigger_hyvsj_112by_1180.awsui_selected_hyvsj_112by_1243 > .awsui_trigger-badge-wrapper_hyvsj_112by_1180:not(#\9):active {
1259
1263
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1260
1264
  }
1261
- .awsui_trigger_hyvsj_1p6he_1176.awsui_badge_hyvsj_1p6he_1259:not(#\9), .awsui_trigger_hyvsj_1p6he_1176.awsui_badge_hyvsj_1p6he_1259:not(#\9):hover, .awsui_trigger_hyvsj_1p6he_1176.awsui_badge_hyvsj_1p6he_1259:not(#\9):active {
1265
+ .awsui_trigger_hyvsj_112by_1180.awsui_badge_hyvsj_112by_1263:not(#\9), .awsui_trigger_hyvsj_112by_1180.awsui_badge_hyvsj_112by_1263:not(#\9):hover, .awsui_trigger_hyvsj_112by_1180.awsui_badge_hyvsj_112by_1263:not(#\9):active {
1262
1266
  background: transparent;
1263
1267
  }
1264
1268
 
1265
- .awsui_trigger-wrapper_hyvsj_1p6he_1263:not(#\9) {
1269
+ .awsui_trigger-wrapper_hyvsj_112by_1267:not(#\9) {
1266
1270
  position: relative;
1267
- box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1268
1271
  border-radius: 50%;
1269
1272
  }
1273
+ .awsui_trigger-wrapper_hyvsj_112by_1267:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_112by_677) {
1274
+ box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1275
+ }
1270
1276
 
1271
- .awsui_dot_hyvsj_1p6he_1269:not(#\9) {
1277
+ .awsui_dot_hyvsj_112by_1275:not(#\9) {
1272
1278
  position: absolute;
1273
1279
  width: 9px;
1274
1280
  height: 9px;