@cloudscape-design/components 3.0.365 → 3.0.366

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 (73) hide show
  1. package/app-layout/defaults.d.ts +1 -2
  2. package/app-layout/defaults.d.ts.map +1 -1
  3. package/app-layout/defaults.js.map +1 -1
  4. package/app-layout/drawer/index.d.ts.map +1 -1
  5. package/app-layout/drawer/index.js +3 -9
  6. package/app-layout/drawer/index.js.map +1 -1
  7. package/app-layout/drawer/interfaces.d.ts +5 -1
  8. package/app-layout/drawer/interfaces.d.ts.map +1 -1
  9. package/app-layout/drawer/interfaces.js.map +1 -1
  10. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
  11. package/app-layout/drawer/resizable-drawer.js +6 -2
  12. package/app-layout/drawer/resizable-drawer.js.map +1 -1
  13. package/app-layout/index.d.ts.map +1 -1
  14. package/app-layout/index.js +43 -123
  15. package/app-layout/index.js.map +1 -1
  16. package/app-layout/utils/use-drawers.d.ts +28 -0
  17. package/app-layout/utils/use-drawers.d.ts.map +1 -0
  18. package/app-layout/utils/use-drawers.js +86 -0
  19. package/app-layout/utils/use-drawers.js.map +1 -0
  20. package/app-layout/utils/use-resize.d.ts +8 -4
  21. package/app-layout/utils/use-resize.d.ts.map +1 -1
  22. package/app-layout/utils/use-resize.js +5 -37
  23. package/app-layout/utils/use-resize.js.map +1 -1
  24. package/app-layout/visual-refresh/context.d.ts +5 -4
  25. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  26. package/app-layout/visual-refresh/context.js +20 -38
  27. package/app-layout/visual-refresh/context.js.map +1 -1
  28. package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  29. package/app-layout/visual-refresh/drawers.js +11 -18
  30. package/app-layout/visual-refresh/drawers.js.map +1 -1
  31. package/app-layout/visual-refresh/mobile-toolbar.js +2 -2
  32. package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  33. package/app-layout/visual-refresh/split-panel.js +1 -1
  34. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  35. package/app-layout/visual-refresh/styles.css.js +69 -69
  36. package/app-layout/visual-refresh/styles.scoped.css +167 -166
  37. package/app-layout/visual-refresh/styles.selectors.js +69 -69
  38. package/app-layout/visual-refresh/tools.js +1 -1
  39. package/app-layout/visual-refresh/tools.js.map +1 -1
  40. package/button/icon-helper.d.ts +1 -0
  41. package/button/icon-helper.d.ts.map +1 -1
  42. package/button/icon-helper.js +2 -2
  43. package/button/icon-helper.js.map +1 -1
  44. package/button/internal.d.ts +2 -0
  45. package/button/internal.d.ts.map +1 -1
  46. package/button/internal.js +2 -1
  47. package/button/internal.js.map +1 -1
  48. package/button-dropdown/interfaces.d.ts +10 -1
  49. package/button-dropdown/interfaces.d.ts.map +1 -1
  50. package/button-dropdown/interfaces.js.map +1 -1
  51. package/button-dropdown/internal.d.ts.map +1 -1
  52. package/button-dropdown/internal.js +15 -1
  53. package/button-dropdown/internal.js.map +1 -1
  54. package/button-dropdown/item-element/index.d.ts +4 -0
  55. package/button-dropdown/item-element/index.d.ts.map +1 -1
  56. package/button-dropdown/item-element/index.js +1 -1
  57. package/button-dropdown/item-element/index.js.map +1 -1
  58. package/icon/styles.css.js +21 -21
  59. package/icon/styles.scoped.css +54 -54
  60. package/icon/styles.selectors.js +21 -21
  61. package/internal/base-component/styles.scoped.css +5 -0
  62. package/internal/environment.js +1 -1
  63. package/internal/environment.json +1 -1
  64. package/internal/generated/theming/index.cjs +31 -0
  65. package/internal/generated/theming/index.js +31 -0
  66. package/internal/manifest.json +1 -1
  67. package/package.json +1 -1
  68. package/property-filter/index.d.ts.map +1 -1
  69. package/property-filter/index.js +2 -1
  70. package/property-filter/index.js.map +1 -1
  71. package/property-filter/styles.css.js +30 -29
  72. package/property-filter/styles.scoped.css +38 -32
  73. package/property-filter/styles.selectors.js +30 -29
@@ -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_li5wi_93:not(#\9) {
93
+ div.awsui_background_hyvsj_s8rmd_93:not(#\9) {
94
94
  display: contents;
95
95
  }
96
- div.awsui_background_hyvsj_li5wi_93 > .awsui_scrolling-background_hyvsj_li5wi_96:not(#\9) {
96
+ div.awsui_background_hyvsj_s8rmd_93 > .awsui_scrolling-background_hyvsj_s8rmd_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_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102:not(#\9) {
102
+ div.awsui_background_hyvsj_s8rmd_93 > .awsui_sticky-background_hyvsj_s8rmd_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_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102:n
107
107
  top: var(--awsui-header-height-zw2xxa);
108
108
  z-index: 799;
109
109
  }
110
- div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_li5wi_110) {
110
+ div.awsui_background_hyvsj_s8rmd_93 > .awsui_sticky-background_hyvsj_s8rmd_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_s8rmd_110) {
111
111
  height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-zw2xxa));
112
112
  }
113
- div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.awsui_has-sticky-notifications_hyvsj_li5wi_110:not(#\9) {
113
+ div.awsui_background_hyvsj_s8rmd_93 > .awsui_sticky-background_hyvsj_s8rmd_102.awsui_has-sticky-notifications_hyvsj_s8rmd_110:not(#\9) {
114
114
  height: calc(
115
115
  var(--awsui-notifications-gap-zw2xxa) + var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-zw2xxa)
116
116
  );
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_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_li5wi_123:not(#\9) {
123
+ .awsui_breadcrumbs_hyvsj_s8rmd_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_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
130
130
  be lifted so it doesn't render behind the background element.
131
131
  */
132
132
  }
133
- .awsui_breadcrumbs_hyvsj_li5wi_123.awsui_has-sticky-background_hyvsj_li5wi_133:not(#\9) {
133
+ .awsui_breadcrumbs_hyvsj_s8rmd_123.awsui_has-sticky-background_hyvsj_s8rmd_133:not(#\9) {
134
134
  z-index: 799;
135
135
  }
136
136
 
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_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_li5wi_145:not(#\9) {
145
+ .awsui_drawers-container_hyvsj_s8rmd_145:not(#\9) {
146
146
  background-color: transparent;
147
147
  display: flex;
148
148
  grid-column: 5;
@@ -154,29 +154,29 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
154
154
  z-index: 830;
155
155
  transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
156
156
  }
157
- .awsui_drawers-container_hyvsj_li5wi_145.awsui_has-open-drawer_hyvsj_li5wi_157:not(#\9) {
157
+ .awsui_drawers-container_hyvsj_s8rmd_145.awsui_has-open-drawer_hyvsj_s8rmd_157:not(#\9) {
158
158
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
159
159
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
160
160
  }
161
161
  @media (prefers-reduced-motion: reduce) {
162
- .awsui_drawers-container_hyvsj_li5wi_145:not(#\9) {
162
+ .awsui_drawers-container_hyvsj_s8rmd_145:not(#\9) {
163
163
  animation: none;
164
164
  transition: none;
165
165
  }
166
166
  }
167
- .awsui-motion-disabled .awsui_drawers-container_hyvsj_li5wi_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_li5wi_145:not(#\9) {
167
+ .awsui-motion-disabled .awsui_drawers-container_hyvsj_s8rmd_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_s8rmd_145:not(#\9) {
168
168
  animation: none;
169
169
  transition: none;
170
170
  }
171
171
  @media (min-width: 689px) {
172
- .awsui_drawers-container_hyvsj_li5wi_145:not(#\9) {
172
+ .awsui_drawers-container_hyvsj_s8rmd_145:not(#\9) {
173
173
  /* stylelint-disable scss/operator-no-newline-after */
174
174
  max-width: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
175
175
  /* stylelint-enable scss/operator-no-newline-after */
176
176
  }
177
177
  }
178
178
  @media (max-width: 688px) {
179
- .awsui_drawers-container_hyvsj_li5wi_145:not(#\9) {
179
+ .awsui_drawers-container_hyvsj_s8rmd_145:not(#\9) {
180
180
  position: fixed;
181
181
  right: 0;
182
182
  z-index: 1001;
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
188
188
  relative to the body.
189
189
  */
190
190
  }
191
- .awsui_drawers-container_hyvsj_li5wi_145.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9) {
191
+ .awsui_drawers-container_hyvsj_s8rmd_145.awsui_disable-body-scroll_hyvsj_s8rmd_191:not(#\9) {
192
192
  top: var(--awsui-header-height-zw2xxa);
193
193
  }
194
194
  }
195
195
 
196
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9) {
196
+ .awsui_drawers-desktop-triggers-container_hyvsj_s8rmd_196:not(#\9) {
197
197
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
198
198
  border-collapse: separate;
199
199
  border-spacing: 0;
@@ -238,39 +238,39 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
238
238
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
239
239
  overscroll-behavior-y: contain;
240
240
  }
241
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215).awsui_has-open-drawer_hyvsj_li5wi_157 {
241
+ .awsui_drawers-desktop-triggers-container_hyvsj_s8rmd_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_s8rmd_215).awsui_has-open-drawer_hyvsj_s8rmd_157 {
242
242
  width: 0;
243
243
  }
244
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196.awsui_has-multiple-triggers_hyvsj_li5wi_215.awsui_has-open-drawer_hyvsj_li5wi_157:not(#\9) {
244
+ .awsui_drawers-desktop-triggers-container_hyvsj_s8rmd_196.awsui_has-multiple-triggers_hyvsj_s8rmd_215.awsui_has-open-drawer_hyvsj_s8rmd_157:not(#\9) {
245
245
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
246
246
  transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
247
247
  }
248
248
  @media (prefers-reduced-motion: reduce) {
249
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196.awsui_has-multiple-triggers_hyvsj_li5wi_215.awsui_has-open-drawer_hyvsj_li5wi_157:not(#\9) {
249
+ .awsui_drawers-desktop-triggers-container_hyvsj_s8rmd_196.awsui_has-multiple-triggers_hyvsj_s8rmd_215.awsui_has-open-drawer_hyvsj_s8rmd_157:not(#\9) {
250
250
  animation: none;
251
251
  transition: none;
252
252
  }
253
253
  }
254
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196.awsui_has-multiple-triggers_hyvsj_li5wi_215.awsui_has-open-drawer_hyvsj_li5wi_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196.awsui_has-multiple-triggers_hyvsj_li5wi_215.awsui_has-open-drawer_hyvsj_li5wi_157:not(#\9) {
254
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_s8rmd_196.awsui_has-multiple-triggers_hyvsj_s8rmd_215.awsui_has-open-drawer_hyvsj_s8rmd_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_s8rmd_196.awsui_has-multiple-triggers_hyvsj_s8rmd_215.awsui_has-open-drawer_hyvsj_s8rmd_157:not(#\9) {
255
255
  animation: none;
256
256
  transition: none;
257
257
  }
258
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
258
+ .awsui_drawers-desktop-triggers-container_hyvsj_s8rmd_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_s8rmd_215):not(.awsui_has-open-drawer_hyvsj_s8rmd_157) {
259
259
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
260
260
  transition: width var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
261
261
  }
262
262
  @media (prefers-reduced-motion: reduce) {
263
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
263
+ .awsui_drawers-desktop-triggers-container_hyvsj_s8rmd_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_s8rmd_215):not(.awsui_has-open-drawer_hyvsj_s8rmd_157) {
264
264
  animation: none;
265
265
  transition: none;
266
266
  }
267
267
  }
268
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
268
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_s8rmd_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_s8rmd_215):not(.awsui_has-open-drawer_hyvsj_s8rmd_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_s8rmd_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_s8rmd_215):not(.awsui_has-open-drawer_hyvsj_s8rmd_157) {
269
269
  animation: none;
270
270
  transition: none;
271
271
  }
272
272
 
273
- .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9) {
273
+ .awsui_drawers-trigger-content_hyvsj_s8rmd_247:not(#\9) {
274
274
  align-items: center;
275
275
  display: flex;
276
276
  flex-direction: column;
@@ -278,33 +278,33 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
278
278
  padding-top: var(--space-scaled-s-aqzyko, 12px);
279
279
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
280
280
  }
281
- .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215).awsui_has-open-drawer_hyvsj_li5wi_157 {
281
+ .awsui_drawers-trigger-content_hyvsj_s8rmd_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_s8rmd_215).awsui_has-open-drawer_hyvsj_s8rmd_157 {
282
282
  opacity: 0;
283
283
  }
284
- .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
284
+ .awsui_drawers-trigger-content_hyvsj_s8rmd_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_s8rmd_215):not(.awsui_has-open-drawer_hyvsj_s8rmd_157) {
285
285
  opacity: 1;
286
286
  transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms);
287
287
  transition-delay: calc(var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) / 1.5);
288
288
  }
289
289
  @media (prefers-reduced-motion: reduce) {
290
- .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
290
+ .awsui_drawers-trigger-content_hyvsj_s8rmd_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_s8rmd_215):not(.awsui_has-open-drawer_hyvsj_s8rmd_157) {
291
291
  animation: none;
292
292
  transition: none;
293
293
  }
294
294
  }
295
- .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
295
+ .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_s8rmd_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_s8rmd_215):not(.awsui_has-open-drawer_hyvsj_s8rmd_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_s8rmd_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_s8rmd_215):not(.awsui_has-open-drawer_hyvsj_s8rmd_157) {
296
296
  animation: none;
297
297
  transition: none;
298
298
  }
299
299
 
300
300
  @media (max-width: 688px) {
301
- .awsui_drawers-trigger_hyvsj_li5wi_247:not(#\9) {
301
+ .awsui_drawers-trigger_hyvsj_s8rmd_247:not(#\9) {
302
302
  width: 40px;
303
303
  text-align: right;
304
304
  }
305
305
  }
306
306
 
307
- .awsui_drawer_hyvsj_li5wi_145:not(#\9) {
307
+ .awsui_drawer_hyvsj_s8rmd_145:not(#\9) {
308
308
  --awsui-drawer-size-zw2xxa: 290px;
309
309
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
310
310
  border-color: transparent;
@@ -320,39 +320,39 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
320
320
  pointer-events: auto;
321
321
  word-wrap: break-word;
322
322
  }
323
- .awsui_drawer_hyvsj_li5wi_145 > .awsui_drawer-close-button_hyvsj_li5wi_297:not(#\9) {
323
+ .awsui_drawer_hyvsj_s8rmd_145 > .awsui_drawer-close-button_hyvsj_s8rmd_297:not(#\9) {
324
324
  grid-column: 3;
325
325
  grid-row: 2;
326
326
  z-index: 1;
327
327
  }
328
- .awsui_drawer_hyvsj_li5wi_145 > .awsui_drawer-content_hyvsj_li5wi_302:not(#\9) {
328
+ .awsui_drawer_hyvsj_s8rmd_145 > .awsui_drawer-content_hyvsj_s8rmd_302:not(#\9) {
329
329
  grid-column: 1/span 4;
330
330
  grid-row: 1/span 3;
331
331
  width: var(--awsui-drawer-size-zw2xxa);
332
332
  }
333
- .awsui_drawer_hyvsj_li5wi_145 > .awsui_drawer-slider_hyvsj_li5wi_307:not(#\9) {
333
+ .awsui_drawer_hyvsj_s8rmd_145 > .awsui_drawer-slider_hyvsj_s8rmd_307:not(#\9) {
334
334
  grid-column: 1;
335
335
  grid-row: 3;
336
336
  height: 100%;
337
337
  display: flex;
338
338
  align-items: center;
339
339
  }
340
- .awsui_drawer_hyvsj_li5wi_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_li5wi_314) {
340
+ .awsui_drawer_hyvsj_s8rmd_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_s8rmd_314) {
341
341
  opacity: 0;
342
342
  width: 0;
343
343
  }
344
- .awsui_drawer_hyvsj_li5wi_145.awsui_is-drawer-open_hyvsj_li5wi_314:not(#\9) {
344
+ .awsui_drawer_hyvsj_s8rmd_145.awsui_is-drawer-open_hyvsj_s8rmd_314:not(#\9) {
345
345
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
346
346
  opacity: 1;
347
347
  width: var(--awsui-drawer-size-zw2xxa);
348
348
  }
349
349
  @media (min-width: 2541px) {
350
- .awsui_drawer_hyvsj_li5wi_145.awsui_is-drawer-open_hyvsj_li5wi_314:not(#\9) {
350
+ .awsui_drawer_hyvsj_s8rmd_145.awsui_is-drawer-open_hyvsj_s8rmd_314:not(#\9) {
351
351
  --awsui-drawer-size-zw2xxa: 320px;
352
352
  }
353
353
  }
354
354
  @media (max-width: 688px) {
355
- .awsui_drawer_hyvsj_li5wi_145.awsui_is-drawer-open_hyvsj_li5wi_314:not(#\9) {
355
+ .awsui_drawer_hyvsj_s8rmd_145.awsui_is-drawer-open_hyvsj_s8rmd_314:not(#\9) {
356
356
  --awsui-drawer-size-zw2xxa: 100vw;
357
357
  width: 100vw;
358
358
  }
@@ -362,7 +362,7 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
362
362
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
363
363
  SPDX-License-Identifier: Apache-2.0
364
364
  */
365
- header.awsui_content_hyvsj_li5wi_339:not(#\9) {
365
+ header.awsui_content_hyvsj_s8rmd_339:not(#\9) {
366
366
  grid-area: header;
367
367
  }
368
368
 
@@ -383,7 +383,7 @@ The minimum content width property is set to zero and applied under all
383
383
  circumstances regardless of whether the minContentWidth property is
384
384
  explicitly set in script.
385
385
  */
386
- .awsui_layout_hyvsj_li5wi_360:not(#\9) {
386
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9) {
387
387
  --awsui-breadcrumbs-gap-zw2xxa: 0px;
388
388
  --awsui-content-gap-left-zw2xxa: 0px;
389
389
  --awsui-content-gap-right-zw2xxa: 0px;
@@ -466,133 +466,133 @@ explicitly set in script.
466
466
  */
467
467
  }
468
468
  @media (min-width: 1401px) {
469
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443) {
469
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_s8rmd_443) {
470
470
  --awsui-default-max-content-width-zw2xxa: 1280px;
471
471
  }
472
472
  }
473
473
  @media (min-width: 1921px) {
474
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443) {
474
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_s8rmd_443) {
475
475
  --awsui-default-max-content-width-zw2xxa: 1440px;
476
476
  }
477
477
  }
478
478
  @media (min-width: 2541px) {
479
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443) {
479
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_s8rmd_443) {
480
480
  --awsui-default-max-content-width-zw2xxa: 1620px;
481
481
  }
482
482
  }
483
483
  @media (min-width: 1401px) {
484
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443).awsui_content-type-dashboard_hyvsj_li5wi_458 {
484
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_s8rmd_443).awsui_content-type-dashboard_hyvsj_s8rmd_458 {
485
485
  --awsui-default-max-content-width-zw2xxa: 1280px;
486
486
  }
487
487
  }
488
488
  @media (min-width: 1921px) {
489
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443).awsui_content-type-dashboard_hyvsj_li5wi_458 {
489
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_s8rmd_443).awsui_content-type-dashboard_hyvsj_s8rmd_458 {
490
490
  --awsui-default-max-content-width-zw2xxa: 1620px;
491
491
  }
492
492
  }
493
493
  @media (min-width: 2541px) {
494
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443).awsui_content-type-dashboard_hyvsj_li5wi_458 {
494
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_s8rmd_443).awsui_content-type-dashboard_hyvsj_s8rmd_458 {
495
495
  --awsui-default-max-content-width-zw2xxa: 2160px;
496
496
  }
497
497
  }
498
- .awsui_layout_hyvsj_li5wi_360.awsui_has-max-content-width_hyvsj_li5wi_443:not(#\9) {
498
+ .awsui_layout_hyvsj_s8rmd_360.awsui_has-max-content-width_hyvsj_s8rmd_443:not(#\9) {
499
499
  --awsui-default-max-content-width-zw2xxa: var(--awsui-max-content-width-zw2xxa);
500
500
  }
501
- .awsui_layout_hyvsj_li5wi_360.awsui_is-overlap-disabled_hyvsj_li5wi_475:not(#\9) {
501
+ .awsui_layout_hyvsj_s8rmd_360.awsui_is-overlap-disabled_hyvsj_s8rmd_475:not(#\9) {
502
502
  --awsui-overlap-height-zw2xxa: 0;
503
503
  }
504
504
  @media (min-width: 993px) {
505
- .awsui_layout_hyvsj_li5wi_360:not(#\9) {
505
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9) {
506
506
  --awsui-default-min-content-width-zw2xxa: var(--awsui-min-content-width-zw2xxa, 280px);
507
507
  }
508
508
  }
509
509
  @media (max-width: 992px) {
510
- .awsui_layout_hyvsj_li5wi_360:not(#\9) {
510
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9) {
511
511
  --awsui-default-min-content-width-zw2xxa: 0px;
512
512
  }
513
513
  }
514
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_li5wi_110):not(.awsui_has-sticky-background_hyvsj_li5wi_133) {
514
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_s8rmd_110):not(.awsui_has-sticky-background_hyvsj_s8rmd_133) {
515
515
  --awsui-offset-top-with-notifications-zw2xxa: var(--awsui-header-height-zw2xxa);
516
516
  }
517
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_li5wi_110).awsui_has-sticky-background_hyvsj_li5wi_133 {
517
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_s8rmd_110).awsui_has-sticky-background_hyvsj_s8rmd_133 {
518
518
  --awsui-offset-top-with-notifications-zw2xxa: calc(var(--awsui-header-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px));
519
519
  }
520
- .awsui_layout_hyvsj_li5wi_360.awsui_has-sticky-notifications_hyvsj_li5wi_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_li5wi_133) {
520
+ .awsui_layout_hyvsj_s8rmd_360.awsui_has-sticky-notifications_hyvsj_s8rmd_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_s8rmd_133) {
521
521
  --awsui-offset-top-with-notifications-zw2xxa: calc(
522
522
  var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
523
523
  var(--awsui-notifications-height-zw2xxa) + var(--space-xxxs-zbmxqb, 2px)
524
524
  );
525
525
  }
526
- .awsui_layout_hyvsj_li5wi_360.awsui_has-sticky-notifications_hyvsj_li5wi_110.awsui_has-sticky-background_hyvsj_li5wi_133:not(#\9) {
526
+ .awsui_layout_hyvsj_s8rmd_360.awsui_has-sticky-notifications_hyvsj_s8rmd_110.awsui_has-sticky-background_hyvsj_s8rmd_133:not(#\9) {
527
527
  --awsui-offset-top-with-notifications-zw2xxa: calc(
528
528
  var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
529
529
  var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px)
530
530
  );
531
531
  }
532
532
  @media (min-width: 689px) {
533
- .awsui_layout_hyvsj_li5wi_360.awsui_has-content-gap-left_hyvsj_li5wi_507:not(#\9) {
533
+ .awsui_layout_hyvsj_s8rmd_360.awsui_has-content-gap-left_hyvsj_s8rmd_507:not(#\9) {
534
534
  --awsui-content-gap-left-zw2xxa: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
535
535
  }
536
- .awsui_layout_hyvsj_li5wi_360.awsui_has-content-gap-right_hyvsj_li5wi_510:not(#\9) {
536
+ .awsui_layout_hyvsj_s8rmd_360.awsui_has-content-gap-right_hyvsj_s8rmd_510:not(#\9) {
537
537
  --awsui-content-gap-right-zw2xxa: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
538
538
  }
539
539
  }
540
540
  @media (max-width: 688px) {
541
- .awsui_layout_hyvsj_li5wi_360:not(#\9) {
541
+ .awsui_layout_hyvsj_s8rmd_360:not(#\9) {
542
542
  --awsui-content-gap-left-zw2xxa: var(--space-l-t419sm, 20px);
543
543
  --awsui-content-gap-right-zw2xxa: var(--space-l-t419sm, 20px);
544
544
  }
545
545
  }
546
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9) {
546
+ .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-notifications_hyvsj_s8rmd_520:not(#\9) {
547
547
  --awsui-notifications-gap-zw2xxa: var(--space-xs-zb16t3, 8px);
548
548
  }
549
- .awsui_layout_hyvsj_li5wi_360.awsui_has-breadcrumbs_hyvsj_li5wi_523:not(#\9) {
549
+ .awsui_layout_hyvsj_s8rmd_360.awsui_has-breadcrumbs_hyvsj_s8rmd_523:not(#\9) {
550
550
  --awsui-breadcrumbs-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
551
551
  }
552
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-header_hyvsj_li5wi_526:not(#\9), .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_li5wi_523).awsui_has-header_hyvsj_li5wi_526 {
552
+ .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-header_hyvsj_s8rmd_526:not(#\9), .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-notifications_hyvsj_s8rmd_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_s8rmd_523).awsui_has-header_hyvsj_s8rmd_526 {
553
553
  --awsui-header-gap-zw2xxa: var(--space-scaled-xs-26e2du, 8px);
554
554
  }
555
- .awsui_layout_hyvsj_li5wi_360.awsui_has-breadcrumbs_hyvsj_li5wi_523.awsui_has-header_hyvsj_li5wi_526:not(#\9) {
555
+ .awsui_layout_hyvsj_s8rmd_360.awsui_has-breadcrumbs_hyvsj_s8rmd_523.awsui_has-header_hyvsj_s8rmd_526:not(#\9) {
556
556
  --awsui-header-gap-zw2xxa: var(--space-scaled-xs-26e2du, 8px);
557
557
  }
558
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_li5wi_523):not(.awsui_has-header_hyvsj_li5wi_526) {
558
+ .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-notifications_hyvsj_s8rmd_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_s8rmd_523):not(.awsui_has-header_hyvsj_s8rmd_526) {
559
559
  --awsui-main-gap-zw2xxa: var(--space-xs-zb16t3, 8px);
560
560
  }
561
- .awsui_layout_hyvsj_li5wi_360.awsui_has-breadcrumbs_hyvsj_li5wi_523:not(#\9):not(.awsui_has-header_hyvsj_li5wi_526) {
561
+ .awsui_layout_hyvsj_s8rmd_360.awsui_has-breadcrumbs_hyvsj_s8rmd_523:not(#\9):not(.awsui_has-header_hyvsj_s8rmd_526) {
562
562
  --awsui-container-first-gap-zw2xxa: calc(var(--awsui-breadcrumbs-gap-zw2xxa) - var(--awsui-main-gap-zw2xxa));
563
563
  }
564
- .awsui_layout_hyvsj_li5wi_360.awsui_has-breadcrumbs_hyvsj_li5wi_523:not(#\9):not(.awsui_has-header_hyvsj_li5wi_526).awsui_is-overlap-disabled_hyvsj_li5wi_475 {
564
+ .awsui_layout_hyvsj_s8rmd_360.awsui_has-breadcrumbs_hyvsj_s8rmd_523:not(#\9):not(.awsui_has-header_hyvsj_s8rmd_526).awsui_is-overlap-disabled_hyvsj_s8rmd_475 {
565
565
  --awsui-main-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
566
566
  }
567
- .awsui_layout_hyvsj_li5wi_360.awsui_has-breadcrumbs_hyvsj_li5wi_523:not(#\9):not(.awsui_has-header_hyvsj_li5wi_526):not(.awsui_is-overlap-disabled_hyvsj_li5wi_475) {
567
+ .awsui_layout_hyvsj_s8rmd_360.awsui_has-breadcrumbs_hyvsj_s8rmd_523:not(#\9):not(.awsui_has-header_hyvsj_s8rmd_526):not(.awsui_is-overlap-disabled_hyvsj_s8rmd_475) {
568
568
  --awsui-main-gap-zw2xxa: var(--space-scaled-xxs-7597g1, 4px);
569
569
  }
570
- .awsui_layout_hyvsj_li5wi_360.awsui_has-header_hyvsj_li5wi_526:not(#\9) {
570
+ .awsui_layout_hyvsj_s8rmd_360.awsui_has-header_hyvsj_s8rmd_526:not(#\9) {
571
571
  --awsui-main-gap-zw2xxa: var(--space-content-header-padding-bottom-y2enua, 16px);
572
572
  }
573
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-main_hyvsj_li5wi_547:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_li5wi_475), .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-main_hyvsj_li5wi_547.awsui_is-overlap-disabled_hyvsj_li5wi_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_li5wi_547) {
573
+ .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-main_hyvsj_s8rmd_547:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_s8rmd_475), .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-main_hyvsj_s8rmd_547.awsui_is-overlap-disabled_hyvsj_s8rmd_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_s8rmd_547) {
574
574
  --awsui-main-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
575
575
  }
576
576
  @media (min-width: 689px) {
577
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-main_hyvsj_li5wi_547:not(#\9):not(.awsui_has-header_hyvsj_li5wi_526) {
577
+ .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-main_hyvsj_s8rmd_547:not(#\9):not(.awsui_has-header_hyvsj_s8rmd_526) {
578
578
  --awsui-container-first-overlap-extension-zw2xxa: var(--space-m-udix3p, 16px);
579
579
  --awsui-container-first-gap-zw2xxa: var(--space-xxs-p8yyaw, 4px);
580
580
  }
581
581
  }
582
582
  @media (max-width: 688px) {
583
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9) {
583
+ .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-notifications_hyvsj_s8rmd_520:not(#\9) {
584
584
  --awsui-notifications-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
585
585
  }
586
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-header_hyvsj_li5wi_526:not(#\9) {
586
+ .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-header_hyvsj_s8rmd_526:not(#\9) {
587
587
  --awsui-header-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
588
588
  }
589
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_li5wi_523).awsui_has-header_hyvsj_li5wi_526 {
589
+ .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-notifications_hyvsj_s8rmd_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_s8rmd_523).awsui_has-header_hyvsj_s8rmd_526 {
590
590
  --awsui-header-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
591
591
  }
592
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_li5wi_523):not(.awsui_has-header_hyvsj_li5wi_526), .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-main_hyvsj_li5wi_547:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_li5wi_475) {
592
+ .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-notifications_hyvsj_s8rmd_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_s8rmd_523):not(.awsui_has-header_hyvsj_s8rmd_526), .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-main_hyvsj_s8rmd_547:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_s8rmd_475) {
593
593
  --awsui-main-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
594
594
  }
595
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-main_hyvsj_li5wi_547.awsui_is-overlap-disabled_hyvsj_li5wi_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_li5wi_547) {
595
+ .awsui_layout_hyvsj_s8rmd_360.awsui_content-first-child-main_hyvsj_s8rmd_547.awsui_is-overlap-disabled_hyvsj_s8rmd_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_s8rmd_547) {
596
596
  --awsui-main-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
597
597
  }
598
598
  }
@@ -607,19 +607,19 @@ not matter. The offset top value for AppLayout contentMain children with
607
607
  position: sticky will be the value of the notifications height in addition to the
608
608
  notifications top margin and some additional vertical space for aesthetics.
609
609
  */
610
- .awsui_layout_hyvsj_li5wi_360.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9) {
610
+ .awsui_layout_hyvsj_s8rmd_360.awsui_disable-body-scroll_hyvsj_s8rmd_191:not(#\9) {
611
611
  --awsui-main-template-rows-zw2xxa: 1fr auto;
612
612
  --awsui-offset-top-zw2xxa: 0px;
613
613
  height: var(--awsui-content-height-zw2xxa);
614
614
  overflow-y: scroll;
615
615
  }
616
- .awsui_layout_hyvsj_li5wi_360.awsui_disable-body-scroll_hyvsj_li5wi_191.awsui_has-split-panel_hyvsj_li5wi_590.awsui_split-panel-position-bottom_hyvsj_li5wi_590:not(#\9) {
616
+ .awsui_layout_hyvsj_s8rmd_360.awsui_disable-body-scroll_hyvsj_s8rmd_191.awsui_has-split-panel_hyvsj_s8rmd_590.awsui_split-panel-position-bottom_hyvsj_s8rmd_590:not(#\9) {
617
617
  --awsui-main-template-rows-zw2xxa: repeat(2, auto);
618
618
  }
619
- .awsui_layout_hyvsj_li5wi_360.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_li5wi_110) {
619
+ .awsui_layout_hyvsj_s8rmd_360.awsui_disable-body-scroll_hyvsj_s8rmd_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_s8rmd_110) {
620
620
  --awsui-offset-top-with-notifications-zw2xxa: 0px;
621
621
  }
622
- .awsui_layout_hyvsj_li5wi_360.awsui_disable-body-scroll_hyvsj_li5wi_191.awsui_has-sticky-notifications_hyvsj_li5wi_110:not(#\9) {
622
+ .awsui_layout_hyvsj_s8rmd_360.awsui_disable-body-scroll_hyvsj_s8rmd_191.awsui_has-sticky-notifications_hyvsj_s8rmd_110:not(#\9) {
623
623
  --awsui-offset-top-with-notifications-zw2xxa: calc(
624
624
  var(--awsui-notifications-height-zw2xxa) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
625
625
  );
@@ -629,13 +629,13 @@ notifications top margin and some additional vertical space for aesthetics.
629
629
  This CSS class is applied to the document body to prevent overflow scrolling
630
630
  when the navigation or tools drawers are open in responsive viewports.
631
631
  */
632
- .awsui_block-body-scroll_hyvsj_li5wi_606:not(#\9) {
632
+ .awsui_block-body-scroll_hyvsj_s8rmd_606:not(#\9) {
633
633
  overflow: hidden;
634
634
  }
635
635
 
636
636
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
637
- .awsui_unfocusable_hyvsj_li5wi_611:not(#\9),
638
- .awsui_unfocusable_hyvsj_li5wi_611 *:not(#\9) {
637
+ .awsui_unfocusable_hyvsj_s8rmd_611:not(#\9),
638
+ .awsui_unfocusable_hyvsj_s8rmd_611 *:not(#\9) {
639
639
  visibility: hidden !important;
640
640
  }
641
641
 
@@ -644,7 +644,7 @@ when the navigation or tools drawers are open in responsive viewports.
644
644
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
645
645
  SPDX-License-Identifier: Apache-2.0
646
646
  */
647
- .awsui_container_hyvsj_li5wi_621:not(#\9) {
647
+ .awsui_container_hyvsj_s8rmd_621:not(#\9) {
648
648
  grid-area: main;
649
649
  padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
650
650
  /*
@@ -661,18 +661,18 @@ when the navigation or tools drawers are open in responsive viewports.
661
661
  on the right, we decrement the column end by one.
662
662
  */
663
663
  }
664
- .awsui_container_hyvsj_li5wi_621.awsui_has-split-panel_hyvsj_li5wi_590.awsui_split-panel-position-bottom_hyvsj_li5wi_590:not(#\9) {
664
+ .awsui_container_hyvsj_s8rmd_621.awsui_has-split-panel_hyvsj_s8rmd_590.awsui_split-panel-position-bottom_hyvsj_s8rmd_590:not(#\9) {
665
665
  padding-bottom: calc(var(--awsui-split-panel-height-zw2xxa) + var(--space-layout-content-bottom-noqzmw, 40px));
666
666
  }
667
- .awsui_container_hyvsj_li5wi_621.awsui_disable-content-paddings_hyvsj_li5wi_547:not(#\9) {
667
+ .awsui_container_hyvsj_s8rmd_621.awsui_disable-content-paddings_hyvsj_s8rmd_547:not(#\9) {
668
668
  grid-column: 1/6;
669
669
  padding: 0;
670
670
  }
671
671
  @media (min-width: 689px) {
672
- .awsui_container_hyvsj_li5wi_621.awsui_disable-content-paddings_hyvsj_li5wi_547.awsui_is-navigation-open_hyvsj_li5wi_646:not(#\9) {
672
+ .awsui_container_hyvsj_s8rmd_621.awsui_disable-content-paddings_hyvsj_s8rmd_547.awsui_is-navigation-open_hyvsj_s8rmd_646:not(#\9) {
673
673
  grid-column-start: 2;
674
674
  }
675
- .awsui_container_hyvsj_li5wi_621.awsui_disable-content-paddings_hyvsj_li5wi_547.awsui_is-tools-open_hyvsj_li5wi_649:not(#\9), .awsui_container_hyvsj_li5wi_621.awsui_disable-content-paddings_hyvsj_li5wi_547.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_split-panel-position-side_hyvsj_li5wi_649:not(#\9) {
675
+ .awsui_container_hyvsj_s8rmd_621.awsui_disable-content-paddings_hyvsj_s8rmd_547.awsui_is-tools-open_hyvsj_s8rmd_649:not(#\9), .awsui_container_hyvsj_s8rmd_621.awsui_disable-content-paddings_hyvsj_s8rmd_547.awsui_is-split-panel-open_hyvsj_s8rmd_649.awsui_split-panel-position-side_hyvsj_s8rmd_649:not(#\9) {
676
676
  grid-column-end: 5;
677
677
  }
678
678
  }
@@ -681,7 +681,7 @@ when the navigation or tools drawers are open in responsive viewports.
681
681
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
682
682
  SPDX-License-Identifier: Apache-2.0
683
683
  */
684
- section.awsui_mobile-toolbar_hyvsj_li5wi_658:not(#\9) {
684
+ section.awsui_mobile-toolbar_hyvsj_s8rmd_658:not(#\9) {
685
685
  align-items: center;
686
686
  background-color: var(--color-background-home-header-2rudu7, #000716);
687
687
  border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
@@ -697,15 +697,15 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658:not(#\9) {
697
697
  top: var(--awsui-offset-top-zw2xxa);
698
698
  z-index: 1000;
699
699
  }
700
- section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-nav_hyvsj_li5wi_674:not(#\9) {
700
+ section.awsui_mobile-toolbar_hyvsj_s8rmd_658 > .awsui_mobile-toolbar-nav_hyvsj_s8rmd_674:not(#\9) {
701
701
  grid-column: 1;
702
702
  margin-right: var(--space-m-udix3p, 16px);
703
703
  }
704
- section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_li5wi_678:not(#\9) {
704
+ section.awsui_mobile-toolbar_hyvsj_s8rmd_658 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_s8rmd_678:not(#\9) {
705
705
  grid-column: 2;
706
706
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
707
707
  }
708
- section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-tools_hyvsj_li5wi_682:not(#\9) {
708
+ section.awsui_mobile-toolbar_hyvsj_s8rmd_658 > .awsui_mobile-toolbar-tools_hyvsj_s8rmd_682:not(#\9) {
709
709
  grid-column: 3;
710
710
  margin-left: var(--space-m-udix3p, 16px);
711
711
  }
@@ -714,7 +714,7 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-tools_hyvsj
714
714
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
715
715
  SPDX-License-Identifier: Apache-2.0
716
716
  */
717
- .awsui_navigation-container_hyvsj_li5wi_691:not(#\9) {
717
+ .awsui_navigation-container_hyvsj_s8rmd_691:not(#\9) {
718
718
  --awsui-navigation-width-zw2xxa: 280px;
719
719
  display: flex;
720
720
  grid-column: 1;
@@ -736,12 +736,12 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-tools_hyvsj
736
736
  pointer-events: none;
737
737
  }
738
738
  @media (min-width: 2541px) {
739
- .awsui_navigation-container_hyvsj_li5wi_691:not(#\9) {
739
+ .awsui_navigation-container_hyvsj_s8rmd_691:not(#\9) {
740
740
  --awsui-navigation-width-zw2xxa: 320px;
741
741
  }
742
742
  }
743
743
  @media (max-width: 688px) {
744
- .awsui_navigation-container_hyvsj_li5wi_691:not(#\9) {
744
+ .awsui_navigation-container_hyvsj_s8rmd_691:not(#\9) {
745
745
  left: 0;
746
746
  position: fixed;
747
747
  z-index: 1001;
@@ -753,19 +753,19 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-tools_hyvsj
753
753
  relative to the body.
754
754
  */
755
755
  }
756
- .awsui_navigation-container_hyvsj_li5wi_691.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9) {
756
+ .awsui_navigation-container_hyvsj_s8rmd_691.awsui_disable-body-scroll_hyvsj_s8rmd_191:not(#\9) {
757
757
  top: var(--awsui-header-height-zw2xxa);
758
758
  }
759
759
  }
760
760
 
761
- nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9) {
761
+ nav.awsui_show-navigation_hyvsj_s8rmd_735:not(#\9) {
762
762
  padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
763
763
  /*
764
764
  Apply the animation only in desktop viewports because the MobileToolbar will
765
765
  take control in responsive viewports.
766
766
  */
767
767
  }
768
- @keyframes awsui_showButtons_hyvsj_li5wi_1 {
768
+ @keyframes awsui_showButtons_hyvsj_s8rmd_1 {
769
769
  0% {
770
770
  opacity: 0;
771
771
  }
@@ -773,31 +773,31 @@ nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9) {
773
773
  opacity: 1;
774
774
  }
775
775
  }
776
- nav.awsui_show-navigation_hyvsj_li5wi_735.awsui_is-navigation-open_hyvsj_li5wi_646:not(#\9) {
776
+ nav.awsui_show-navigation_hyvsj_s8rmd_735.awsui_is-navigation-open_hyvsj_s8rmd_646:not(#\9) {
777
777
  display: none;
778
778
  }
779
779
  @media (min-width: 689px) {
780
- nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646) {
780
+ nav.awsui_show-navigation_hyvsj_s8rmd_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_s8rmd_646) {
781
781
  display: block;
782
782
  }
783
- nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646).awsui_animating_hyvsj_li5wi_757 {
784
- animation: awsui_showButtons_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
783
+ nav.awsui_show-navigation_hyvsj_s8rmd_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_s8rmd_646).awsui_animating_hyvsj_s8rmd_757 {
784
+ animation: awsui_showButtons_hyvsj_s8rmd_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
785
785
  }
786
786
  }
787
787
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
788
- nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646).awsui_animating_hyvsj_li5wi_757 {
788
+ nav.awsui_show-navigation_hyvsj_s8rmd_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_s8rmd_646).awsui_animating_hyvsj_s8rmd_757 {
789
789
  animation: none;
790
790
  transition: none;
791
791
  }
792
792
  }
793
793
  @media (min-width: 689px) {
794
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646).awsui_animating_hyvsj_li5wi_757, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646).awsui_animating_hyvsj_li5wi_757 {
794
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_s8rmd_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_s8rmd_646).awsui_animating_hyvsj_s8rmd_757, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_s8rmd_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_s8rmd_646).awsui_animating_hyvsj_s8rmd_757 {
795
795
  animation: none;
796
796
  transition: none;
797
797
  }
798
798
  }
799
799
 
800
- nav.awsui_navigation_hyvsj_li5wi_691:not(#\9) {
800
+ nav.awsui_navigation_hyvsj_s8rmd_691:not(#\9) {
801
801
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
802
802
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
803
803
  bottom: 0;
@@ -815,7 +815,7 @@ nav.awsui_navigation_hyvsj_li5wi_691:not(#\9) {
815
815
  prevent unwanted text wrapping.
816
816
  */
817
817
  }
818
- @keyframes awsui_openNavigation_hyvsj_li5wi_1 {
818
+ @keyframes awsui_openNavigation_hyvsj_s8rmd_1 {
819
819
  from {
820
820
  opacity: 0;
821
821
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
@@ -825,33 +825,33 @@ nav.awsui_navigation_hyvsj_li5wi_691:not(#\9) {
825
825
  width: var(--awsui-navigation-width-zw2xxa);
826
826
  }
827
827
  }
828
- nav.awsui_navigation_hyvsj_li5wi_691:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646) {
828
+ nav.awsui_navigation_hyvsj_s8rmd_691:not(#\9):not(.awsui_is-navigation-open_hyvsj_s8rmd_646) {
829
829
  width: 0;
830
830
  display: none;
831
831
  }
832
- nav.awsui_navigation_hyvsj_li5wi_691.awsui_is-navigation-open_hyvsj_li5wi_646.awsui_animating_hyvsj_li5wi_757:not(#\9) {
833
- animation: awsui_openNavigation_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
832
+ nav.awsui_navigation_hyvsj_s8rmd_691.awsui_is-navigation-open_hyvsj_s8rmd_646.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
833
+ animation: awsui_openNavigation_hyvsj_s8rmd_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
834
834
  }
835
835
  @media (prefers-reduced-motion: reduce) {
836
- nav.awsui_navigation_hyvsj_li5wi_691.awsui_is-navigation-open_hyvsj_li5wi_646.awsui_animating_hyvsj_li5wi_757:not(#\9) {
836
+ nav.awsui_navigation_hyvsj_s8rmd_691.awsui_is-navigation-open_hyvsj_s8rmd_646.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
837
837
  animation: none;
838
838
  transition: none;
839
839
  }
840
840
  }
841
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_li5wi_691.awsui_is-navigation-open_hyvsj_li5wi_646.awsui_animating_hyvsj_li5wi_757:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_li5wi_691.awsui_is-navigation-open_hyvsj_li5wi_646.awsui_animating_hyvsj_li5wi_757:not(#\9) {
841
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_s8rmd_691.awsui_is-navigation-open_hyvsj_s8rmd_646.awsui_animating_hyvsj_s8rmd_757:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_s8rmd_691.awsui_is-navigation-open_hyvsj_s8rmd_646.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
842
842
  animation: none;
843
843
  transition: none;
844
844
  }
845
- nav.awsui_navigation_hyvsj_li5wi_691 > .awsui_animated-content_hyvsj_li5wi_819:not(#\9) {
845
+ nav.awsui_navigation_hyvsj_s8rmd_691 > .awsui_animated-content_hyvsj_s8rmd_819:not(#\9) {
846
846
  width: var(--awsui-navigation-width-zw2xxa);
847
847
  }
848
848
  @media (max-width: 688px) {
849
- nav.awsui_navigation_hyvsj_li5wi_691:not(#\9) {
849
+ nav.awsui_navigation_hyvsj_s8rmd_691:not(#\9) {
850
850
  --awsui-navigation-width-zw2xxa: 100vw;
851
851
  }
852
852
  }
853
853
 
854
- .awsui_hide-navigation_hyvsj_li5wi_828:not(#\9) {
854
+ .awsui_hide-navigation_hyvsj_s8rmd_828:not(#\9) {
855
855
  position: absolute;
856
856
  right: var(--space-m-udix3p, 16px);
857
857
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -861,13 +861,13 @@ nav.awsui_navigation_hyvsj_li5wi_691 > .awsui_animated-content_hyvsj_li5wi_819:n
861
861
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
862
862
  SPDX-License-Identifier: Apache-2.0
863
863
  */
864
- .awsui_notifications_hyvsj_li5wi_838:not(#\9) {
864
+ .awsui_notifications_hyvsj_s8rmd_838:not(#\9) {
865
865
  color: var(--color-text-body-default-2sxhhn, #000716);
866
866
  grid-area: notifications;
867
867
  z-index: 850;
868
868
  }
869
869
  @media (min-width: 689px) {
870
- .awsui_notifications_hyvsj_li5wi_838.awsui_sticky-notifications_hyvsj_li5wi_844:not(#\9) {
870
+ .awsui_notifications_hyvsj_s8rmd_838.awsui_sticky-notifications_hyvsj_s8rmd_844:not(#\9) {
871
871
  --awsui-flashbar-sticky-bottom-margin-zw2xxa: var(--space-xxl-cu2m1r, 32px);
872
872
  position: sticky;
873
873
  top: calc(var(--awsui-offset-top-zw2xxa) + var(--space-xs-zb16t3, 8px));
@@ -884,7 +884,7 @@ as the content area. This row is defined as 1 fractional unit which will
884
884
  consume the remaining vertical space in the grid after the notifications
885
885
  and breadcrumbs.
886
886
  */
887
- section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9) {
887
+ section.awsui_split-panel-bottom_hyvsj_s8rmd_861:not(#\9) {
888
888
  /*
889
889
  The align self property will position the split panel at the bottom of the grid row.
890
890
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -895,6 +895,7 @@ section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9) {
895
895
  grid-column: 1/6;
896
896
  grid-row: 10;
897
897
  height: auto;
898
+ overflow-y: hidden;
898
899
  /*
899
900
  The position sticky will work in conjunction with the align self: end; property.
900
901
  If the grid row scrolls beyond the viewport, the sticky bottom position
@@ -919,7 +920,7 @@ section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9) {
919
920
  apply the animation to the height property.
920
921
  */
921
922
  }
922
- @keyframes awsui_openSplitPanelBottom_hyvsj_li5wi_1 {
923
+ @keyframes awsui_openSplitPanelBottom_hyvsj_s8rmd_1 {
923
924
  from {
924
925
  height: var(--awsui-split-panel-reported-header-size-zw2xxa, 0);
925
926
  }
@@ -927,39 +928,39 @@ section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9) {
927
928
  height: var(--awsui-split-panel-reported-size-zw2xxa);
928
929
  }
929
930
  }
930
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9) {
931
+ section.awsui_split-panel-bottom_hyvsj_s8rmd_861.awsui_disable-body-scroll_hyvsj_s8rmd_191:not(#\9) {
931
932
  bottom: 0;
932
933
  }
933
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-navigation-open_hyvsj_li5wi_646.awsui_position-bottom_hyvsj_li5wi_907:not(#\9) {
934
+ section.awsui_split-panel-bottom_hyvsj_s8rmd_861.awsui_is-navigation-open_hyvsj_s8rmd_646.awsui_position-bottom_hyvsj_s8rmd_908:not(#\9) {
934
935
  grid-column-start: 2;
935
936
  }
936
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_has-open-drawer_hyvsj_li5wi_157.awsui_position-bottom_hyvsj_li5wi_907:not(#\9) {
937
+ section.awsui_split-panel-bottom_hyvsj_s8rmd_861.awsui_has-open-drawer_hyvsj_s8rmd_157.awsui_position-bottom_hyvsj_s8rmd_908:not(#\9) {
937
938
  grid-column-end: 5;
938
939
  }
939
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_position-bottom_hyvsj_li5wi_907:not(#\9) {
940
+ section.awsui_split-panel-bottom_hyvsj_s8rmd_861.awsui_position-bottom_hyvsj_s8rmd_908:not(#\9) {
940
941
  display: block;
941
942
  }
942
- section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9):not(.awsui_is-split-panel-open_hyvsj_li5wi_649).awsui_position-bottom_hyvsj_li5wi_907 {
943
+ section.awsui_split-panel-bottom_hyvsj_s8rmd_861:not(#\9):not(.awsui_is-split-panel-open_hyvsj_s8rmd_649).awsui_position-bottom_hyvsj_s8rmd_908 {
943
944
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
944
945
  }
945
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-bottom_hyvsj_li5wi_907:not(#\9) {
946
+ section.awsui_split-panel-bottom_hyvsj_s8rmd_861.awsui_is-split-panel-open_hyvsj_s8rmd_649.awsui_position-bottom_hyvsj_s8rmd_908:not(#\9) {
946
947
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
947
948
  }
948
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-bottom_hyvsj_li5wi_907.awsui_animating_hyvsj_li5wi_757:not(#\9) {
949
- animation: awsui_openSplitPanelBottom_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
949
+ section.awsui_split-panel-bottom_hyvsj_s8rmd_861.awsui_is-split-panel-open_hyvsj_s8rmd_649.awsui_position-bottom_hyvsj_s8rmd_908.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
950
+ animation: awsui_openSplitPanelBottom_hyvsj_s8rmd_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
950
951
  }
951
952
  @media (prefers-reduced-motion: reduce) {
952
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-bottom_hyvsj_li5wi_907.awsui_animating_hyvsj_li5wi_757:not(#\9) {
953
+ section.awsui_split-panel-bottom_hyvsj_s8rmd_861.awsui_is-split-panel-open_hyvsj_s8rmd_649.awsui_position-bottom_hyvsj_s8rmd_908.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
953
954
  animation: none;
954
955
  transition: none;
955
956
  }
956
957
  }
957
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-bottom_hyvsj_li5wi_907.awsui_animating_hyvsj_li5wi_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-bottom_hyvsj_li5wi_907.awsui_animating_hyvsj_li5wi_757:not(#\9) {
958
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_s8rmd_861.awsui_is-split-panel-open_hyvsj_s8rmd_649.awsui_position-bottom_hyvsj_s8rmd_908.awsui_animating_hyvsj_s8rmd_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_s8rmd_861.awsui_is-split-panel-open_hyvsj_s8rmd_649.awsui_position-bottom_hyvsj_s8rmd_908.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
958
959
  animation: none;
959
960
  transition: none;
960
961
  }
961
962
 
962
- section.awsui_split-panel-side_hyvsj_li5wi_936:not(#\9) {
963
+ section.awsui_split-panel-side_hyvsj_s8rmd_937:not(#\9) {
963
964
  height: 100%;
964
965
  overflow-x: hidden;
965
966
  pointer-events: auto;
@@ -974,7 +975,7 @@ section.awsui_split-panel-side_hyvsj_li5wi_936:not(#\9) {
974
975
  prevent unwanted text wrapping.
975
976
  */
976
977
  }
977
- @keyframes awsui_openSplitPanelSide_hyvsj_li5wi_1 {
978
+ @keyframes awsui_openSplitPanelSide_hyvsj_s8rmd_1 {
978
979
  from {
979
980
  opacity: 0;
980
981
  width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
@@ -984,28 +985,28 @@ section.awsui_split-panel-side_hyvsj_li5wi_936:not(#\9) {
984
985
  width: var(--awsui-split-panel-reported-size-zw2xxa);
985
986
  }
986
987
  }
987
- section.awsui_split-panel-side_hyvsj_li5wi_936:not(#\9):not(.awsui_is-split-panel-open_hyvsj_li5wi_649), section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_position-bottom_hyvsj_li5wi_907:not(#\9) {
988
+ section.awsui_split-panel-side_hyvsj_s8rmd_937:not(#\9):not(.awsui_is-split-panel-open_hyvsj_s8rmd_649), section.awsui_split-panel-side_hyvsj_s8rmd_937.awsui_position-bottom_hyvsj_s8rmd_908:not(#\9) {
988
989
  width: 0;
989
990
  }
990
- section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-side_hyvsj_li5wi_964:not(#\9) {
991
+ section.awsui_split-panel-side_hyvsj_s8rmd_937.awsui_is-split-panel-open_hyvsj_s8rmd_649.awsui_position-side_hyvsj_s8rmd_965:not(#\9) {
991
992
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
992
993
  max-width: var(--awsui-split-panel-max-width-zw2xxa, 280px);
993
994
  min-width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
994
995
  }
995
- section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-side_hyvsj_li5wi_964.awsui_animating_hyvsj_li5wi_757:not(#\9) {
996
- animation: awsui_openSplitPanelSide_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
996
+ section.awsui_split-panel-side_hyvsj_s8rmd_937.awsui_is-split-panel-open_hyvsj_s8rmd_649.awsui_position-side_hyvsj_s8rmd_965.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
997
+ animation: awsui_openSplitPanelSide_hyvsj_s8rmd_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
997
998
  }
998
999
  @media (prefers-reduced-motion: reduce) {
999
- section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-side_hyvsj_li5wi_964.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1000
+ section.awsui_split-panel-side_hyvsj_s8rmd_937.awsui_is-split-panel-open_hyvsj_s8rmd_649.awsui_position-side_hyvsj_s8rmd_965.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
1000
1001
  animation: none;
1001
1002
  transition: none;
1002
1003
  }
1003
1004
  }
1004
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-side_hyvsj_li5wi_964.awsui_animating_hyvsj_li5wi_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-side_hyvsj_li5wi_964.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1005
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_s8rmd_937.awsui_is-split-panel-open_hyvsj_s8rmd_649.awsui_position-side_hyvsj_s8rmd_965.awsui_animating_hyvsj_s8rmd_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_s8rmd_937.awsui_is-split-panel-open_hyvsj_s8rmd_649.awsui_position-side_hyvsj_s8rmd_965.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
1005
1006
  animation: none;
1006
1007
  transition: none;
1007
1008
  }
1008
- section.awsui_split-panel-side_hyvsj_li5wi_936 > .awsui_animated-content_hyvsj_li5wi_819:not(#\9) {
1009
+ section.awsui_split-panel-side_hyvsj_s8rmd_937 > .awsui_animated-content_hyvsj_s8rmd_819:not(#\9) {
1009
1010
  height: 100%;
1010
1011
  max-width: inherit;
1011
1012
  width: var(--awsui-split-panel-reported-size-zw2xxa);
@@ -1024,7 +1025,7 @@ content width has a default value that can be set directly with the minContentWi
1024
1025
  property. The content gap right is computed in the Layout styles based on the
1025
1026
  viewport size and state of the Tools drawer.
1026
1027
  */
1027
- .awsui_tools-container_hyvsj_li5wi_1001:not(#\9) {
1028
+ .awsui_tools-container_hyvsj_s8rmd_1002:not(#\9) {
1028
1029
  /* stylelint-disable scss/operator-no-newline-after */
1029
1030
  --awsui-tools-max-width-zw2xxa: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
1030
1031
  /* stylelint-enable scss/operator-no-newline-after */
@@ -1040,12 +1041,12 @@ viewport size and state of the Tools drawer.
1040
1041
  pointer-events: none;
1041
1042
  }
1042
1043
  @media (min-width: 2541px) {
1043
- .awsui_tools-container_hyvsj_li5wi_1001:not(#\9) {
1044
+ .awsui_tools-container_hyvsj_s8rmd_1002:not(#\9) {
1044
1045
  --awsui-tools-width-zw2xxa: 360px;
1045
1046
  }
1046
1047
  }
1047
1048
  @media (max-width: 688px) {
1048
- .awsui_tools-container_hyvsj_li5wi_1001:not(#\9) {
1049
+ .awsui_tools-container_hyvsj_s8rmd_1002:not(#\9) {
1049
1050
  --awsui-tools-max-width-zw2xxa: none;
1050
1051
  --awsui-tools-width-zw2xxa: auto;
1051
1052
  position: fixed;
@@ -1059,12 +1060,12 @@ viewport size and state of the Tools drawer.
1059
1060
  relative to the body.
1060
1061
  */
1061
1062
  }
1062
- .awsui_tools-container_hyvsj_li5wi_1001.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9) {
1063
+ .awsui_tools-container_hyvsj_s8rmd_1002.awsui_disable-body-scroll_hyvsj_s8rmd_191:not(#\9) {
1063
1064
  top: var(--awsui-header-height-zw2xxa);
1064
1065
  }
1065
1066
  }
1066
1067
 
1067
- .awsui_tools_hyvsj_li5wi_1001:not(#\9) {
1068
+ .awsui_tools_hyvsj_s8rmd_1002:not(#\9) {
1068
1069
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1069
1070
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
1070
1071
  flex-shrink: 0;
@@ -1088,7 +1089,7 @@ viewport size and state of the Tools drawer.
1088
1089
  in the side position.
1089
1090
  */
1090
1091
  }
1091
- @keyframes awsui_openTools_hyvsj_li5wi_1 {
1092
+ @keyframes awsui_openTools_hyvsj_s8rmd_1 {
1092
1093
  from {
1093
1094
  opacity: var(--awsui-tools-animation-starting-opacity-zw2xxa, 0);
1094
1095
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
@@ -1098,38 +1099,38 @@ viewport size and state of the Tools drawer.
1098
1099
  width: var(--awsui-tools-width-zw2xxa);
1099
1100
  }
1100
1101
  }
1101
- .awsui_tools_hyvsj_li5wi_1001:not(#\9):not(.awsui_is-tools-open_hyvsj_li5wi_649) {
1102
+ .awsui_tools_hyvsj_s8rmd_1002:not(#\9):not(.awsui_is-tools-open_hyvsj_s8rmd_649) {
1102
1103
  width: 0;
1103
1104
  display: none;
1104
1105
  }
1105
- .awsui_tools_hyvsj_li5wi_1001.awsui_is-tools-open_hyvsj_li5wi_649.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1106
- animation: awsui_openTools_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1106
+ .awsui_tools_hyvsj_s8rmd_1002.awsui_is-tools-open_hyvsj_s8rmd_649.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
1107
+ animation: awsui_openTools_hyvsj_s8rmd_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1107
1108
  }
1108
1109
  @media (prefers-reduced-motion: reduce) {
1109
- .awsui_tools_hyvsj_li5wi_1001.awsui_is-tools-open_hyvsj_li5wi_649.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1110
+ .awsui_tools_hyvsj_s8rmd_1002.awsui_is-tools-open_hyvsj_s8rmd_649.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
1110
1111
  animation: none;
1111
1112
  transition: none;
1112
1113
  }
1113
1114
  }
1114
- .awsui-motion-disabled .awsui_tools_hyvsj_li5wi_1001.awsui_is-tools-open_hyvsj_li5wi_649.awsui_animating_hyvsj_li5wi_757:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_li5wi_1001.awsui_is-tools-open_hyvsj_li5wi_649.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1115
+ .awsui-motion-disabled .awsui_tools_hyvsj_s8rmd_1002.awsui_is-tools-open_hyvsj_s8rmd_649.awsui_animating_hyvsj_s8rmd_757:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_s8rmd_1002.awsui_is-tools-open_hyvsj_s8rmd_649.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
1115
1116
  animation: none;
1116
1117
  transition: none;
1117
1118
  }
1118
- .awsui_tools_hyvsj_li5wi_1001 > .awsui_animated-content_hyvsj_li5wi_819:not(#\9) {
1119
+ .awsui_tools_hyvsj_s8rmd_1002 > .awsui_animated-content_hyvsj_s8rmd_819:not(#\9) {
1119
1120
  width: var(--awsui-tools-width-zw2xxa);
1120
1121
  }
1121
1122
  @media (min-width: 689px) {
1122
- .awsui_tools_hyvsj_li5wi_1001.awsui_is-tools-open_hyvsj_li5wi_649.awsui_has-tools-form-persistence_hyvsj_li5wi_1096:not(#\9) {
1123
+ .awsui_tools_hyvsj_s8rmd_1002.awsui_is-tools-open_hyvsj_s8rmd_649.awsui_has-tools-form-persistence_hyvsj_s8rmd_1097:not(#\9) {
1123
1124
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
1124
1125
  }
1125
1126
  }
1126
1127
  @media (max-width: 688px) {
1127
- .awsui_tools_hyvsj_li5wi_1001:not(#\9) {
1128
+ .awsui_tools_hyvsj_s8rmd_1002:not(#\9) {
1128
1129
  --awsui-tools-width-zw2xxa: 100vw;
1129
1130
  }
1130
1131
  }
1131
1132
 
1132
- .awsui_hide-tools_hyvsj_li5wi_1106:not(#\9) {
1133
+ .awsui_hide-tools_hyvsj_s8rmd_1107:not(#\9) {
1133
1134
  position: absolute;
1134
1135
  right: var(--space-m-udix3p, 16px);
1135
1136
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1141,7 +1142,7 @@ Warning! If these design tokens for padding change it will adversely impact
1141
1142
  the calculation used to determine the Split Panel maximum width in the
1142
1143
  handleSplitPanelMaxWidth function in the context.
1143
1144
  */
1144
- .awsui_show-tools_hyvsj_li5wi_1118:not(#\9) {
1145
+ .awsui_show-tools_hyvsj_s8rmd_1119:not(#\9) {
1145
1146
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1146
1147
  border-collapse: separate;
1147
1148
  border-spacing: 0;
@@ -1185,7 +1186,7 @@ handleSplitPanelMaxWidth function in the context.
1185
1186
  take control in responsive viewports.
1186
1187
  */
1187
1188
  }
1188
- @keyframes awsui_showButtons_hyvsj_li5wi_1 {
1189
+ @keyframes awsui_showButtons_hyvsj_s8rmd_1 {
1189
1190
  0% {
1190
1191
  opacity: 0;
1191
1192
  }
@@ -1193,31 +1194,31 @@ handleSplitPanelMaxWidth function in the context.
1193
1194
  opacity: 1;
1194
1195
  }
1195
1196
  }
1196
- .awsui_show-tools_hyvsj_li5wi_1118:not(#\9):not(.awsui_has-tools-form_hyvsj_li5wi_1096) {
1197
+ .awsui_show-tools_hyvsj_s8rmd_1119:not(#\9):not(.awsui_has-tools-form_hyvsj_s8rmd_1097) {
1197
1198
  display: none;
1198
1199
  }
1199
1200
  @media (min-width: 689px) {
1200
- .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form_hyvsj_li5wi_1096:not(#\9) {
1201
+ .awsui_show-tools_hyvsj_s8rmd_1119.awsui_has-tools-form_hyvsj_s8rmd_1097:not(#\9) {
1201
1202
  display: flex;
1202
1203
  flex-direction: column;
1203
1204
  gap: var(--space-xs-zb16t3, 8px);
1204
1205
  }
1205
- .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form_hyvsj_li5wi_1096.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1206
- animation: awsui_showButtons_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1206
+ .awsui_show-tools_hyvsj_s8rmd_1119.awsui_has-tools-form_hyvsj_s8rmd_1097.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
1207
+ animation: awsui_showButtons_hyvsj_s8rmd_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1207
1208
  }
1208
1209
  }
1209
1210
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1210
- .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form_hyvsj_li5wi_1096.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1211
+ .awsui_show-tools_hyvsj_s8rmd_1119.awsui_has-tools-form_hyvsj_s8rmd_1097.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
1211
1212
  animation: none;
1212
1213
  transition: none;
1213
1214
  }
1214
1215
  }
1215
1216
  @media (min-width: 689px) {
1216
- .awsui-motion-disabled .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form_hyvsj_li5wi_1096.awsui_animating_hyvsj_li5wi_757:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form_hyvsj_li5wi_1096.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1217
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_s8rmd_1119.awsui_has-tools-form_hyvsj_s8rmd_1097.awsui_animating_hyvsj_s8rmd_757:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_s8rmd_1119.awsui_has-tools-form_hyvsj_s8rmd_1097.awsui_animating_hyvsj_s8rmd_757:not(#\9) {
1217
1218
  animation: none;
1218
1219
  transition: none;
1219
1220
  }
1220
- .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form-persistence_hyvsj_li5wi_1096:not(#\9) {
1221
+ .awsui_show-tools_hyvsj_s8rmd_1119.awsui_has-tools-form-persistence_hyvsj_s8rmd_1097:not(#\9) {
1221
1222
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1222
1223
  z-index: 1;
1223
1224
  }
@@ -1232,7 +1233,7 @@ Warning! If these design tokens for width change it will adversely impact
1232
1233
  the calculation used to determine the Split Panel maximum width in the
1233
1234
  handleSplitPanelMaxWidth function in the context.
1234
1235
  */
1235
- .awsui_trigger_hyvsj_li5wi_1183:not(#\9) {
1236
+ .awsui_trigger_hyvsj_s8rmd_1184:not(#\9) {
1236
1237
  background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
1237
1238
  border: none;
1238
1239
  border-radius: 50%;
@@ -1244,14 +1245,14 @@ handleSplitPanelMaxWidth function in the context.
1244
1245
  pointer-events: auto;
1245
1246
  width: var(--space-layout-toggle-diameter-x54u6y, 40px);
1246
1247
  }
1247
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_li5wi_1183:not(#\9):focus {
1248
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_s8rmd_1184:not(#\9):focus {
1248
1249
  position: relative;
1249
1250
  }
1250
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_li5wi_1183:not(#\9):focus {
1251
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_s8rmd_1184:not(#\9):focus {
1251
1252
  outline: 2px dotted transparent;
1252
1253
  outline-offset: calc(3px - 1px);
1253
1254
  }
1254
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_li5wi_1183:not(#\9):focus::before {
1255
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_s8rmd_1184:not(#\9):focus::before {
1255
1256
  content: " ";
1256
1257
  display: block;
1257
1258
  position: absolute;
@@ -1262,23 +1263,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_li5wi_1183:not(#\9):foc
1262
1263
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1263
1264
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1264
1265
  }
1265
- .awsui_trigger_hyvsj_li5wi_1183:not(#\9):focus {
1266
+ .awsui_trigger_hyvsj_s8rmd_1184:not(#\9):focus {
1266
1267
  outline: none;
1267
1268
  }
1268
- .awsui_trigger_hyvsj_li5wi_1183:not(#\9):hover {
1269
+ .awsui_trigger_hyvsj_s8rmd_1184:not(#\9):hover {
1269
1270
  background: var(--color-background-layout-toggle-hover-ho9150, #354150);
1270
1271
  }
1271
- .awsui_trigger_hyvsj_li5wi_1183:not(#\9):active {
1272
+ .awsui_trigger_hyvsj_s8rmd_1184:not(#\9):active {
1272
1273
  background: var(--color-background-layout-toggle-active-robi8g, #354150);
1273
1274
  }
1274
- .awsui_trigger_hyvsj_li5wi_1183.awsui_selected_hyvsj_li5wi_1222:not(#\9) {
1275
+ .awsui_trigger_hyvsj_s8rmd_1184.awsui_selected_hyvsj_s8rmd_1223:not(#\9) {
1275
1276
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1276
1277
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1277
1278
  }
1278
- .awsui_trigger_hyvsj_li5wi_1183.awsui_selected_hyvsj_li5wi_1222:not(#\9):hover {
1279
+ .awsui_trigger_hyvsj_s8rmd_1184.awsui_selected_hyvsj_s8rmd_1223:not(#\9):hover {
1279
1280
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1280
1281
  }
1281
- .awsui_trigger_hyvsj_li5wi_1183.awsui_selected_hyvsj_li5wi_1222:not(#\9):active {
1282
+ .awsui_trigger_hyvsj_s8rmd_1184.awsui_selected_hyvsj_s8rmd_1223:not(#\9):active {
1282
1283
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1283
1284
  }
1284
1285