@cloudscape-design/components 3.0.246 → 3.0.247

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 (108) 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/index.d.ts +3 -21
  5. package/app-layout/drawer/index.d.ts.map +1 -1
  6. package/app-layout/drawer/index.js +25 -5
  7. package/app-layout/drawer/index.js.map +1 -1
  8. package/app-layout/drawer/interfaces.d.ts +84 -0
  9. package/app-layout/drawer/interfaces.d.ts.map +1 -0
  10. package/app-layout/drawer/interfaces.js +2 -0
  11. package/app-layout/drawer/interfaces.js.map +1 -0
  12. package/app-layout/drawer/resizable-drawer.d.ts +4 -0
  13. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -0
  14. package/app-layout/drawer/resizable-drawer.js +51 -0
  15. package/app-layout/drawer/resizable-drawer.js.map +1 -0
  16. package/app-layout/drawer/styles.css.js +10 -5
  17. package/app-layout/drawer/styles.scoped.css +46 -10
  18. package/app-layout/drawer/styles.selectors.js +10 -5
  19. package/app-layout/index.d.ts.map +1 -1
  20. package/app-layout/index.js +142 -17
  21. package/app-layout/index.js.map +1 -1
  22. package/app-layout/mobile-toolbar/index.d.ts +10 -1
  23. package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
  24. package/app-layout/mobile-toolbar/index.js +3 -2
  25. package/app-layout/mobile-toolbar/index.js.map +1 -1
  26. package/app-layout/mobile-toolbar/styles.css.js +5 -4
  27. package/app-layout/mobile-toolbar/styles.scoped.css +11 -7
  28. package/app-layout/mobile-toolbar/styles.selectors.js +5 -4
  29. package/app-layout/notifications/styles.css.js +3 -3
  30. package/app-layout/notifications/styles.scoped.css +7 -7
  31. package/app-layout/notifications/styles.selectors.js +3 -3
  32. package/app-layout/test-classes/styles.css.js +18 -13
  33. package/app-layout/test-classes/styles.scoped.css +33 -13
  34. package/app-layout/test-classes/styles.selectors.js +18 -13
  35. package/app-layout/toggles/index.d.ts.map +1 -1
  36. package/app-layout/toggles/index.js +2 -2
  37. package/app-layout/toggles/index.js.map +1 -1
  38. package/app-layout/toggles/interfaces.d.ts +3 -1
  39. package/app-layout/toggles/interfaces.d.ts.map +1 -1
  40. package/app-layout/toggles/interfaces.js.map +1 -1
  41. package/app-layout/utils/use-drawer-focus-control.d.ts +21 -0
  42. package/app-layout/utils/use-drawer-focus-control.d.ts.map +1 -0
  43. package/app-layout/utils/use-drawer-focus-control.js +65 -0
  44. package/app-layout/utils/use-drawer-focus-control.js.map +1 -0
  45. package/app-layout/visual-refresh/app-bar.d.ts.map +1 -1
  46. package/app-layout/visual-refresh/app-bar.js +8 -6
  47. package/app-layout/visual-refresh/app-bar.js.map +1 -1
  48. package/app-layout/visual-refresh/context.d.ts +13 -5
  49. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  50. package/app-layout/visual-refresh/context.js +104 -49
  51. package/app-layout/visual-refresh/context.js.map +1 -1
  52. package/app-layout/visual-refresh/drawers.d.ts +47 -0
  53. package/app-layout/visual-refresh/drawers.d.ts.map +1 -0
  54. package/app-layout/visual-refresh/drawers.js +127 -0
  55. package/app-layout/visual-refresh/drawers.js.map +1 -0
  56. package/app-layout/visual-refresh/header.js +2 -2
  57. package/app-layout/visual-refresh/header.js.map +1 -1
  58. package/app-layout/visual-refresh/index.d.ts.map +1 -1
  59. package/app-layout/visual-refresh/index.js +3 -1
  60. package/app-layout/visual-refresh/index.js.map +1 -1
  61. package/app-layout/visual-refresh/layout.d.ts.map +1 -1
  62. package/app-layout/visual-refresh/layout.js +5 -42
  63. package/app-layout/visual-refresh/layout.js.map +1 -1
  64. package/app-layout/visual-refresh/main.d.ts.map +1 -1
  65. package/app-layout/visual-refresh/main.js +2 -3
  66. package/app-layout/visual-refresh/main.js.map +1 -1
  67. package/app-layout/visual-refresh/navigation.js +2 -2
  68. package/app-layout/visual-refresh/navigation.js.map +1 -1
  69. package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
  70. package/app-layout/visual-refresh/notifications.js +2 -2
  71. package/app-layout/visual-refresh/notifications.js.map +1 -1
  72. package/app-layout/visual-refresh/split-panel.js +2 -2
  73. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  74. package/app-layout/visual-refresh/styles.css.js +71 -61
  75. package/app-layout/visual-refresh/styles.scoped.css +437 -229
  76. package/app-layout/visual-refresh/styles.selectors.js +71 -61
  77. package/app-layout/visual-refresh/tools.d.ts.map +1 -1
  78. package/app-layout/visual-refresh/tools.js +7 -3
  79. package/app-layout/visual-refresh/tools.js.map +1 -1
  80. package/app-layout/visual-refresh/trigger-button.d.ts +4 -3
  81. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  82. package/app-layout/visual-refresh/trigger-button.js +5 -4
  83. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  84. package/area-chart/internal.js +1 -1
  85. package/area-chart/internal.js.map +1 -1
  86. package/flashbar/styles.css.js +45 -45
  87. package/flashbar/styles.scoped.css +169 -169
  88. package/flashbar/styles.selectors.js +45 -45
  89. package/internal/base-component/styles.scoped.css +24 -0
  90. package/internal/environment.js +1 -1
  91. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  92. package/internal/generated/custom-css-properties/index.js +31 -30
  93. package/internal/generated/custom-css-properties/index.js.map +1 -1
  94. package/internal/generated/styles/tokens.d.ts +2 -0
  95. package/internal/generated/styles/tokens.js +2 -0
  96. package/internal/generated/theming/index.cjs +140 -0
  97. package/internal/generated/theming/index.js +140 -0
  98. package/internal/manifest.json +1 -1
  99. package/mixed-line-bar-chart/internal.js +1 -1
  100. package/mixed-line-bar-chart/internal.js.map +1 -1
  101. package/package.json +1 -1
  102. package/pie-chart/index.js +1 -1
  103. package/pie-chart/index.js.map +1 -1
  104. package/space-between/internal.js +1 -1
  105. package/space-between/internal.js.map +1 -1
  106. package/space-between/styles.css.js +20 -28
  107. package/space-between/styles.scoped.css +37 -101
  108. package/space-between/styles.selectors.js +20 -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_10sxp_93:not(#\9) {
93
+ section.awsui_appbar_hyvsj_nghum_93:not(#\9) {
94
94
  align-items: center;
95
95
  box-sizing: border-box;
96
96
  display: grid;
@@ -114,20 +114,21 @@ section.awsui_appbar_hyvsj_10sxp_93:not(#\9) {
114
114
  span the entire column definition of the Layout grid.
115
115
  */
116
116
  }
117
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-nav_hyvsj_10sxp_117:not(#\9) {
117
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_appbar-nav_hyvsj_nghum_117:not(#\9) {
118
118
  grid-column: 1;
119
119
  margin-right: var(--space-m-17eucw, 16px);
120
120
  }
121
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121:not(#\9) {
121
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_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_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_125:not(#\9) {
125
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_appbar-tools_hyvsj_nghum_125:not(#\9),
126
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_drawers-mobile-triggers-container_hyvsj_nghum_126:not(#\9) {
126
127
  grid-column: 3;
127
128
  margin-left: var(--space-m-17eucw, 16px);
128
129
  }
129
130
  @media (min-width: 689px) {
130
- section.awsui_appbar_hyvsj_10sxp_93:not(#\9) {
131
+ section.awsui_appbar_hyvsj_nghum_93:not(#\9) {
131
132
  /*
132
133
  If Breadcrumbs do not exist then the AppBar should be suppressed
133
134
  because in large viewports the triggers are rendered
@@ -163,33 +164,34 @@ section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_125:not(#\
163
164
  be lifted so it doesn't render behind the background element.
164
165
  */
165
166
  }
166
- section.awsui_appbar_hyvsj_10sxp_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_10sxp_166) {
167
+ section.awsui_appbar_hyvsj_nghum_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nghum_167) {
167
168
  display: none;
168
169
  }
169
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-nav_hyvsj_10sxp_117:not(#\9),
170
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_125:not(#\9) {
170
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_appbar-nav_hyvsj_nghum_117:not(#\9),
171
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_appbar-tools_hyvsj_nghum_125:not(#\9),
172
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_drawers-mobile-triggers-container_hyvsj_nghum_126:not(#\9) {
171
173
  display: none;
172
174
  }
173
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_10sxp_173) {
175
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_nghum_175) {
174
176
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
175
177
  }
176
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121.awsui_has-notifications-content_hyvsj_10sxp_173:not(#\9) {
178
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121.awsui_has-notifications-content_hyvsj_nghum_175:not(#\9) {
177
179
  padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
178
180
  }
179
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121:not(#\9):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179),
180
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121:not(#\9):not(.awsui_has-header_hyvsj_10sxp_179).awsui_content-type-wizard_hyvsj_10sxp_180 {
181
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121:not(#\9):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181),
182
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121:not(#\9):not(.awsui_has-header_hyvsj_nghum_181).awsui_content-type-wizard_hyvsj_nghum_182 {
181
183
  padding-bottom: var(--space-m-17eucw, 16px);
182
184
  }
183
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121.awsui_content-type-cards_hyvsj_10sxp_183:not(#\9),
184
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121.awsui_content-type-table_hyvsj_10sxp_184:not(#\9) {
185
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121.awsui_content-type-cards_hyvsj_nghum_185:not(#\9),
186
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121.awsui_content-type-table_hyvsj_nghum_186:not(#\9) {
185
187
  padding-bottom: var(--space-xxs-ynfts5, 4px);
186
188
  }
187
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121.awsui_has-sticky-background_hyvsj_10sxp_187:not(#\9) {
189
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121.awsui_has-sticky-background_hyvsj_nghum_189:not(#\9) {
188
190
  z-index: 799;
189
191
  }
190
192
  }
191
193
  @media (max-width: 688px) {
192
- section.awsui_appbar_hyvsj_10sxp_93:not(#\9) {
194
+ section.awsui_appbar_hyvsj_nghum_93:not(#\9) {
193
195
  background-color: var(--color-background-home-header-mpq08f, #000716);
194
196
  border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
195
197
  box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
@@ -198,18 +200,19 @@ section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_125:not(#\
198
200
  height: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
199
201
  padding: 0 var(--space-m-17eucw, 16px);
200
202
  position: sticky;
201
- top: var(--awsui-offset-top-lgrg0d);
203
+ top: var(--awsui-offset-top-3j0evk);
202
204
  z-index: 1000;
203
205
  /*
204
206
  Remove any existing top and bottom padding from the Breadcrumbs since
205
207
  they are now sticky positioned in the viewport with the AppBar.
206
208
  */
207
209
  }
208
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-nav_hyvsj_10sxp_117:not(#\9),
209
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_125:not(#\9) {
210
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_appbar-nav_hyvsj_nghum_117:not(#\9),
211
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_appbar-tools_hyvsj_nghum_125:not(#\9),
212
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_drawers-mobile-triggers-container_hyvsj_nghum_126:not(#\9) {
210
213
  display: block;
211
214
  }
212
- section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121:not(#\9) {
215
+ section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121:not(#\9) {
213
216
  padding: 0;
214
217
  }
215
218
  }
@@ -218,10 +221,10 @@ section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_125:not(#\
218
221
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
219
222
  SPDX-License-Identifier: Apache-2.0
220
223
  */
221
- div.awsui_background_hyvsj_10sxp_221:not(#\9) {
224
+ div.awsui_background_hyvsj_nghum_224:not(#\9) {
222
225
  display: contents;
223
226
  }
224
- div.awsui_background_hyvsj_10sxp_221 > .awsui_notifications-appbar-header_hyvsj_10sxp_224:not(#\9) {
227
+ div.awsui_background_hyvsj_nghum_224 > .awsui_notifications-appbar-header_hyvsj_nghum_227:not(#\9) {
225
228
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
226
229
  grid-column: 1/span 5;
227
230
  grid-row: 1/span 3;
@@ -234,13 +237,13 @@ div.awsui_background_hyvsj_10sxp_221 > .awsui_notifications-appbar-header_hyvsj_
234
237
  */
235
238
  }
236
239
  @media (min-width: 689px) {
237
- div.awsui_background_hyvsj_10sxp_221 > .awsui_notifications-appbar-header_hyvsj_10sxp_224.awsui_has-sticky-background_hyvsj_10sxp_187.awsui_has-notifications-content_hyvsj_10sxp_173.awsui_sticky-notifications_hyvsj_10sxp_237:not(#\9) {
240
+ div.awsui_background_hyvsj_nghum_224 > .awsui_notifications-appbar-header_hyvsj_nghum_227.awsui_has-sticky-background_hyvsj_nghum_189.awsui_has-notifications-content_hyvsj_nghum_175.awsui_sticky-notifications_hyvsj_nghum_240:not(#\9) {
238
241
  position: sticky;
239
- top: var(--awsui-offset-top-lgrg0d);
242
+ top: var(--awsui-offset-top-3j0evk);
240
243
  z-index: 799;
241
244
  }
242
245
  }
243
- div.awsui_background_hyvsj_10sxp_221 > .awsui_overlap_hyvsj_10sxp_243:not(#\9) {
246
+ div.awsui_background_hyvsj_nghum_224 > .awsui_overlap_hyvsj_nghum_246:not(#\9) {
244
247
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
245
248
  grid-column: 1/span 5;
246
249
  grid-row: 4;
@@ -253,9 +256,9 @@ div.awsui_background_hyvsj_10sxp_221 > .awsui_overlap_hyvsj_10sxp_243:not(#\9) {
253
256
  */
254
257
  }
255
258
  @media (min-width: 689px) {
256
- div.awsui_background_hyvsj_10sxp_221 > .awsui_overlap_hyvsj_10sxp_243.awsui_has-sticky-background_hyvsj_10sxp_187:not(#\9) {
259
+ div.awsui_background_hyvsj_nghum_224 > .awsui_overlap_hyvsj_nghum_246.awsui_has-sticky-background_hyvsj_nghum_189:not(#\9) {
257
260
  position: sticky;
258
- top: var(--awsui-offset-top-with-notifications-lgrg0d);
261
+ top: var(--awsui-offset-top-with-notifications-3j0evk);
259
262
  z-index: 799;
260
263
  }
261
264
  }
@@ -264,13 +267,218 @@ div.awsui_background_hyvsj_10sxp_221 > .awsui_overlap_hyvsj_10sxp_243:not(#\9) {
264
267
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
265
268
  SPDX-License-Identifier: Apache-2.0
266
269
  */
267
- header.awsui_content_hyvsj_10sxp_180:not(#\9) {
270
+ .awsui_drawers-container_hyvsj_nghum_270:not(#\9) {
271
+ background-color: transparent;
272
+ display: flex;
273
+ grid-column: 5;
274
+ grid-row: 1/span 5;
275
+ height: var(--awsui-content-height-3j0evk);
276
+ pointer-events: none;
277
+ position: sticky;
278
+ top: var(--awsui-offset-top-3j0evk);
279
+ z-index: 830;
280
+ transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
281
+ }
282
+ .awsui_drawers-container_hyvsj_nghum_270.awsui_has-open-drawer_hyvsj_nghum_282:not(#\9) {
283
+ background-color: var(--color-background-container-content-i8i4a0, #ffffff);
284
+ box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
285
+ }
286
+ @media (prefers-reduced-motion: reduce) {
287
+ .awsui_drawers-container_hyvsj_nghum_270:not(#\9) {
288
+ animation: none;
289
+ transition: none;
290
+ }
291
+ }
292
+ .awsui-motion-disabled .awsui_drawers-container_hyvsj_nghum_270:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_nghum_270:not(#\9) {
293
+ animation: none;
294
+ transition: none;
295
+ }
296
+ @media (min-width: 689px) {
297
+ .awsui_drawers-container_hyvsj_nghum_270:not(#\9) {
298
+ /* stylelint-disable scss/operator-no-newline-after */
299
+ 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));
300
+ /* stylelint-enable scss/operator-no-newline-after */
301
+ }
302
+ }
303
+ @media (max-width: 688px) {
304
+ .awsui_drawers-container_hyvsj_nghum_270:not(#\9) {
305
+ position: fixed;
306
+ right: 0;
307
+ top: var(--awsui-offset-top-3j0evk);
308
+ z-index: 1001;
309
+ }
310
+ }
311
+
312
+ .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9) {
313
+ /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
314
+ border-collapse: separate;
315
+ border-spacing: 0;
316
+ caption-side: top;
317
+ cursor: auto;
318
+ direction: ltr;
319
+ empty-cells: show;
320
+ font-family: serif;
321
+ font-size: medium;
322
+ font-style: normal;
323
+ font-variant: normal;
324
+ font-weight: normal;
325
+ font-stretch: normal;
326
+ line-height: normal;
327
+ -webkit-hyphens: none;
328
+ hyphens: none;
329
+ letter-spacing: normal;
330
+ list-style: disc outside none;
331
+ tab-size: 8;
332
+ text-align: left;
333
+ text-align-last: auto;
334
+ text-indent: 0;
335
+ text-shadow: none;
336
+ text-transform: none;
337
+ visibility: visible;
338
+ white-space: normal;
339
+ widows: 2;
340
+ word-spacing: normal;
341
+ box-sizing: border-box;
342
+ font-size: var(--font-body-m-size-sregvd, 14px);
343
+ line-height: var(--font-body-m-line-height-i7xxvv, 22px);
344
+ color: var(--color-text-body-default-ajf1h5, #000716);
345
+ font-weight: 400;
346
+ font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
347
+ -webkit-font-smoothing: auto;
348
+ -moz-osx-font-smoothing: auto;
349
+ background-color: transparent;
350
+ box-sizing: border-box;
351
+ height: 100%;
352
+ overflow-y: hidden;
353
+ overflow-x: hidden;
354
+ overscroll-behavior-y: contain;
355
+ }
356
+ .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330).awsui_has-open-drawer_hyvsj_nghum_282 {
357
+ width: 0;
358
+ }
359
+ .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312.awsui_has-multiple-triggers_hyvsj_nghum_330.awsui_has-open-drawer_hyvsj_nghum_282:not(#\9) {
360
+ background-color: var(--color-background-container-content-i8i4a0, #ffffff);
361
+ transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
362
+ }
363
+ @media (prefers-reduced-motion: reduce) {
364
+ .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312.awsui_has-multiple-triggers_hyvsj_nghum_330.awsui_has-open-drawer_hyvsj_nghum_282:not(#\9) {
365
+ animation: none;
366
+ transition: none;
367
+ }
368
+ }
369
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312.awsui_has-multiple-triggers_hyvsj_nghum_330.awsui_has-open-drawer_hyvsj_nghum_282:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312.awsui_has-multiple-triggers_hyvsj_nghum_330.awsui_has-open-drawer_hyvsj_nghum_282:not(#\9) {
370
+ animation: none;
371
+ transition: none;
372
+ }
373
+ .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
374
+ width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
375
+ transition: width var(--motion-duration-refresh-only-fast-addxjd, 115ms);
376
+ }
377
+ @media (prefers-reduced-motion: reduce) {
378
+ .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
379
+ animation: none;
380
+ transition: none;
381
+ }
382
+ }
383
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
384
+ animation: none;
385
+ transition: none;
386
+ }
387
+
388
+ .awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9) {
389
+ align-items: center;
390
+ display: flex;
391
+ flex-direction: column;
392
+ gap: var(--space-xs-rsr2qu, 8px);
393
+ padding-top: var(--space-scaled-s-cu1hzn, 12px);
394
+ width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
395
+ }
396
+ .awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330).awsui_has-open-drawer_hyvsj_nghum_282 {
397
+ opacity: 0;
398
+ }
399
+ .awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
400
+ opacity: 1;
401
+ transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms);
402
+ transition-delay: calc(var(--motion-duration-refresh-only-fast-addxjd, 115ms) / 1.5);
403
+ }
404
+ @media (prefers-reduced-motion: reduce) {
405
+ .awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
406
+ animation: none;
407
+ transition: none;
408
+ }
409
+ }
410
+ .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
411
+ animation: none;
412
+ transition: none;
413
+ }
414
+
415
+ .awsui_drawer_hyvsj_nghum_126:not(#\9) {
416
+ --awsui-active-drawer-width-3j0evk: 290px;
417
+ background-color: var(--color-background-container-content-i8i4a0, #ffffff);
418
+ border-color: transparent;
419
+ display: grid;
420
+ flex-shrink: 0;
421
+ grid-template-columns: 1fr auto var(--space-m-17eucw, 16px);
422
+ grid-template-rows: var(--size-vertical-panel-icon-offset-ti40n4, 15px) auto 1fr;
423
+ height: 100%;
424
+ overflow-y: auto;
425
+ overflow-x: hidden;
426
+ overscroll-behavior-y: contain;
427
+ pointer-events: auto;
428
+ word-wrap: break-word;
429
+ transition: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
430
+ transition-property: border-color, opacity, width;
431
+ }
432
+ .awsui_drawer_hyvsj_nghum_126 > .awsui_drawer-close-button_hyvsj_nghum_406:not(#\9) {
433
+ grid-column: 2;
434
+ grid-row: 2;
435
+ }
436
+ .awsui_drawer_hyvsj_nghum_126 > .awsui_drawer-content_hyvsj_nghum_410:not(#\9) {
437
+ grid-column: 1/span 3;
438
+ grid-row: 1/span 3;
439
+ width: var(--awsui-active-drawer-width-3j0evk);
440
+ }
441
+ .awsui_drawer_hyvsj_nghum_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_nghum_415) {
442
+ opacity: 0;
443
+ width: 0;
444
+ }
445
+ .awsui_drawer_hyvsj_nghum_126.awsui_is-drawer-open_hyvsj_nghum_415:not(#\9) {
446
+ border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
447
+ opacity: 1;
448
+ width: var(--awsui-active-drawer-width-3j0evk);
449
+ }
450
+ @media (prefers-reduced-motion: reduce) {
451
+ .awsui_drawer_hyvsj_nghum_126:not(#\9) {
452
+ animation: none;
453
+ transition: none;
454
+ }
455
+ }
456
+ .awsui-motion-disabled .awsui_drawer_hyvsj_nghum_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_nghum_126:not(#\9) {
457
+ animation: none;
458
+ transition: none;
459
+ }
460
+ @media (min-width: 2541px) {
461
+ .awsui_drawer_hyvsj_nghum_126.awsui_is-drawer-open_hyvsj_nghum_415:not(#\9) {
462
+ --awsui-active-drawer-width-3j0evk: 320px;
463
+ }
464
+ }
465
+ @media (max-width: 688px) {
466
+ .awsui_drawer_hyvsj_nghum_126.awsui_is-drawer-open_hyvsj_nghum_415:not(#\9) {
467
+ --awsui-active-drawer-width-3j0evk: 100vw;
468
+ }
469
+ }
470
+
471
+ /*
472
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
473
+ SPDX-License-Identifier: Apache-2.0
474
+ */
475
+ header.awsui_content_hyvsj_nghum_182:not(#\9) {
268
476
  grid-column: 3;
269
477
  grid-row: 3;
270
478
  padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
271
479
  }
272
480
  @media (min-width: 689px) {
273
- header.awsui_content_hyvsj_10sxp_180:not(#\9) {
481
+ header.awsui_content_hyvsj_nghum_182:not(#\9) {
274
482
  /*
275
483
  If Notifications exist and Breadcrumbs do not then Notifications
276
484
  is the previous adjacent sibling to the Header. Add minimal top padding
@@ -288,25 +496,25 @@ header.awsui_content_hyvsj_10sxp_180:not(#\9) {
288
496
  circular buttons.
289
497
  */
290
498
  }
291
- header.awsui_content_hyvsj_10sxp_180.awsui_has-notifications-content_hyvsj_10sxp_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_10sxp_166) {
499
+ header.awsui_content_hyvsj_nghum_182.awsui_has-notifications-content_hyvsj_nghum_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nghum_167) {
292
500
  padding-top: var(--space-scaled-xs-6859qs, 8px);
293
501
  }
294
- header.awsui_content_hyvsj_10sxp_180.awsui_has-breadcrumbs_hyvsj_10sxp_166:not(#\9) {
502
+ header.awsui_content_hyvsj_nghum_182.awsui_has-breadcrumbs_hyvsj_nghum_167:not(#\9) {
295
503
  padding-top: var(--space-xxs-ynfts5, 4px);
296
504
  }
297
- header.awsui_content_hyvsj_10sxp_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_10sxp_173):not(.awsui_has-breadcrumbs_hyvsj_10sxp_166) {
505
+ header.awsui_content_hyvsj_nghum_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_nghum_175):not(.awsui_has-breadcrumbs_hyvsj_nghum_167) {
298
506
  padding-top: var(--space-scaled-xs-6859qs, 8px);
299
507
  }
300
508
  }
301
509
  @media (max-width: 688px) {
302
- header.awsui_content_hyvsj_10sxp_180:not(#\9) {
510
+ header.awsui_content_hyvsj_nghum_182:not(#\9) {
303
511
  padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
304
512
  /*
305
513
  Breadcrumbs has moved to first position and sticky so Notifications
306
514
  are now the previous adjacent sibling if they exist.
307
515
  */
308
516
  }
309
- header.awsui_content_hyvsj_10sxp_180.awsui_has-notifications-content_hyvsj_10sxp_173:not(#\9) {
517
+ header.awsui_content_hyvsj_nghum_182.awsui_has-notifications-content_hyvsj_nghum_175:not(#\9) {
310
518
  padding-top: var(--space-scaled-xs-6859qs, 8px);
311
519
  }
312
520
  }
@@ -332,26 +540,26 @@ header.awsui_content_hyvsj_10sxp_180:not(#\9) {
332
540
  circumstances regardless of whether the minContentWidth property is
333
541
  explicitly set in script.
334
542
  */
335
- .awsui_layout_hyvsj_10sxp_335:not(#\9) {
336
- --awsui-content-gap-left-lgrg0d: 0px;
337
- --awsui-content-gap-right-lgrg0d: 0px;
338
- --awsui-content-height-lgrg0d: calc(100vh - var(--awsui-header-height-lgrg0d) - var(--awsui-footer-height-lgrg0d));
339
- --awsui-default-max-content-width-lgrg0d: 1280px;
340
- --awsui-default-min-content-width-lgrg0d: 0px;
341
- --awsui-footer-height-lgrg0d: 0px;
342
- --awsui-header-height-lgrg0d: 0px;
343
- --awsui-layout-width-lgrg0d: 0px;
344
- --awsui-main-offset-left-lgrg0d: 0px;
345
- --awsui-max-content-width-lgrg0d: 0px;
346
- --awsui-min-content-width-lgrg0d: 280px;
347
- --awsui-notifications-height-lgrg0d: 0px;
348
- --awsui-offset-top-lgrg0d: 0px;
349
- --awsui-offset-top-with-notifications-lgrg0d: 0px;
350
- --awsui-overlap-height-lgrg0d: var(--space-dark-header-overlap-distance-hfejul, 36px);
543
+ .awsui_layout_hyvsj_nghum_517:not(#\9) {
544
+ --awsui-content-gap-left-3j0evk: 0px;
545
+ --awsui-content-gap-right-3j0evk: 0px;
546
+ --awsui-content-height-3j0evk: calc(100vh - var(--awsui-header-height-3j0evk) - var(--awsui-footer-height-3j0evk));
547
+ --awsui-default-max-content-width-3j0evk: 1280px;
548
+ --awsui-default-min-content-width-3j0evk: 0px;
549
+ --awsui-footer-height-3j0evk: 0px;
550
+ --awsui-header-height-3j0evk: 0px;
551
+ --awsui-layout-width-3j0evk: 0px;
552
+ --awsui-main-offset-left-3j0evk: 0px;
553
+ --awsui-max-content-width-3j0evk: 0px;
554
+ --awsui-min-content-width-3j0evk: 280px;
555
+ --awsui-notifications-height-3j0evk: 0px;
556
+ --awsui-offset-top-3j0evk: 0px;
557
+ --awsui-offset-top-with-notifications-3j0evk: 0px;
558
+ --awsui-overlap-height-3j0evk: var(--space-dark-header-overlap-distance-hfejul, 36px);
351
559
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
352
560
  display: grid;
353
- grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) 1fr;
354
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-lgrg0d), 1fr) minmax(var(--awsui-default-min-content-width-lgrg0d), var(--awsui-default-max-content-width-lgrg0d)) minmax(var(--awsui-content-gap-right-lgrg0d), 1fr) min-content;
561
+ grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) 1fr;
562
+ 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;
355
563
  position: relative;
356
564
  color: var(--color-text-body-default-ajf1h5, #000716);
357
565
  /*
@@ -415,92 +623,92 @@ header.awsui_content_hyvsj_10sxp_180:not(#\9) {
415
623
  */
416
624
  }
417
625
  @media (min-width: 1401px) {
418
- .awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418) {
419
- --awsui-default-max-content-width-lgrg0d: 1280px;
626
+ .awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600) {
627
+ --awsui-default-max-content-width-3j0evk: 1280px;
420
628
  }
421
629
  }
422
630
  @media (min-width: 1921px) {
423
- .awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418) {
424
- --awsui-default-max-content-width-lgrg0d: 1440px;
631
+ .awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600) {
632
+ --awsui-default-max-content-width-3j0evk: 1440px;
425
633
  }
426
634
  }
427
635
  @media (min-width: 2541px) {
428
- .awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418) {
429
- --awsui-default-max-content-width-lgrg0d: 1620px;
636
+ .awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600) {
637
+ --awsui-default-max-content-width-3j0evk: 1620px;
430
638
  }
431
639
  }
432
640
  @media (min-width: 1401px) {
433
- .awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418).awsui_content-type-dashboard_hyvsj_10sxp_433 {
434
- --awsui-default-max-content-width-lgrg0d: 1280px;
641
+ .awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600).awsui_content-type-dashboard_hyvsj_nghum_615 {
642
+ --awsui-default-max-content-width-3j0evk: 1280px;
435
643
  }
436
644
  }
437
645
  @media (min-width: 1921px) {
438
- .awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418).awsui_content-type-dashboard_hyvsj_10sxp_433 {
439
- --awsui-default-max-content-width-lgrg0d: 1620px;
646
+ .awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600).awsui_content-type-dashboard_hyvsj_nghum_615 {
647
+ --awsui-default-max-content-width-3j0evk: 1620px;
440
648
  }
441
649
  }
442
650
  @media (min-width: 2541px) {
443
- .awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418).awsui_content-type-dashboard_hyvsj_10sxp_433 {
444
- --awsui-default-max-content-width-lgrg0d: 2160px;
651
+ .awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600).awsui_content-type-dashboard_hyvsj_nghum_615 {
652
+ --awsui-default-max-content-width-3j0evk: 2160px;
445
653
  }
446
654
  }
447
- .awsui_layout_hyvsj_10sxp_335.awsui_has-max-content-width_hyvsj_10sxp_418:not(#\9) {
448
- --awsui-default-max-content-width-lgrg0d: var(--awsui-max-content-width-lgrg0d);
655
+ .awsui_layout_hyvsj_nghum_517.awsui_has-max-content-width_hyvsj_nghum_600:not(#\9) {
656
+ --awsui-default-max-content-width-3j0evk: var(--awsui-max-content-width-3j0evk);
449
657
  }
450
658
  @media (min-width: 993px) {
451
- .awsui_layout_hyvsj_10sxp_335:not(#\9) {
452
- --awsui-default-min-content-width-lgrg0d: var(--awsui-min-content-width-lgrg0d, 280px);
659
+ .awsui_layout_hyvsj_nghum_517:not(#\9) {
660
+ --awsui-default-min-content-width-3j0evk: var(--awsui-min-content-width-3j0evk, 280px);
453
661
  }
454
662
  }
455
663
  @media (max-width: 992px) {
456
- .awsui_layout_hyvsj_10sxp_335:not(#\9) {
457
- --awsui-default-min-content-width-lgrg0d: 0px;
664
+ .awsui_layout_hyvsj_nghum_517:not(#\9) {
665
+ --awsui-default-min-content-width-3j0evk: 0px;
458
666
  }
459
667
  }
460
- .awsui_layout_hyvsj_10sxp_335.awsui_is-overlap-disabled_hyvsj_10sxp_460:not(#\9) {
461
- --awsui-overlap-height-lgrg0d: 0;
668
+ .awsui_layout_hyvsj_nghum_517.awsui_is-overlap-disabled_hyvsj_nghum_642:not(#\9) {
669
+ --awsui-overlap-height-3j0evk: 0;
462
670
  }
463
- .awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10sxp_463) {
464
- --awsui-offset-top-lgrg0d: var(--awsui-header-height-lgrg0d);
465
- min-height: var(--awsui-content-height-lgrg0d);
671
+ .awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_disable-body-scroll_hyvsj_nghum_645) {
672
+ --awsui-offset-top-3j0evk: var(--awsui-header-height-3j0evk);
673
+ min-height: var(--awsui-content-height-3j0evk);
466
674
  }
467
- .awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10sxp_463):not(.awsui_has-sticky-notifications_hyvsj_10sxp_467) {
468
- --awsui-offset-top-with-notifications-lgrg0d: var(--awsui-header-height-lgrg0d);
675
+ .awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_disable-body-scroll_hyvsj_nghum_645):not(.awsui_has-sticky-notifications_hyvsj_nghum_649) {
676
+ --awsui-offset-top-with-notifications-3j0evk: var(--awsui-header-height-3j0evk);
469
677
  }
470
- .awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10sxp_463).awsui_has-sticky-notifications_hyvsj_10sxp_467 {
471
- --awsui-offset-top-with-notifications-lgrg0d: calc(
472
- var(--awsui-header-height-lgrg0d) + var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
678
+ .awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_disable-body-scroll_hyvsj_nghum_645).awsui_has-sticky-notifications_hyvsj_nghum_649 {
679
+ --awsui-offset-top-with-notifications-3j0evk: calc(
680
+ var(--awsui-header-height-3j0evk) + var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
473
681
  );
474
682
  }
475
- .awsui_layout_hyvsj_10sxp_335.awsui_disable-body-scroll_hyvsj_10sxp_463:not(#\9) {
476
- --awsui-offset-top-lgrg0d: 0px;
477
- grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) 1fr auto;
478
- height: var(--awsui-content-height-lgrg0d);
683
+ .awsui_layout_hyvsj_nghum_517.awsui_disable-body-scroll_hyvsj_nghum_645:not(#\9) {
684
+ --awsui-offset-top-3j0evk: 0px;
685
+ grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) 1fr auto;
686
+ height: var(--awsui-content-height-3j0evk);
479
687
  overflow-y: scroll;
480
688
  }
481
- .awsui_layout_hyvsj_10sxp_335.awsui_disable-body-scroll_hyvsj_10sxp_463.awsui_has-split-panel_hyvsj_10sxp_481.awsui_split-panel-position-bottom_hyvsj_10sxp_481:not(#\9) {
482
- grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) repeat(2, auto);
689
+ .awsui_layout_hyvsj_nghum_517.awsui_disable-body-scroll_hyvsj_nghum_645.awsui_has-split-panel_hyvsj_nghum_663.awsui_split-panel-position-bottom_hyvsj_nghum_663:not(#\9) {
690
+ grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) repeat(2, auto);
483
691
  }
484
- .awsui_layout_hyvsj_10sxp_335.awsui_disable-body-scroll_hyvsj_10sxp_463:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_10sxp_467) {
485
- --awsui-offset-top-with-notifications-lgrg0d: 0px;
692
+ .awsui_layout_hyvsj_nghum_517.awsui_disable-body-scroll_hyvsj_nghum_645:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_nghum_649) {
693
+ --awsui-offset-top-with-notifications-3j0evk: 0px;
486
694
  }
487
- .awsui_layout_hyvsj_10sxp_335.awsui_disable-body-scroll_hyvsj_10sxp_463.awsui_has-sticky-notifications_hyvsj_10sxp_467:not(#\9) {
488
- --awsui-offset-top-with-notifications-lgrg0d: calc(
489
- var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
695
+ .awsui_layout_hyvsj_nghum_517.awsui_disable-body-scroll_hyvsj_nghum_645.awsui_has-sticky-notifications_hyvsj_nghum_649:not(#\9) {
696
+ --awsui-offset-top-with-notifications-3j0evk: calc(
697
+ var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
490
698
  );
491
699
  }
492
700
  @media (min-width: 689px) {
493
- .awsui_layout_hyvsj_10sxp_335.awsui_has-content-gap-left_hyvsj_10sxp_493:not(#\9) {
494
- --awsui-content-gap-left-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
701
+ .awsui_layout_hyvsj_nghum_517.awsui_has-content-gap-left_hyvsj_nghum_675:not(#\9) {
702
+ --awsui-content-gap-left-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
495
703
  }
496
- .awsui_layout_hyvsj_10sxp_335.awsui_has-content-gap-right_hyvsj_10sxp_496:not(#\9) {
497
- --awsui-content-gap-right-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
704
+ .awsui_layout_hyvsj_nghum_517.awsui_has-content-gap-right_hyvsj_nghum_678:not(#\9) {
705
+ --awsui-content-gap-right-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
498
706
  }
499
707
  }
500
708
  @media (max-width: 688px) {
501
- .awsui_layout_hyvsj_10sxp_335:not(#\9) {
502
- --awsui-content-gap-left-lgrg0d: var(--space-l-4vl6xu, 20px);
503
- --awsui-content-gap-right-lgrg0d: var(--space-l-4vl6xu, 20px);
709
+ .awsui_layout_hyvsj_nghum_517:not(#\9) {
710
+ --awsui-content-gap-left-3j0evk: var(--space-l-4vl6xu, 20px);
711
+ --awsui-content-gap-right-3j0evk: var(--space-l-4vl6xu, 20px);
504
712
  }
505
713
  }
506
714
 
@@ -508,7 +716,7 @@ header.awsui_content_hyvsj_10sxp_180:not(#\9) {
508
716
  This CSS class is applied to the document body to prevent overflow scrolling
509
717
  when the navigation or tools drawers are open in responsive viewports.
510
718
  */
511
- .awsui_block-body-scroll_hyvsj_10sxp_511:not(#\9) {
719
+ .awsui_block-body-scroll_hyvsj_nghum_693:not(#\9) {
512
720
  overflow: hidden;
513
721
  }
514
722
 
@@ -516,7 +724,7 @@ when the navigation or tools drawers are open in responsive viewports.
516
724
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
517
725
  SPDX-License-Identifier: Apache-2.0
518
726
  */
519
- .awsui_container_hyvsj_10sxp_519:not(#\9) {
727
+ .awsui_container_hyvsj_nghum_701:not(#\9) {
520
728
  grid-column: 3;
521
729
  grid-row: 4/span 2;
522
730
  padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
@@ -539,23 +747,23 @@ when the navigation or tools drawers are open in responsive viewports.
539
747
  under various circumstances.
540
748
  */
541
749
  }
542
- .awsui_container_hyvsj_10sxp_519.awsui_has-split-panel_hyvsj_10sxp_481.awsui_split-panel-position-bottom_hyvsj_10sxp_481:not(#\9) {
543
- padding-bottom: calc(var(--awsui-split-panel-height-lgrg0d) + var(--space-layout-content-bottom-kg9l42, 40px));
750
+ .awsui_container_hyvsj_nghum_701.awsui_has-split-panel_hyvsj_nghum_663.awsui_split-panel-position-bottom_hyvsj_nghum_663:not(#\9) {
751
+ padding-bottom: calc(var(--awsui-split-panel-height-3j0evk) + var(--space-layout-content-bottom-kg9l42, 40px));
544
752
  }
545
- .awsui_container_hyvsj_10sxp_519.awsui_disable-content-paddings_hyvsj_10sxp_545:not(#\9) {
753
+ .awsui_container_hyvsj_nghum_701.awsui_disable-content-paddings_hyvsj_nghum_727:not(#\9) {
546
754
  grid-column: 1/6;
547
755
  padding: 0;
548
756
  }
549
757
  @media (min-width: 689px) {
550
- .awsui_container_hyvsj_10sxp_519.awsui_disable-content-paddings_hyvsj_10sxp_545.awsui_is-navigation-open_hyvsj_10sxp_550:not(#\9) {
758
+ .awsui_container_hyvsj_nghum_701.awsui_disable-content-paddings_hyvsj_nghum_727.awsui_is-navigation-open_hyvsj_nghum_732:not(#\9) {
551
759
  grid-column-start: 2;
552
760
  }
553
- .awsui_container_hyvsj_10sxp_519.awsui_disable-content-paddings_hyvsj_10sxp_545.awsui_is-tools-open_hyvsj_10sxp_553:not(#\9), .awsui_container_hyvsj_10sxp_519.awsui_disable-content-paddings_hyvsj_10sxp_545.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_split-panel-position-side_hyvsj_10sxp_553:not(#\9) {
761
+ .awsui_container_hyvsj_nghum_701.awsui_disable-content-paddings_hyvsj_nghum_727.awsui_is-tools-open_hyvsj_nghum_735:not(#\9), .awsui_container_hyvsj_nghum_701.awsui_disable-content-paddings_hyvsj_nghum_727.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_split-panel-position-side_hyvsj_nghum_735:not(#\9) {
554
762
  grid-column-end: 5;
555
763
  }
556
764
  }
557
765
  @media (min-width: 689px) {
558
- .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545) {
766
+ .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727) {
559
767
  /*
560
768
  Notifications is the previous adjacent sibling to the Main in
561
769
  desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -570,18 +778,18 @@ when the navigation or tools drawers are open in responsive viewports.
570
778
  sibling to the Main which requires no top padding.
571
779
  */
572
780
  }
573
- .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-default_hyvsj_10sxp_573.awsui_has-notifications-content_hyvsj_10sxp_173:not(.awsui_has-breadcrumbs_hyvsj_10sxp_166):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179), .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-form_hyvsj_10sxp_573.awsui_has-notifications-content_hyvsj_10sxp_173:not(.awsui_has-breadcrumbs_hyvsj_10sxp_166):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179) {
781
+ .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-default_hyvsj_nghum_755.awsui_has-notifications-content_hyvsj_nghum_175:not(.awsui_has-breadcrumbs_hyvsj_nghum_167):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181), .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-form_hyvsj_nghum_755.awsui_has-notifications-content_hyvsj_nghum_175:not(.awsui_has-breadcrumbs_hyvsj_nghum_167):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181) {
574
782
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
575
783
  }
576
- .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-default_hyvsj_10sxp_573:not(.awsui_has-notifications-content_hyvsj_10sxp_173):not(.awsui_has-breadcrumbs_hyvsj_10sxp_166):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179), .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-form_hyvsj_10sxp_573:not(.awsui_has-notifications-content_hyvsj_10sxp_173):not(.awsui_has-breadcrumbs_hyvsj_10sxp_166):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179) {
784
+ .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-default_hyvsj_nghum_755:not(.awsui_has-notifications-content_hyvsj_nghum_175):not(.awsui_has-breadcrumbs_hyvsj_nghum_167):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181), .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-form_hyvsj_nghum_755:not(.awsui_has-notifications-content_hyvsj_nghum_175):not(.awsui_has-breadcrumbs_hyvsj_nghum_167):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181) {
577
785
  padding-top: var(--space-scaled-xs-6859qs, 8px);
578
786
  }
579
- .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_has-header_hyvsj_10sxp_179, .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_has-dynamic-overlap-height_hyvsj_10sxp_179 {
787
+ .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_has-header_hyvsj_nghum_181, .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_has-dynamic-overlap-height_hyvsj_nghum_181 {
580
788
  padding-top: 0;
581
789
  }
582
790
  }
583
791
  @media (max-width: 688px) {
584
- .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545) {
792
+ .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727) {
585
793
  /*
586
794
  If the Notifications exist but the Header does not then the
587
795
  Notifications is the previous adjacent sibling to the Main
@@ -596,23 +804,23 @@ when the navigation or tools drawers are open in responsive viewports.
596
804
  sibling to the Main which requires no top padding.
597
805
  */
598
806
  }
599
- .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-default_hyvsj_10sxp_573.awsui_has-notifications-content_hyvsj_10sxp_173:not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179), .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-form_hyvsj_10sxp_573.awsui_has-notifications-content_hyvsj_10sxp_173:not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179) {
807
+ .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-default_hyvsj_nghum_755.awsui_has-notifications-content_hyvsj_nghum_175:not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181), .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-form_hyvsj_nghum_755.awsui_has-notifications-content_hyvsj_nghum_175:not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181) {
600
808
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
601
809
  }
602
- .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-default_hyvsj_10sxp_573:not(.awsui_has-notifications-content_hyvsj_10sxp_173):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179), .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-form_hyvsj_10sxp_573:not(.awsui_has-notifications-content_hyvsj_10sxp_173):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179) {
810
+ .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-default_hyvsj_nghum_755:not(.awsui_has-notifications-content_hyvsj_nghum_175):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181), .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-form_hyvsj_nghum_755:not(.awsui_has-notifications-content_hyvsj_nghum_175):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181) {
603
811
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
604
812
  }
605
- .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_has-header_hyvsj_10sxp_179, .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_has-dynamic-overlap-height_hyvsj_10sxp_179 {
813
+ .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_has-header_hyvsj_nghum_181, .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_has-dynamic-overlap-height_hyvsj_nghum_181 {
606
814
  padding-top: 0;
607
815
  }
608
816
  }
609
- .awsui_container_hyvsj_10sxp_519.awsui_content-type-cards_hyvsj_10sxp_183:not(#\9), .awsui_container_hyvsj_10sxp_519.awsui_content-type-table_hyvsj_10sxp_184:not(#\9), .awsui_container_hyvsj_10sxp_519.awsui_content-type-wizard_hyvsj_10sxp_180:not(#\9) {
817
+ .awsui_container_hyvsj_nghum_701.awsui_content-type-cards_hyvsj_nghum_185:not(#\9), .awsui_container_hyvsj_nghum_701.awsui_content-type-table_hyvsj_nghum_186:not(#\9), .awsui_container_hyvsj_nghum_701.awsui_content-type-wizard_hyvsj_nghum_182:not(#\9) {
610
818
  padding-top: 0;
611
819
  }
612
820
 
613
821
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
614
- .awsui_unfocusable_hyvsj_10sxp_614:not(#\9),
615
- .awsui_unfocusable_hyvsj_10sxp_614 *:not(#\9) {
822
+ .awsui_unfocusable_hyvsj_nghum_796:not(#\9),
823
+ .awsui_unfocusable_hyvsj_nghum_796 *:not(#\9) {
616
824
  visibility: hidden !important;
617
825
  }
618
826
 
@@ -621,14 +829,14 @@ when the navigation or tools drawers are open in responsive viewports.
621
829
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
622
830
  SPDX-License-Identifier: Apache-2.0
623
831
  */
624
- .awsui_navigation-container_hyvsj_10sxp_624:not(#\9) {
625
- --awsui-navigation-width-lgrg0d: 280px;
832
+ .awsui_navigation-container_hyvsj_nghum_806:not(#\9) {
833
+ --awsui-navigation-width-3j0evk: 280px;
626
834
  display: flex;
627
835
  grid-column: 1;
628
836
  grid-row: 1/span 5;
629
- height: var(--awsui-content-height-lgrg0d);
837
+ height: var(--awsui-content-height-3j0evk);
630
838
  position: sticky;
631
- top: var(--awsui-offset-top-lgrg0d);
839
+ top: var(--awsui-offset-top-3j0evk);
632
840
  z-index: 830;
633
841
  /*
634
842
  The navigation and tools containers (that contain the toggle buttons)
@@ -643,27 +851,27 @@ when the navigation or tools drawers are open in responsive viewports.
643
851
  pointer-events: none;
644
852
  }
645
853
  @media (min-width: 2541px) {
646
- .awsui_navigation-container_hyvsj_10sxp_624:not(#\9) {
647
- --awsui-navigation-width-lgrg0d: 320px;
854
+ .awsui_navigation-container_hyvsj_nghum_806:not(#\9) {
855
+ --awsui-navigation-width-3j0evk: 320px;
648
856
  }
649
857
  }
650
858
  @media (max-width: 688px) {
651
- .awsui_navigation-container_hyvsj_10sxp_624:not(#\9) {
859
+ .awsui_navigation-container_hyvsj_nghum_806:not(#\9) {
652
860
  left: 0;
653
861
  position: fixed;
654
- top: var(--awsui-offset-top-lgrg0d);
862
+ top: var(--awsui-offset-top-3j0evk);
655
863
  z-index: 1001;
656
864
  }
657
865
  }
658
866
 
659
- nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9) {
867
+ nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9) {
660
868
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
661
869
  /*
662
870
  Apply the animation only in desktop viewports because the AppBar will
663
871
  take control in responsive viewports.
664
872
  */
665
873
  }
666
- @keyframes awsui_showButtons_hyvsj_10sxp_1 {
874
+ @keyframes awsui_showButtons_hyvsj_nghum_1 {
667
875
  0% {
668
876
  opacity: 0;
669
877
  }
@@ -671,31 +879,31 @@ nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9) {
671
879
  opacity: 1;
672
880
  }
673
881
  }
674
- nav.awsui_show-navigation_hyvsj_10sxp_659.awsui_is-navigation-open_hyvsj_10sxp_550:not(#\9) {
882
+ nav.awsui_show-navigation_hyvsj_nghum_841.awsui_is-navigation-open_hyvsj_nghum_732:not(#\9) {
675
883
  display: none;
676
884
  }
677
885
  @media (min-width: 689px) {
678
- nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550) {
886
+ nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732) {
679
887
  display: block;
680
888
  }
681
- nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550).awsui_animating_hyvsj_10sxp_681 {
682
- animation: awsui_showButtons_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
889
+ nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732).awsui_animating_hyvsj_nghum_863 {
890
+ animation: awsui_showButtons_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
683
891
  }
684
892
  }
685
893
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
686
- nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550).awsui_animating_hyvsj_10sxp_681 {
894
+ nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732).awsui_animating_hyvsj_nghum_863 {
687
895
  animation: none;
688
896
  transition: none;
689
897
  }
690
898
  }
691
899
  @media (min-width: 689px) {
692
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550).awsui_animating_hyvsj_10sxp_681, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550).awsui_animating_hyvsj_10sxp_681 {
900
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732).awsui_animating_hyvsj_nghum_863, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732).awsui_animating_hyvsj_nghum_863 {
693
901
  animation: none;
694
902
  transition: none;
695
903
  }
696
904
  }
697
905
 
698
- nav.awsui_navigation_hyvsj_10sxp_624:not(#\9) {
906
+ nav.awsui_navigation_hyvsj_nghum_806:not(#\9) {
699
907
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
700
908
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
701
909
  bottom: 0;
@@ -712,43 +920,43 @@ nav.awsui_navigation_hyvsj_10sxp_624:not(#\9) {
712
920
  prevent unwanted text wrapping.
713
921
  */
714
922
  }
715
- @keyframes awsui_openNavigation_hyvsj_10sxp_1 {
923
+ @keyframes awsui_openNavigation_hyvsj_nghum_1 {
716
924
  from {
717
925
  opacity: 0;
718
926
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
719
927
  }
720
928
  to {
721
929
  opacity: 1;
722
- width: var(--awsui-navigation-width-lgrg0d);
930
+ width: var(--awsui-navigation-width-3j0evk);
723
931
  }
724
932
  }
725
- nav.awsui_navigation_hyvsj_10sxp_624:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550) {
933
+ nav.awsui_navigation_hyvsj_nghum_806:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732) {
726
934
  width: 0;
727
935
  display: none;
728
936
  }
729
- nav.awsui_navigation_hyvsj_10sxp_624.awsui_is-navigation-open_hyvsj_10sxp_550.awsui_animating_hyvsj_10sxp_681:not(#\9) {
730
- animation: awsui_openNavigation_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
937
+ nav.awsui_navigation_hyvsj_nghum_806.awsui_is-navigation-open_hyvsj_nghum_732.awsui_animating_hyvsj_nghum_863:not(#\9) {
938
+ animation: awsui_openNavigation_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
731
939
  }
732
940
  @media (prefers-reduced-motion: reduce) {
733
- nav.awsui_navigation_hyvsj_10sxp_624.awsui_is-navigation-open_hyvsj_10sxp_550.awsui_animating_hyvsj_10sxp_681:not(#\9) {
941
+ nav.awsui_navigation_hyvsj_nghum_806.awsui_is-navigation-open_hyvsj_nghum_732.awsui_animating_hyvsj_nghum_863:not(#\9) {
734
942
  animation: none;
735
943
  transition: none;
736
944
  }
737
945
  }
738
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_10sxp_624.awsui_is-navigation-open_hyvsj_10sxp_550.awsui_animating_hyvsj_10sxp_681:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_10sxp_624.awsui_is-navigation-open_hyvsj_10sxp_550.awsui_animating_hyvsj_10sxp_681:not(#\9) {
946
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_nghum_806.awsui_is-navigation-open_hyvsj_nghum_732.awsui_animating_hyvsj_nghum_863:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_nghum_806.awsui_is-navigation-open_hyvsj_nghum_732.awsui_animating_hyvsj_nghum_863:not(#\9) {
739
947
  animation: none;
740
948
  transition: none;
741
949
  }
742
- nav.awsui_navigation_hyvsj_10sxp_624 > .awsui_animated-content_hyvsj_10sxp_742:not(#\9) {
743
- width: var(--awsui-navigation-width-lgrg0d);
950
+ nav.awsui_navigation_hyvsj_nghum_806 > .awsui_animated-content_hyvsj_nghum_924:not(#\9) {
951
+ width: var(--awsui-navigation-width-3j0evk);
744
952
  }
745
953
  @media (max-width: 688px) {
746
- nav.awsui_navigation_hyvsj_10sxp_624:not(#\9) {
747
- --awsui-navigation-width-lgrg0d: 100vw;
954
+ nav.awsui_navigation_hyvsj_nghum_806:not(#\9) {
955
+ --awsui-navigation-width-3j0evk: 100vw;
748
956
  }
749
957
  }
750
958
 
751
- .awsui_hide-navigation_hyvsj_10sxp_751:not(#\9) {
959
+ .awsui_hide-navigation_hyvsj_nghum_933:not(#\9) {
752
960
  position: absolute;
753
961
  right: var(--space-m-17eucw, 16px);
754
962
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -758,7 +966,7 @@ nav.awsui_navigation_hyvsj_10sxp_624 > .awsui_animated-content_hyvsj_10sxp_742:n
758
966
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
759
967
  SPDX-License-Identifier: Apache-2.0
760
968
  */
761
- .awsui_notifications_hyvsj_10sxp_224:not(#\9) {
969
+ .awsui_notifications_hyvsj_nghum_227:not(#\9) {
762
970
  grid-column: 3;
763
971
  grid-row: 1;
764
972
  z-index: 850;
@@ -776,31 +984,31 @@ nav.awsui_navigation_hyvsj_10sxp_624 > .awsui_animated-content_hyvsj_10sxp_742:n
776
984
  */
777
985
  }
778
986
  @media (min-width: 689px) {
779
- .awsui_notifications_hyvsj_10sxp_224:not(#\9) {
987
+ .awsui_notifications_hyvsj_nghum_227:not(#\9) {
780
988
  margin: var(--space-xs-rsr2qu, 8px) 0;
781
989
  /*
782
990
  var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
783
991
  calculation in the layout CSS.
784
992
  */
785
993
  }
786
- .awsui_notifications_hyvsj_10sxp_224.awsui_sticky-notifications_hyvsj_10sxp_237:not(#\9) {
994
+ .awsui_notifications_hyvsj_nghum_227.awsui_sticky-notifications_hyvsj_nghum_240:not(#\9) {
787
995
  position: sticky;
788
- top: calc(var(--awsui-offset-top-lgrg0d) + var(--space-xs-rsr2qu, 8px));
789
- --awsui-flashbar-sticky-bottom-margin-lgrg0d: var(--space-xxl-2nvmf1, 32px);
996
+ top: calc(var(--awsui-offset-top-3j0evk) + var(--space-xs-rsr2qu, 8px));
997
+ --awsui-flashbar-sticky-bottom-margin-3j0evk: var(--space-xxl-2nvmf1, 32px);
790
998
  }
791
- .awsui_notifications_hyvsj_10sxp_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_10sxp_173) {
999
+ .awsui_notifications_hyvsj_nghum_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_nghum_175) {
792
1000
  margin: 0;
793
1001
  }
794
1002
  }
795
1003
  @media (max-width: 688px) {
796
- .awsui_notifications_hyvsj_10sxp_224:not(#\9) {
1004
+ .awsui_notifications_hyvsj_nghum_227:not(#\9) {
797
1005
  grid-row: 2;
798
1006
  margin: var(--space-scaled-s-cu1hzn, 12px) 0;
799
1007
  }
800
- .awsui_notifications_hyvsj_10sxp_224.awsui_sticky-notifications_hyvsj_10sxp_237:not(#\9) {
1008
+ .awsui_notifications_hyvsj_nghum_227.awsui_sticky-notifications_hyvsj_nghum_240:not(#\9) {
801
1009
  position: static;
802
1010
  }
803
- .awsui_notifications_hyvsj_10sxp_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_10sxp_173) {
1011
+ .awsui_notifications_hyvsj_nghum_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_nghum_175) {
804
1012
  margin: 0;
805
1013
  }
806
1014
  }
@@ -815,13 +1023,13 @@ as the content area. This row is defined as 1 fractional unit which will
815
1023
  consume the remaining vertical space in the grid after the notifications
816
1024
  and breadcrumbs.
817
1025
  */
818
- section.awsui_split-panel-bottom_hyvsj_10sxp_818:not(#\9) {
1026
+ section.awsui_split-panel-bottom_hyvsj_nghum_1000:not(#\9) {
819
1027
  /*
820
1028
  The align self property will position the split panel at the bottom of the grid row.
821
1029
  This could be off the viewport if the content area has enough content to be scrollable.
822
1030
  */
823
1031
  align-self: end;
824
- bottom: var(--awsui-footer-height-lgrg0d);
1032
+ bottom: var(--awsui-footer-height-3j0evk);
825
1033
  display: none;
826
1034
  grid-column: 1/6;
827
1035
  grid-row: 5;
@@ -850,47 +1058,47 @@ section.awsui_split-panel-bottom_hyvsj_10sxp_818:not(#\9) {
850
1058
  apply the animation to the height property.
851
1059
  */
852
1060
  }
853
- @keyframes awsui_openSplitPanelBottom_hyvsj_10sxp_1 {
1061
+ @keyframes awsui_openSplitPanelBottom_hyvsj_nghum_1 {
854
1062
  from {
855
- height: var(--awsui-split-panel-reported-header-size-lgrg0d, 0);
1063
+ height: var(--awsui-split-panel-reported-header-size-3j0evk, 0);
856
1064
  }
857
1065
  to {
858
- height: var(--awsui-split-panel-reported-size-lgrg0d);
1066
+ height: var(--awsui-split-panel-reported-size-3j0evk);
859
1067
  }
860
1068
  }
861
- section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_disable-body-scroll_hyvsj_10sxp_463:not(#\9) {
1069
+ section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_disable-body-scroll_hyvsj_nghum_645:not(#\9) {
862
1070
  bottom: 0;
863
1071
  }
864
- section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-navigation-open_hyvsj_10sxp_550.awsui_position-bottom_hyvsj_10sxp_864:not(#\9) {
1072
+ section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-navigation-open_hyvsj_nghum_732.awsui_position-bottom_hyvsj_nghum_1046:not(#\9) {
865
1073
  grid-column-start: 2;
866
1074
  }
867
- section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-tools-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864:not(#\9) {
1075
+ section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_has-open-drawer_hyvsj_nghum_282.awsui_position-bottom_hyvsj_nghum_1046:not(#\9) {
868
1076
  grid-column-end: 5;
869
1077
  }
870
- section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_position-bottom_hyvsj_10sxp_864:not(#\9) {
1078
+ section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_position-bottom_hyvsj_nghum_1046:not(#\9) {
871
1079
  display: block;
872
1080
  }
873
- section.awsui_split-panel-bottom_hyvsj_10sxp_818:not(#\9):not(.awsui_is-split-panel-open_hyvsj_10sxp_553).awsui_position-bottom_hyvsj_10sxp_864 {
1081
+ section.awsui_split-panel-bottom_hyvsj_nghum_1000:not(#\9):not(.awsui_is-split-panel-open_hyvsj_nghum_735).awsui_position-bottom_hyvsj_nghum_1046 {
874
1082
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
875
1083
  }
876
- section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864:not(#\9) {
1084
+ section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-bottom_hyvsj_nghum_1046:not(#\9) {
877
1085
  box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
878
1086
  }
879
- section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864.awsui_animating_hyvsj_10sxp_681:not(#\9) {
880
- animation: awsui_openSplitPanelBottom_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1087
+ section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-bottom_hyvsj_nghum_1046.awsui_animating_hyvsj_nghum_863:not(#\9) {
1088
+ animation: awsui_openSplitPanelBottom_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
881
1089
  }
882
1090
  @media (prefers-reduced-motion: reduce) {
883
- section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864.awsui_animating_hyvsj_10sxp_681:not(#\9) {
1091
+ section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-bottom_hyvsj_nghum_1046.awsui_animating_hyvsj_nghum_863:not(#\9) {
884
1092
  animation: none;
885
1093
  transition: none;
886
1094
  }
887
1095
  }
888
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864.awsui_animating_hyvsj_10sxp_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864.awsui_animating_hyvsj_10sxp_681:not(#\9) {
1096
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-bottom_hyvsj_nghum_1046.awsui_animating_hyvsj_nghum_863:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-bottom_hyvsj_nghum_1046.awsui_animating_hyvsj_nghum_863:not(#\9) {
889
1097
  animation: none;
890
1098
  transition: none;
891
1099
  }
892
1100
 
893
- section.awsui_split-panel-side_hyvsj_10sxp_893:not(#\9) {
1101
+ section.awsui_split-panel-side_hyvsj_nghum_1075:not(#\9) {
894
1102
  height: 100%;
895
1103
  overflow-x: hidden;
896
1104
  pointer-events: auto;
@@ -905,41 +1113,41 @@ section.awsui_split-panel-side_hyvsj_10sxp_893:not(#\9) {
905
1113
  prevent unwanted text wrapping.
906
1114
  */
907
1115
  }
908
- @keyframes awsui_openSplitPanelSide_hyvsj_10sxp_1 {
1116
+ @keyframes awsui_openSplitPanelSide_hyvsj_nghum_1 {
909
1117
  from {
910
1118
  opacity: 0;
911
- width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
1119
+ width: var(--awsui-split-panel-min-width-3j0evk, 280px);
912
1120
  }
913
1121
  to {
914
1122
  opacity: 1;
915
- width: var(--awsui-split-panel-reported-size-lgrg0d);
1123
+ width: var(--awsui-split-panel-reported-size-3j0evk);
916
1124
  }
917
1125
  }
918
- section.awsui_split-panel-side_hyvsj_10sxp_893:not(#\9):not(.awsui_is-split-panel-open_hyvsj_10sxp_553), section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_position-bottom_hyvsj_10sxp_864:not(#\9) {
1126
+ section.awsui_split-panel-side_hyvsj_nghum_1075:not(#\9):not(.awsui_is-split-panel-open_hyvsj_nghum_735), section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_position-bottom_hyvsj_nghum_1046:not(#\9) {
919
1127
  width: 0;
920
1128
  }
921
- section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-side_hyvsj_10sxp_921:not(#\9) {
1129
+ section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-side_hyvsj_nghum_1103:not(#\9) {
922
1130
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
923
- max-width: var(--awsui-split-panel-max-width-lgrg0d, 280px);
924
- min-width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
1131
+ max-width: var(--awsui-split-panel-max-width-3j0evk, 280px);
1132
+ min-width: var(--awsui-split-panel-min-width-3j0evk, 280px);
925
1133
  }
926
- section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-side_hyvsj_10sxp_921.awsui_animating_hyvsj_10sxp_681:not(#\9) {
927
- animation: awsui_openSplitPanelSide_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1134
+ section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-side_hyvsj_nghum_1103.awsui_animating_hyvsj_nghum_863:not(#\9) {
1135
+ animation: awsui_openSplitPanelSide_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
928
1136
  }
929
1137
  @media (prefers-reduced-motion: reduce) {
930
- section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-side_hyvsj_10sxp_921.awsui_animating_hyvsj_10sxp_681:not(#\9) {
1138
+ section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-side_hyvsj_nghum_1103.awsui_animating_hyvsj_nghum_863:not(#\9) {
931
1139
  animation: none;
932
1140
  transition: none;
933
1141
  }
934
1142
  }
935
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-side_hyvsj_10sxp_921.awsui_animating_hyvsj_10sxp_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-side_hyvsj_10sxp_921.awsui_animating_hyvsj_10sxp_681:not(#\9) {
1143
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-side_hyvsj_nghum_1103.awsui_animating_hyvsj_nghum_863:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-side_hyvsj_nghum_1103.awsui_animating_hyvsj_nghum_863:not(#\9) {
936
1144
  animation: none;
937
1145
  transition: none;
938
1146
  }
939
- section.awsui_split-panel-side_hyvsj_10sxp_893 > .awsui_animated-content_hyvsj_10sxp_742:not(#\9) {
1147
+ section.awsui_split-panel-side_hyvsj_nghum_1075 > .awsui_animated-content_hyvsj_nghum_924:not(#\9) {
940
1148
  height: 100%;
941
1149
  max-width: inherit;
942
- width: var(--awsui-split-panel-reported-size-lgrg0d);
1150
+ width: var(--awsui-split-panel-reported-size-3j0evk);
943
1151
  }
944
1152
 
945
1153
  /*
@@ -955,38 +1163,38 @@ content width has a default value that can be set directly with the minContentWi
955
1163
  property. The content gap right is computed in the Layout styles based on the
956
1164
  viewport size and state of the Tools drawer.
957
1165
  */
958
- .awsui_tools-container_hyvsj_10sxp_958:not(#\9) {
1166
+ .awsui_tools-container_hyvsj_nghum_1140:not(#\9) {
959
1167
  /* stylelint-disable scss/operator-no-newline-after */
960
- --awsui-tools-max-width-lgrg0d: calc(var(--awsui-layout-width-lgrg0d) - var(--awsui-main-offset-left-lgrg0d) - var(--awsui-default-min-content-width-lgrg0d) - var(--awsui-content-gap-right-lgrg0d));
1168
+ --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));
961
1169
  /* stylelint-enable scss/operator-no-newline-after */
962
- --awsui-tools-width-lgrg0d: 290px;
1170
+ --awsui-tools-width-3j0evk: 290px;
963
1171
  display: flex;
964
1172
  grid-column: 5;
965
1173
  grid-row: 1/span 5;
966
- height: var(--awsui-content-height-lgrg0d);
967
- max-width: var(--awsui-tools-max-width-lgrg0d);
1174
+ height: var(--awsui-content-height-3j0evk);
1175
+ max-width: var(--awsui-tools-max-width-3j0evk);
968
1176
  position: sticky;
969
- top: var(--awsui-offset-top-lgrg0d);
1177
+ top: var(--awsui-offset-top-3j0evk);
970
1178
  z-index: 830;
971
1179
  pointer-events: none;
972
1180
  }
973
1181
  @media (min-width: 2541px) {
974
- .awsui_tools-container_hyvsj_10sxp_958:not(#\9) {
975
- --awsui-tools-width-lgrg0d: 360px;
1182
+ .awsui_tools-container_hyvsj_nghum_1140:not(#\9) {
1183
+ --awsui-tools-width-3j0evk: 360px;
976
1184
  }
977
1185
  }
978
1186
  @media (max-width: 688px) {
979
- .awsui_tools-container_hyvsj_10sxp_958:not(#\9) {
980
- --awsui-tools-max-width-lgrg0d: none;
981
- --awsui-tools-width-lgrg0d: auto;
1187
+ .awsui_tools-container_hyvsj_nghum_1140:not(#\9) {
1188
+ --awsui-tools-max-width-3j0evk: none;
1189
+ --awsui-tools-width-3j0evk: auto;
982
1190
  position: fixed;
983
1191
  right: 0;
984
- top: var(--awsui-offset-top-lgrg0d);
1192
+ top: var(--awsui-offset-top-3j0evk);
985
1193
  z-index: 1001;
986
1194
  }
987
1195
  }
988
1196
 
989
- .awsui_tools_hyvsj_10sxp_958:not(#\9) {
1197
+ .awsui_tools_hyvsj_nghum_1140:not(#\9) {
990
1198
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
991
1199
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
992
1200
  flex-shrink: 0;
@@ -1009,48 +1217,48 @@ viewport size and state of the Tools drawer.
1009
1217
  in the side position.
1010
1218
  */
1011
1219
  }
1012
- @keyframes awsui_openTools_hyvsj_10sxp_1 {
1220
+ @keyframes awsui_openTools_hyvsj_nghum_1 {
1013
1221
  from {
1014
- opacity: var(--awsui-tools-animation-starting-opacity-lgrg0d, 0);
1222
+ opacity: var(--awsui-tools-animation-starting-opacity-3j0evk, 0);
1015
1223
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
1016
1224
  }
1017
1225
  to {
1018
1226
  opacity: 1;
1019
- width: var(--awsui-tools-width-lgrg0d);
1227
+ width: var(--awsui-tools-width-3j0evk);
1020
1228
  }
1021
1229
  }
1022
- .awsui_tools_hyvsj_10sxp_958:not(#\9):not(.awsui_is-tools-open_hyvsj_10sxp_553) {
1230
+ .awsui_tools_hyvsj_nghum_1140:not(#\9):not(.awsui_is-tools-open_hyvsj_nghum_735) {
1023
1231
  width: 0;
1024
1232
  display: none;
1025
1233
  }
1026
- .awsui_tools_hyvsj_10sxp_958.awsui_is-tools-open_hyvsj_10sxp_553.awsui_animating_hyvsj_10sxp_681:not(#\9) {
1027
- animation: awsui_openTools_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1234
+ .awsui_tools_hyvsj_nghum_1140.awsui_is-tools-open_hyvsj_nghum_735.awsui_animating_hyvsj_nghum_863:not(#\9) {
1235
+ animation: awsui_openTools_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1028
1236
  }
1029
1237
  @media (prefers-reduced-motion: reduce) {
1030
- .awsui_tools_hyvsj_10sxp_958.awsui_is-tools-open_hyvsj_10sxp_553.awsui_animating_hyvsj_10sxp_681:not(#\9) {
1238
+ .awsui_tools_hyvsj_nghum_1140.awsui_is-tools-open_hyvsj_nghum_735.awsui_animating_hyvsj_nghum_863:not(#\9) {
1031
1239
  animation: none;
1032
1240
  transition: none;
1033
1241
  }
1034
1242
  }
1035
- .awsui-motion-disabled .awsui_tools_hyvsj_10sxp_958.awsui_is-tools-open_hyvsj_10sxp_553.awsui_animating_hyvsj_10sxp_681:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_10sxp_958.awsui_is-tools-open_hyvsj_10sxp_553.awsui_animating_hyvsj_10sxp_681:not(#\9) {
1243
+ .awsui-motion-disabled .awsui_tools_hyvsj_nghum_1140.awsui_is-tools-open_hyvsj_nghum_735.awsui_animating_hyvsj_nghum_863:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_nghum_1140.awsui_is-tools-open_hyvsj_nghum_735.awsui_animating_hyvsj_nghum_863:not(#\9) {
1036
1244
  animation: none;
1037
1245
  transition: none;
1038
1246
  }
1039
- .awsui_tools_hyvsj_10sxp_958 > .awsui_animated-content_hyvsj_10sxp_742:not(#\9) {
1040
- width: var(--awsui-tools-width-lgrg0d);
1247
+ .awsui_tools_hyvsj_nghum_1140 > .awsui_animated-content_hyvsj_nghum_924:not(#\9) {
1248
+ width: var(--awsui-tools-width-3j0evk);
1041
1249
  }
1042
1250
  @media (min-width: 689px) {
1043
- .awsui_tools_hyvsj_10sxp_958.awsui_is-tools-open_hyvsj_10sxp_553.awsui_has-tools-form-persistence_hyvsj_10sxp_1043:not(#\9) {
1251
+ .awsui_tools_hyvsj_nghum_1140.awsui_is-tools-open_hyvsj_nghum_735.awsui_has-tools-form-persistence_hyvsj_nghum_1225:not(#\9) {
1044
1252
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
1045
1253
  }
1046
1254
  }
1047
1255
  @media (max-width: 688px) {
1048
- .awsui_tools_hyvsj_10sxp_958:not(#\9) {
1049
- --awsui-tools-width-lgrg0d: 100vw;
1256
+ .awsui_tools_hyvsj_nghum_1140:not(#\9) {
1257
+ --awsui-tools-width-3j0evk: 100vw;
1050
1258
  }
1051
1259
  }
1052
1260
 
1053
- .awsui_hide-tools_hyvsj_10sxp_1053:not(#\9) {
1261
+ .awsui_hide-tools_hyvsj_nghum_1235:not(#\9) {
1054
1262
  position: absolute;
1055
1263
  right: var(--space-m-17eucw, 16px);
1056
1264
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -1062,7 +1270,7 @@ Warning! If these design tokens for padding change it will adversely impact
1062
1270
  the calculation used to determine the Split Panel maximum width in the
1063
1271
  handleSplitPanelMaxWidth function in the context.
1064
1272
  */
1065
- .awsui_show-tools_hyvsj_10sxp_1065:not(#\9) {
1273
+ .awsui_show-tools_hyvsj_nghum_1247:not(#\9) {
1066
1274
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1067
1275
  border-collapse: separate;
1068
1276
  border-spacing: 0;
@@ -1106,7 +1314,7 @@ handleSplitPanelMaxWidth function in the context.
1106
1314
  take control in responsive viewports.
1107
1315
  */
1108
1316
  }
1109
- @keyframes awsui_showButtons_hyvsj_10sxp_1 {
1317
+ @keyframes awsui_showButtons_hyvsj_nghum_1 {
1110
1318
  0% {
1111
1319
  opacity: 0;
1112
1320
  }
@@ -1114,33 +1322,33 @@ handleSplitPanelMaxWidth function in the context.
1114
1322
  opacity: 1;
1115
1323
  }
1116
1324
  }
1117
- .awsui_show-tools_hyvsj_10sxp_1065:not(#\9):not(.awsui_has-tools-form_hyvsj_10sxp_1043) {
1325
+ .awsui_show-tools_hyvsj_nghum_1247:not(#\9):not(.awsui_has-tools-form_hyvsj_nghum_1225) {
1118
1326
  display: none;
1119
1327
  }
1120
1328
  @media (min-width: 689px) {
1121
- .awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form_hyvsj_10sxp_1043:not(#\9) {
1329
+ .awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form_hyvsj_nghum_1225:not(#\9) {
1122
1330
  display: flex;
1123
1331
  flex-direction: column;
1124
1332
  gap: var(--space-xs-rsr2qu, 8px);
1125
1333
  }
1126
- .awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form_hyvsj_10sxp_1043.awsui_animating_hyvsj_10sxp_681:not(#\9) {
1127
- animation: awsui_showButtons_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1334
+ .awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form_hyvsj_nghum_1225.awsui_animating_hyvsj_nghum_863:not(#\9) {
1335
+ animation: awsui_showButtons_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1128
1336
  }
1129
1337
  }
1130
1338
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1131
- .awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form_hyvsj_10sxp_1043.awsui_animating_hyvsj_10sxp_681:not(#\9) {
1339
+ .awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form_hyvsj_nghum_1225.awsui_animating_hyvsj_nghum_863:not(#\9) {
1132
1340
  animation: none;
1133
1341
  transition: none;
1134
1342
  }
1135
1343
  }
1136
1344
  @media (min-width: 689px) {
1137
- .awsui-motion-disabled .awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form_hyvsj_10sxp_1043.awsui_animating_hyvsj_10sxp_681:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form_hyvsj_10sxp_1043.awsui_animating_hyvsj_10sxp_681:not(#\9) {
1345
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form_hyvsj_nghum_1225.awsui_animating_hyvsj_nghum_863:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form_hyvsj_nghum_1225.awsui_animating_hyvsj_nghum_863:not(#\9) {
1138
1346
  animation: none;
1139
1347
  transition: none;
1140
1348
  }
1141
1349
  }
1142
1350
  @media (min-width: 689px) {
1143
- .awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form-persistence_hyvsj_10sxp_1043:not(#\9) {
1351
+ .awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form-persistence_hyvsj_nghum_1225:not(#\9) {
1144
1352
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
1145
1353
  z-index: 1;
1146
1354
  }
@@ -1155,7 +1363,7 @@ Warning! If these design tokens for width change it will adversely impact
1155
1363
  the calculation used to determine the Split Panel maximum width in the
1156
1364
  handleSplitPanelMaxWidth function in the context.
1157
1365
  */
1158
- .awsui_trigger_hyvsj_10sxp_1132:not(#\9) {
1366
+ .awsui_trigger_hyvsj_nghum_1314:not(#\9) {
1159
1367
  background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
1160
1368
  border: none;
1161
1369
  border-radius: 50%;
@@ -1167,14 +1375,14 @@ handleSplitPanelMaxWidth function in the context.
1167
1375
  width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
1168
1376
  pointer-events: auto;
1169
1377
  }
1170
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_10sxp_1132:not(#\9):focus {
1378
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nghum_1314:not(#\9):focus {
1171
1379
  position: relative;
1172
1380
  }
1173
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_10sxp_1132:not(#\9):focus {
1381
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nghum_1314:not(#\9):focus {
1174
1382
  outline: 2px dotted transparent;
1175
1383
  outline-offset: calc(3px - 1px);
1176
1384
  }
1177
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_10sxp_1132:not(#\9):focus::before {
1385
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nghum_1314:not(#\9):focus::before {
1178
1386
  content: " ";
1179
1387
  display: block;
1180
1388
  position: absolute;
@@ -1185,23 +1393,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_10sxp_1132:not(#\9):foc
1185
1393
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
1186
1394
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
1187
1395
  }
1188
- .awsui_trigger_hyvsj_10sxp_1132:not(#\9):focus {
1396
+ .awsui_trigger_hyvsj_nghum_1314:not(#\9):focus {
1189
1397
  outline: none;
1190
1398
  }
1191
- .awsui_trigger_hyvsj_10sxp_1132:not(#\9):hover {
1399
+ .awsui_trigger_hyvsj_nghum_1314:not(#\9):hover {
1192
1400
  background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
1193
1401
  }
1194
- .awsui_trigger_hyvsj_10sxp_1132:not(#\9):active {
1402
+ .awsui_trigger_hyvsj_nghum_1314:not(#\9):active {
1195
1403
  background: var(--color-background-layout-toggle-active-d15dki, #354150);
1196
1404
  }
1197
- .awsui_trigger_hyvsj_10sxp_1132.awsui_selected_hyvsj_10sxp_1171:not(#\9) {
1405
+ .awsui_trigger_hyvsj_nghum_1314.awsui_selected_hyvsj_nghum_1353:not(#\9) {
1198
1406
  background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
1199
1407
  color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
1200
1408
  }
1201
- .awsui_trigger_hyvsj_10sxp_1132.awsui_selected_hyvsj_10sxp_1171:not(#\9):hover {
1409
+ .awsui_trigger_hyvsj_nghum_1314.awsui_selected_hyvsj_nghum_1353:not(#\9):hover {
1202
1410
  background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
1203
1411
  }
1204
- .awsui_trigger_hyvsj_10sxp_1132.awsui_selected_hyvsj_10sxp_1171:not(#\9):active {
1412
+ .awsui_trigger_hyvsj_nghum_1314.awsui_selected_hyvsj_nghum_1353:not(#\9):active {
1205
1413
  background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
1206
1414
  }
1207
1415