@cloudscape-design/components 3.0.426 → 3.0.427

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 (52) hide show
  1. package/app-layout/index.d.ts.map +1 -1
  2. package/app-layout/index.js +3 -1
  3. package/app-layout/index.js.map +1 -1
  4. package/app-layout/visual-refresh/context.d.ts +1 -0
  5. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  6. package/app-layout/visual-refresh/context.js +4 -1
  7. package/app-layout/visual-refresh/context.js.map +1 -1
  8. package/app-layout/visual-refresh/layout.d.ts.map +1 -1
  9. package/app-layout/visual-refresh/layout.js +2 -1
  10. package/app-layout/visual-refresh/layout.js.map +1 -1
  11. package/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
  12. package/app-layout/visual-refresh/mobile-toolbar.js +4 -2
  13. package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  14. package/app-layout/visual-refresh/styles.css.js +78 -77
  15. package/app-layout/visual-refresh/styles.scoped.css +168 -165
  16. package/app-layout/visual-refresh/styles.selectors.js +78 -77
  17. package/{internal/components/drawer → drawer}/index.d.ts +1 -0
  18. package/drawer/index.d.ts.map +1 -0
  19. package/{internal/components/drawer → drawer}/index.js +10 -6
  20. package/drawer/index.js.map +1 -0
  21. package/{internal/components/drawer → drawer}/interfaces.d.ts +1 -1
  22. package/drawer/interfaces.d.ts.map +1 -0
  23. package/drawer/interfaces.js.map +1 -0
  24. package/{internal/components/drawer → drawer}/styles.css.js +3 -3
  25. package/{internal/components/drawer → drawer}/styles.scoped.css +8 -8
  26. package/{internal/components/drawer → drawer}/styles.selectors.js +3 -3
  27. package/index.d.ts +1 -0
  28. package/index.d.ts.map +1 -1
  29. package/index.js +1 -0
  30. package/index.js.map +1 -1
  31. package/internal/environment.js +1 -1
  32. package/internal/environment.json +1 -1
  33. package/internal/manifest.json +1 -1
  34. package/package.json +2 -1
  35. package/test-utils/dom/drawer/index.d.ts +6 -0
  36. package/test-utils/dom/drawer/index.js +17 -0
  37. package/test-utils/dom/drawer/index.js.map +1 -0
  38. package/test-utils/dom/index.d.ts +3 -0
  39. package/test-utils/dom/index.js +10 -2
  40. package/test-utils/dom/index.js.map +1 -1
  41. package/test-utils/selectors/drawer/index.d.ts +6 -0
  42. package/test-utils/selectors/drawer/index.js +17 -0
  43. package/test-utils/selectors/drawer/index.js.map +1 -0
  44. package/test-utils/selectors/index.d.ts +3 -0
  45. package/test-utils/selectors/index.js +10 -2
  46. package/test-utils/selectors/index.js.map +1 -1
  47. package/test-utils/tsconfig.tsbuildinfo +1 -1
  48. package/internal/components/drawer/index.d.ts.map +0 -1
  49. package/internal/components/drawer/index.js.map +0 -1
  50. package/internal/components/drawer/interfaces.d.ts.map +0 -1
  51. package/internal/components/drawer/interfaces.js.map +0 -1
  52. /package/{internal/components/drawer → drawer}/interfaces.js +0 -0
@@ -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_1dh3h_93:not(#\9) {
93
+ div.awsui_background_hyvsj_ae7i0_93:not(#\9) {
94
94
  display: contents;
95
95
  }
96
- div.awsui_background_hyvsj_1dh3h_93 > .awsui_scrolling-background_hyvsj_1dh3h_96:not(#\9) {
96
+ div.awsui_background_hyvsj_ae7i0_93 > .awsui_scrolling-background_hyvsj_ae7i0_96:not(#\9) {
97
97
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
98
98
  color: var(--color-text-body-default-2sxhhn, #000716);
99
99
  grid-column: 1/span 5;
100
100
  grid-row: 1/10;
101
101
  }
102
- div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102:not(#\9) {
102
+ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_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_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102:n
107
107
  top: var(--awsui-header-height-y98gph);
108
108
  z-index: 799;
109
109
  }
110
- div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1dh3h_110) {
110
+ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ae7i0_110) {
111
111
  height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
112
112
  }
113
- div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.awsui_has-sticky-notifications_hyvsj_1dh3h_110:not(#\9) {
113
+ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.awsui_has-sticky-notifications_hyvsj_ae7i0_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_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_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_1dh3h_123:not(#\9) {
123
+ .awsui_breadcrumbs_hyvsj_ae7i0_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_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
130
130
  be lifted so it doesn't render behind the background element.
131
131
  */
132
132
  }
133
- .awsui_breadcrumbs_hyvsj_1dh3h_123.awsui_has-sticky-background_hyvsj_1dh3h_133:not(#\9) {
133
+ .awsui_breadcrumbs_hyvsj_ae7i0_123.awsui_has-sticky-background_hyvsj_ae7i0_133:not(#\9) {
134
134
  z-index: 799;
135
135
  }
136
136
 
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_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_1dh3h_145:not(#\9) {
145
+ .awsui_drawers-container_hyvsj_ae7i0_145:not(#\9) {
146
146
  background-color: transparent;
147
147
  display: flex;
148
148
  grid-column: 5;
@@ -153,19 +153,19 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
153
153
  top: var(--awsui-offset-top-y98gph);
154
154
  z-index: 830;
155
155
  }
156
- .awsui_drawers-container_hyvsj_1dh3h_145.awsui_has-open-drawer_hyvsj_1dh3h_156:not(#\9) {
156
+ .awsui_drawers-container_hyvsj_ae7i0_145.awsui_has-open-drawer_hyvsj_ae7i0_156:not(#\9) {
157
157
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
158
158
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
159
159
  }
160
160
  @media (min-width: 689px) {
161
- .awsui_drawers-container_hyvsj_1dh3h_145:not(#\9) {
161
+ .awsui_drawers-container_hyvsj_ae7i0_145:not(#\9) {
162
162
  /* stylelint-disable scss/operator-no-newline-after */
163
163
  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));
164
164
  /* stylelint-enable scss/operator-no-newline-after */
165
165
  }
166
166
  }
167
167
  @media (max-width: 688px) {
168
- .awsui_drawers-container_hyvsj_1dh3h_145:not(#\9) {
168
+ .awsui_drawers-container_hyvsj_ae7i0_145:not(#\9) {
169
169
  position: fixed;
170
170
  right: 0;
171
171
  z-index: 1001;
@@ -177,12 +177,12 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
177
177
  relative to the body.
178
178
  */
179
179
  }
180
- .awsui_drawers-container_hyvsj_1dh3h_145.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9) {
180
+ .awsui_drawers-container_hyvsj_ae7i0_145.awsui_disable-body-scroll_hyvsj_ae7i0_180:not(#\9) {
181
181
  top: var(--awsui-header-height-y98gph);
182
182
  }
183
183
  }
184
184
 
185
- .awsui_drawers-desktop-triggers-container_hyvsj_1dh3h_185:not(#\9) {
185
+ .awsui_drawers-desktop-triggers-container_hyvsj_ae7i0_185:not(#\9) {
186
186
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
187
187
  border-collapse: separate;
188
188
  border-spacing: 0;
@@ -227,21 +227,21 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
227
227
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
228
228
  overscroll-behavior-y: contain;
229
229
  }
230
- .awsui_drawers-desktop-triggers-container_hyvsj_1dh3h_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1dh3h_204).awsui_has-open-drawer_hyvsj_1dh3h_156 {
230
+ .awsui_drawers-desktop-triggers-container_hyvsj_ae7i0_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ae7i0_204).awsui_has-open-drawer_hyvsj_ae7i0_156 {
231
231
  width: 0;
232
232
  }
233
- .awsui_drawers-desktop-triggers-container_hyvsj_1dh3h_185.awsui_has-multiple-triggers_hyvsj_1dh3h_204.awsui_has-open-drawer_hyvsj_1dh3h_156:not(#\9) {
233
+ .awsui_drawers-desktop-triggers-container_hyvsj_ae7i0_185.awsui_has-multiple-triggers_hyvsj_ae7i0_204.awsui_has-open-drawer_hyvsj_ae7i0_156:not(#\9) {
234
234
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
235
235
  }
236
- .awsui_drawers-desktop-triggers-container_hyvsj_1dh3h_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1dh3h_204):not(.awsui_has-open-drawer_hyvsj_1dh3h_156) {
236
+ .awsui_drawers-desktop-triggers-container_hyvsj_ae7i0_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ae7i0_204):not(.awsui_has-open-drawer_hyvsj_ae7i0_156) {
237
237
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
238
238
  }
239
239
 
240
- .awsui_drawers-mobile-triggers-container_hyvsj_1dh3h_214:not(#\9) {
240
+ .awsui_drawers-mobile-triggers-container_hyvsj_ae7i0_214:not(#\9) {
241
241
  display: flex;
242
242
  }
243
243
 
244
- .awsui_drawers-trigger-content_hyvsj_1dh3h_218:not(#\9) {
244
+ .awsui_drawers-trigger-content_hyvsj_ae7i0_218:not(#\9) {
245
245
  align-items: center;
246
246
  display: flex;
247
247
  flex-direction: column;
@@ -249,13 +249,13 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
249
249
  padding-top: var(--space-scaled-s-aqzyko, 12px);
250
250
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
251
251
  }
252
- .awsui_drawers-trigger-content_hyvsj_1dh3h_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1dh3h_204).awsui_has-open-drawer_hyvsj_1dh3h_156 {
252
+ .awsui_drawers-trigger-content_hyvsj_ae7i0_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ae7i0_204).awsui_has-open-drawer_hyvsj_ae7i0_156 {
253
253
  opacity: 0;
254
254
  }
255
- .awsui_drawers-trigger-content_hyvsj_1dh3h_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1dh3h_204):not(.awsui_has-open-drawer_hyvsj_1dh3h_156) {
255
+ .awsui_drawers-trigger-content_hyvsj_ae7i0_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ae7i0_204):not(.awsui_has-open-drawer_hyvsj_ae7i0_156) {
256
256
  opacity: 1;
257
257
  }
258
- .awsui_drawers-trigger-content_hyvsj_1dh3h_218 > .awsui_drawers-trigger-overflow_hyvsj_1dh3h_232:not(#\9) {
258
+ .awsui_drawers-trigger-content_hyvsj_ae7i0_218 > .awsui_drawers-trigger-overflow_hyvsj_ae7i0_232:not(#\9) {
259
259
  padding: 0 1px;
260
260
  display: flex;
261
261
  align-items: center;
@@ -263,14 +263,14 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
263
263
  }
264
264
 
265
265
  @media (max-width: 688px) {
266
- .awsui_drawers-trigger_hyvsj_1dh3h_218:not(#\9) {
266
+ .awsui_drawers-trigger_hyvsj_ae7i0_218:not(#\9) {
267
267
  width: 40px;
268
268
  display: flex;
269
269
  justify-content: center;
270
270
  }
271
271
  }
272
272
 
273
- .awsui_drawer_hyvsj_1dh3h_145:not(#\9) {
273
+ .awsui_drawer_hyvsj_ae7i0_145:not(#\9) {
274
274
  --awsui-drawer-size-y98gph: 290px;
275
275
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
276
276
  border-color: transparent;
@@ -285,7 +285,7 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
285
285
  pointer-events: auto;
286
286
  word-wrap: break-word;
287
287
  }
288
- .awsui_drawer_hyvsj_1dh3h_145 > .awsui_drawer-content-container_hyvsj_1dh3h_262:not(#\9) {
288
+ .awsui_drawer_hyvsj_ae7i0_145 > .awsui_drawer-content-container_hyvsj_ae7i0_262:not(#\9) {
289
289
  grid-column: 1/span 2;
290
290
  grid-row: 1;
291
291
  width: var(--awsui-drawer-size-y98gph);
@@ -294,40 +294,40 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
294
294
  grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
295
295
  overflow-y: auto;
296
296
  }
297
- .awsui_drawer_hyvsj_1dh3h_145 > .awsui_drawer-content-container_hyvsj_1dh3h_262 > .awsui_drawer-close-button_hyvsj_1dh3h_271:not(#\9) {
297
+ .awsui_drawer_hyvsj_ae7i0_145 > .awsui_drawer-content-container_hyvsj_ae7i0_262 > .awsui_drawer-close-button_hyvsj_ae7i0_271:not(#\9) {
298
298
  grid-column: 3;
299
299
  grid-row: 2;
300
300
  z-index: 1;
301
301
  }
302
- .awsui_drawer_hyvsj_1dh3h_145 > .awsui_drawer-content-container_hyvsj_1dh3h_262 > .awsui_drawer-content_hyvsj_1dh3h_262:not(#\9) {
302
+ .awsui_drawer_hyvsj_ae7i0_145 > .awsui_drawer-content-container_hyvsj_ae7i0_262 > .awsui_drawer-content_hyvsj_ae7i0_262:not(#\9) {
303
303
  grid-column: 1/span 4;
304
304
  }
305
- .awsui_drawer_hyvsj_1dh3h_145 > .awsui_drawer-content-container_hyvsj_1dh3h_262 > .awsui_drawer-content_hyvsj_1dh3h_262.awsui_drawer-content-hidden_hyvsj_1dh3h_279:not(#\9) {
305
+ .awsui_drawer_hyvsj_ae7i0_145 > .awsui_drawer-content-container_hyvsj_ae7i0_262 > .awsui_drawer-content_hyvsj_ae7i0_262.awsui_drawer-content-hidden_hyvsj_ae7i0_279:not(#\9) {
306
306
  display: none;
307
307
  }
308
- .awsui_drawer_hyvsj_1dh3h_145 > .awsui_drawer-slider_hyvsj_1dh3h_282:not(#\9) {
308
+ .awsui_drawer_hyvsj_ae7i0_145 > .awsui_drawer-slider_hyvsj_ae7i0_282:not(#\9) {
309
309
  grid-column: 1;
310
310
  grid-row: 1;
311
311
  height: 100%;
312
312
  display: flex;
313
313
  align-items: center;
314
314
  }
315
- .awsui_drawer_hyvsj_1dh3h_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1dh3h_289) {
315
+ .awsui_drawer_hyvsj_ae7i0_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_ae7i0_289) {
316
316
  opacity: 0;
317
317
  width: 0;
318
318
  }
319
- .awsui_drawer_hyvsj_1dh3h_145.awsui_is-drawer-open_hyvsj_1dh3h_289:not(#\9) {
319
+ .awsui_drawer_hyvsj_ae7i0_145.awsui_is-drawer-open_hyvsj_ae7i0_289:not(#\9) {
320
320
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
321
321
  opacity: 1;
322
322
  width: var(--awsui-drawer-size-y98gph);
323
323
  }
324
324
  @media (min-width: 2541px) {
325
- .awsui_drawer_hyvsj_1dh3h_145.awsui_is-drawer-open_hyvsj_1dh3h_289:not(#\9) {
325
+ .awsui_drawer_hyvsj_ae7i0_145.awsui_is-drawer-open_hyvsj_ae7i0_289:not(#\9) {
326
326
  --awsui-drawer-size-y98gph: 320px;
327
327
  }
328
328
  }
329
329
  @media (max-width: 688px) {
330
- .awsui_drawer_hyvsj_1dh3h_145.awsui_is-drawer-open_hyvsj_1dh3h_289:not(#\9) {
330
+ .awsui_drawer_hyvsj_ae7i0_145.awsui_is-drawer-open_hyvsj_ae7i0_289:not(#\9) {
331
331
  --awsui-drawer-size-y98gph: 100vw;
332
332
  width: 100vw;
333
333
  }
@@ -337,7 +337,7 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
337
337
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
338
338
  SPDX-License-Identifier: Apache-2.0
339
339
  */
340
- header.awsui_content_hyvsj_1dh3h_314:not(#\9) {
340
+ header.awsui_content_hyvsj_ae7i0_314:not(#\9) {
341
341
  grid-area: header;
342
342
  }
343
343
 
@@ -358,7 +358,7 @@ The minimum content width property is set to zero and applied under all
358
358
  circumstances regardless of whether the minContentWidth property is
359
359
  explicitly set in script.
360
360
  */
361
- .awsui_layout_hyvsj_1dh3h_335:not(#\9) {
361
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9) {
362
362
  --awsui-breadcrumbs-gap-y98gph: 0px;
363
363
  --awsui-content-gap-left-y98gph: 0px;
364
364
  --awsui-content-gap-right-y98gph: 0px;
@@ -441,133 +441,136 @@ explicitly set in script.
441
441
  */
442
442
  }
443
443
  @media (min-width: 1401px) {
444
- .awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418) {
444
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_418) {
445
445
  --awsui-default-max-content-width-y98gph: 1280px;
446
446
  }
447
447
  }
448
448
  @media (min-width: 1921px) {
449
- .awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418) {
449
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_418) {
450
450
  --awsui-default-max-content-width-y98gph: 1440px;
451
451
  }
452
452
  }
453
453
  @media (min-width: 2541px) {
454
- .awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418) {
454
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_418) {
455
455
  --awsui-default-max-content-width-y98gph: 1620px;
456
456
  }
457
457
  }
458
458
  @media (min-width: 1401px) {
459
- .awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418).awsui_content-type-dashboard_hyvsj_1dh3h_433 {
459
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_418).awsui_content-type-dashboard_hyvsj_ae7i0_433 {
460
460
  --awsui-default-max-content-width-y98gph: 1280px;
461
461
  }
462
462
  }
463
463
  @media (min-width: 1921px) {
464
- .awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418).awsui_content-type-dashboard_hyvsj_1dh3h_433 {
464
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_418).awsui_content-type-dashboard_hyvsj_ae7i0_433 {
465
465
  --awsui-default-max-content-width-y98gph: 1620px;
466
466
  }
467
467
  }
468
468
  @media (min-width: 2541px) {
469
- .awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418).awsui_content-type-dashboard_hyvsj_1dh3h_433 {
469
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_418).awsui_content-type-dashboard_hyvsj_ae7i0_433 {
470
470
  --awsui-default-max-content-width-y98gph: 2160px;
471
471
  }
472
472
  }
473
- .awsui_layout_hyvsj_1dh3h_335.awsui_has-max-content-width_hyvsj_1dh3h_418:not(#\9) {
473
+ .awsui_layout_hyvsj_ae7i0_335.awsui_has-max-content-width_hyvsj_ae7i0_418:not(#\9) {
474
474
  --awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
475
475
  }
476
- .awsui_layout_hyvsj_1dh3h_335.awsui_is-overlap-disabled_hyvsj_1dh3h_450:not(#\9) {
476
+ .awsui_layout_hyvsj_ae7i0_335.awsui_is-overlap-disabled_hyvsj_ae7i0_450:not(#\9) {
477
477
  --awsui-overlap-height-y98gph: 0;
478
478
  }
479
+ .awsui_layout_hyvsj_ae7i0_335.awsui_is-hide-mobile-toolbar_hyvsj_ae7i0_453:not(#\9) {
480
+ --awsui-mobile-bar-height-y98gph: 0px;
481
+ }
479
482
  @media (min-width: 993px) {
480
- .awsui_layout_hyvsj_1dh3h_335:not(#\9) {
483
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9) {
481
484
  --awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
482
485
  }
483
486
  }
484
487
  @media (max-width: 992px) {
485
- .awsui_layout_hyvsj_1dh3h_335:not(#\9) {
488
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9) {
486
489
  --awsui-default-min-content-width-y98gph: 0px;
487
490
  }
488
491
  }
489
- .awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1dh3h_110):not(.awsui_has-sticky-background_hyvsj_1dh3h_133) {
492
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ae7i0_110):not(.awsui_has-sticky-background_hyvsj_ae7i0_133) {
490
493
  --awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
491
494
  }
492
- .awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1dh3h_110).awsui_has-sticky-background_hyvsj_1dh3h_133 {
495
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ae7i0_110).awsui_has-sticky-background_hyvsj_ae7i0_133 {
493
496
  --awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
494
497
  }
495
- .awsui_layout_hyvsj_1dh3h_335.awsui_has-sticky-notifications_hyvsj_1dh3h_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1dh3h_133) {
498
+ .awsui_layout_hyvsj_ae7i0_335.awsui_has-sticky-notifications_hyvsj_ae7i0_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_ae7i0_133) {
496
499
  --awsui-offset-top-with-notifications-y98gph: calc(
497
500
  var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
498
501
  var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
499
502
  );
500
503
  }
501
- .awsui_layout_hyvsj_1dh3h_335.awsui_has-sticky-notifications_hyvsj_1dh3h_110.awsui_has-sticky-background_hyvsj_1dh3h_133:not(#\9) {
504
+ .awsui_layout_hyvsj_ae7i0_335.awsui_has-sticky-notifications_hyvsj_ae7i0_110.awsui_has-sticky-background_hyvsj_ae7i0_133:not(#\9) {
502
505
  --awsui-offset-top-with-notifications-y98gph: calc(
503
506
  var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
504
507
  var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
505
508
  );
506
509
  }
507
510
  @media (min-width: 689px) {
508
- .awsui_layout_hyvsj_1dh3h_335.awsui_has-content-gap-left_hyvsj_1dh3h_482:not(#\9) {
511
+ .awsui_layout_hyvsj_ae7i0_335.awsui_has-content-gap-left_hyvsj_ae7i0_485:not(#\9) {
509
512
  --awsui-content-gap-left-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
510
513
  }
511
- .awsui_layout_hyvsj_1dh3h_335.awsui_has-content-gap-right_hyvsj_1dh3h_485:not(#\9) {
514
+ .awsui_layout_hyvsj_ae7i0_335.awsui_has-content-gap-right_hyvsj_ae7i0_488:not(#\9) {
512
515
  --awsui-content-gap-right-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
513
516
  }
514
517
  }
515
518
  @media (max-width: 688px) {
516
- .awsui_layout_hyvsj_1dh3h_335:not(#\9) {
519
+ .awsui_layout_hyvsj_ae7i0_335:not(#\9) {
517
520
  --awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
518
521
  --awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
519
522
  }
520
523
  }
521
- .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9) {
524
+ .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9) {
522
525
  --awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
523
526
  }
524
- .awsui_layout_hyvsj_1dh3h_335.awsui_has-breadcrumbs_hyvsj_1dh3h_498:not(#\9) {
527
+ .awsui_layout_hyvsj_ae7i0_335.awsui_has-breadcrumbs_hyvsj_ae7i0_501:not(#\9) {
525
528
  --awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
526
529
  }
527
- .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-header_hyvsj_1dh3h_501:not(#\9), .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1dh3h_498).awsui_has-header_hyvsj_1dh3h_501 {
530
+ .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-header_hyvsj_ae7i0_504:not(#\9), .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ae7i0_501).awsui_has-header_hyvsj_ae7i0_504 {
528
531
  --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
529
532
  }
530
- .awsui_layout_hyvsj_1dh3h_335.awsui_has-breadcrumbs_hyvsj_1dh3h_498.awsui_has-header_hyvsj_1dh3h_501:not(#\9) {
533
+ .awsui_layout_hyvsj_ae7i0_335.awsui_has-breadcrumbs_hyvsj_ae7i0_501.awsui_has-header_hyvsj_ae7i0_504:not(#\9) {
531
534
  --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
532
535
  }
533
- .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1dh3h_498):not(.awsui_has-header_hyvsj_1dh3h_501) {
536
+ .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ae7i0_501):not(.awsui_has-header_hyvsj_ae7i0_504) {
534
537
  --awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
535
538
  }
536
- .awsui_layout_hyvsj_1dh3h_335.awsui_has-breadcrumbs_hyvsj_1dh3h_498:not(#\9):not(.awsui_has-header_hyvsj_1dh3h_501) {
539
+ .awsui_layout_hyvsj_ae7i0_335.awsui_has-breadcrumbs_hyvsj_ae7i0_501:not(#\9):not(.awsui_has-header_hyvsj_ae7i0_504) {
537
540
  --awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
538
541
  }
539
- .awsui_layout_hyvsj_1dh3h_335.awsui_has-breadcrumbs_hyvsj_1dh3h_498:not(#\9):not(.awsui_has-header_hyvsj_1dh3h_501).awsui_is-overlap-disabled_hyvsj_1dh3h_450 {
542
+ .awsui_layout_hyvsj_ae7i0_335.awsui_has-breadcrumbs_hyvsj_ae7i0_501:not(#\9):not(.awsui_has-header_hyvsj_ae7i0_504).awsui_is-overlap-disabled_hyvsj_ae7i0_450 {
540
543
  --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
541
544
  }
542
- .awsui_layout_hyvsj_1dh3h_335.awsui_has-breadcrumbs_hyvsj_1dh3h_498:not(#\9):not(.awsui_has-header_hyvsj_1dh3h_501):not(.awsui_is-overlap-disabled_hyvsj_1dh3h_450) {
545
+ .awsui_layout_hyvsj_ae7i0_335.awsui_has-breadcrumbs_hyvsj_ae7i0_501:not(#\9):not(.awsui_has-header_hyvsj_ae7i0_504):not(.awsui_is-overlap-disabled_hyvsj_ae7i0_450) {
543
546
  --awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
544
547
  }
545
- .awsui_layout_hyvsj_1dh3h_335.awsui_has-header_hyvsj_1dh3h_501:not(#\9) {
548
+ .awsui_layout_hyvsj_ae7i0_335.awsui_has-header_hyvsj_ae7i0_504:not(#\9) {
546
549
  --awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
547
550
  }
548
- .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-main_hyvsj_1dh3h_522:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1dh3h_450), .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-main_hyvsj_1dh3h_522.awsui_is-overlap-disabled_hyvsj_1dh3h_450:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1dh3h_522) {
551
+ .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-main_hyvsj_ae7i0_525:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_ae7i0_450), .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-main_hyvsj_ae7i0_525.awsui_is-overlap-disabled_hyvsj_ae7i0_450:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ae7i0_525) {
549
552
  --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
550
553
  }
551
554
  @media (min-width: 689px) {
552
- .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-main_hyvsj_1dh3h_522:not(#\9):not(.awsui_has-header_hyvsj_1dh3h_501) {
555
+ .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-main_hyvsj_ae7i0_525:not(#\9):not(.awsui_has-header_hyvsj_ae7i0_504) {
553
556
  --awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
554
557
  --awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
555
558
  }
556
559
  }
557
560
  @media (max-width: 688px) {
558
- .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9) {
561
+ .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9) {
559
562
  --awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
560
563
  }
561
- .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-header_hyvsj_1dh3h_501:not(#\9) {
564
+ .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-header_hyvsj_ae7i0_504:not(#\9) {
562
565
  --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
563
566
  }
564
- .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1dh3h_498).awsui_has-header_hyvsj_1dh3h_501 {
567
+ .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ae7i0_501).awsui_has-header_hyvsj_ae7i0_504 {
565
568
  --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
566
569
  }
567
- .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1dh3h_498):not(.awsui_has-header_hyvsj_1dh3h_501), .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-main_hyvsj_1dh3h_522:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1dh3h_450) {
570
+ .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ae7i0_501):not(.awsui_has-header_hyvsj_ae7i0_504), .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-main_hyvsj_ae7i0_525:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_ae7i0_450) {
568
571
  --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
569
572
  }
570
- .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-main_hyvsj_1dh3h_522.awsui_is-overlap-disabled_hyvsj_1dh3h_450:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1dh3h_522) {
573
+ .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-main_hyvsj_ae7i0_525.awsui_is-overlap-disabled_hyvsj_ae7i0_450:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ae7i0_525) {
571
574
  --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
572
575
  }
573
576
  }
@@ -582,19 +585,19 @@ not matter. The offset top value for AppLayout contentMain children with
582
585
  position: sticky will be the value of the notifications height in addition to the
583
586
  notifications top margin and some additional vertical space for aesthetics.
584
587
  */
585
- .awsui_layout_hyvsj_1dh3h_335.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9) {
588
+ .awsui_layout_hyvsj_ae7i0_335.awsui_disable-body-scroll_hyvsj_ae7i0_180:not(#\9) {
586
589
  --awsui-main-template-rows-y98gph: 1fr auto;
587
590
  --awsui-offset-top-y98gph: 0px;
588
591
  height: var(--awsui-content-height-y98gph);
589
592
  overflow-y: scroll;
590
593
  }
591
- .awsui_layout_hyvsj_1dh3h_335.awsui_disable-body-scroll_hyvsj_1dh3h_180.awsui_has-split-panel_hyvsj_1dh3h_565.awsui_split-panel-position-bottom_hyvsj_1dh3h_565:not(#\9) {
594
+ .awsui_layout_hyvsj_ae7i0_335.awsui_disable-body-scroll_hyvsj_ae7i0_180.awsui_has-split-panel_hyvsj_ae7i0_568.awsui_split-panel-position-bottom_hyvsj_ae7i0_568:not(#\9) {
592
595
  --awsui-main-template-rows-y98gph: repeat(2, auto);
593
596
  }
594
- .awsui_layout_hyvsj_1dh3h_335.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1dh3h_110) {
597
+ .awsui_layout_hyvsj_ae7i0_335.awsui_disable-body-scroll_hyvsj_ae7i0_180:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ae7i0_110) {
595
598
  --awsui-offset-top-with-notifications-y98gph: 0px;
596
599
  }
597
- .awsui_layout_hyvsj_1dh3h_335.awsui_disable-body-scroll_hyvsj_1dh3h_180.awsui_has-sticky-notifications_hyvsj_1dh3h_110:not(#\9) {
600
+ .awsui_layout_hyvsj_ae7i0_335.awsui_disable-body-scroll_hyvsj_ae7i0_180.awsui_has-sticky-notifications_hyvsj_ae7i0_110:not(#\9) {
598
601
  --awsui-offset-top-with-notifications-y98gph: calc(
599
602
  var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
600
603
  );
@@ -604,13 +607,13 @@ notifications top margin and some additional vertical space for aesthetics.
604
607
  This CSS class is applied to the document body to prevent overflow scrolling
605
608
  when the navigation or tools drawers are open in responsive viewports.
606
609
  */
607
- .awsui_block-body-scroll_hyvsj_1dh3h_581:not(#\9) {
610
+ .awsui_block-body-scroll_hyvsj_ae7i0_584:not(#\9) {
608
611
  overflow: hidden;
609
612
  }
610
613
 
611
614
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
612
- .awsui_unfocusable_hyvsj_1dh3h_586:not(#\9),
613
- .awsui_unfocusable_hyvsj_1dh3h_586 *:not(#\9) {
615
+ .awsui_unfocusable_hyvsj_ae7i0_589:not(#\9),
616
+ .awsui_unfocusable_hyvsj_ae7i0_589 *:not(#\9) {
614
617
  visibility: hidden !important;
615
618
  }
616
619
 
@@ -619,7 +622,7 @@ when the navigation or tools drawers are open in responsive viewports.
619
622
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
620
623
  SPDX-License-Identifier: Apache-2.0
621
624
  */
622
- .awsui_container_hyvsj_1dh3h_596:not(#\9) {
625
+ .awsui_container_hyvsj_ae7i0_599:not(#\9) {
623
626
  grid-area: main;
624
627
  padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
625
628
  /*
@@ -636,18 +639,18 @@ when the navigation or tools drawers are open in responsive viewports.
636
639
  on the right, we decrement the column end by one.
637
640
  */
638
641
  }
639
- .awsui_container_hyvsj_1dh3h_596.awsui_has-split-panel_hyvsj_1dh3h_565.awsui_split-panel-position-bottom_hyvsj_1dh3h_565:not(#\9) {
642
+ .awsui_container_hyvsj_ae7i0_599.awsui_has-split-panel_hyvsj_ae7i0_568.awsui_split-panel-position-bottom_hyvsj_ae7i0_568:not(#\9) {
640
643
  padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
641
644
  }
642
- .awsui_container_hyvsj_1dh3h_596.awsui_disable-content-paddings_hyvsj_1dh3h_522:not(#\9) {
645
+ .awsui_container_hyvsj_ae7i0_599.awsui_disable-content-paddings_hyvsj_ae7i0_525:not(#\9) {
643
646
  grid-column: 1/6;
644
647
  padding: 0;
645
648
  }
646
649
  @media (min-width: 689px) {
647
- .awsui_container_hyvsj_1dh3h_596.awsui_disable-content-paddings_hyvsj_1dh3h_522.awsui_is-navigation-open_hyvsj_1dh3h_621:not(#\9) {
650
+ .awsui_container_hyvsj_ae7i0_599.awsui_disable-content-paddings_hyvsj_ae7i0_525.awsui_is-navigation-open_hyvsj_ae7i0_624:not(#\9) {
648
651
  grid-column-start: 2;
649
652
  }
650
- .awsui_container_hyvsj_1dh3h_596.awsui_disable-content-paddings_hyvsj_1dh3h_522.awsui_is-tools-open_hyvsj_1dh3h_624:not(#\9), .awsui_container_hyvsj_1dh3h_596.awsui_disable-content-paddings_hyvsj_1dh3h_522.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_split-panel-position-side_hyvsj_1dh3h_624:not(#\9), .awsui_container_hyvsj_1dh3h_596.awsui_disable-content-paddings_hyvsj_1dh3h_522.awsui_has-active-drawer_hyvsj_1dh3h_624:not(#\9) {
653
+ .awsui_container_hyvsj_ae7i0_599.awsui_disable-content-paddings_hyvsj_ae7i0_525.awsui_is-tools-open_hyvsj_ae7i0_627:not(#\9), .awsui_container_hyvsj_ae7i0_599.awsui_disable-content-paddings_hyvsj_ae7i0_525.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_split-panel-position-side_hyvsj_ae7i0_627:not(#\9), .awsui_container_hyvsj_ae7i0_599.awsui_disable-content-paddings_hyvsj_ae7i0_525.awsui_has-active-drawer_hyvsj_ae7i0_627:not(#\9) {
651
654
  grid-column-end: 5;
652
655
  }
653
656
  }
@@ -656,7 +659,7 @@ when the navigation or tools drawers are open in responsive viewports.
656
659
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
657
660
  SPDX-License-Identifier: Apache-2.0
658
661
  */
659
- section.awsui_mobile-toolbar_hyvsj_1dh3h_633:not(#\9) {
662
+ section.awsui_mobile-toolbar_hyvsj_ae7i0_636:not(#\9) {
660
663
  align-items: center;
661
664
  background-color: var(--color-background-home-header-2rudu7, #000716);
662
665
  border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
@@ -672,15 +675,15 @@ section.awsui_mobile-toolbar_hyvsj_1dh3h_633:not(#\9) {
672
675
  top: var(--awsui-offset-top-y98gph);
673
676
  z-index: 1000;
674
677
  }
675
- section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-nav_hyvsj_1dh3h_649:not(#\9) {
678
+ section.awsui_mobile-toolbar_hyvsj_ae7i0_636 > .awsui_mobile-toolbar-nav_hyvsj_ae7i0_652:not(#\9) {
676
679
  grid-column: 1;
677
680
  margin-right: var(--space-m-udix3p, 16px);
678
681
  }
679
- section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1dh3h_653:not(#\9) {
682
+ section.awsui_mobile-toolbar_hyvsj_ae7i0_636 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_ae7i0_656:not(#\9) {
680
683
  grid-column: 2;
681
684
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
682
685
  }
683
- section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-tools_hyvsj_1dh3h_657:not(#\9) {
686
+ section.awsui_mobile-toolbar_hyvsj_ae7i0_636 > .awsui_mobile-toolbar-tools_hyvsj_ae7i0_660:not(#\9) {
684
687
  grid-column: 3;
685
688
  margin-left: var(--space-m-udix3p, 16px);
686
689
  }
@@ -689,7 +692,7 @@ section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-tools_hyvsj
689
692
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
690
693
  SPDX-License-Identifier: Apache-2.0
691
694
  */
692
- .awsui_navigation-container_hyvsj_1dh3h_666:not(#\9) {
695
+ .awsui_navigation-container_hyvsj_ae7i0_669:not(#\9) {
693
696
  --awsui-navigation-width-y98gph: 280px;
694
697
  display: flex;
695
698
  grid-column: 1;
@@ -711,12 +714,12 @@ section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-tools_hyvsj
711
714
  pointer-events: none;
712
715
  }
713
716
  @media (min-width: 2541px) {
714
- .awsui_navigation-container_hyvsj_1dh3h_666:not(#\9) {
717
+ .awsui_navigation-container_hyvsj_ae7i0_669:not(#\9) {
715
718
  --awsui-navigation-width-y98gph: 320px;
716
719
  }
717
720
  }
718
721
  @media (max-width: 688px) {
719
- .awsui_navigation-container_hyvsj_1dh3h_666:not(#\9) {
722
+ .awsui_navigation-container_hyvsj_ae7i0_669:not(#\9) {
720
723
  left: 0;
721
724
  position: fixed;
722
725
  z-index: 1001;
@@ -728,19 +731,19 @@ section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-tools_hyvsj
728
731
  relative to the body.
729
732
  */
730
733
  }
731
- .awsui_navigation-container_hyvsj_1dh3h_666.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9) {
734
+ .awsui_navigation-container_hyvsj_ae7i0_669.awsui_disable-body-scroll_hyvsj_ae7i0_180:not(#\9) {
732
735
  top: var(--awsui-header-height-y98gph);
733
736
  }
734
737
  }
735
738
 
736
- nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9) {
739
+ nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9) {
737
740
  padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
738
741
  /*
739
742
  Apply the animation only in desktop viewports because the MobileToolbar will
740
743
  take control in responsive viewports.
741
744
  */
742
745
  }
743
- @keyframes awsui_showButtons_hyvsj_1dh3h_1 {
746
+ @keyframes awsui_showButtons_hyvsj_ae7i0_1 {
744
747
  0% {
745
748
  opacity: 0;
746
749
  }
@@ -748,31 +751,31 @@ nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9) {
748
751
  opacity: 1;
749
752
  }
750
753
  }
751
- nav.awsui_show-navigation_hyvsj_1dh3h_710.awsui_is-navigation-open_hyvsj_1dh3h_621:not(#\9) {
754
+ nav.awsui_show-navigation_hyvsj_ae7i0_713.awsui_is-navigation-open_hyvsj_ae7i0_624:not(#\9) {
752
755
  display: none;
753
756
  }
754
757
  @media (min-width: 689px) {
755
- nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621) {
758
+ nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624) {
756
759
  display: block;
757
760
  }
758
- nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621).awsui_animating_hyvsj_1dh3h_732 {
759
- animation: awsui_showButtons_hyvsj_1dh3h_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
761
+ nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624).awsui_animating_hyvsj_ae7i0_735 {
762
+ animation: awsui_showButtons_hyvsj_ae7i0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
760
763
  }
761
764
  }
762
765
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
763
- nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621).awsui_animating_hyvsj_1dh3h_732 {
766
+ nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624).awsui_animating_hyvsj_ae7i0_735 {
764
767
  animation: none;
765
768
  transition: none;
766
769
  }
767
770
  }
768
771
  @media (min-width: 689px) {
769
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621).awsui_animating_hyvsj_1dh3h_732, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621).awsui_animating_hyvsj_1dh3h_732 {
772
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624).awsui_animating_hyvsj_ae7i0_735, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624).awsui_animating_hyvsj_ae7i0_735 {
770
773
  animation: none;
771
774
  transition: none;
772
775
  }
773
776
  }
774
777
 
775
- nav.awsui_navigation_hyvsj_1dh3h_666:not(#\9) {
778
+ nav.awsui_navigation_hyvsj_ae7i0_669:not(#\9) {
776
779
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
777
780
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
778
781
  bottom: 0;
@@ -790,7 +793,7 @@ nav.awsui_navigation_hyvsj_1dh3h_666:not(#\9) {
790
793
  prevent unwanted text wrapping.
791
794
  */
792
795
  }
793
- @keyframes awsui_openNavigation_hyvsj_1dh3h_1 {
796
+ @keyframes awsui_openNavigation_hyvsj_ae7i0_1 {
794
797
  from {
795
798
  opacity: 0;
796
799
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
@@ -800,33 +803,33 @@ nav.awsui_navigation_hyvsj_1dh3h_666:not(#\9) {
800
803
  width: var(--awsui-navigation-width-y98gph);
801
804
  }
802
805
  }
803
- nav.awsui_navigation_hyvsj_1dh3h_666:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621) {
806
+ nav.awsui_navigation_hyvsj_ae7i0_669:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624) {
804
807
  width: 0;
805
808
  display: none;
806
809
  }
807
- nav.awsui_navigation_hyvsj_1dh3h_666.awsui_is-navigation-open_hyvsj_1dh3h_621.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
808
- animation: awsui_openNavigation_hyvsj_1dh3h_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
810
+ nav.awsui_navigation_hyvsj_ae7i0_669.awsui_is-navigation-open_hyvsj_ae7i0_624.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
811
+ animation: awsui_openNavigation_hyvsj_ae7i0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
809
812
  }
810
813
  @media (prefers-reduced-motion: reduce) {
811
- nav.awsui_navigation_hyvsj_1dh3h_666.awsui_is-navigation-open_hyvsj_1dh3h_621.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
814
+ nav.awsui_navigation_hyvsj_ae7i0_669.awsui_is-navigation-open_hyvsj_ae7i0_624.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
812
815
  animation: none;
813
816
  transition: none;
814
817
  }
815
818
  }
816
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_1dh3h_666.awsui_is-navigation-open_hyvsj_1dh3h_621.awsui_animating_hyvsj_1dh3h_732:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1dh3h_666.awsui_is-navigation-open_hyvsj_1dh3h_621.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
819
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_ae7i0_669.awsui_is-navigation-open_hyvsj_ae7i0_624.awsui_animating_hyvsj_ae7i0_735:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_ae7i0_669.awsui_is-navigation-open_hyvsj_ae7i0_624.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
817
820
  animation: none;
818
821
  transition: none;
819
822
  }
820
- nav.awsui_navigation_hyvsj_1dh3h_666 > .awsui_animated-content_hyvsj_1dh3h_794:not(#\9) {
823
+ nav.awsui_navigation_hyvsj_ae7i0_669 > .awsui_animated-content_hyvsj_ae7i0_797:not(#\9) {
821
824
  width: var(--awsui-navigation-width-y98gph);
822
825
  }
823
826
  @media (max-width: 688px) {
824
- nav.awsui_navigation_hyvsj_1dh3h_666:not(#\9) {
827
+ nav.awsui_navigation_hyvsj_ae7i0_669:not(#\9) {
825
828
  --awsui-navigation-width-y98gph: 100vw;
826
829
  }
827
830
  }
828
831
 
829
- .awsui_hide-navigation_hyvsj_1dh3h_803:not(#\9) {
832
+ .awsui_hide-navigation_hyvsj_ae7i0_806:not(#\9) {
830
833
  position: absolute;
831
834
  right: var(--space-m-udix3p, 16px);
832
835
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -836,13 +839,13 @@ nav.awsui_navigation_hyvsj_1dh3h_666 > .awsui_animated-content_hyvsj_1dh3h_794:n
836
839
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
837
840
  SPDX-License-Identifier: Apache-2.0
838
841
  */
839
- .awsui_notifications_hyvsj_1dh3h_813:not(#\9) {
842
+ .awsui_notifications_hyvsj_ae7i0_816:not(#\9) {
840
843
  color: var(--color-text-body-default-2sxhhn, #000716);
841
844
  grid-area: notifications;
842
845
  z-index: 850;
843
846
  }
844
847
  @media (min-width: 689px) {
845
- .awsui_notifications_hyvsj_1dh3h_813.awsui_sticky-notifications_hyvsj_1dh3h_819:not(#\9) {
848
+ .awsui_notifications_hyvsj_ae7i0_816.awsui_sticky-notifications_hyvsj_ae7i0_822:not(#\9) {
846
849
  --awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
847
850
  position: sticky;
848
851
  top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
@@ -859,7 +862,7 @@ as the content area. This row is defined as 1 fractional unit which will
859
862
  consume the remaining vertical space in the grid after the notifications
860
863
  and breadcrumbs.
861
864
  */
862
- section.awsui_split-panel-bottom_hyvsj_1dh3h_836:not(#\9) {
865
+ section.awsui_split-panel-bottom_hyvsj_ae7i0_839:not(#\9) {
863
866
  /*
864
867
  The align self property will position the split panel at the bottom of the grid row.
865
868
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -895,7 +898,7 @@ section.awsui_split-panel-bottom_hyvsj_1dh3h_836:not(#\9) {
895
898
  apply the animation to the height property.
896
899
  */
897
900
  }
898
- @keyframes awsui_openSplitPanelBottom_hyvsj_1dh3h_1 {
901
+ @keyframes awsui_openSplitPanelBottom_hyvsj_ae7i0_1 {
899
902
  from {
900
903
  height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
901
904
  }
@@ -903,39 +906,39 @@ section.awsui_split-panel-bottom_hyvsj_1dh3h_836:not(#\9) {
903
906
  height: var(--awsui-split-panel-reported-size-y98gph);
904
907
  }
905
908
  }
906
- section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9) {
909
+ section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_disable-body-scroll_hyvsj_ae7i0_180:not(#\9) {
907
910
  bottom: 0;
908
911
  }
909
- section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-navigation-open_hyvsj_1dh3h_621.awsui_position-bottom_hyvsj_1dh3h_883:not(#\9) {
912
+ section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-navigation-open_hyvsj_ae7i0_624.awsui_position-bottom_hyvsj_ae7i0_886:not(#\9) {
910
913
  grid-column-start: 2;
911
914
  }
912
- section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_has-open-drawer_hyvsj_1dh3h_156.awsui_position-bottom_hyvsj_1dh3h_883:not(#\9) {
915
+ section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_has-open-drawer_hyvsj_ae7i0_156.awsui_position-bottom_hyvsj_ae7i0_886:not(#\9) {
913
916
  grid-column-end: 5;
914
917
  }
915
- section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_position-bottom_hyvsj_1dh3h_883:not(#\9) {
918
+ section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_position-bottom_hyvsj_ae7i0_886:not(#\9) {
916
919
  display: block;
917
920
  }
918
- section.awsui_split-panel-bottom_hyvsj_1dh3h_836:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1dh3h_624).awsui_position-bottom_hyvsj_1dh3h_883 {
921
+ section.awsui_split-panel-bottom_hyvsj_ae7i0_839:not(#\9):not(.awsui_is-split-panel-open_hyvsj_ae7i0_627).awsui_position-bottom_hyvsj_ae7i0_886 {
919
922
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
920
923
  }
921
- section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-bottom_hyvsj_1dh3h_883:not(#\9) {
924
+ section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-bottom_hyvsj_ae7i0_886:not(#\9) {
922
925
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
923
926
  }
924
- section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-bottom_hyvsj_1dh3h_883.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
925
- animation: awsui_openSplitPanelBottom_hyvsj_1dh3h_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
927
+ section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-bottom_hyvsj_ae7i0_886.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
928
+ animation: awsui_openSplitPanelBottom_hyvsj_ae7i0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
926
929
  }
927
930
  @media (prefers-reduced-motion: reduce) {
928
- section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-bottom_hyvsj_1dh3h_883.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
931
+ section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-bottom_hyvsj_ae7i0_886.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
929
932
  animation: none;
930
933
  transition: none;
931
934
  }
932
935
  }
933
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-bottom_hyvsj_1dh3h_883.awsui_animating_hyvsj_1dh3h_732:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-bottom_hyvsj_1dh3h_883.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
936
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-bottom_hyvsj_ae7i0_886.awsui_animating_hyvsj_ae7i0_735:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-bottom_hyvsj_ae7i0_886.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
934
937
  animation: none;
935
938
  transition: none;
936
939
  }
937
940
 
938
- section.awsui_split-panel-side_hyvsj_1dh3h_912:not(#\9) {
941
+ section.awsui_split-panel-side_hyvsj_ae7i0_915:not(#\9) {
939
942
  height: 100%;
940
943
  overflow-x: hidden;
941
944
  pointer-events: auto;
@@ -945,10 +948,10 @@ section.awsui_split-panel-side_hyvsj_1dh3h_912:not(#\9) {
945
948
  be persistent in the DOM when closed.
946
949
  */
947
950
  }
948
- section.awsui_split-panel-side_hyvsj_1dh3h_912:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1dh3h_624), section.awsui_split-panel-side_hyvsj_1dh3h_912.awsui_position-bottom_hyvsj_1dh3h_883:not(#\9) {
951
+ section.awsui_split-panel-side_hyvsj_ae7i0_915:not(#\9):not(.awsui_is-split-panel-open_hyvsj_ae7i0_627), section.awsui_split-panel-side_hyvsj_ae7i0_915.awsui_position-bottom_hyvsj_ae7i0_886:not(#\9) {
949
952
  width: 0;
950
953
  }
951
- section.awsui_split-panel-side_hyvsj_1dh3h_912.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-side_hyvsj_1dh3h_925:not(#\9) {
954
+ section.awsui_split-panel-side_hyvsj_ae7i0_915.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-side_hyvsj_ae7i0_928:not(#\9) {
952
955
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
953
956
  max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
954
957
  min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
@@ -967,7 +970,7 @@ content width has a default value that can be set directly with the minContentWi
967
970
  property. The content gap right is computed in the Layout styles based on the
968
971
  viewport size and state of the Tools drawer.
969
972
  */
970
- .awsui_tools-container_hyvsj_1dh3h_944:not(#\9) {
973
+ .awsui_tools-container_hyvsj_ae7i0_947:not(#\9) {
971
974
  /* stylelint-disable scss/operator-no-newline-after */
972
975
  --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));
973
976
  /* stylelint-enable scss/operator-no-newline-after */
@@ -983,12 +986,12 @@ viewport size and state of the Tools drawer.
983
986
  pointer-events: none;
984
987
  }
985
988
  @media (min-width: 2541px) {
986
- .awsui_tools-container_hyvsj_1dh3h_944:not(#\9) {
989
+ .awsui_tools-container_hyvsj_ae7i0_947:not(#\9) {
987
990
  --awsui-tools-width-y98gph: 360px;
988
991
  }
989
992
  }
990
993
  @media (max-width: 688px) {
991
- .awsui_tools-container_hyvsj_1dh3h_944:not(#\9) {
994
+ .awsui_tools-container_hyvsj_ae7i0_947:not(#\9) {
992
995
  --awsui-tools-max-width-y98gph: none;
993
996
  --awsui-tools-width-y98gph: auto;
994
997
  position: fixed;
@@ -1002,12 +1005,12 @@ viewport size and state of the Tools drawer.
1002
1005
  relative to the body.
1003
1006
  */
1004
1007
  }
1005
- .awsui_tools-container_hyvsj_1dh3h_944.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9) {
1008
+ .awsui_tools-container_hyvsj_ae7i0_947.awsui_disable-body-scroll_hyvsj_ae7i0_180:not(#\9) {
1006
1009
  top: var(--awsui-header-height-y98gph);
1007
1010
  }
1008
1011
  }
1009
1012
 
1010
- .awsui_tools_hyvsj_1dh3h_944:not(#\9) {
1013
+ .awsui_tools_hyvsj_ae7i0_947:not(#\9) {
1011
1014
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1012
1015
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
1013
1016
  flex-shrink: 0;
@@ -1031,7 +1034,7 @@ viewport size and state of the Tools drawer.
1031
1034
  in the side position.
1032
1035
  */
1033
1036
  }
1034
- @keyframes awsui_openTools_hyvsj_1dh3h_1 {
1037
+ @keyframes awsui_openTools_hyvsj_ae7i0_1 {
1035
1038
  from {
1036
1039
  opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
1037
1040
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
@@ -1041,38 +1044,38 @@ viewport size and state of the Tools drawer.
1041
1044
  width: var(--awsui-tools-width-y98gph);
1042
1045
  }
1043
1046
  }
1044
- .awsui_tools_hyvsj_1dh3h_944:not(#\9):not(.awsui_is-tools-open_hyvsj_1dh3h_624) {
1047
+ .awsui_tools_hyvsj_ae7i0_947:not(#\9):not(.awsui_is-tools-open_hyvsj_ae7i0_627) {
1045
1048
  width: 0;
1046
1049
  display: none;
1047
1050
  }
1048
- .awsui_tools_hyvsj_1dh3h_944.awsui_is-tools-open_hyvsj_1dh3h_624.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
1049
- animation: awsui_openTools_hyvsj_1dh3h_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1051
+ .awsui_tools_hyvsj_ae7i0_947.awsui_is-tools-open_hyvsj_ae7i0_627.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
1052
+ animation: awsui_openTools_hyvsj_ae7i0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1050
1053
  }
1051
1054
  @media (prefers-reduced-motion: reduce) {
1052
- .awsui_tools_hyvsj_1dh3h_944.awsui_is-tools-open_hyvsj_1dh3h_624.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
1055
+ .awsui_tools_hyvsj_ae7i0_947.awsui_is-tools-open_hyvsj_ae7i0_627.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
1053
1056
  animation: none;
1054
1057
  transition: none;
1055
1058
  }
1056
1059
  }
1057
- .awsui-motion-disabled .awsui_tools_hyvsj_1dh3h_944.awsui_is-tools-open_hyvsj_1dh3h_624.awsui_animating_hyvsj_1dh3h_732:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1dh3h_944.awsui_is-tools-open_hyvsj_1dh3h_624.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
1060
+ .awsui-motion-disabled .awsui_tools_hyvsj_ae7i0_947.awsui_is-tools-open_hyvsj_ae7i0_627.awsui_animating_hyvsj_ae7i0_735:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_ae7i0_947.awsui_is-tools-open_hyvsj_ae7i0_627.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
1058
1061
  animation: none;
1059
1062
  transition: none;
1060
1063
  }
1061
- .awsui_tools_hyvsj_1dh3h_944 > .awsui_animated-content_hyvsj_1dh3h_794:not(#\9) {
1064
+ .awsui_tools_hyvsj_ae7i0_947 > .awsui_animated-content_hyvsj_ae7i0_797:not(#\9) {
1062
1065
  width: var(--awsui-tools-width-y98gph);
1063
1066
  }
1064
1067
  @media (min-width: 689px) {
1065
- .awsui_tools_hyvsj_1dh3h_944.awsui_is-tools-open_hyvsj_1dh3h_624.awsui_has-tools-form-persistence_hyvsj_1dh3h_1039:not(#\9) {
1068
+ .awsui_tools_hyvsj_ae7i0_947.awsui_is-tools-open_hyvsj_ae7i0_627.awsui_has-tools-form-persistence_hyvsj_ae7i0_1042:not(#\9) {
1066
1069
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
1067
1070
  }
1068
1071
  }
1069
1072
  @media (max-width: 688px) {
1070
- .awsui_tools_hyvsj_1dh3h_944:not(#\9) {
1073
+ .awsui_tools_hyvsj_ae7i0_947:not(#\9) {
1071
1074
  --awsui-tools-width-y98gph: 100vw;
1072
1075
  }
1073
1076
  }
1074
1077
 
1075
- .awsui_hide-tools_hyvsj_1dh3h_1049:not(#\9) {
1078
+ .awsui_hide-tools_hyvsj_ae7i0_1052:not(#\9) {
1076
1079
  position: absolute;
1077
1080
  right: var(--space-m-udix3p, 16px);
1078
1081
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1084,7 +1087,7 @@ Warning! If these design tokens for padding change it will adversely impact
1084
1087
  the calculation used to determine the Split Panel maximum width in the
1085
1088
  handleSplitPanelMaxWidth function in the context.
1086
1089
  */
1087
- .awsui_show-tools_hyvsj_1dh3h_1061:not(#\9) {
1090
+ .awsui_show-tools_hyvsj_ae7i0_1064:not(#\9) {
1088
1091
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1089
1092
  border-collapse: separate;
1090
1093
  border-spacing: 0;
@@ -1128,7 +1131,7 @@ handleSplitPanelMaxWidth function in the context.
1128
1131
  take control in responsive viewports.
1129
1132
  */
1130
1133
  }
1131
- @keyframes awsui_showButtons_hyvsj_1dh3h_1 {
1134
+ @keyframes awsui_showButtons_hyvsj_ae7i0_1 {
1132
1135
  0% {
1133
1136
  opacity: 0;
1134
1137
  }
@@ -1136,31 +1139,31 @@ handleSplitPanelMaxWidth function in the context.
1136
1139
  opacity: 1;
1137
1140
  }
1138
1141
  }
1139
- .awsui_show-tools_hyvsj_1dh3h_1061:not(#\9):not(.awsui_has-tools-form_hyvsj_1dh3h_1039) {
1142
+ .awsui_show-tools_hyvsj_ae7i0_1064:not(#\9):not(.awsui_has-tools-form_hyvsj_ae7i0_1042) {
1140
1143
  display: none;
1141
1144
  }
1142
1145
  @media (min-width: 689px) {
1143
- .awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form_hyvsj_1dh3h_1039:not(#\9) {
1146
+ .awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form_hyvsj_ae7i0_1042:not(#\9) {
1144
1147
  display: flex;
1145
1148
  flex-direction: column;
1146
1149
  gap: var(--space-xs-zb16t3, 8px);
1147
1150
  }
1148
- .awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form_hyvsj_1dh3h_1039.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
1149
- animation: awsui_showButtons_hyvsj_1dh3h_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1151
+ .awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form_hyvsj_ae7i0_1042.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
1152
+ animation: awsui_showButtons_hyvsj_ae7i0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1150
1153
  }
1151
1154
  }
1152
1155
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1153
- .awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form_hyvsj_1dh3h_1039.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
1156
+ .awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form_hyvsj_ae7i0_1042.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
1154
1157
  animation: none;
1155
1158
  transition: none;
1156
1159
  }
1157
1160
  }
1158
1161
  @media (min-width: 689px) {
1159
- .awsui-motion-disabled .awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form_hyvsj_1dh3h_1039.awsui_animating_hyvsj_1dh3h_732:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form_hyvsj_1dh3h_1039.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
1162
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form_hyvsj_ae7i0_1042.awsui_animating_hyvsj_ae7i0_735:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form_hyvsj_ae7i0_1042.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
1160
1163
  animation: none;
1161
1164
  transition: none;
1162
1165
  }
1163
- .awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form-persistence_hyvsj_1dh3h_1039:not(#\9) {
1166
+ .awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form-persistence_hyvsj_ae7i0_1042:not(#\9) {
1164
1167
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1165
1168
  z-index: 1;
1166
1169
  }
@@ -1170,7 +1173,7 @@ handleSplitPanelMaxWidth function in the context.
1170
1173
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1171
1174
  SPDX-License-Identifier: Apache-2.0
1172
1175
  */
1173
- .awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9) {
1176
+ .awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9) {
1174
1177
  background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
1175
1178
  border-radius: 50%;
1176
1179
  height: var(--space-layout-toggle-diameter-x54u6y, 40px);
@@ -1183,10 +1186,10 @@ handleSplitPanelMaxWidth function in the context.
1183
1186
  align-items: center;
1184
1187
  clip-path: path("M38.0215 11.3161C37.1068 11.7545 36.0821 12 35 12C31.134 12 28 8.86599 28 5C28 3.91794 28.2455 2.89322 28.6839 1.97851C26.0575 0.710652 23.1118 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 16.8882 39.2893 13.9425 38.0215 11.3161Z");
1185
1188
  }
1186
- .awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9):hover {
1189
+ .awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9):hover {
1187
1190
  background: var(--color-background-layout-toggle-hover-ho9150, #354150);
1188
1191
  }
1189
- .awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9):active {
1192
+ .awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9):active {
1190
1193
  background: var(--color-background-layout-toggle-active-robi8g, #354150);
1191
1194
  }
1192
1195
 
@@ -1195,7 +1198,7 @@ Warning! If these design tokens for width change it will adversely impact
1195
1198
  the calculation used to determine the Split Panel maximum width in the
1196
1199
  handleSplitPanelMaxWidth function in the context.
1197
1200
  */
1198
- .awsui_trigger_hyvsj_1dh3h_1121:not(#\9) {
1201
+ .awsui_trigger_hyvsj_ae7i0_1124:not(#\9) {
1199
1202
  background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
1200
1203
  border-radius: 50%;
1201
1204
  height: var(--space-layout-toggle-diameter-x54u6y, 40px);
@@ -1207,20 +1210,20 @@ handleSplitPanelMaxWidth function in the context.
1207
1210
  pointer-events: auto;
1208
1211
  position: relative;
1209
1212
  }
1210
- .awsui_trigger_hyvsj_1dh3h_1121:not(#\9):hover {
1213
+ .awsui_trigger_hyvsj_ae7i0_1124:not(#\9):hover {
1211
1214
  background: var(--color-background-layout-toggle-hover-ho9150, #354150);
1212
1215
  }
1213
- .awsui_trigger_hyvsj_1dh3h_1121:not(#\9):active {
1216
+ .awsui_trigger_hyvsj_ae7i0_1124:not(#\9):active {
1214
1217
  background: var(--color-background-layout-toggle-active-robi8g, #354150);
1215
1218
  }
1216
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1dh3h_1121:not(#\9):focus {
1219
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ae7i0_1124:not(#\9):focus {
1217
1220
  position: relative;
1218
1221
  }
1219
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1dh3h_1121:not(#\9):focus {
1222
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ae7i0_1124:not(#\9):focus {
1220
1223
  outline: 2px dotted transparent;
1221
1224
  outline-offset: calc(3px - 1px);
1222
1225
  }
1223
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1dh3h_1121:not(#\9):focus::before {
1226
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ae7i0_1124:not(#\9):focus::before {
1224
1227
  content: " ";
1225
1228
  display: block;
1226
1229
  position: absolute;
@@ -1231,40 +1234,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1dh3h_1121:not(#\9):foc
1231
1234
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1232
1235
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1233
1236
  }
1234
- .awsui_trigger_hyvsj_1dh3h_1121:not(#\9):focus {
1237
+ .awsui_trigger_hyvsj_ae7i0_1124:not(#\9):focus {
1235
1238
  outline: none;
1236
1239
  }
1237
- .awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185:not(#\9) {
1240
+ .awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188:not(#\9) {
1238
1241
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1239
1242
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1240
1243
  }
1241
- .awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185:not(#\9):hover {
1244
+ .awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188:not(#\9):hover {
1242
1245
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1243
1246
  }
1244
- .awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185:not(#\9):active {
1247
+ .awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188:not(#\9):active {
1245
1248
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1246
1249
  }
1247
- .awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185 > .awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9) {
1250
+ .awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188 > .awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9) {
1248
1251
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1249
1252
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1250
1253
  }
1251
- .awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185 > .awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9):hover {
1254
+ .awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188 > .awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9):hover {
1252
1255
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1253
1256
  }
1254
- .awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185 > .awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9):active {
1257
+ .awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188 > .awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9):active {
1255
1258
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1256
1259
  }
1257
- .awsui_trigger_hyvsj_1dh3h_1121.awsui_badge_hyvsj_1dh3h_1205:not(#\9), .awsui_trigger_hyvsj_1dh3h_1121.awsui_badge_hyvsj_1dh3h_1205:not(#\9):hover, .awsui_trigger_hyvsj_1dh3h_1121.awsui_badge_hyvsj_1dh3h_1205:not(#\9):active {
1260
+ .awsui_trigger_hyvsj_ae7i0_1124.awsui_badge_hyvsj_ae7i0_1208:not(#\9), .awsui_trigger_hyvsj_ae7i0_1124.awsui_badge_hyvsj_ae7i0_1208:not(#\9):hover, .awsui_trigger_hyvsj_ae7i0_1124.awsui_badge_hyvsj_ae7i0_1208:not(#\9):active {
1258
1261
  background: transparent;
1259
1262
  }
1260
1263
 
1261
- .awsui_trigger-wrapper_hyvsj_1dh3h_1209:not(#\9) {
1264
+ .awsui_trigger-wrapper_hyvsj_ae7i0_1212:not(#\9) {
1262
1265
  position: relative;
1263
1266
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1264
1267
  border-radius: 50%;
1265
1268
  }
1266
1269
 
1267
- .awsui_dot_hyvsj_1dh3h_1215:not(#\9) {
1270
+ .awsui_dot_hyvsj_ae7i0_1218:not(#\9) {
1268
1271
  position: absolute;
1269
1272
  width: 10px;
1270
1273
  height: 10px;