@cloudscape-design/components 3.0.284 → 3.0.286

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 (57) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +30 -30
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/drawer/interfaces.d.ts +5 -1
  5. package/app-layout/drawer/interfaces.d.ts.map +1 -1
  6. package/app-layout/drawer/interfaces.js.map +1 -1
  7. package/app-layout/drawer/resizable-drawer.js +1 -1
  8. package/app-layout/drawer/resizable-drawer.js.map +1 -1
  9. package/app-layout/index.d.ts.map +1 -1
  10. package/app-layout/index.js +28 -16
  11. package/app-layout/index.js.map +1 -1
  12. package/app-layout/mobile-toolbar/index.d.ts +2 -1
  13. package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
  14. package/app-layout/mobile-toolbar/index.js +2 -2
  15. package/app-layout/mobile-toolbar/index.js.map +1 -1
  16. package/app-layout/notifications/styles.css.js +3 -3
  17. package/app-layout/notifications/styles.scoped.css +7 -7
  18. package/app-layout/notifications/styles.selectors.js +3 -3
  19. package/app-layout/visual-refresh/styles.css.js +72 -72
  20. package/app-layout/visual-refresh/styles.scoped.css +275 -274
  21. package/app-layout/visual-refresh/styles.selectors.js +72 -72
  22. package/column-layout/styles.css.js +13 -13
  23. package/column-layout/styles.scoped.css +45 -45
  24. package/column-layout/styles.selectors.js +13 -13
  25. package/container/internal.d.ts +2 -1
  26. package/container/internal.d.ts.map +1 -1
  27. package/container/internal.js +2 -2
  28. package/container/internal.js.map +1 -1
  29. package/container/use-sticky-header.d.ts +12 -1
  30. package/container/use-sticky-header.d.ts.map +1 -1
  31. package/container/use-sticky-header.js +41 -16
  32. package/container/use-sticky-header.js.map +1 -1
  33. package/flashbar/styles.css.js +45 -45
  34. package/flashbar/styles.scoped.css +169 -169
  35. package/flashbar/styles.selectors.js +45 -45
  36. package/header/internal.d.ts.map +1 -1
  37. package/header/internal.js +4 -1
  38. package/header/internal.js.map +1 -1
  39. package/internal/base-component/styles.scoped.css +0 -3
  40. package/internal/context/app-layout-context.d.ts +1 -0
  41. package/internal/context/app-layout-context.d.ts.map +1 -1
  42. package/internal/context/app-layout-context.js +1 -0
  43. package/internal/context/app-layout-context.js.map +1 -1
  44. package/internal/environment.js +1 -1
  45. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  46. package/internal/generated/custom-css-properties/index.js +32 -31
  47. package/internal/generated/custom-css-properties/index.js.map +1 -1
  48. package/internal/generated/theming/index.cjs +0 -11
  49. package/internal/generated/theming/index.js +0 -11
  50. package/internal/manifest.json +1 -1
  51. package/package.json +1 -1
  52. package/table/internal.d.ts.map +1 -1
  53. package/table/internal.js +3 -5
  54. package/table/internal.js.map +1 -1
  55. package/tiles/styles.css.js +28 -28
  56. package/tiles/styles.scoped.css +70 -70
  57. package/tiles/styles.selectors.js +28 -28
@@ -90,7 +90,7 @@ 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
- section.awsui_appbar_hyvsj_117n2_93:not(#\9) {
93
+ section.awsui_appbar_hyvsj_a6htg_93:not(#\9) {
94
94
  align-items: center;
95
95
  box-sizing: border-box;
96
96
  display: grid;
@@ -114,21 +114,21 @@ section.awsui_appbar_hyvsj_117n2_93:not(#\9) {
114
114
  span the entire column definition of the Layout grid.
115
115
  */
116
116
  }
117
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_appbar-nav_hyvsj_117n2_117:not(#\9) {
117
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_appbar-nav_hyvsj_a6htg_117:not(#\9) {
118
118
  grid-column: 1;
119
119
  margin-right: var(--space-m-17eucw, 16px);
120
120
  }
121
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121:not(#\9) {
121
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121:not(#\9) {
122
122
  grid-column: 2;
123
123
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
124
124
  }
125
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_appbar-tools_hyvsj_117n2_125:not(#\9),
126
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_drawers-mobile-triggers-container_hyvsj_117n2_126:not(#\9) {
125
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_appbar-tools_hyvsj_a6htg_125:not(#\9),
126
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_drawers-mobile-triggers-container_hyvsj_a6htg_126:not(#\9) {
127
127
  grid-column: 3;
128
128
  margin-left: var(--space-m-17eucw, 16px);
129
129
  }
130
130
  @media (min-width: 689px) {
131
- section.awsui_appbar_hyvsj_117n2_93:not(#\9) {
131
+ section.awsui_appbar_hyvsj_a6htg_93:not(#\9) {
132
132
  /*
133
133
  If Breadcrumbs do not exist then the AppBar should be suppressed
134
134
  because in large viewports the triggers are rendered
@@ -164,55 +164,55 @@ section.awsui_appbar_hyvsj_117n2_93 > .awsui_drawers-mobile-triggers-container_h
164
164
  be lifted so it doesn't render behind the background element.
165
165
  */
166
166
  }
167
- section.awsui_appbar_hyvsj_117n2_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_117n2_167) {
167
+ section.awsui_appbar_hyvsj_a6htg_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_a6htg_167) {
168
168
  display: none;
169
169
  }
170
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_appbar-nav_hyvsj_117n2_117:not(#\9),
171
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_appbar-tools_hyvsj_117n2_125:not(#\9),
172
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_drawers-mobile-triggers-container_hyvsj_117n2_126:not(#\9) {
170
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_appbar-nav_hyvsj_a6htg_117:not(#\9),
171
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_appbar-tools_hyvsj_a6htg_125:not(#\9),
172
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_drawers-mobile-triggers-container_hyvsj_a6htg_126:not(#\9) {
173
173
  display: none;
174
174
  }
175
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_117n2_175) {
175
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_a6htg_175) {
176
176
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
177
177
  }
178
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121.awsui_has-notifications-content_hyvsj_117n2_175:not(#\9) {
178
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121.awsui_has-notifications-content_hyvsj_a6htg_175:not(#\9) {
179
179
  padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
180
180
  }
181
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121:not(#\9):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181),
182
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121:not(#\9):not(.awsui_has-header_hyvsj_117n2_181).awsui_content-type-wizard_hyvsj_117n2_182 {
181
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121:not(#\9):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181),
182
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121:not(#\9):not(.awsui_has-header_hyvsj_a6htg_181).awsui_content-type-wizard_hyvsj_a6htg_182 {
183
183
  padding-bottom: var(--space-m-17eucw, 16px);
184
184
  }
185
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121.awsui_content-type-cards_hyvsj_117n2_185:not(#\9),
186
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121.awsui_content-type-table_hyvsj_117n2_186:not(#\9) {
185
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121.awsui_content-type-cards_hyvsj_a6htg_185:not(#\9),
186
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121.awsui_content-type-table_hyvsj_a6htg_186:not(#\9) {
187
187
  padding-bottom: var(--space-xxs-ynfts5, 4px);
188
188
  }
189
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121.awsui_has-sticky-background_hyvsj_117n2_189:not(#\9) {
189
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121.awsui_has-sticky-background_hyvsj_a6htg_189:not(#\9) {
190
190
  z-index: 799;
191
191
  }
192
192
  }
193
193
  @media (max-width: 688px) {
194
- section.awsui_appbar_hyvsj_117n2_93:not(#\9) {
194
+ section.awsui_appbar_hyvsj_a6htg_93:not(#\9) {
195
195
  background-color: var(--color-background-home-header-mpq08f, #000716);
196
196
  border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
197
197
  box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
198
198
  grid-column: 1/span 5;
199
199
  grid-row: 1;
200
- height: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
200
+ height: var(--awsui-mobile-bar-height-rrnppm);
201
201
  padding: 0 var(--space-m-17eucw, 16px);
202
202
  position: sticky;
203
- top: var(--awsui-offset-top-3j0evk);
203
+ top: var(--awsui-offset-top-rrnppm);
204
204
  z-index: 1000;
205
205
  /*
206
206
  Remove any existing top and bottom padding from the Breadcrumbs since
207
207
  they are now sticky positioned in the viewport with the AppBar.
208
208
  */
209
209
  }
210
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_appbar-nav_hyvsj_117n2_117:not(#\9),
211
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_appbar-tools_hyvsj_117n2_125:not(#\9),
212
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_drawers-mobile-triggers-container_hyvsj_117n2_126:not(#\9) {
210
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_appbar-nav_hyvsj_a6htg_117:not(#\9),
211
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_appbar-tools_hyvsj_a6htg_125:not(#\9),
212
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_drawers-mobile-triggers-container_hyvsj_a6htg_126:not(#\9) {
213
213
  display: block;
214
214
  }
215
- section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121:not(#\9) {
215
+ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121:not(#\9) {
216
216
  padding: 0;
217
217
  }
218
218
  }
@@ -221,10 +221,10 @@ section.awsui_appbar_hyvsj_117n2_93 > .awsui_drawers-mobile-triggers-container_h
221
221
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
222
222
  SPDX-License-Identifier: Apache-2.0
223
223
  */
224
- div.awsui_background_hyvsj_117n2_224:not(#\9) {
224
+ div.awsui_background_hyvsj_a6htg_224:not(#\9) {
225
225
  display: contents;
226
226
  }
227
- div.awsui_background_hyvsj_117n2_224 > .awsui_notifications-appbar-header_hyvsj_117n2_227:not(#\9) {
227
+ div.awsui_background_hyvsj_a6htg_224 > .awsui_notifications-appbar-header_hyvsj_a6htg_227:not(#\9) {
228
228
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
229
229
  grid-column: 1/span 5;
230
230
  grid-row: 1/span 3;
@@ -237,13 +237,13 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_notifications-appbar-header_hyvsj_
237
237
  */
238
238
  }
239
239
  @media (min-width: 689px) {
240
- div.awsui_background_hyvsj_117n2_224 > .awsui_notifications-appbar-header_hyvsj_117n2_227.awsui_has-sticky-background_hyvsj_117n2_189.awsui_has-notifications-content_hyvsj_117n2_175.awsui_sticky-notifications_hyvsj_117n2_240:not(#\9) {
240
+ div.awsui_background_hyvsj_a6htg_224 > .awsui_notifications-appbar-header_hyvsj_a6htg_227.awsui_has-sticky-background_hyvsj_a6htg_189.awsui_has-notifications-content_hyvsj_a6htg_175.awsui_sticky-notifications_hyvsj_a6htg_240:not(#\9) {
241
241
  position: sticky;
242
- top: var(--awsui-offset-top-3j0evk);
242
+ top: var(--awsui-offset-top-rrnppm);
243
243
  z-index: 799;
244
244
  }
245
245
  }
246
- div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
246
+ div.awsui_background_hyvsj_a6htg_224 > .awsui_overlap_hyvsj_a6htg_246:not(#\9) {
247
247
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
248
248
  grid-column: 1/span 5;
249
249
  grid-row: 4;
@@ -256,9 +256,9 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
256
256
  */
257
257
  }
258
258
  @media (min-width: 689px) {
259
- div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246.awsui_has-sticky-background_hyvsj_117n2_189:not(#\9) {
259
+ div.awsui_background_hyvsj_a6htg_224 > .awsui_overlap_hyvsj_a6htg_246.awsui_has-sticky-background_hyvsj_a6htg_189:not(#\9) {
260
260
  position: sticky;
261
- top: var(--awsui-offset-top-with-notifications-3j0evk);
261
+ top: var(--awsui-offset-top-with-notifications-rrnppm);
262
262
  z-index: 799;
263
263
  }
264
264
  }
@@ -271,41 +271,41 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
271
271
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
272
272
  SPDX-License-Identifier: Apache-2.0
273
273
  */
274
- .awsui_drawers-container_hyvsj_117n2_274:not(#\9) {
274
+ .awsui_drawers-container_hyvsj_a6htg_274:not(#\9) {
275
275
  background-color: transparent;
276
276
  display: flex;
277
277
  grid-column: 5;
278
278
  grid-row: 1/span 5;
279
- height: var(--awsui-content-height-3j0evk);
279
+ height: var(--awsui-content-height-rrnppm);
280
280
  pointer-events: none;
281
281
  position: sticky;
282
- top: var(--awsui-offset-top-3j0evk);
282
+ top: var(--awsui-offset-top-rrnppm);
283
283
  z-index: 830;
284
284
  transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
285
285
  }
286
- .awsui_drawers-container_hyvsj_117n2_274.awsui_has-open-drawer_hyvsj_117n2_286:not(#\9) {
286
+ .awsui_drawers-container_hyvsj_a6htg_274.awsui_has-open-drawer_hyvsj_a6htg_286:not(#\9) {
287
287
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
288
288
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
289
289
  }
290
290
  @media (prefers-reduced-motion: reduce) {
291
- .awsui_drawers-container_hyvsj_117n2_274:not(#\9) {
291
+ .awsui_drawers-container_hyvsj_a6htg_274:not(#\9) {
292
292
  animation: none;
293
293
  transition: none;
294
294
  }
295
295
  }
296
- .awsui-motion-disabled .awsui_drawers-container_hyvsj_117n2_274:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_117n2_274:not(#\9) {
296
+ .awsui-motion-disabled .awsui_drawers-container_hyvsj_a6htg_274:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_a6htg_274:not(#\9) {
297
297
  animation: none;
298
298
  transition: none;
299
299
  }
300
300
  @media (min-width: 689px) {
301
- .awsui_drawers-container_hyvsj_117n2_274:not(#\9) {
301
+ .awsui_drawers-container_hyvsj_a6htg_274:not(#\9) {
302
302
  /* stylelint-disable scss/operator-no-newline-after */
303
- max-width: calc(var(--awsui-layout-width-3j0evk) - var(--awsui-main-offset-left-3j0evk) - var(--awsui-default-min-content-width-3j0evk) - var(--awsui-content-gap-right-3j0evk));
303
+ max-width: calc(var(--awsui-layout-width-rrnppm) - var(--awsui-main-offset-left-rrnppm) - var(--awsui-default-min-content-width-rrnppm) - var(--awsui-content-gap-right-rrnppm));
304
304
  /* stylelint-enable scss/operator-no-newline-after */
305
305
  }
306
306
  }
307
307
  @media (max-width: 688px) {
308
- .awsui_drawers-container_hyvsj_117n2_274:not(#\9) {
308
+ .awsui_drawers-container_hyvsj_a6htg_274:not(#\9) {
309
309
  position: fixed;
310
310
  right: 0;
311
311
  z-index: 1001;
@@ -317,12 +317,12 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
317
317
  relative to the body.
318
318
  */
319
319
  }
320
- .awsui_drawers-container_hyvsj_117n2_274.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9) {
321
- top: var(--awsui-header-height-3j0evk);
320
+ .awsui_drawers-container_hyvsj_a6htg_274.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9) {
321
+ top: var(--awsui-header-height-rrnppm);
322
322
  }
323
323
  }
324
324
 
325
- .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9) {
325
+ .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9) {
326
326
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
327
327
  border-collapse: separate;
328
328
  border-spacing: 0;
@@ -366,39 +366,39 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
366
366
  overflow-x: hidden;
367
367
  overscroll-behavior-y: contain;
368
368
  }
369
- .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343).awsui_has-open-drawer_hyvsj_117n2_286 {
369
+ .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343).awsui_has-open-drawer_hyvsj_a6htg_286 {
370
370
  width: 0;
371
371
  }
372
- .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325.awsui_has-multiple-triggers_hyvsj_117n2_343.awsui_has-open-drawer_hyvsj_117n2_286:not(#\9) {
372
+ .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325.awsui_has-multiple-triggers_hyvsj_a6htg_343.awsui_has-open-drawer_hyvsj_a6htg_286:not(#\9) {
373
373
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
374
374
  transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
375
375
  }
376
376
  @media (prefers-reduced-motion: reduce) {
377
- .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325.awsui_has-multiple-triggers_hyvsj_117n2_343.awsui_has-open-drawer_hyvsj_117n2_286:not(#\9) {
377
+ .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325.awsui_has-multiple-triggers_hyvsj_a6htg_343.awsui_has-open-drawer_hyvsj_a6htg_286:not(#\9) {
378
378
  animation: none;
379
379
  transition: none;
380
380
  }
381
381
  }
382
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325.awsui_has-multiple-triggers_hyvsj_117n2_343.awsui_has-open-drawer_hyvsj_117n2_286:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325.awsui_has-multiple-triggers_hyvsj_117n2_343.awsui_has-open-drawer_hyvsj_117n2_286:not(#\9) {
382
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325.awsui_has-multiple-triggers_hyvsj_a6htg_343.awsui_has-open-drawer_hyvsj_a6htg_286:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325.awsui_has-multiple-triggers_hyvsj_a6htg_343.awsui_has-open-drawer_hyvsj_a6htg_286:not(#\9) {
383
383
  animation: none;
384
384
  transition: none;
385
385
  }
386
- .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
386
+ .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
387
387
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
388
388
  transition: width var(--motion-duration-refresh-only-fast-addxjd, 115ms);
389
389
  }
390
390
  @media (prefers-reduced-motion: reduce) {
391
- .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
391
+ .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
392
392
  animation: none;
393
393
  transition: none;
394
394
  }
395
395
  }
396
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
396
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
397
397
  animation: none;
398
398
  transition: none;
399
399
  }
400
400
 
401
- .awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9) {
401
+ .awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9) {
402
402
  align-items: center;
403
403
  display: flex;
404
404
  flex-direction: column;
@@ -406,34 +406,34 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
406
406
  padding-top: var(--space-scaled-s-cu1hzn, 12px);
407
407
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
408
408
  }
409
- .awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343).awsui_has-open-drawer_hyvsj_117n2_286 {
409
+ .awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343).awsui_has-open-drawer_hyvsj_a6htg_286 {
410
410
  opacity: 0;
411
411
  }
412
- .awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
412
+ .awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
413
413
  opacity: 1;
414
414
  transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms);
415
415
  transition-delay: calc(var(--motion-duration-refresh-only-fast-addxjd, 115ms) / 1.5);
416
416
  }
417
417
  @media (prefers-reduced-motion: reduce) {
418
- .awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
418
+ .awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
419
419
  animation: none;
420
420
  transition: none;
421
421
  }
422
422
  }
423
- .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
423
+ .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
424
424
  animation: none;
425
425
  transition: none;
426
426
  }
427
427
 
428
428
  @media (max-width: 688px) {
429
- .awsui_drawers-trigger_hyvsj_117n2_375:not(#\9) {
429
+ .awsui_drawers-trigger_hyvsj_a6htg_375:not(#\9) {
430
430
  width: 40px;
431
431
  text-align: right;
432
432
  }
433
433
  }
434
434
 
435
- .awsui_drawer_hyvsj_117n2_126:not(#\9) {
436
- --awsui-active-drawer-width-3j0evk: 290px;
435
+ .awsui_drawer_hyvsj_a6htg_126:not(#\9) {
436
+ --awsui-active-drawer-width-rrnppm: 290px;
437
437
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
438
438
  border-color: transparent;
439
439
  display: grid;
@@ -449,43 +449,43 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
449
449
  transition: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
450
450
  transition-property: border-color, opacity, width;
451
451
  }
452
- .awsui_drawer_hyvsj_117n2_126 > .awsui_drawer-close-button_hyvsj_117n2_426:not(#\9) {
452
+ .awsui_drawer_hyvsj_a6htg_126 > .awsui_drawer-close-button_hyvsj_a6htg_426:not(#\9) {
453
453
  grid-column: 2;
454
454
  grid-row: 2;
455
455
  z-index: 1;
456
456
  }
457
- .awsui_drawer_hyvsj_117n2_126 > .awsui_drawer-content_hyvsj_117n2_431:not(#\9) {
457
+ .awsui_drawer_hyvsj_a6htg_126 > .awsui_drawer-content_hyvsj_a6htg_431:not(#\9) {
458
458
  grid-column: 1/span 3;
459
459
  grid-row: 1/span 3;
460
- width: var(--awsui-active-drawer-width-3j0evk);
460
+ width: var(--awsui-active-drawer-width-rrnppm);
461
461
  }
462
- .awsui_drawer_hyvsj_117n2_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_117n2_436) {
462
+ .awsui_drawer_hyvsj_a6htg_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_a6htg_436) {
463
463
  opacity: 0;
464
464
  width: 0;
465
465
  }
466
- .awsui_drawer_hyvsj_117n2_126.awsui_is-drawer-open_hyvsj_117n2_436:not(#\9) {
466
+ .awsui_drawer_hyvsj_a6htg_126.awsui_is-drawer-open_hyvsj_a6htg_436:not(#\9) {
467
467
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
468
468
  opacity: 1;
469
- width: var(--awsui-active-drawer-width-3j0evk);
469
+ width: var(--awsui-active-drawer-width-rrnppm);
470
470
  }
471
471
  @media (prefers-reduced-motion: reduce) {
472
- .awsui_drawer_hyvsj_117n2_126:not(#\9) {
472
+ .awsui_drawer_hyvsj_a6htg_126:not(#\9) {
473
473
  animation: none;
474
474
  transition: none;
475
475
  }
476
476
  }
477
- .awsui-motion-disabled .awsui_drawer_hyvsj_117n2_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_117n2_126:not(#\9) {
477
+ .awsui-motion-disabled .awsui_drawer_hyvsj_a6htg_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_a6htg_126:not(#\9) {
478
478
  animation: none;
479
479
  transition: none;
480
480
  }
481
481
  @media (min-width: 2541px) {
482
- .awsui_drawer_hyvsj_117n2_126.awsui_is-drawer-open_hyvsj_117n2_436:not(#\9) {
483
- --awsui-active-drawer-width-3j0evk: 320px;
482
+ .awsui_drawer_hyvsj_a6htg_126.awsui_is-drawer-open_hyvsj_a6htg_436:not(#\9) {
483
+ --awsui-active-drawer-width-rrnppm: 320px;
484
484
  }
485
485
  }
486
486
  @media (max-width: 688px) {
487
- .awsui_drawer_hyvsj_117n2_126.awsui_is-drawer-open_hyvsj_117n2_436:not(#\9) {
488
- --awsui-active-drawer-width-3j0evk: 100vw;
487
+ .awsui_drawer_hyvsj_a6htg_126.awsui_is-drawer-open_hyvsj_a6htg_436:not(#\9) {
488
+ --awsui-active-drawer-width-rrnppm: 100vw;
489
489
  }
490
490
  }
491
491
 
@@ -493,13 +493,13 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
493
493
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
494
494
  SPDX-License-Identifier: Apache-2.0
495
495
  */
496
- header.awsui_content_hyvsj_117n2_182:not(#\9) {
496
+ header.awsui_content_hyvsj_a6htg_182:not(#\9) {
497
497
  grid-column: 3;
498
498
  grid-row: 3;
499
499
  padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
500
500
  }
501
501
  @media (min-width: 689px) {
502
- header.awsui_content_hyvsj_117n2_182:not(#\9) {
502
+ header.awsui_content_hyvsj_a6htg_182:not(#\9) {
503
503
  /*
504
504
  If Notifications exist and Breadcrumbs do not then Notifications
505
505
  is the previous adjacent sibling to the Header. Add minimal top padding
@@ -517,25 +517,25 @@ header.awsui_content_hyvsj_117n2_182:not(#\9) {
517
517
  circular buttons.
518
518
  */
519
519
  }
520
- header.awsui_content_hyvsj_117n2_182.awsui_has-notifications-content_hyvsj_117n2_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_117n2_167) {
520
+ header.awsui_content_hyvsj_a6htg_182.awsui_has-notifications-content_hyvsj_a6htg_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_a6htg_167) {
521
521
  padding-top: var(--space-scaled-xs-6859qs, 8px);
522
522
  }
523
- header.awsui_content_hyvsj_117n2_182.awsui_has-breadcrumbs_hyvsj_117n2_167:not(#\9) {
523
+ header.awsui_content_hyvsj_a6htg_182.awsui_has-breadcrumbs_hyvsj_a6htg_167:not(#\9) {
524
524
  padding-top: var(--space-xxs-ynfts5, 4px);
525
525
  }
526
- header.awsui_content_hyvsj_117n2_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_117n2_175):not(.awsui_has-breadcrumbs_hyvsj_117n2_167) {
526
+ header.awsui_content_hyvsj_a6htg_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_a6htg_175):not(.awsui_has-breadcrumbs_hyvsj_a6htg_167) {
527
527
  padding-top: var(--space-scaled-xs-6859qs, 8px);
528
528
  }
529
529
  }
530
530
  @media (max-width: 688px) {
531
- header.awsui_content_hyvsj_117n2_182:not(#\9) {
531
+ header.awsui_content_hyvsj_a6htg_182:not(#\9) {
532
532
  padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
533
533
  /*
534
534
  Breadcrumbs has moved to first position and sticky so Notifications
535
535
  are now the previous adjacent sibling if they exist.
536
536
  */
537
537
  }
538
- header.awsui_content_hyvsj_117n2_182.awsui_has-notifications-content_hyvsj_117n2_175:not(#\9) {
538
+ header.awsui_content_hyvsj_a6htg_182.awsui_has-notifications-content_hyvsj_a6htg_175:not(#\9) {
539
539
  padding-top: var(--space-scaled-xs-6859qs, 8px);
540
540
  }
541
541
  }
@@ -557,26 +557,27 @@ header.awsui_content_hyvsj_117n2_182:not(#\9) {
557
557
  circumstances regardless of whether the minContentWidth property is
558
558
  explicitly set in script.
559
559
  */
560
- .awsui_layout_hyvsj_117n2_534:not(#\9) {
561
- --awsui-content-gap-left-3j0evk: 0px;
562
- --awsui-content-gap-right-3j0evk: 0px;
563
- --awsui-content-height-3j0evk: calc(100vh - var(--awsui-header-height-3j0evk) - var(--awsui-footer-height-3j0evk));
564
- --awsui-default-max-content-width-3j0evk: 1280px;
565
- --awsui-default-min-content-width-3j0evk: 0px;
566
- --awsui-footer-height-3j0evk: 0px;
567
- --awsui-header-height-3j0evk: 0px;
568
- --awsui-layout-width-3j0evk: 0px;
569
- --awsui-main-offset-left-3j0evk: 0px;
570
- --awsui-max-content-width-3j0evk: 0px;
571
- --awsui-min-content-width-3j0evk: 280px;
572
- --awsui-notifications-height-3j0evk: 0px;
573
- --awsui-offset-top-3j0evk: 0px;
574
- --awsui-offset-top-with-notifications-3j0evk: 0px;
575
- --awsui-overlap-height-3j0evk: var(--space-dark-header-overlap-distance-hfejul, 36px);
560
+ .awsui_layout_hyvsj_a6htg_534:not(#\9) {
561
+ --awsui-content-gap-left-rrnppm: 0px;
562
+ --awsui-content-gap-right-rrnppm: 0px;
563
+ --awsui-content-height-rrnppm: calc(100vh - var(--awsui-header-height-rrnppm) - var(--awsui-footer-height-rrnppm));
564
+ --awsui-default-max-content-width-rrnppm: 1280px;
565
+ --awsui-default-min-content-width-rrnppm: 0px;
566
+ --awsui-footer-height-rrnppm: 0px;
567
+ --awsui-header-height-rrnppm: 0px;
568
+ --awsui-layout-width-rrnppm: 0px;
569
+ --awsui-main-offset-left-rrnppm: 0px;
570
+ --awsui-max-content-width-rrnppm: 0px;
571
+ --awsui-min-content-width-rrnppm: 280px;
572
+ --awsui-mobile-bar-height-rrnppm: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
573
+ --awsui-notifications-height-rrnppm: 0px;
574
+ --awsui-offset-top-rrnppm: 0px;
575
+ --awsui-offset-top-with-notifications-rrnppm: 0px;
576
+ --awsui-overlap-height-rrnppm: var(--space-dark-header-overlap-distance-hfejul, 36px);
576
577
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
577
578
  display: grid;
578
- grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) 1fr;
579
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-3j0evk), 1fr) minmax(var(--awsui-default-min-content-width-3j0evk), var(--awsui-default-max-content-width-3j0evk)) minmax(var(--awsui-content-gap-right-3j0evk), 1fr) min-content;
579
+ grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-rrnppm) 1fr;
580
+ grid-template-columns: min-content minmax(var(--awsui-content-gap-left-rrnppm), 1fr) minmax(var(--awsui-default-min-content-width-rrnppm), var(--awsui-default-max-content-width-rrnppm)) minmax(var(--awsui-content-gap-right-rrnppm), 1fr) min-content;
580
581
  position: relative;
581
582
  color: var(--color-text-body-default-ajf1h5, #000716);
582
583
  /*
@@ -640,92 +641,92 @@ header.awsui_content_hyvsj_117n2_182:not(#\9) {
640
641
  */
641
642
  }
642
643
  @media (min-width: 1401px) {
643
- .awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617) {
644
- --awsui-default-max-content-width-3j0evk: 1280px;
644
+ .awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618) {
645
+ --awsui-default-max-content-width-rrnppm: 1280px;
645
646
  }
646
647
  }
647
648
  @media (min-width: 1921px) {
648
- .awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617) {
649
- --awsui-default-max-content-width-3j0evk: 1440px;
649
+ .awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618) {
650
+ --awsui-default-max-content-width-rrnppm: 1440px;
650
651
  }
651
652
  }
652
653
  @media (min-width: 2541px) {
653
- .awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617) {
654
- --awsui-default-max-content-width-3j0evk: 1620px;
654
+ .awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618) {
655
+ --awsui-default-max-content-width-rrnppm: 1620px;
655
656
  }
656
657
  }
657
658
  @media (min-width: 1401px) {
658
- .awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617).awsui_content-type-dashboard_hyvsj_117n2_632 {
659
- --awsui-default-max-content-width-3j0evk: 1280px;
659
+ .awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618).awsui_content-type-dashboard_hyvsj_a6htg_633 {
660
+ --awsui-default-max-content-width-rrnppm: 1280px;
660
661
  }
661
662
  }
662
663
  @media (min-width: 1921px) {
663
- .awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617).awsui_content-type-dashboard_hyvsj_117n2_632 {
664
- --awsui-default-max-content-width-3j0evk: 1620px;
664
+ .awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618).awsui_content-type-dashboard_hyvsj_a6htg_633 {
665
+ --awsui-default-max-content-width-rrnppm: 1620px;
665
666
  }
666
667
  }
667
668
  @media (min-width: 2541px) {
668
- .awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617).awsui_content-type-dashboard_hyvsj_117n2_632 {
669
- --awsui-default-max-content-width-3j0evk: 2160px;
669
+ .awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618).awsui_content-type-dashboard_hyvsj_a6htg_633 {
670
+ --awsui-default-max-content-width-rrnppm: 2160px;
670
671
  }
671
672
  }
672
- .awsui_layout_hyvsj_117n2_534.awsui_has-max-content-width_hyvsj_117n2_617:not(#\9) {
673
- --awsui-default-max-content-width-3j0evk: var(--awsui-max-content-width-3j0evk);
673
+ .awsui_layout_hyvsj_a6htg_534.awsui_has-max-content-width_hyvsj_a6htg_618:not(#\9) {
674
+ --awsui-default-max-content-width-rrnppm: var(--awsui-max-content-width-rrnppm);
674
675
  }
675
676
  @media (min-width: 993px) {
676
- .awsui_layout_hyvsj_117n2_534:not(#\9) {
677
- --awsui-default-min-content-width-3j0evk: var(--awsui-min-content-width-3j0evk, 280px);
677
+ .awsui_layout_hyvsj_a6htg_534:not(#\9) {
678
+ --awsui-default-min-content-width-rrnppm: var(--awsui-min-content-width-rrnppm, 280px);
678
679
  }
679
680
  }
680
681
  @media (max-width: 992px) {
681
- .awsui_layout_hyvsj_117n2_534:not(#\9) {
682
- --awsui-default-min-content-width-3j0evk: 0px;
682
+ .awsui_layout_hyvsj_a6htg_534:not(#\9) {
683
+ --awsui-default-min-content-width-rrnppm: 0px;
683
684
  }
684
685
  }
685
- .awsui_layout_hyvsj_117n2_534.awsui_is-overlap-disabled_hyvsj_117n2_659:not(#\9) {
686
- --awsui-overlap-height-3j0evk: 0;
686
+ .awsui_layout_hyvsj_a6htg_534.awsui_is-overlap-disabled_hyvsj_a6htg_660:not(#\9) {
687
+ --awsui-overlap-height-rrnppm: 0;
687
688
  }
688
- .awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_117n2_320) {
689
- --awsui-offset-top-3j0evk: var(--awsui-header-height-3j0evk);
690
- min-height: var(--awsui-content-height-3j0evk);
689
+ .awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_a6htg_320) {
690
+ --awsui-offset-top-rrnppm: var(--awsui-header-height-rrnppm);
691
+ min-height: var(--awsui-content-height-rrnppm);
691
692
  }
692
- .awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_117n2_320):not(.awsui_has-sticky-notifications_hyvsj_117n2_666) {
693
- --awsui-offset-top-with-notifications-3j0evk: var(--awsui-header-height-3j0evk);
693
+ .awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_a6htg_320):not(.awsui_has-sticky-notifications_hyvsj_a6htg_667) {
694
+ --awsui-offset-top-with-notifications-rrnppm: var(--awsui-header-height-rrnppm);
694
695
  }
695
- .awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_117n2_320).awsui_has-sticky-notifications_hyvsj_117n2_666 {
696
- --awsui-offset-top-with-notifications-3j0evk: calc(
697
- var(--awsui-header-height-3j0evk) + var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
696
+ .awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_a6htg_320).awsui_has-sticky-notifications_hyvsj_a6htg_667 {
697
+ --awsui-offset-top-with-notifications-rrnppm: calc(
698
+ var(--awsui-header-height-rrnppm) + var(--awsui-notifications-height-rrnppm) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
698
699
  );
699
700
  }
700
- .awsui_layout_hyvsj_117n2_534.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9) {
701
- --awsui-offset-top-3j0evk: 0px;
702
- grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) 1fr auto;
703
- height: var(--awsui-content-height-3j0evk);
701
+ .awsui_layout_hyvsj_a6htg_534.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9) {
702
+ --awsui-offset-top-rrnppm: 0px;
703
+ grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-rrnppm) 1fr auto;
704
+ height: var(--awsui-content-height-rrnppm);
704
705
  overflow-y: scroll;
705
706
  }
706
- .awsui_layout_hyvsj_117n2_534.awsui_disable-body-scroll_hyvsj_117n2_320.awsui_has-split-panel_hyvsj_117n2_680.awsui_split-panel-position-bottom_hyvsj_117n2_680:not(#\9) {
707
- grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) repeat(2, auto);
707
+ .awsui_layout_hyvsj_a6htg_534.awsui_disable-body-scroll_hyvsj_a6htg_320.awsui_has-split-panel_hyvsj_a6htg_681.awsui_split-panel-position-bottom_hyvsj_a6htg_681:not(#\9) {
708
+ grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-rrnppm) repeat(2, auto);
708
709
  }
709
- .awsui_layout_hyvsj_117n2_534.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_117n2_666) {
710
- --awsui-offset-top-with-notifications-3j0evk: 0px;
710
+ .awsui_layout_hyvsj_a6htg_534.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_a6htg_667) {
711
+ --awsui-offset-top-with-notifications-rrnppm: 0px;
711
712
  }
712
- .awsui_layout_hyvsj_117n2_534.awsui_disable-body-scroll_hyvsj_117n2_320.awsui_has-sticky-notifications_hyvsj_117n2_666:not(#\9) {
713
- --awsui-offset-top-with-notifications-3j0evk: calc(
714
- var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
713
+ .awsui_layout_hyvsj_a6htg_534.awsui_disable-body-scroll_hyvsj_a6htg_320.awsui_has-sticky-notifications_hyvsj_a6htg_667:not(#\9) {
714
+ --awsui-offset-top-with-notifications-rrnppm: calc(
715
+ var(--awsui-notifications-height-rrnppm) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
715
716
  );
716
717
  }
717
718
  @media (min-width: 689px) {
718
- .awsui_layout_hyvsj_117n2_534.awsui_has-content-gap-left_hyvsj_117n2_692:not(#\9) {
719
- --awsui-content-gap-left-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
719
+ .awsui_layout_hyvsj_a6htg_534.awsui_has-content-gap-left_hyvsj_a6htg_693:not(#\9) {
720
+ --awsui-content-gap-left-rrnppm: var(--space-scaled-2x-xxxl-lbp35j, 40px);
720
721
  }
721
- .awsui_layout_hyvsj_117n2_534.awsui_has-content-gap-right_hyvsj_117n2_695:not(#\9) {
722
- --awsui-content-gap-right-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
722
+ .awsui_layout_hyvsj_a6htg_534.awsui_has-content-gap-right_hyvsj_a6htg_696:not(#\9) {
723
+ --awsui-content-gap-right-rrnppm: var(--space-scaled-2x-xxxl-lbp35j, 40px);
723
724
  }
724
725
  }
725
726
  @media (max-width: 688px) {
726
- .awsui_layout_hyvsj_117n2_534:not(#\9) {
727
- --awsui-content-gap-left-3j0evk: var(--space-l-4vl6xu, 20px);
728
- --awsui-content-gap-right-3j0evk: var(--space-l-4vl6xu, 20px);
727
+ .awsui_layout_hyvsj_a6htg_534:not(#\9) {
728
+ --awsui-content-gap-left-rrnppm: var(--space-l-4vl6xu, 20px);
729
+ --awsui-content-gap-right-rrnppm: var(--space-l-4vl6xu, 20px);
729
730
  }
730
731
  }
731
732
 
@@ -733,7 +734,7 @@ header.awsui_content_hyvsj_117n2_182:not(#\9) {
733
734
  This CSS class is applied to the document body to prevent overflow scrolling
734
735
  when the navigation or tools drawers are open in responsive viewports.
735
736
  */
736
- .awsui_block-body-scroll_hyvsj_117n2_710:not(#\9) {
737
+ .awsui_block-body-scroll_hyvsj_a6htg_711:not(#\9) {
737
738
  overflow: hidden;
738
739
  }
739
740
 
@@ -741,7 +742,7 @@ when the navigation or tools drawers are open in responsive viewports.
741
742
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
742
743
  SPDX-License-Identifier: Apache-2.0
743
744
  */
744
- .awsui_container_hyvsj_117n2_718:not(#\9) {
745
+ .awsui_container_hyvsj_a6htg_719:not(#\9) {
745
746
  grid-column: 3;
746
747
  grid-row: 4/span 2;
747
748
  padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
@@ -764,23 +765,23 @@ when the navigation or tools drawers are open in responsive viewports.
764
765
  under various circumstances.
765
766
  */
766
767
  }
767
- .awsui_container_hyvsj_117n2_718.awsui_has-split-panel_hyvsj_117n2_680.awsui_split-panel-position-bottom_hyvsj_117n2_680:not(#\9) {
768
- padding-bottom: calc(var(--awsui-split-panel-height-3j0evk) + var(--space-layout-content-bottom-kg9l42, 40px));
768
+ .awsui_container_hyvsj_a6htg_719.awsui_has-split-panel_hyvsj_a6htg_681.awsui_split-panel-position-bottom_hyvsj_a6htg_681:not(#\9) {
769
+ padding-bottom: calc(var(--awsui-split-panel-height-rrnppm) + var(--space-layout-content-bottom-kg9l42, 40px));
769
770
  }
770
- .awsui_container_hyvsj_117n2_718.awsui_disable-content-paddings_hyvsj_117n2_744:not(#\9) {
771
+ .awsui_container_hyvsj_a6htg_719.awsui_disable-content-paddings_hyvsj_a6htg_745:not(#\9) {
771
772
  grid-column: 1/6;
772
773
  padding: 0;
773
774
  }
774
775
  @media (min-width: 689px) {
775
- .awsui_container_hyvsj_117n2_718.awsui_disable-content-paddings_hyvsj_117n2_744.awsui_is-navigation-open_hyvsj_117n2_749:not(#\9) {
776
+ .awsui_container_hyvsj_a6htg_719.awsui_disable-content-paddings_hyvsj_a6htg_745.awsui_is-navigation-open_hyvsj_a6htg_750:not(#\9) {
776
777
  grid-column-start: 2;
777
778
  }
778
- .awsui_container_hyvsj_117n2_718.awsui_disable-content-paddings_hyvsj_117n2_744.awsui_is-tools-open_hyvsj_117n2_752:not(#\9), .awsui_container_hyvsj_117n2_718.awsui_disable-content-paddings_hyvsj_117n2_744.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_split-panel-position-side_hyvsj_117n2_752:not(#\9) {
779
+ .awsui_container_hyvsj_a6htg_719.awsui_disable-content-paddings_hyvsj_a6htg_745.awsui_is-tools-open_hyvsj_a6htg_753:not(#\9), .awsui_container_hyvsj_a6htg_719.awsui_disable-content-paddings_hyvsj_a6htg_745.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_split-panel-position-side_hyvsj_a6htg_753:not(#\9) {
779
780
  grid-column-end: 5;
780
781
  }
781
782
  }
782
783
  @media (min-width: 689px) {
783
- .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744) {
784
+ .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745) {
784
785
  /*
785
786
  Notifications is the previous adjacent sibling to the Main in
786
787
  desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -795,18 +796,18 @@ when the navigation or tools drawers are open in responsive viewports.
795
796
  sibling to the Main which requires no top padding.
796
797
  */
797
798
  }
798
- .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-default_hyvsj_117n2_772.awsui_has-notifications-content_hyvsj_117n2_175:not(.awsui_has-breadcrumbs_hyvsj_117n2_167):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181), .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-form_hyvsj_117n2_772.awsui_has-notifications-content_hyvsj_117n2_175:not(.awsui_has-breadcrumbs_hyvsj_117n2_167):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181) {
799
+ .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-default_hyvsj_a6htg_773.awsui_has-notifications-content_hyvsj_a6htg_175:not(.awsui_has-breadcrumbs_hyvsj_a6htg_167):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181), .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-form_hyvsj_a6htg_773.awsui_has-notifications-content_hyvsj_a6htg_175:not(.awsui_has-breadcrumbs_hyvsj_a6htg_167):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181) {
799
800
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
800
801
  }
801
- .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-default_hyvsj_117n2_772:not(.awsui_has-notifications-content_hyvsj_117n2_175):not(.awsui_has-breadcrumbs_hyvsj_117n2_167):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181), .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-form_hyvsj_117n2_772:not(.awsui_has-notifications-content_hyvsj_117n2_175):not(.awsui_has-breadcrumbs_hyvsj_117n2_167):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181) {
802
+ .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-default_hyvsj_a6htg_773:not(.awsui_has-notifications-content_hyvsj_a6htg_175):not(.awsui_has-breadcrumbs_hyvsj_a6htg_167):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181), .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-form_hyvsj_a6htg_773:not(.awsui_has-notifications-content_hyvsj_a6htg_175):not(.awsui_has-breadcrumbs_hyvsj_a6htg_167):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181) {
802
803
  padding-top: var(--space-scaled-xs-6859qs, 8px);
803
804
  }
804
- .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_has-header_hyvsj_117n2_181, .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_has-dynamic-overlap-height_hyvsj_117n2_181 {
805
+ .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_has-header_hyvsj_a6htg_181, .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_has-dynamic-overlap-height_hyvsj_a6htg_181 {
805
806
  padding-top: 0;
806
807
  }
807
808
  }
808
809
  @media (max-width: 688px) {
809
- .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744) {
810
+ .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745) {
810
811
  /*
811
812
  If the Notifications exist but the Header does not then the
812
813
  Notifications is the previous adjacent sibling to the Main
@@ -821,23 +822,23 @@ when the navigation or tools drawers are open in responsive viewports.
821
822
  sibling to the Main which requires no top padding.
822
823
  */
823
824
  }
824
- .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-default_hyvsj_117n2_772.awsui_has-notifications-content_hyvsj_117n2_175:not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181), .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-form_hyvsj_117n2_772.awsui_has-notifications-content_hyvsj_117n2_175:not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181) {
825
+ .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-default_hyvsj_a6htg_773.awsui_has-notifications-content_hyvsj_a6htg_175:not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181), .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-form_hyvsj_a6htg_773.awsui_has-notifications-content_hyvsj_a6htg_175:not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181) {
825
826
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
826
827
  }
827
- .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-default_hyvsj_117n2_772:not(.awsui_has-notifications-content_hyvsj_117n2_175):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181), .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-form_hyvsj_117n2_772:not(.awsui_has-notifications-content_hyvsj_117n2_175):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181) {
828
+ .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-default_hyvsj_a6htg_773:not(.awsui_has-notifications-content_hyvsj_a6htg_175):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181), .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-form_hyvsj_a6htg_773:not(.awsui_has-notifications-content_hyvsj_a6htg_175):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181) {
828
829
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
829
830
  }
830
- .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_has-header_hyvsj_117n2_181, .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_has-dynamic-overlap-height_hyvsj_117n2_181 {
831
+ .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_has-header_hyvsj_a6htg_181, .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_has-dynamic-overlap-height_hyvsj_a6htg_181 {
831
832
  padding-top: 0;
832
833
  }
833
834
  }
834
- .awsui_container_hyvsj_117n2_718.awsui_content-type-cards_hyvsj_117n2_185:not(#\9), .awsui_container_hyvsj_117n2_718.awsui_content-type-table_hyvsj_117n2_186:not(#\9), .awsui_container_hyvsj_117n2_718.awsui_content-type-wizard_hyvsj_117n2_182:not(#\9) {
835
+ .awsui_container_hyvsj_a6htg_719.awsui_content-type-cards_hyvsj_a6htg_185:not(#\9), .awsui_container_hyvsj_a6htg_719.awsui_content-type-table_hyvsj_a6htg_186:not(#\9), .awsui_container_hyvsj_a6htg_719.awsui_content-type-wizard_hyvsj_a6htg_182:not(#\9) {
835
836
  padding-top: 0;
836
837
  }
837
838
 
838
839
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
839
- .awsui_unfocusable_hyvsj_117n2_813:not(#\9),
840
- .awsui_unfocusable_hyvsj_117n2_813 *:not(#\9) {
840
+ .awsui_unfocusable_hyvsj_a6htg_814:not(#\9),
841
+ .awsui_unfocusable_hyvsj_a6htg_814 *:not(#\9) {
841
842
  visibility: hidden !important;
842
843
  }
843
844
 
@@ -846,14 +847,14 @@ when the navigation or tools drawers are open in responsive viewports.
846
847
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
847
848
  SPDX-License-Identifier: Apache-2.0
848
849
  */
849
- .awsui_navigation-container_hyvsj_117n2_823:not(#\9) {
850
- --awsui-navigation-width-3j0evk: 280px;
850
+ .awsui_navigation-container_hyvsj_a6htg_824:not(#\9) {
851
+ --awsui-navigation-width-rrnppm: 280px;
851
852
  display: flex;
852
853
  grid-column: 1;
853
854
  grid-row: 1/span 5;
854
- height: var(--awsui-content-height-3j0evk);
855
+ height: var(--awsui-content-height-rrnppm);
855
856
  position: sticky;
856
- top: var(--awsui-offset-top-3j0evk);
857
+ top: var(--awsui-offset-top-rrnppm);
857
858
  z-index: 830;
858
859
  /*
859
860
  The navigation and tools containers (that contain the toggle buttons)
@@ -868,12 +869,12 @@ when the navigation or tools drawers are open in responsive viewports.
868
869
  pointer-events: none;
869
870
  }
870
871
  @media (min-width: 2541px) {
871
- .awsui_navigation-container_hyvsj_117n2_823:not(#\9) {
872
- --awsui-navigation-width-3j0evk: 320px;
872
+ .awsui_navigation-container_hyvsj_a6htg_824:not(#\9) {
873
+ --awsui-navigation-width-rrnppm: 320px;
873
874
  }
874
875
  }
875
876
  @media (max-width: 688px) {
876
- .awsui_navigation-container_hyvsj_117n2_823:not(#\9) {
877
+ .awsui_navigation-container_hyvsj_a6htg_824:not(#\9) {
877
878
  left: 0;
878
879
  position: fixed;
879
880
  z-index: 1001;
@@ -885,19 +886,19 @@ when the navigation or tools drawers are open in responsive viewports.
885
886
  relative to the body.
886
887
  */
887
888
  }
888
- .awsui_navigation-container_hyvsj_117n2_823.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9) {
889
- top: var(--awsui-header-height-3j0evk);
889
+ .awsui_navigation-container_hyvsj_a6htg_824.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9) {
890
+ top: var(--awsui-header-height-rrnppm);
890
891
  }
891
892
  }
892
893
 
893
- nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9) {
894
+ nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9) {
894
895
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
895
896
  /*
896
897
  Apply the animation only in desktop viewports because the AppBar will
897
898
  take control in responsive viewports.
898
899
  */
899
900
  }
900
- @keyframes awsui_showButtons_hyvsj_117n2_1 {
901
+ @keyframes awsui_showButtons_hyvsj_a6htg_1 {
901
902
  0% {
902
903
  opacity: 0;
903
904
  }
@@ -905,31 +906,31 @@ nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9) {
905
906
  opacity: 1;
906
907
  }
907
908
  }
908
- nav.awsui_show-navigation_hyvsj_117n2_867.awsui_is-navigation-open_hyvsj_117n2_749:not(#\9) {
909
+ nav.awsui_show-navigation_hyvsj_a6htg_868.awsui_is-navigation-open_hyvsj_a6htg_750:not(#\9) {
909
910
  display: none;
910
911
  }
911
912
  @media (min-width: 689px) {
912
- nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749) {
913
+ nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750) {
913
914
  display: block;
914
915
  }
915
- nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749).awsui_animating_hyvsj_117n2_889 {
916
- animation: awsui_showButtons_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
916
+ nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750).awsui_animating_hyvsj_a6htg_890 {
917
+ animation: awsui_showButtons_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
917
918
  }
918
919
  }
919
920
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
920
- nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749).awsui_animating_hyvsj_117n2_889 {
921
+ nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750).awsui_animating_hyvsj_a6htg_890 {
921
922
  animation: none;
922
923
  transition: none;
923
924
  }
924
925
  }
925
926
  @media (min-width: 689px) {
926
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749).awsui_animating_hyvsj_117n2_889, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749).awsui_animating_hyvsj_117n2_889 {
927
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750).awsui_animating_hyvsj_a6htg_890, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750).awsui_animating_hyvsj_a6htg_890 {
927
928
  animation: none;
928
929
  transition: none;
929
930
  }
930
931
  }
931
932
 
932
- nav.awsui_navigation_hyvsj_117n2_823:not(#\9) {
933
+ nav.awsui_navigation_hyvsj_a6htg_824:not(#\9) {
933
934
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
934
935
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
935
936
  bottom: 0;
@@ -946,43 +947,43 @@ nav.awsui_navigation_hyvsj_117n2_823:not(#\9) {
946
947
  prevent unwanted text wrapping.
947
948
  */
948
949
  }
949
- @keyframes awsui_openNavigation_hyvsj_117n2_1 {
950
+ @keyframes awsui_openNavigation_hyvsj_a6htg_1 {
950
951
  from {
951
952
  opacity: 0;
952
953
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
953
954
  }
954
955
  to {
955
956
  opacity: 1;
956
- width: var(--awsui-navigation-width-3j0evk);
957
+ width: var(--awsui-navigation-width-rrnppm);
957
958
  }
958
959
  }
959
- nav.awsui_navigation_hyvsj_117n2_823:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749) {
960
+ nav.awsui_navigation_hyvsj_a6htg_824:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750) {
960
961
  width: 0;
961
962
  display: none;
962
963
  }
963
- nav.awsui_navigation_hyvsj_117n2_823.awsui_is-navigation-open_hyvsj_117n2_749.awsui_animating_hyvsj_117n2_889:not(#\9) {
964
- animation: awsui_openNavigation_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
964
+ nav.awsui_navigation_hyvsj_a6htg_824.awsui_is-navigation-open_hyvsj_a6htg_750.awsui_animating_hyvsj_a6htg_890:not(#\9) {
965
+ animation: awsui_openNavigation_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
965
966
  }
966
967
  @media (prefers-reduced-motion: reduce) {
967
- nav.awsui_navigation_hyvsj_117n2_823.awsui_is-navigation-open_hyvsj_117n2_749.awsui_animating_hyvsj_117n2_889:not(#\9) {
968
+ nav.awsui_navigation_hyvsj_a6htg_824.awsui_is-navigation-open_hyvsj_a6htg_750.awsui_animating_hyvsj_a6htg_890:not(#\9) {
968
969
  animation: none;
969
970
  transition: none;
970
971
  }
971
972
  }
972
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_117n2_823.awsui_is-navigation-open_hyvsj_117n2_749.awsui_animating_hyvsj_117n2_889:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_117n2_823.awsui_is-navigation-open_hyvsj_117n2_749.awsui_animating_hyvsj_117n2_889:not(#\9) {
973
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_a6htg_824.awsui_is-navigation-open_hyvsj_a6htg_750.awsui_animating_hyvsj_a6htg_890:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_a6htg_824.awsui_is-navigation-open_hyvsj_a6htg_750.awsui_animating_hyvsj_a6htg_890:not(#\9) {
973
974
  animation: none;
974
975
  transition: none;
975
976
  }
976
- nav.awsui_navigation_hyvsj_117n2_823 > .awsui_animated-content_hyvsj_117n2_950:not(#\9) {
977
- width: var(--awsui-navigation-width-3j0evk);
977
+ nav.awsui_navigation_hyvsj_a6htg_824 > .awsui_animated-content_hyvsj_a6htg_951:not(#\9) {
978
+ width: var(--awsui-navigation-width-rrnppm);
978
979
  }
979
980
  @media (max-width: 688px) {
980
- nav.awsui_navigation_hyvsj_117n2_823:not(#\9) {
981
- --awsui-navigation-width-3j0evk: 100vw;
981
+ nav.awsui_navigation_hyvsj_a6htg_824:not(#\9) {
982
+ --awsui-navigation-width-rrnppm: 100vw;
982
983
  }
983
984
  }
984
985
 
985
- .awsui_hide-navigation_hyvsj_117n2_959:not(#\9) {
986
+ .awsui_hide-navigation_hyvsj_a6htg_960:not(#\9) {
986
987
  position: absolute;
987
988
  right: var(--space-m-17eucw, 16px);
988
989
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -992,7 +993,7 @@ nav.awsui_navigation_hyvsj_117n2_823 > .awsui_animated-content_hyvsj_117n2_950:n
992
993
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
993
994
  SPDX-License-Identifier: Apache-2.0
994
995
  */
995
- .awsui_notifications_hyvsj_117n2_227:not(#\9) {
996
+ .awsui_notifications_hyvsj_a6htg_227:not(#\9) {
996
997
  grid-column: 3;
997
998
  grid-row: 1;
998
999
  z-index: 850;
@@ -1010,31 +1011,31 @@ nav.awsui_navigation_hyvsj_117n2_823 > .awsui_animated-content_hyvsj_117n2_950:n
1010
1011
  */
1011
1012
  }
1012
1013
  @media (min-width: 689px) {
1013
- .awsui_notifications_hyvsj_117n2_227:not(#\9) {
1014
+ .awsui_notifications_hyvsj_a6htg_227:not(#\9) {
1014
1015
  margin: var(--space-xs-rsr2qu, 8px) 0;
1015
1016
  /*
1016
1017
  var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
1017
1018
  calculation in the layout CSS.
1018
1019
  */
1019
1020
  }
1020
- .awsui_notifications_hyvsj_117n2_227.awsui_sticky-notifications_hyvsj_117n2_240:not(#\9) {
1021
+ .awsui_notifications_hyvsj_a6htg_227.awsui_sticky-notifications_hyvsj_a6htg_240:not(#\9) {
1021
1022
  position: sticky;
1022
- top: calc(var(--awsui-offset-top-3j0evk) + var(--space-xs-rsr2qu, 8px));
1023
- --awsui-flashbar-sticky-bottom-margin-3j0evk: var(--space-xxl-2nvmf1, 32px);
1023
+ top: calc(var(--awsui-offset-top-rrnppm) + var(--space-xs-rsr2qu, 8px));
1024
+ --awsui-flashbar-sticky-bottom-margin-rrnppm: var(--space-xxl-2nvmf1, 32px);
1024
1025
  }
1025
- .awsui_notifications_hyvsj_117n2_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_117n2_175) {
1026
+ .awsui_notifications_hyvsj_a6htg_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_a6htg_175) {
1026
1027
  margin: 0;
1027
1028
  }
1028
1029
  }
1029
1030
  @media (max-width: 688px) {
1030
- .awsui_notifications_hyvsj_117n2_227:not(#\9) {
1031
+ .awsui_notifications_hyvsj_a6htg_227:not(#\9) {
1031
1032
  grid-row: 2;
1032
1033
  margin: var(--space-scaled-s-cu1hzn, 12px) 0;
1033
1034
  }
1034
- .awsui_notifications_hyvsj_117n2_227.awsui_sticky-notifications_hyvsj_117n2_240:not(#\9) {
1035
+ .awsui_notifications_hyvsj_a6htg_227.awsui_sticky-notifications_hyvsj_a6htg_240:not(#\9) {
1035
1036
  position: static;
1036
1037
  }
1037
- .awsui_notifications_hyvsj_117n2_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_117n2_175) {
1038
+ .awsui_notifications_hyvsj_a6htg_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_a6htg_175) {
1038
1039
  margin: 0;
1039
1040
  }
1040
1041
  }
@@ -1049,13 +1050,13 @@ as the content area. This row is defined as 1 fractional unit which will
1049
1050
  consume the remaining vertical space in the grid after the notifications
1050
1051
  and breadcrumbs.
1051
1052
  */
1052
- section.awsui_split-panel-bottom_hyvsj_117n2_1026:not(#\9) {
1053
+ section.awsui_split-panel-bottom_hyvsj_a6htg_1027:not(#\9) {
1053
1054
  /*
1054
1055
  The align self property will position the split panel at the bottom of the grid row.
1055
1056
  This could be off the viewport if the content area has enough content to be scrollable.
1056
1057
  */
1057
1058
  align-self: end;
1058
- bottom: var(--awsui-footer-height-3j0evk);
1059
+ bottom: var(--awsui-footer-height-rrnppm);
1059
1060
  display: none;
1060
1061
  grid-column: 1/6;
1061
1062
  grid-row: 5;
@@ -1084,47 +1085,47 @@ section.awsui_split-panel-bottom_hyvsj_117n2_1026:not(#\9) {
1084
1085
  apply the animation to the height property.
1085
1086
  */
1086
1087
  }
1087
- @keyframes awsui_openSplitPanelBottom_hyvsj_117n2_1 {
1088
+ @keyframes awsui_openSplitPanelBottom_hyvsj_a6htg_1 {
1088
1089
  from {
1089
- height: var(--awsui-split-panel-reported-header-size-3j0evk, 0);
1090
+ height: var(--awsui-split-panel-reported-header-size-rrnppm, 0);
1090
1091
  }
1091
1092
  to {
1092
- height: var(--awsui-split-panel-reported-size-3j0evk);
1093
+ height: var(--awsui-split-panel-reported-size-rrnppm);
1093
1094
  }
1094
1095
  }
1095
- section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9) {
1096
+ section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9) {
1096
1097
  bottom: 0;
1097
1098
  }
1098
- section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-navigation-open_hyvsj_117n2_749.awsui_position-bottom_hyvsj_117n2_1072:not(#\9) {
1099
+ section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-navigation-open_hyvsj_a6htg_750.awsui_position-bottom_hyvsj_a6htg_1073:not(#\9) {
1099
1100
  grid-column-start: 2;
1100
1101
  }
1101
- section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_has-open-drawer_hyvsj_117n2_286.awsui_position-bottom_hyvsj_117n2_1072:not(#\9) {
1102
+ section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_has-open-drawer_hyvsj_a6htg_286.awsui_position-bottom_hyvsj_a6htg_1073:not(#\9) {
1102
1103
  grid-column-end: 5;
1103
1104
  }
1104
- section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_position-bottom_hyvsj_117n2_1072:not(#\9) {
1105
+ section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_position-bottom_hyvsj_a6htg_1073:not(#\9) {
1105
1106
  display: block;
1106
1107
  }
1107
- section.awsui_split-panel-bottom_hyvsj_117n2_1026:not(#\9):not(.awsui_is-split-panel-open_hyvsj_117n2_752).awsui_position-bottom_hyvsj_117n2_1072 {
1108
+ section.awsui_split-panel-bottom_hyvsj_a6htg_1027:not(#\9):not(.awsui_is-split-panel-open_hyvsj_a6htg_753).awsui_position-bottom_hyvsj_a6htg_1073 {
1108
1109
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
1109
1110
  }
1110
- section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-bottom_hyvsj_117n2_1072:not(#\9) {
1111
+ section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-bottom_hyvsj_a6htg_1073:not(#\9) {
1111
1112
  box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
1112
1113
  }
1113
- section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-bottom_hyvsj_117n2_1072.awsui_animating_hyvsj_117n2_889:not(#\9) {
1114
- animation: awsui_openSplitPanelBottom_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1114
+ section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-bottom_hyvsj_a6htg_1073.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1115
+ animation: awsui_openSplitPanelBottom_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1115
1116
  }
1116
1117
  @media (prefers-reduced-motion: reduce) {
1117
- section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-bottom_hyvsj_117n2_1072.awsui_animating_hyvsj_117n2_889:not(#\9) {
1118
+ section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-bottom_hyvsj_a6htg_1073.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1118
1119
  animation: none;
1119
1120
  transition: none;
1120
1121
  }
1121
1122
  }
1122
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-bottom_hyvsj_117n2_1072.awsui_animating_hyvsj_117n2_889:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-bottom_hyvsj_117n2_1072.awsui_animating_hyvsj_117n2_889:not(#\9) {
1123
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-bottom_hyvsj_a6htg_1073.awsui_animating_hyvsj_a6htg_890:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-bottom_hyvsj_a6htg_1073.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1123
1124
  animation: none;
1124
1125
  transition: none;
1125
1126
  }
1126
1127
 
1127
- section.awsui_split-panel-side_hyvsj_117n2_1101:not(#\9) {
1128
+ section.awsui_split-panel-side_hyvsj_a6htg_1102:not(#\9) {
1128
1129
  height: 100%;
1129
1130
  overflow-x: hidden;
1130
1131
  pointer-events: auto;
@@ -1139,41 +1140,41 @@ section.awsui_split-panel-side_hyvsj_117n2_1101:not(#\9) {
1139
1140
  prevent unwanted text wrapping.
1140
1141
  */
1141
1142
  }
1142
- @keyframes awsui_openSplitPanelSide_hyvsj_117n2_1 {
1143
+ @keyframes awsui_openSplitPanelSide_hyvsj_a6htg_1 {
1143
1144
  from {
1144
1145
  opacity: 0;
1145
- width: var(--awsui-split-panel-min-width-3j0evk, 280px);
1146
+ width: var(--awsui-split-panel-min-width-rrnppm, 280px);
1146
1147
  }
1147
1148
  to {
1148
1149
  opacity: 1;
1149
- width: var(--awsui-split-panel-reported-size-3j0evk);
1150
+ width: var(--awsui-split-panel-reported-size-rrnppm);
1150
1151
  }
1151
1152
  }
1152
- section.awsui_split-panel-side_hyvsj_117n2_1101:not(#\9):not(.awsui_is-split-panel-open_hyvsj_117n2_752), section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_position-bottom_hyvsj_117n2_1072:not(#\9) {
1153
+ section.awsui_split-panel-side_hyvsj_a6htg_1102:not(#\9):not(.awsui_is-split-panel-open_hyvsj_a6htg_753), section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_position-bottom_hyvsj_a6htg_1073:not(#\9) {
1153
1154
  width: 0;
1154
1155
  }
1155
- section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-side_hyvsj_117n2_1129:not(#\9) {
1156
+ section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-side_hyvsj_a6htg_1130:not(#\9) {
1156
1157
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
1157
- max-width: var(--awsui-split-panel-max-width-3j0evk, 280px);
1158
- min-width: var(--awsui-split-panel-min-width-3j0evk, 280px);
1158
+ max-width: var(--awsui-split-panel-max-width-rrnppm, 280px);
1159
+ min-width: var(--awsui-split-panel-min-width-rrnppm, 280px);
1159
1160
  }
1160
- section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-side_hyvsj_117n2_1129.awsui_animating_hyvsj_117n2_889:not(#\9) {
1161
- animation: awsui_openSplitPanelSide_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1161
+ section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-side_hyvsj_a6htg_1130.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1162
+ animation: awsui_openSplitPanelSide_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1162
1163
  }
1163
1164
  @media (prefers-reduced-motion: reduce) {
1164
- section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-side_hyvsj_117n2_1129.awsui_animating_hyvsj_117n2_889:not(#\9) {
1165
+ section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-side_hyvsj_a6htg_1130.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1165
1166
  animation: none;
1166
1167
  transition: none;
1167
1168
  }
1168
1169
  }
1169
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-side_hyvsj_117n2_1129.awsui_animating_hyvsj_117n2_889:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-side_hyvsj_117n2_1129.awsui_animating_hyvsj_117n2_889:not(#\9) {
1170
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-side_hyvsj_a6htg_1130.awsui_animating_hyvsj_a6htg_890:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-side_hyvsj_a6htg_1130.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1170
1171
  animation: none;
1171
1172
  transition: none;
1172
1173
  }
1173
- section.awsui_split-panel-side_hyvsj_117n2_1101 > .awsui_animated-content_hyvsj_117n2_950:not(#\9) {
1174
+ section.awsui_split-panel-side_hyvsj_a6htg_1102 > .awsui_animated-content_hyvsj_a6htg_951:not(#\9) {
1174
1175
  height: 100%;
1175
1176
  max-width: inherit;
1176
- width: var(--awsui-split-panel-reported-size-3j0evk);
1177
+ width: var(--awsui-split-panel-reported-size-rrnppm);
1177
1178
  }
1178
1179
 
1179
1180
  /*
@@ -1189,30 +1190,30 @@ content width has a default value that can be set directly with the minContentWi
1189
1190
  property. The content gap right is computed in the Layout styles based on the
1190
1191
  viewport size and state of the Tools drawer.
1191
1192
  */
1192
- .awsui_tools-container_hyvsj_117n2_1166:not(#\9) {
1193
+ .awsui_tools-container_hyvsj_a6htg_1167:not(#\9) {
1193
1194
  /* stylelint-disable scss/operator-no-newline-after */
1194
- --awsui-tools-max-width-3j0evk: calc(var(--awsui-layout-width-3j0evk) - var(--awsui-main-offset-left-3j0evk) - var(--awsui-default-min-content-width-3j0evk) - var(--awsui-content-gap-right-3j0evk));
1195
+ --awsui-tools-max-width-rrnppm: calc(var(--awsui-layout-width-rrnppm) - var(--awsui-main-offset-left-rrnppm) - var(--awsui-default-min-content-width-rrnppm) - var(--awsui-content-gap-right-rrnppm));
1195
1196
  /* stylelint-enable scss/operator-no-newline-after */
1196
- --awsui-tools-width-3j0evk: 290px;
1197
+ --awsui-tools-width-rrnppm: 290px;
1197
1198
  display: flex;
1198
1199
  grid-column: 5;
1199
1200
  grid-row: 1/span 5;
1200
- height: var(--awsui-content-height-3j0evk);
1201
- max-width: var(--awsui-tools-max-width-3j0evk);
1201
+ height: var(--awsui-content-height-rrnppm);
1202
+ max-width: var(--awsui-tools-max-width-rrnppm);
1202
1203
  position: sticky;
1203
- top: var(--awsui-offset-top-3j0evk);
1204
+ top: var(--awsui-offset-top-rrnppm);
1204
1205
  z-index: 830;
1205
1206
  pointer-events: none;
1206
1207
  }
1207
1208
  @media (min-width: 2541px) {
1208
- .awsui_tools-container_hyvsj_117n2_1166:not(#\9) {
1209
- --awsui-tools-width-3j0evk: 360px;
1209
+ .awsui_tools-container_hyvsj_a6htg_1167:not(#\9) {
1210
+ --awsui-tools-width-rrnppm: 360px;
1210
1211
  }
1211
1212
  }
1212
1213
  @media (max-width: 688px) {
1213
- .awsui_tools-container_hyvsj_117n2_1166:not(#\9) {
1214
- --awsui-tools-max-width-3j0evk: none;
1215
- --awsui-tools-width-3j0evk: auto;
1214
+ .awsui_tools-container_hyvsj_a6htg_1167:not(#\9) {
1215
+ --awsui-tools-max-width-rrnppm: none;
1216
+ --awsui-tools-width-rrnppm: auto;
1216
1217
  position: fixed;
1217
1218
  right: 0;
1218
1219
  z-index: 1001;
@@ -1224,12 +1225,12 @@ viewport size and state of the Tools drawer.
1224
1225
  relative to the body.
1225
1226
  */
1226
1227
  }
1227
- .awsui_tools-container_hyvsj_117n2_1166.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9) {
1228
- top: var(--awsui-header-height-3j0evk);
1228
+ .awsui_tools-container_hyvsj_a6htg_1167.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9) {
1229
+ top: var(--awsui-header-height-rrnppm);
1229
1230
  }
1230
1231
  }
1231
1232
 
1232
- .awsui_tools_hyvsj_117n2_1166:not(#\9) {
1233
+ .awsui_tools_hyvsj_a6htg_1167:not(#\9) {
1233
1234
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
1234
1235
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
1235
1236
  flex-shrink: 0;
@@ -1252,48 +1253,48 @@ viewport size and state of the Tools drawer.
1252
1253
  in the side position.
1253
1254
  */
1254
1255
  }
1255
- @keyframes awsui_openTools_hyvsj_117n2_1 {
1256
+ @keyframes awsui_openTools_hyvsj_a6htg_1 {
1256
1257
  from {
1257
- opacity: var(--awsui-tools-animation-starting-opacity-3j0evk, 0);
1258
+ opacity: var(--awsui-tools-animation-starting-opacity-rrnppm, 0);
1258
1259
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
1259
1260
  }
1260
1261
  to {
1261
1262
  opacity: 1;
1262
- width: var(--awsui-tools-width-3j0evk);
1263
+ width: var(--awsui-tools-width-rrnppm);
1263
1264
  }
1264
1265
  }
1265
- .awsui_tools_hyvsj_117n2_1166:not(#\9):not(.awsui_is-tools-open_hyvsj_117n2_752) {
1266
+ .awsui_tools_hyvsj_a6htg_1167:not(#\9):not(.awsui_is-tools-open_hyvsj_a6htg_753) {
1266
1267
  width: 0;
1267
1268
  display: none;
1268
1269
  }
1269
- .awsui_tools_hyvsj_117n2_1166.awsui_is-tools-open_hyvsj_117n2_752.awsui_animating_hyvsj_117n2_889:not(#\9) {
1270
- animation: awsui_openTools_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1270
+ .awsui_tools_hyvsj_a6htg_1167.awsui_is-tools-open_hyvsj_a6htg_753.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1271
+ animation: awsui_openTools_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1271
1272
  }
1272
1273
  @media (prefers-reduced-motion: reduce) {
1273
- .awsui_tools_hyvsj_117n2_1166.awsui_is-tools-open_hyvsj_117n2_752.awsui_animating_hyvsj_117n2_889:not(#\9) {
1274
+ .awsui_tools_hyvsj_a6htg_1167.awsui_is-tools-open_hyvsj_a6htg_753.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1274
1275
  animation: none;
1275
1276
  transition: none;
1276
1277
  }
1277
1278
  }
1278
- .awsui-motion-disabled .awsui_tools_hyvsj_117n2_1166.awsui_is-tools-open_hyvsj_117n2_752.awsui_animating_hyvsj_117n2_889:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_117n2_1166.awsui_is-tools-open_hyvsj_117n2_752.awsui_animating_hyvsj_117n2_889:not(#\9) {
1279
+ .awsui-motion-disabled .awsui_tools_hyvsj_a6htg_1167.awsui_is-tools-open_hyvsj_a6htg_753.awsui_animating_hyvsj_a6htg_890:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_a6htg_1167.awsui_is-tools-open_hyvsj_a6htg_753.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1279
1280
  animation: none;
1280
1281
  transition: none;
1281
1282
  }
1282
- .awsui_tools_hyvsj_117n2_1166 > .awsui_animated-content_hyvsj_117n2_950:not(#\9) {
1283
- width: var(--awsui-tools-width-3j0evk);
1283
+ .awsui_tools_hyvsj_a6htg_1167 > .awsui_animated-content_hyvsj_a6htg_951:not(#\9) {
1284
+ width: var(--awsui-tools-width-rrnppm);
1284
1285
  }
1285
1286
  @media (min-width: 689px) {
1286
- .awsui_tools_hyvsj_117n2_1166.awsui_is-tools-open_hyvsj_117n2_752.awsui_has-tools-form-persistence_hyvsj_117n2_1260:not(#\9) {
1287
+ .awsui_tools_hyvsj_a6htg_1167.awsui_is-tools-open_hyvsj_a6htg_753.awsui_has-tools-form-persistence_hyvsj_a6htg_1261:not(#\9) {
1287
1288
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
1288
1289
  }
1289
1290
  }
1290
1291
  @media (max-width: 688px) {
1291
- .awsui_tools_hyvsj_117n2_1166:not(#\9) {
1292
- --awsui-tools-width-3j0evk: 100vw;
1292
+ .awsui_tools_hyvsj_a6htg_1167:not(#\9) {
1293
+ --awsui-tools-width-rrnppm: 100vw;
1293
1294
  }
1294
1295
  }
1295
1296
 
1296
- .awsui_hide-tools_hyvsj_117n2_1270:not(#\9) {
1297
+ .awsui_hide-tools_hyvsj_a6htg_1271:not(#\9) {
1297
1298
  position: absolute;
1298
1299
  right: var(--space-m-17eucw, 16px);
1299
1300
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -1305,7 +1306,7 @@ Warning! If these design tokens for padding change it will adversely impact
1305
1306
  the calculation used to determine the Split Panel maximum width in the
1306
1307
  handleSplitPanelMaxWidth function in the context.
1307
1308
  */
1308
- .awsui_show-tools_hyvsj_117n2_1282:not(#\9) {
1309
+ .awsui_show-tools_hyvsj_a6htg_1283:not(#\9) {
1309
1310
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1310
1311
  border-collapse: separate;
1311
1312
  border-spacing: 0;
@@ -1349,7 +1350,7 @@ handleSplitPanelMaxWidth function in the context.
1349
1350
  take control in responsive viewports.
1350
1351
  */
1351
1352
  }
1352
- @keyframes awsui_showButtons_hyvsj_117n2_1 {
1353
+ @keyframes awsui_showButtons_hyvsj_a6htg_1 {
1353
1354
  0% {
1354
1355
  opacity: 0;
1355
1356
  }
@@ -1357,33 +1358,33 @@ handleSplitPanelMaxWidth function in the context.
1357
1358
  opacity: 1;
1358
1359
  }
1359
1360
  }
1360
- .awsui_show-tools_hyvsj_117n2_1282:not(#\9):not(.awsui_has-tools-form_hyvsj_117n2_1260) {
1361
+ .awsui_show-tools_hyvsj_a6htg_1283:not(#\9):not(.awsui_has-tools-form_hyvsj_a6htg_1261) {
1361
1362
  display: none;
1362
1363
  }
1363
1364
  @media (min-width: 689px) {
1364
- .awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form_hyvsj_117n2_1260:not(#\9) {
1365
+ .awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form_hyvsj_a6htg_1261:not(#\9) {
1365
1366
  display: flex;
1366
1367
  flex-direction: column;
1367
1368
  gap: var(--space-xs-rsr2qu, 8px);
1368
1369
  }
1369
- .awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form_hyvsj_117n2_1260.awsui_animating_hyvsj_117n2_889:not(#\9) {
1370
- animation: awsui_showButtons_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1370
+ .awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form_hyvsj_a6htg_1261.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1371
+ animation: awsui_showButtons_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1371
1372
  }
1372
1373
  }
1373
1374
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1374
- .awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form_hyvsj_117n2_1260.awsui_animating_hyvsj_117n2_889:not(#\9) {
1375
+ .awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form_hyvsj_a6htg_1261.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1375
1376
  animation: none;
1376
1377
  transition: none;
1377
1378
  }
1378
1379
  }
1379
1380
  @media (min-width: 689px) {
1380
- .awsui-motion-disabled .awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form_hyvsj_117n2_1260.awsui_animating_hyvsj_117n2_889:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form_hyvsj_117n2_1260.awsui_animating_hyvsj_117n2_889:not(#\9) {
1381
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form_hyvsj_a6htg_1261.awsui_animating_hyvsj_a6htg_890:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form_hyvsj_a6htg_1261.awsui_animating_hyvsj_a6htg_890:not(#\9) {
1381
1382
  animation: none;
1382
1383
  transition: none;
1383
1384
  }
1384
1385
  }
1385
1386
  @media (min-width: 689px) {
1386
- .awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form-persistence_hyvsj_117n2_1260:not(#\9) {
1387
+ .awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form-persistence_hyvsj_a6htg_1261:not(#\9) {
1387
1388
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
1388
1389
  z-index: 1;
1389
1390
  }
@@ -1398,7 +1399,7 @@ Warning! If these design tokens for width change it will adversely impact
1398
1399
  the calculation used to determine the Split Panel maximum width in the
1399
1400
  handleSplitPanelMaxWidth function in the context.
1400
1401
  */
1401
- .awsui_trigger_hyvsj_117n2_1349:not(#\9) {
1402
+ .awsui_trigger_hyvsj_a6htg_1350:not(#\9) {
1402
1403
  background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
1403
1404
  border: none;
1404
1405
  border-radius: 50%;
@@ -1410,14 +1411,14 @@ handleSplitPanelMaxWidth function in the context.
1410
1411
  width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
1411
1412
  pointer-events: auto;
1412
1413
  }
1413
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_117n2_1349:not(#\9):focus {
1414
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_a6htg_1350:not(#\9):focus {
1414
1415
  position: relative;
1415
1416
  }
1416
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_117n2_1349:not(#\9):focus {
1417
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_a6htg_1350:not(#\9):focus {
1417
1418
  outline: 2px dotted transparent;
1418
1419
  outline-offset: calc(3px - 1px);
1419
1420
  }
1420
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_117n2_1349:not(#\9):focus::before {
1421
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_a6htg_1350:not(#\9):focus::before {
1421
1422
  content: " ";
1422
1423
  display: block;
1423
1424
  position: absolute;
@@ -1428,23 +1429,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_117n2_1349:not(#\9):foc
1428
1429
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
1429
1430
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
1430
1431
  }
1431
- .awsui_trigger_hyvsj_117n2_1349:not(#\9):focus {
1432
+ .awsui_trigger_hyvsj_a6htg_1350:not(#\9):focus {
1432
1433
  outline: none;
1433
1434
  }
1434
- .awsui_trigger_hyvsj_117n2_1349:not(#\9):hover {
1435
+ .awsui_trigger_hyvsj_a6htg_1350:not(#\9):hover {
1435
1436
  background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
1436
1437
  }
1437
- .awsui_trigger_hyvsj_117n2_1349:not(#\9):active {
1438
+ .awsui_trigger_hyvsj_a6htg_1350:not(#\9):active {
1438
1439
  background: var(--color-background-layout-toggle-active-d15dki, #354150);
1439
1440
  }
1440
- .awsui_trigger_hyvsj_117n2_1349.awsui_selected_hyvsj_117n2_1388:not(#\9) {
1441
+ .awsui_trigger_hyvsj_a6htg_1350.awsui_selected_hyvsj_a6htg_1389:not(#\9) {
1441
1442
  background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
1442
1443
  color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
1443
1444
  }
1444
- .awsui_trigger_hyvsj_117n2_1349.awsui_selected_hyvsj_117n2_1388:not(#\9):hover {
1445
+ .awsui_trigger_hyvsj_a6htg_1350.awsui_selected_hyvsj_a6htg_1389:not(#\9):hover {
1445
1446
  background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
1446
1447
  }
1447
- .awsui_trigger_hyvsj_117n2_1349.awsui_selected_hyvsj_117n2_1388:not(#\9):active {
1448
+ .awsui_trigger_hyvsj_a6htg_1350.awsui_selected_hyvsj_a6htg_1389:not(#\9):active {
1448
1449
  background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
1449
1450
  }
1450
1451