@cloudscape-design/components 3.0.224 → 3.0.225

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.
@@ -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_zt14d_93:not(#\9) {
93
+ section.awsui_appbar_hyvsj_17tiy_93:not(#\9) {
94
94
  align-items: center;
95
95
  box-sizing: border-box;
96
96
  display: grid;
@@ -114,20 +114,20 @@ section.awsui_appbar_hyvsj_zt14d_93:not(#\9) {
114
114
  span the entire column definition of the Layout grid.
115
115
  */
116
116
  }
117
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_appbar-nav_hyvsj_zt14d_117:not(#\9) {
117
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9) {
118
118
  grid-column: 1;
119
119
  margin-right: var(--space-m-17eucw, 16px);
120
120
  }
121
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_breadcrumbs_hyvsj_zt14d_121:not(#\9) {
121
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_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_zt14d_93 > .awsui_appbar-tools_hyvsj_zt14d_125:not(#\9) {
125
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_125:not(#\9) {
126
126
  grid-column: 3;
127
127
  margin-left: var(--space-m-17eucw, 16px);
128
128
  }
129
129
  @media (min-width: 689px) {
130
- section.awsui_appbar_hyvsj_zt14d_93:not(#\9) {
130
+ section.awsui_appbar_hyvsj_17tiy_93:not(#\9) {
131
131
  /*
132
132
  If Breadcrumbs do not exist then the AppBar should be suppressed
133
133
  because in large viewports the triggers are rendered
@@ -163,33 +163,33 @@ section.awsui_appbar_hyvsj_zt14d_93 > .awsui_appbar-tools_hyvsj_zt14d_125:not(#\
163
163
  be lifted so it doesn't render behind the background element.
164
164
  */
165
165
  }
166
- section.awsui_appbar_hyvsj_zt14d_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_zt14d_166) {
166
+ section.awsui_appbar_hyvsj_17tiy_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
167
167
  display: none;
168
168
  }
169
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_appbar-nav_hyvsj_zt14d_117:not(#\9),
170
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_appbar-tools_hyvsj_zt14d_125:not(#\9) {
169
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9),
170
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_125:not(#\9) {
171
171
  display: none;
172
172
  }
173
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_breadcrumbs_hyvsj_zt14d_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_zt14d_173) {
173
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
174
174
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
175
175
  }
176
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_breadcrumbs_hyvsj_zt14d_121.awsui_has-notifications-content_hyvsj_zt14d_173:not(#\9) {
176
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9) {
177
177
  padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
178
178
  }
179
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_breadcrumbs_hyvsj_zt14d_121:not(#\9):not(.awsui_has-header_hyvsj_zt14d_179):not(.awsui_has-dynamic-overlap-height_hyvsj_zt14d_179),
180
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_breadcrumbs_hyvsj_zt14d_121:not(#\9):not(.awsui_has-header_hyvsj_zt14d_179).awsui_content-type-wizard_hyvsj_zt14d_180 {
179
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179),
180
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-header_hyvsj_17tiy_179).awsui_content-type-wizard_hyvsj_17tiy_180 {
181
181
  padding-bottom: var(--space-m-17eucw, 16px);
182
182
  }
183
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_breadcrumbs_hyvsj_zt14d_121.awsui_content-type-cards_hyvsj_zt14d_183:not(#\9),
184
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_breadcrumbs_hyvsj_zt14d_121.awsui_content-type-table_hyvsj_zt14d_184:not(#\9) {
183
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_content-type-cards_hyvsj_17tiy_183:not(#\9),
184
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_content-type-table_hyvsj_17tiy_184:not(#\9) {
185
185
  padding-bottom: var(--space-xxs-ynfts5, 4px);
186
186
  }
187
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_breadcrumbs_hyvsj_zt14d_121.awsui_has-sticky-background_hyvsj_zt14d_187:not(#\9) {
187
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_has-sticky-background_hyvsj_17tiy_187:not(#\9) {
188
188
  z-index: 799;
189
189
  }
190
190
  }
191
191
  @media (max-width: 688px) {
192
- section.awsui_appbar_hyvsj_zt14d_93:not(#\9) {
192
+ section.awsui_appbar_hyvsj_17tiy_93:not(#\9) {
193
193
  background-color: var(--color-background-home-header-mpq08f, #000716);
194
194
  border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
195
195
  box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
@@ -205,11 +205,11 @@ section.awsui_appbar_hyvsj_zt14d_93 > .awsui_appbar-tools_hyvsj_zt14d_125:not(#\
205
205
  they are now sticky positioned in the viewport with the AppBar.
206
206
  */
207
207
  }
208
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_appbar-nav_hyvsj_zt14d_117:not(#\9),
209
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_appbar-tools_hyvsj_zt14d_125:not(#\9) {
208
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9),
209
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_125:not(#\9) {
210
210
  display: block;
211
211
  }
212
- section.awsui_appbar_hyvsj_zt14d_93 > .awsui_breadcrumbs_hyvsj_zt14d_121:not(#\9) {
212
+ section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9) {
213
213
  padding: 0;
214
214
  }
215
215
  }
@@ -218,10 +218,10 @@ section.awsui_appbar_hyvsj_zt14d_93 > .awsui_appbar-tools_hyvsj_zt14d_125:not(#\
218
218
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
219
219
  SPDX-License-Identifier: Apache-2.0
220
220
  */
221
- div.awsui_background_hyvsj_zt14d_221:not(#\9) {
221
+ div.awsui_background_hyvsj_17tiy_221:not(#\9) {
222
222
  display: contents;
223
223
  }
224
- div.awsui_background_hyvsj_zt14d_221 > .awsui_notifications-appbar-header_hyvsj_zt14d_224:not(#\9) {
224
+ div.awsui_background_hyvsj_17tiy_221 > .awsui_notifications-appbar-header_hyvsj_17tiy_224:not(#\9) {
225
225
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
226
226
  grid-column: 1/span 5;
227
227
  grid-row: 1/span 3;
@@ -234,13 +234,13 @@ div.awsui_background_hyvsj_zt14d_221 > .awsui_notifications-appbar-header_hyvsj_
234
234
  */
235
235
  }
236
236
  @media (min-width: 689px) {
237
- div.awsui_background_hyvsj_zt14d_221 > .awsui_notifications-appbar-header_hyvsj_zt14d_224.awsui_has-sticky-background_hyvsj_zt14d_187.awsui_has-notifications-content_hyvsj_zt14d_173.awsui_sticky-notifications_hyvsj_zt14d_237:not(#\9) {
237
+ div.awsui_background_hyvsj_17tiy_221 > .awsui_notifications-appbar-header_hyvsj_17tiy_224.awsui_has-sticky-background_hyvsj_17tiy_187.awsui_has-notifications-content_hyvsj_17tiy_173.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
238
238
  position: sticky;
239
239
  top: var(--awsui-offset-top-lgrg0d);
240
240
  z-index: 799;
241
241
  }
242
242
  }
243
- div.awsui_background_hyvsj_zt14d_221 > .awsui_overlap_hyvsj_zt14d_243:not(#\9) {
243
+ div.awsui_background_hyvsj_17tiy_221 > .awsui_overlap_hyvsj_17tiy_243:not(#\9) {
244
244
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
245
245
  grid-column: 1/span 5;
246
246
  grid-row: 4;
@@ -253,7 +253,7 @@ div.awsui_background_hyvsj_zt14d_221 > .awsui_overlap_hyvsj_zt14d_243:not(#\9) {
253
253
  */
254
254
  }
255
255
  @media (min-width: 689px) {
256
- div.awsui_background_hyvsj_zt14d_221 > .awsui_overlap_hyvsj_zt14d_243.awsui_has-sticky-background_hyvsj_zt14d_187:not(#\9) {
256
+ div.awsui_background_hyvsj_17tiy_221 > .awsui_overlap_hyvsj_17tiy_243.awsui_has-sticky-background_hyvsj_17tiy_187:not(#\9) {
257
257
  position: sticky;
258
258
  top: var(--awsui-offset-top-with-notifications-lgrg0d);
259
259
  z-index: 799;
@@ -264,13 +264,13 @@ div.awsui_background_hyvsj_zt14d_221 > .awsui_overlap_hyvsj_zt14d_243:not(#\9) {
264
264
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
265
265
  SPDX-License-Identifier: Apache-2.0
266
266
  */
267
- header.awsui_content_hyvsj_zt14d_180:not(#\9) {
267
+ header.awsui_content_hyvsj_17tiy_180:not(#\9) {
268
268
  grid-column: 3;
269
269
  grid-row: 3;
270
270
  padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
271
271
  }
272
272
  @media (min-width: 689px) {
273
- header.awsui_content_hyvsj_zt14d_180:not(#\9) {
273
+ header.awsui_content_hyvsj_17tiy_180:not(#\9) {
274
274
  /*
275
275
  If Notifications exist and Breadcrumbs do not then Notifications
276
276
  is the previous adjacent sibling to the Header. Add minimal top padding
@@ -288,25 +288,25 @@ header.awsui_content_hyvsj_zt14d_180:not(#\9) {
288
288
  circular buttons.
289
289
  */
290
290
  }
291
- header.awsui_content_hyvsj_zt14d_180.awsui_has-notifications-content_hyvsj_zt14d_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_zt14d_166) {
291
+ header.awsui_content_hyvsj_17tiy_180.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
292
292
  padding-top: var(--space-scaled-xs-6859qs, 8px);
293
293
  }
294
- header.awsui_content_hyvsj_zt14d_180.awsui_has-breadcrumbs_hyvsj_zt14d_166:not(#\9) {
294
+ header.awsui_content_hyvsj_17tiy_180.awsui_has-breadcrumbs_hyvsj_17tiy_166:not(#\9) {
295
295
  padding-top: var(--space-xxs-ynfts5, 4px);
296
296
  }
297
- header.awsui_content_hyvsj_zt14d_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_zt14d_173):not(.awsui_has-breadcrumbs_hyvsj_zt14d_166) {
297
+ header.awsui_content_hyvsj_17tiy_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
298
298
  padding-top: var(--space-scaled-xs-6859qs, 8px);
299
299
  }
300
300
  }
301
301
  @media (max-width: 688px) {
302
- header.awsui_content_hyvsj_zt14d_180:not(#\9) {
302
+ header.awsui_content_hyvsj_17tiy_180:not(#\9) {
303
303
  padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
304
304
  /*
305
305
  Breadcrumbs has moved to first position and sticky so Notifications
306
306
  are now the previous adjacent sibling if they exist.
307
307
  */
308
308
  }
309
- header.awsui_content_hyvsj_zt14d_180.awsui_has-notifications-content_hyvsj_zt14d_173:not(#\9) {
309
+ header.awsui_content_hyvsj_17tiy_180.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9) {
310
310
  padding-top: var(--space-scaled-xs-6859qs, 8px);
311
311
  }
312
312
  }
@@ -332,7 +332,7 @@ header.awsui_content_hyvsj_zt14d_180:not(#\9) {
332
332
  circumstances regardless of whether the minContentWidth property is
333
333
  explicitly set in script.
334
334
  */
335
- .awsui_layout_hyvsj_zt14d_335:not(#\9) {
335
+ .awsui_layout_hyvsj_17tiy_335:not(#\9) {
336
336
  --awsui-content-gap-left-lgrg0d: 0px;
337
337
  --awsui-content-gap-right-lgrg0d: 0px;
338
338
  --awsui-content-height-lgrg0d: calc(100vh - var(--awsui-header-height-lgrg0d) - var(--awsui-footer-height-lgrg0d));
@@ -415,75 +415,90 @@ header.awsui_content_hyvsj_zt14d_180:not(#\9) {
415
415
  */
416
416
  }
417
417
  @media (min-width: 1401px) {
418
- .awsui_layout_hyvsj_zt14d_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_zt14d_418) {
418
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
419
419
  --awsui-default-max-content-width-lgrg0d: 1280px;
420
420
  }
421
421
  }
422
422
  @media (min-width: 1921px) {
423
- .awsui_layout_hyvsj_zt14d_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_zt14d_418) {
423
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
424
424
  --awsui-default-max-content-width-lgrg0d: 1440px;
425
425
  }
426
426
  }
427
427
  @media (min-width: 2541px) {
428
- .awsui_layout_hyvsj_zt14d_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_zt14d_418) {
428
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
429
429
  --awsui-default-max-content-width-lgrg0d: 1620px;
430
430
  }
431
431
  }
432
- .awsui_layout_hyvsj_zt14d_335.awsui_has-max-content-width_hyvsj_zt14d_418:not(#\9) {
432
+ @media (min-width: 1401px) {
433
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
434
+ --awsui-default-max-content-width-lgrg0d: 1280px;
435
+ }
436
+ }
437
+ @media (min-width: 1921px) {
438
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
439
+ --awsui-default-max-content-width-lgrg0d: 1620px;
440
+ }
441
+ }
442
+ @media (min-width: 2541px) {
443
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
444
+ --awsui-default-max-content-width-lgrg0d: 2160px;
445
+ }
446
+ }
447
+ .awsui_layout_hyvsj_17tiy_335.awsui_has-max-content-width_hyvsj_17tiy_418:not(#\9) {
433
448
  --awsui-default-max-content-width-lgrg0d: var(--awsui-max-content-width-lgrg0d);
434
449
  }
435
450
  @media (min-width: 993px) {
436
- .awsui_layout_hyvsj_zt14d_335:not(#\9) {
451
+ .awsui_layout_hyvsj_17tiy_335:not(#\9) {
437
452
  --awsui-default-min-content-width-lgrg0d: var(--awsui-min-content-width-lgrg0d, 280px);
438
453
  }
439
454
  }
440
455
  @media (max-width: 992px) {
441
- .awsui_layout_hyvsj_zt14d_335:not(#\9) {
456
+ .awsui_layout_hyvsj_17tiy_335:not(#\9) {
442
457
  --awsui-default-min-content-width-lgrg0d: 0px;
443
458
  }
444
459
  }
445
- .awsui_layout_hyvsj_zt14d_335.awsui_is-overlap-disabled_hyvsj_zt14d_445:not(#\9) {
460
+ .awsui_layout_hyvsj_17tiy_335.awsui_is-overlap-disabled_hyvsj_17tiy_460:not(#\9) {
446
461
  --awsui-overlap-height-lgrg0d: 0;
447
462
  }
448
- .awsui_layout_hyvsj_zt14d_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_zt14d_448) {
463
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463) {
449
464
  --awsui-offset-top-lgrg0d: var(--awsui-header-height-lgrg0d);
450
465
  min-height: var(--awsui-content-height-lgrg0d);
451
466
  }
452
- .awsui_layout_hyvsj_zt14d_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_zt14d_448):not(.awsui_has-sticky-notifications_hyvsj_zt14d_452) {
467
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463):not(.awsui_has-sticky-notifications_hyvsj_17tiy_467) {
453
468
  --awsui-offset-top-with-notifications-lgrg0d: var(--awsui-header-height-lgrg0d);
454
469
  }
455
- .awsui_layout_hyvsj_zt14d_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_zt14d_448).awsui_has-sticky-notifications_hyvsj_zt14d_452 {
470
+ .awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463).awsui_has-sticky-notifications_hyvsj_17tiy_467 {
456
471
  --awsui-offset-top-with-notifications-lgrg0d: calc(
457
472
  var(--awsui-header-height-lgrg0d) + var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
458
473
  );
459
474
  }
460
- .awsui_layout_hyvsj_zt14d_335.awsui_disable-body-scroll_hyvsj_zt14d_448:not(#\9) {
475
+ .awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9) {
461
476
  --awsui-offset-top-lgrg0d: 0px;
462
477
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) 1fr auto;
463
478
  height: var(--awsui-content-height-lgrg0d);
464
479
  overflow-y: scroll;
465
480
  }
466
- .awsui_layout_hyvsj_zt14d_335.awsui_disable-body-scroll_hyvsj_zt14d_448.awsui_has-split-panel_hyvsj_zt14d_466.awsui_split-panel-position-bottom_hyvsj_zt14d_466:not(#\9) {
481
+ .awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463.awsui_has-split-panel_hyvsj_17tiy_481.awsui_split-panel-position-bottom_hyvsj_17tiy_481:not(#\9) {
467
482
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) repeat(2, auto);
468
483
  }
469
- .awsui_layout_hyvsj_zt14d_335.awsui_disable-body-scroll_hyvsj_zt14d_448:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_zt14d_452) {
484
+ .awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_17tiy_467) {
470
485
  --awsui-offset-top-with-notifications-lgrg0d: 0px;
471
486
  }
472
- .awsui_layout_hyvsj_zt14d_335.awsui_disable-body-scroll_hyvsj_zt14d_448.awsui_has-sticky-notifications_hyvsj_zt14d_452:not(#\9) {
487
+ .awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463.awsui_has-sticky-notifications_hyvsj_17tiy_467:not(#\9) {
473
488
  --awsui-offset-top-with-notifications-lgrg0d: calc(
474
489
  var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
475
490
  );
476
491
  }
477
492
  @media (min-width: 689px) {
478
- .awsui_layout_hyvsj_zt14d_335.awsui_has-content-gap-left_hyvsj_zt14d_478:not(#\9) {
493
+ .awsui_layout_hyvsj_17tiy_335.awsui_has-content-gap-left_hyvsj_17tiy_493:not(#\9) {
479
494
  --awsui-content-gap-left-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
480
495
  }
481
- .awsui_layout_hyvsj_zt14d_335.awsui_has-content-gap-right_hyvsj_zt14d_481:not(#\9) {
496
+ .awsui_layout_hyvsj_17tiy_335.awsui_has-content-gap-right_hyvsj_17tiy_496:not(#\9) {
482
497
  --awsui-content-gap-right-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
483
498
  }
484
499
  }
485
500
  @media (max-width: 688px) {
486
- .awsui_layout_hyvsj_zt14d_335:not(#\9) {
501
+ .awsui_layout_hyvsj_17tiy_335:not(#\9) {
487
502
  --awsui-content-gap-left-lgrg0d: var(--space-l-4vl6xu, 20px);
488
503
  --awsui-content-gap-right-lgrg0d: var(--space-l-4vl6xu, 20px);
489
504
  }
@@ -493,7 +508,7 @@ header.awsui_content_hyvsj_zt14d_180:not(#\9) {
493
508
  This CSS class is applied to the document body to prevent overflow scrolling
494
509
  when the navigation or tools drawers are open in responsive viewports.
495
510
  */
496
- .awsui_block-body-scroll_hyvsj_zt14d_496:not(#\9) {
511
+ .awsui_block-body-scroll_hyvsj_17tiy_511:not(#\9) {
497
512
  overflow: hidden;
498
513
  }
499
514
 
@@ -501,7 +516,7 @@ when the navigation or tools drawers are open in responsive viewports.
501
516
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
502
517
  SPDX-License-Identifier: Apache-2.0
503
518
  */
504
- .awsui_container_hyvsj_zt14d_504:not(#\9) {
519
+ .awsui_container_hyvsj_17tiy_519:not(#\9) {
505
520
  grid-column: 3;
506
521
  grid-row: 4/span 2;
507
522
  padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
@@ -524,23 +539,23 @@ when the navigation or tools drawers are open in responsive viewports.
524
539
  under various circumstances.
525
540
  */
526
541
  }
527
- .awsui_container_hyvsj_zt14d_504.awsui_has-split-panel_hyvsj_zt14d_466.awsui_split-panel-position-bottom_hyvsj_zt14d_466:not(#\9) {
542
+ .awsui_container_hyvsj_17tiy_519.awsui_has-split-panel_hyvsj_17tiy_481.awsui_split-panel-position-bottom_hyvsj_17tiy_481:not(#\9) {
528
543
  padding-bottom: calc(var(--awsui-split-panel-height-lgrg0d) + var(--space-layout-content-bottom-kg9l42, 40px));
529
544
  }
530
- .awsui_container_hyvsj_zt14d_504.awsui_disable-content-paddings_hyvsj_zt14d_530:not(#\9) {
545
+ .awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545:not(#\9) {
531
546
  grid-column: 1/6;
532
547
  padding: 0;
533
548
  }
534
549
  @media (min-width: 689px) {
535
- .awsui_container_hyvsj_zt14d_504.awsui_disable-content-paddings_hyvsj_zt14d_530.awsui_is-navigation-open_hyvsj_zt14d_535:not(#\9) {
550
+ .awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-navigation-open_hyvsj_17tiy_550:not(#\9) {
536
551
  grid-column-start: 2;
537
552
  }
538
- .awsui_container_hyvsj_zt14d_504.awsui_disable-content-paddings_hyvsj_zt14d_530.awsui_is-tools-open_hyvsj_zt14d_538:not(#\9), .awsui_container_hyvsj_zt14d_504.awsui_disable-content-paddings_hyvsj_zt14d_530.awsui_is-split-panel-open_hyvsj_zt14d_538.awsui_split-panel-position-side_hyvsj_zt14d_538:not(#\9) {
553
+ .awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-tools-open_hyvsj_17tiy_553:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_split-panel-position-side_hyvsj_17tiy_553:not(#\9) {
539
554
  grid-column-end: 5;
540
555
  }
541
556
  }
542
557
  @media (min-width: 689px) {
543
- .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530) {
558
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545) {
544
559
  /*
545
560
  Notifications is the previous adjacent sibling to the Main in
546
561
  desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -555,18 +570,18 @@ when the navigation or tools drawers are open in responsive viewports.
555
570
  sibling to the Main which requires no top padding.
556
571
  */
557
572
  }
558
- .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_content-type-default_hyvsj_zt14d_558.awsui_has-notifications-content_hyvsj_zt14d_173:not(.awsui_has-breadcrumbs_hyvsj_zt14d_166):not(.awsui_has-header_hyvsj_zt14d_179):not(.awsui_has-dynamic-overlap-height_hyvsj_zt14d_179), .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_content-type-form_hyvsj_zt14d_558.awsui_has-notifications-content_hyvsj_zt14d_173:not(.awsui_has-breadcrumbs_hyvsj_zt14d_166):not(.awsui_has-header_hyvsj_zt14d_179):not(.awsui_has-dynamic-overlap-height_hyvsj_zt14d_179) {
573
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
559
574
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
560
575
  }
561
- .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_content-type-default_hyvsj_zt14d_558:not(.awsui_has-notifications-content_hyvsj_zt14d_173):not(.awsui_has-breadcrumbs_hyvsj_zt14d_166):not(.awsui_has-header_hyvsj_zt14d_179):not(.awsui_has-dynamic-overlap-height_hyvsj_zt14d_179), .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_content-type-form_hyvsj_zt14d_558:not(.awsui_has-notifications-content_hyvsj_zt14d_173):not(.awsui_has-breadcrumbs_hyvsj_zt14d_166):not(.awsui_has-header_hyvsj_zt14d_179):not(.awsui_has-dynamic-overlap-height_hyvsj_zt14d_179) {
576
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
562
577
  padding-top: var(--space-scaled-xs-6859qs, 8px);
563
578
  }
564
- .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_has-header_hyvsj_zt14d_179, .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_has-dynamic-overlap-height_hyvsj_zt14d_179 {
579
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-header_hyvsj_17tiy_179, .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-dynamic-overlap-height_hyvsj_17tiy_179 {
565
580
  padding-top: 0;
566
581
  }
567
582
  }
568
583
  @media (max-width: 688px) {
569
- .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530) {
584
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545) {
570
585
  /*
571
586
  If the Notifications exist but the Header does not then the
572
587
  Notifications is the previous adjacent sibling to the Main
@@ -581,23 +596,23 @@ when the navigation or tools drawers are open in responsive viewports.
581
596
  sibling to the Main which requires no top padding.
582
597
  */
583
598
  }
584
- .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_content-type-default_hyvsj_zt14d_558.awsui_has-notifications-content_hyvsj_zt14d_173:not(.awsui_has-header_hyvsj_zt14d_179):not(.awsui_has-dynamic-overlap-height_hyvsj_zt14d_179), .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_content-type-form_hyvsj_zt14d_558.awsui_has-notifications-content_hyvsj_zt14d_173:not(.awsui_has-header_hyvsj_zt14d_179):not(.awsui_has-dynamic-overlap-height_hyvsj_zt14d_179) {
599
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
585
600
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
586
601
  }
587
- .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_content-type-default_hyvsj_zt14d_558:not(.awsui_has-notifications-content_hyvsj_zt14d_173):not(.awsui_has-header_hyvsj_zt14d_179):not(.awsui_has-dynamic-overlap-height_hyvsj_zt14d_179), .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_content-type-form_hyvsj_zt14d_558:not(.awsui_has-notifications-content_hyvsj_zt14d_173):not(.awsui_has-header_hyvsj_zt14d_179):not(.awsui_has-dynamic-overlap-height_hyvsj_zt14d_179) {
602
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
588
603
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
589
604
  }
590
- .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_has-header_hyvsj_zt14d_179, .awsui_container_hyvsj_zt14d_504:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zt14d_530).awsui_has-dynamic-overlap-height_hyvsj_zt14d_179 {
605
+ .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-header_hyvsj_17tiy_179, .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-dynamic-overlap-height_hyvsj_17tiy_179 {
591
606
  padding-top: 0;
592
607
  }
593
608
  }
594
- .awsui_container_hyvsj_zt14d_504.awsui_content-type-cards_hyvsj_zt14d_183:not(#\9), .awsui_container_hyvsj_zt14d_504.awsui_content-type-table_hyvsj_zt14d_184:not(#\9), .awsui_container_hyvsj_zt14d_504.awsui_content-type-wizard_hyvsj_zt14d_180:not(#\9) {
609
+ .awsui_container_hyvsj_17tiy_519.awsui_content-type-cards_hyvsj_17tiy_183:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_content-type-table_hyvsj_17tiy_184:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_content-type-wizard_hyvsj_17tiy_180:not(#\9) {
595
610
  padding-top: 0;
596
611
  }
597
612
 
598
613
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
599
- .awsui_unfocusable_hyvsj_zt14d_599:not(#\9),
600
- .awsui_unfocusable_hyvsj_zt14d_599 *:not(#\9) {
614
+ .awsui_unfocusable_hyvsj_17tiy_614:not(#\9),
615
+ .awsui_unfocusable_hyvsj_17tiy_614 *:not(#\9) {
601
616
  visibility: hidden !important;
602
617
  }
603
618
 
@@ -606,7 +621,7 @@ when the navigation or tools drawers are open in responsive viewports.
606
621
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
607
622
  SPDX-License-Identifier: Apache-2.0
608
623
  */
609
- .awsui_navigation-container_hyvsj_zt14d_609:not(#\9) {
624
+ .awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
610
625
  --awsui-navigation-width-lgrg0d: 280px;
611
626
  display: flex;
612
627
  grid-column: 1;
@@ -628,12 +643,12 @@ when the navigation or tools drawers are open in responsive viewports.
628
643
  pointer-events: none;
629
644
  }
630
645
  @media (min-width: 2541px) {
631
- .awsui_navigation-container_hyvsj_zt14d_609:not(#\9) {
646
+ .awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
632
647
  --awsui-navigation-width-lgrg0d: 320px;
633
648
  }
634
649
  }
635
650
  @media (max-width: 688px) {
636
- .awsui_navigation-container_hyvsj_zt14d_609:not(#\9) {
651
+ .awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
637
652
  left: 0;
638
653
  position: fixed;
639
654
  top: var(--awsui-offset-top-lgrg0d);
@@ -641,14 +656,14 @@ when the navigation or tools drawers are open in responsive viewports.
641
656
  }
642
657
  }
643
658
 
644
- nav.awsui_show-navigation_hyvsj_zt14d_644:not(#\9) {
659
+ nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9) {
645
660
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
646
661
  /*
647
662
  Apply the animation only in desktop viewports because the AppBar will
648
663
  take control in responsive viewports.
649
664
  */
650
665
  }
651
- @keyframes awsui_showButtons_hyvsj_zt14d_1 {
666
+ @keyframes awsui_showButtons_hyvsj_17tiy_1 {
652
667
  0% {
653
668
  opacity: 0;
654
669
  }
@@ -656,31 +671,31 @@ nav.awsui_show-navigation_hyvsj_zt14d_644:not(#\9) {
656
671
  opacity: 1;
657
672
  }
658
673
  }
659
- nav.awsui_show-navigation_hyvsj_zt14d_644.awsui_is-navigation-open_hyvsj_zt14d_535:not(#\9) {
674
+ nav.awsui_show-navigation_hyvsj_17tiy_659.awsui_is-navigation-open_hyvsj_17tiy_550:not(#\9) {
660
675
  display: none;
661
676
  }
662
677
  @media (min-width: 689px) {
663
- nav.awsui_show-navigation_hyvsj_zt14d_644:not(#\9):not(.awsui_is-navigation-open_hyvsj_zt14d_535) {
678
+ nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550) {
664
679
  display: block;
665
680
  }
666
- nav.awsui_show-navigation_hyvsj_zt14d_644:not(#\9):not(.awsui_is-navigation-open_hyvsj_zt14d_535).awsui_animating_hyvsj_zt14d_666 {
667
- animation: awsui_showButtons_hyvsj_zt14d_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
681
+ nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
682
+ animation: awsui_showButtons_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
668
683
  }
669
684
  }
670
685
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
671
- nav.awsui_show-navigation_hyvsj_zt14d_644:not(#\9):not(.awsui_is-navigation-open_hyvsj_zt14d_535).awsui_animating_hyvsj_zt14d_666 {
686
+ nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
672
687
  animation: none;
673
688
  transition: none;
674
689
  }
675
690
  }
676
691
  @media (min-width: 689px) {
677
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_zt14d_644:not(#\9):not(.awsui_is-navigation-open_hyvsj_zt14d_535).awsui_animating_hyvsj_zt14d_666, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_zt14d_644:not(#\9):not(.awsui_is-navigation-open_hyvsj_zt14d_535).awsui_animating_hyvsj_zt14d_666 {
692
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
678
693
  animation: none;
679
694
  transition: none;
680
695
  }
681
696
  }
682
697
 
683
- nav.awsui_navigation_hyvsj_zt14d_609:not(#\9) {
698
+ nav.awsui_navigation_hyvsj_17tiy_624:not(#\9) {
684
699
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
685
700
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
686
701
  bottom: 0;
@@ -697,7 +712,7 @@ nav.awsui_navigation_hyvsj_zt14d_609:not(#\9) {
697
712
  prevent unwanted text wrapping.
698
713
  */
699
714
  }
700
- @keyframes awsui_openNavigation_hyvsj_zt14d_1 {
715
+ @keyframes awsui_openNavigation_hyvsj_17tiy_1 {
701
716
  from {
702
717
  opacity: 0;
703
718
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -707,33 +722,33 @@ nav.awsui_navigation_hyvsj_zt14d_609:not(#\9) {
707
722
  width: var(--awsui-navigation-width-lgrg0d);
708
723
  }
709
724
  }
710
- nav.awsui_navigation_hyvsj_zt14d_609:not(#\9):not(.awsui_is-navigation-open_hyvsj_zt14d_535) {
725
+ nav.awsui_navigation_hyvsj_17tiy_624:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550) {
711
726
  width: 0;
712
727
  display: none;
713
728
  }
714
- nav.awsui_navigation_hyvsj_zt14d_609.awsui_is-navigation-open_hyvsj_zt14d_535.awsui_animating_hyvsj_zt14d_666:not(#\9) {
715
- animation: awsui_openNavigation_hyvsj_zt14d_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
729
+ nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
730
+ animation: awsui_openNavigation_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
716
731
  }
717
732
  @media (prefers-reduced-motion: reduce) {
718
- nav.awsui_navigation_hyvsj_zt14d_609.awsui_is-navigation-open_hyvsj_zt14d_535.awsui_animating_hyvsj_zt14d_666:not(#\9) {
733
+ nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
719
734
  animation: none;
720
735
  transition: none;
721
736
  }
722
737
  }
723
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_zt14d_609.awsui_is-navigation-open_hyvsj_zt14d_535.awsui_animating_hyvsj_zt14d_666:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_zt14d_609.awsui_is-navigation-open_hyvsj_zt14d_535.awsui_animating_hyvsj_zt14d_666:not(#\9) {
738
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
724
739
  animation: none;
725
740
  transition: none;
726
741
  }
727
- nav.awsui_navigation_hyvsj_zt14d_609 > .awsui_animated-content_hyvsj_zt14d_727:not(#\9) {
742
+ nav.awsui_navigation_hyvsj_17tiy_624 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
728
743
  width: var(--awsui-navigation-width-lgrg0d);
729
744
  }
730
745
  @media (max-width: 688px) {
731
- nav.awsui_navigation_hyvsj_zt14d_609:not(#\9) {
746
+ nav.awsui_navigation_hyvsj_17tiy_624:not(#\9) {
732
747
  --awsui-navigation-width-lgrg0d: 100vw;
733
748
  }
734
749
  }
735
750
 
736
- .awsui_hide-navigation_hyvsj_zt14d_736:not(#\9) {
751
+ .awsui_hide-navigation_hyvsj_17tiy_751:not(#\9) {
737
752
  position: absolute;
738
753
  right: var(--space-m-17eucw, 16px);
739
754
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -743,7 +758,7 @@ nav.awsui_navigation_hyvsj_zt14d_609 > .awsui_animated-content_hyvsj_zt14d_727:n
743
758
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
744
759
  SPDX-License-Identifier: Apache-2.0
745
760
  */
746
- .awsui_notifications_hyvsj_zt14d_224:not(#\9) {
761
+ .awsui_notifications_hyvsj_17tiy_224:not(#\9) {
747
762
  grid-column: 3;
748
763
  grid-row: 1;
749
764
  z-index: 850;
@@ -761,31 +776,31 @@ nav.awsui_navigation_hyvsj_zt14d_609 > .awsui_animated-content_hyvsj_zt14d_727:n
761
776
  */
762
777
  }
763
778
  @media (min-width: 689px) {
764
- .awsui_notifications_hyvsj_zt14d_224:not(#\9) {
779
+ .awsui_notifications_hyvsj_17tiy_224:not(#\9) {
765
780
  margin: var(--space-xs-rsr2qu, 8px) 0;
766
781
  /*
767
782
  var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
768
783
  calculation in the layout CSS.
769
784
  */
770
785
  }
771
- .awsui_notifications_hyvsj_zt14d_224.awsui_sticky-notifications_hyvsj_zt14d_237:not(#\9) {
786
+ .awsui_notifications_hyvsj_17tiy_224.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
772
787
  position: sticky;
773
788
  top: calc(var(--awsui-offset-top-lgrg0d) + var(--space-xs-rsr2qu, 8px));
774
789
  --awsui-flashbar-sticky-bottom-margin-lgrg0d: var(--space-xxl-2nvmf1, 32px);
775
790
  }
776
- .awsui_notifications_hyvsj_zt14d_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_zt14d_173) {
791
+ .awsui_notifications_hyvsj_17tiy_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
777
792
  margin: 0;
778
793
  }
779
794
  }
780
795
  @media (max-width: 688px) {
781
- .awsui_notifications_hyvsj_zt14d_224:not(#\9) {
796
+ .awsui_notifications_hyvsj_17tiy_224:not(#\9) {
782
797
  grid-row: 2;
783
798
  margin: var(--space-scaled-s-cu1hzn, 12px) 0;
784
799
  }
785
- .awsui_notifications_hyvsj_zt14d_224.awsui_sticky-notifications_hyvsj_zt14d_237:not(#\9) {
800
+ .awsui_notifications_hyvsj_17tiy_224.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
786
801
  position: static;
787
802
  }
788
- .awsui_notifications_hyvsj_zt14d_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_zt14d_173) {
803
+ .awsui_notifications_hyvsj_17tiy_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
789
804
  margin: 0;
790
805
  }
791
806
  }
@@ -800,7 +815,7 @@ as the content area. This row is defined as 1 fractional unit which will
800
815
  consume the remaining vertical space in the grid after the notifications
801
816
  and breadcrumbs.
802
817
  */
803
- section.awsui_split-panel-bottom_hyvsj_zt14d_803:not(#\9) {
818
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818:not(#\9) {
804
819
  /*
805
820
  The align self property will position the split panel at the bottom of the grid row.
806
821
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -835,7 +850,7 @@ section.awsui_split-panel-bottom_hyvsj_zt14d_803:not(#\9) {
835
850
  apply the animation to the height property.
836
851
  */
837
852
  }
838
- @keyframes awsui_openSplitPanelBottom_hyvsj_zt14d_1 {
853
+ @keyframes awsui_openSplitPanelBottom_hyvsj_17tiy_1 {
839
854
  from {
840
855
  height: var(--awsui-split-panel-reported-header-size-lgrg0d, 0);
841
856
  }
@@ -843,39 +858,39 @@ section.awsui_split-panel-bottom_hyvsj_zt14d_803:not(#\9) {
843
858
  height: var(--awsui-split-panel-reported-size-lgrg0d);
844
859
  }
845
860
  }
846
- section.awsui_split-panel-bottom_hyvsj_zt14d_803.awsui_disable-body-scroll_hyvsj_zt14d_448:not(#\9) {
861
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9) {
847
862
  bottom: 0;
848
863
  }
849
- section.awsui_split-panel-bottom_hyvsj_zt14d_803.awsui_is-navigation-open_hyvsj_zt14d_535.awsui_position-bottom_hyvsj_zt14d_849:not(#\9) {
864
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
850
865
  grid-column-start: 2;
851
866
  }
852
- section.awsui_split-panel-bottom_hyvsj_zt14d_803.awsui_is-tools-open_hyvsj_zt14d_538.awsui_position-bottom_hyvsj_zt14d_849:not(#\9) {
867
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-tools-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
853
868
  grid-column-end: 5;
854
869
  }
855
- section.awsui_split-panel-bottom_hyvsj_zt14d_803.awsui_position-bottom_hyvsj_zt14d_849:not(#\9) {
870
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
856
871
  display: block;
857
872
  }
858
- section.awsui_split-panel-bottom_hyvsj_zt14d_803:not(#\9):not(.awsui_is-split-panel-open_hyvsj_zt14d_538).awsui_position-bottom_hyvsj_zt14d_849 {
873
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17tiy_553).awsui_position-bottom_hyvsj_17tiy_864 {
859
874
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
860
875
  }
861
- section.awsui_split-panel-bottom_hyvsj_zt14d_803.awsui_is-split-panel-open_hyvsj_zt14d_538.awsui_position-bottom_hyvsj_zt14d_849:not(#\9) {
876
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
862
877
  box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
863
878
  }
864
- section.awsui_split-panel-bottom_hyvsj_zt14d_803.awsui_is-split-panel-open_hyvsj_zt14d_538.awsui_position-bottom_hyvsj_zt14d_849.awsui_animating_hyvsj_zt14d_666:not(#\9) {
865
- animation: awsui_openSplitPanelBottom_hyvsj_zt14d_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
879
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
880
+ animation: awsui_openSplitPanelBottom_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
866
881
  }
867
882
  @media (prefers-reduced-motion: reduce) {
868
- section.awsui_split-panel-bottom_hyvsj_zt14d_803.awsui_is-split-panel-open_hyvsj_zt14d_538.awsui_position-bottom_hyvsj_zt14d_849.awsui_animating_hyvsj_zt14d_666:not(#\9) {
883
+ section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
869
884
  animation: none;
870
885
  transition: none;
871
886
  }
872
887
  }
873
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_zt14d_803.awsui_is-split-panel-open_hyvsj_zt14d_538.awsui_position-bottom_hyvsj_zt14d_849.awsui_animating_hyvsj_zt14d_666:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_zt14d_803.awsui_is-split-panel-open_hyvsj_zt14d_538.awsui_position-bottom_hyvsj_zt14d_849.awsui_animating_hyvsj_zt14d_666:not(#\9) {
888
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
874
889
  animation: none;
875
890
  transition: none;
876
891
  }
877
892
 
878
- section.awsui_split-panel-side_hyvsj_zt14d_878:not(#\9) {
893
+ section.awsui_split-panel-side_hyvsj_17tiy_893:not(#\9) {
879
894
  height: 100%;
880
895
  overflow-x: hidden;
881
896
  pointer-events: auto;
@@ -890,7 +905,7 @@ section.awsui_split-panel-side_hyvsj_zt14d_878:not(#\9) {
890
905
  prevent unwanted text wrapping.
891
906
  */
892
907
  }
893
- @keyframes awsui_openSplitPanelSide_hyvsj_zt14d_1 {
908
+ @keyframes awsui_openSplitPanelSide_hyvsj_17tiy_1 {
894
909
  from {
895
910
  opacity: 0;
896
911
  width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
@@ -900,28 +915,28 @@ section.awsui_split-panel-side_hyvsj_zt14d_878:not(#\9) {
900
915
  width: var(--awsui-split-panel-reported-size-lgrg0d);
901
916
  }
902
917
  }
903
- section.awsui_split-panel-side_hyvsj_zt14d_878:not(#\9):not(.awsui_is-split-panel-open_hyvsj_zt14d_538), section.awsui_split-panel-side_hyvsj_zt14d_878.awsui_position-bottom_hyvsj_zt14d_849:not(#\9) {
918
+ section.awsui_split-panel-side_hyvsj_17tiy_893:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17tiy_553), section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
904
919
  width: 0;
905
920
  }
906
- section.awsui_split-panel-side_hyvsj_zt14d_878.awsui_is-split-panel-open_hyvsj_zt14d_538.awsui_position-side_hyvsj_zt14d_906:not(#\9) {
921
+ section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921:not(#\9) {
907
922
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
908
923
  max-width: var(--awsui-split-panel-max-width-lgrg0d, 280px);
909
924
  min-width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
910
925
  }
911
- section.awsui_split-panel-side_hyvsj_zt14d_878.awsui_is-split-panel-open_hyvsj_zt14d_538.awsui_position-side_hyvsj_zt14d_906.awsui_animating_hyvsj_zt14d_666:not(#\9) {
912
- animation: awsui_openSplitPanelSide_hyvsj_zt14d_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
926
+ section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
927
+ animation: awsui_openSplitPanelSide_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
913
928
  }
914
929
  @media (prefers-reduced-motion: reduce) {
915
- section.awsui_split-panel-side_hyvsj_zt14d_878.awsui_is-split-panel-open_hyvsj_zt14d_538.awsui_position-side_hyvsj_zt14d_906.awsui_animating_hyvsj_zt14d_666:not(#\9) {
930
+ section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
916
931
  animation: none;
917
932
  transition: none;
918
933
  }
919
934
  }
920
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_zt14d_878.awsui_is-split-panel-open_hyvsj_zt14d_538.awsui_position-side_hyvsj_zt14d_906.awsui_animating_hyvsj_zt14d_666:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_zt14d_878.awsui_is-split-panel-open_hyvsj_zt14d_538.awsui_position-side_hyvsj_zt14d_906.awsui_animating_hyvsj_zt14d_666:not(#\9) {
935
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
921
936
  animation: none;
922
937
  transition: none;
923
938
  }
924
- section.awsui_split-panel-side_hyvsj_zt14d_878 > .awsui_animated-content_hyvsj_zt14d_727:not(#\9) {
939
+ section.awsui_split-panel-side_hyvsj_17tiy_893 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
925
940
  height: 100%;
926
941
  max-width: inherit;
927
942
  width: var(--awsui-split-panel-reported-size-lgrg0d);
@@ -940,7 +955,7 @@ content width has a default value that can be set directly with the minContentWi
940
955
  property. The content gap right is computed in the Layout styles based on the
941
956
  viewport size and state of the Tools drawer.
942
957
  */
943
- .awsui_tools-container_hyvsj_zt14d_943:not(#\9) {
958
+ .awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
944
959
  /* stylelint-disable scss/operator-no-newline-after */
945
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));
946
961
  /* stylelint-enable scss/operator-no-newline-after */
@@ -956,12 +971,12 @@ viewport size and state of the Tools drawer.
956
971
  pointer-events: none;
957
972
  }
958
973
  @media (min-width: 2541px) {
959
- .awsui_tools-container_hyvsj_zt14d_943:not(#\9) {
974
+ .awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
960
975
  --awsui-tools-width-lgrg0d: 360px;
961
976
  }
962
977
  }
963
978
  @media (max-width: 688px) {
964
- .awsui_tools-container_hyvsj_zt14d_943:not(#\9) {
979
+ .awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
965
980
  --awsui-tools-max-width-lgrg0d: none;
966
981
  --awsui-tools-width-lgrg0d: auto;
967
982
  position: fixed;
@@ -971,7 +986,7 @@ viewport size and state of the Tools drawer.
971
986
  }
972
987
  }
973
988
 
974
- .awsui_tools_hyvsj_zt14d_943:not(#\9) {
989
+ .awsui_tools_hyvsj_17tiy_958:not(#\9) {
975
990
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
976
991
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
977
992
  flex-shrink: 0;
@@ -994,7 +1009,7 @@ viewport size and state of the Tools drawer.
994
1009
  in the side position.
995
1010
  */
996
1011
  }
997
- @keyframes awsui_openTools_hyvsj_zt14d_1 {
1012
+ @keyframes awsui_openTools_hyvsj_17tiy_1 {
998
1013
  from {
999
1014
  opacity: var(--awsui-tools-animation-starting-opacity-lgrg0d, 0);
1000
1015
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -1004,38 +1019,38 @@ viewport size and state of the Tools drawer.
1004
1019
  width: var(--awsui-tools-width-lgrg0d);
1005
1020
  }
1006
1021
  }
1007
- .awsui_tools_hyvsj_zt14d_943:not(#\9):not(.awsui_is-tools-open_hyvsj_zt14d_538) {
1022
+ .awsui_tools_hyvsj_17tiy_958:not(#\9):not(.awsui_is-tools-open_hyvsj_17tiy_553) {
1008
1023
  width: 0;
1009
1024
  display: none;
1010
1025
  }
1011
- .awsui_tools_hyvsj_zt14d_943.awsui_is-tools-open_hyvsj_zt14d_538.awsui_animating_hyvsj_zt14d_666:not(#\9) {
1012
- animation: awsui_openTools_hyvsj_zt14d_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1026
+ .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1027
+ animation: awsui_openTools_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1013
1028
  }
1014
1029
  @media (prefers-reduced-motion: reduce) {
1015
- .awsui_tools_hyvsj_zt14d_943.awsui_is-tools-open_hyvsj_zt14d_538.awsui_animating_hyvsj_zt14d_666:not(#\9) {
1030
+ .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1016
1031
  animation: none;
1017
1032
  transition: none;
1018
1033
  }
1019
1034
  }
1020
- .awsui-motion-disabled .awsui_tools_hyvsj_zt14d_943.awsui_is-tools-open_hyvsj_zt14d_538.awsui_animating_hyvsj_zt14d_666:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_zt14d_943.awsui_is-tools-open_hyvsj_zt14d_538.awsui_animating_hyvsj_zt14d_666:not(#\9) {
1035
+ .awsui-motion-disabled .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1021
1036
  animation: none;
1022
1037
  transition: none;
1023
1038
  }
1024
- .awsui_tools_hyvsj_zt14d_943 > .awsui_animated-content_hyvsj_zt14d_727:not(#\9) {
1039
+ .awsui_tools_hyvsj_17tiy_958 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
1025
1040
  width: var(--awsui-tools-width-lgrg0d);
1026
1041
  }
1027
1042
  @media (min-width: 689px) {
1028
- .awsui_tools_hyvsj_zt14d_943.awsui_is-tools-open_hyvsj_zt14d_538.awsui_has-tools-form-persistence_hyvsj_zt14d_1028:not(#\9) {
1043
+ .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_has-tools-form-persistence_hyvsj_17tiy_1043:not(#\9) {
1029
1044
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
1030
1045
  }
1031
1046
  }
1032
1047
  @media (max-width: 688px) {
1033
- .awsui_tools_hyvsj_zt14d_943:not(#\9) {
1048
+ .awsui_tools_hyvsj_17tiy_958:not(#\9) {
1034
1049
  --awsui-tools-width-lgrg0d: 100vw;
1035
1050
  }
1036
1051
  }
1037
1052
 
1038
- .awsui_hide-tools_hyvsj_zt14d_1038:not(#\9) {
1053
+ .awsui_hide-tools_hyvsj_17tiy_1053:not(#\9) {
1039
1054
  position: absolute;
1040
1055
  right: var(--space-m-17eucw, 16px);
1041
1056
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -1047,7 +1062,7 @@ Warning! If these design tokens for padding change it will adversely impact
1047
1062
  the calculation used to determine the Split Panel maximum width in the
1048
1063
  handleSplitPanelMaxWidth function in the context.
1049
1064
  */
1050
- .awsui_show-tools_hyvsj_zt14d_1050:not(#\9) {
1065
+ .awsui_show-tools_hyvsj_17tiy_1065:not(#\9) {
1051
1066
  box-sizing: border-box;
1052
1067
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
1053
1068
  /*
@@ -1055,7 +1070,7 @@ handleSplitPanelMaxWidth function in the context.
1055
1070
  take control in responsive viewports.
1056
1071
  */
1057
1072
  }
1058
- @keyframes awsui_showButtons_hyvsj_zt14d_1 {
1073
+ @keyframes awsui_showButtons_hyvsj_17tiy_1 {
1059
1074
  0% {
1060
1075
  opacity: 0;
1061
1076
  }
@@ -1063,33 +1078,33 @@ handleSplitPanelMaxWidth function in the context.
1063
1078
  opacity: 1;
1064
1079
  }
1065
1080
  }
1066
- .awsui_show-tools_hyvsj_zt14d_1050:not(#\9):not(.awsui_has-tools-form_hyvsj_zt14d_1028) {
1081
+ .awsui_show-tools_hyvsj_17tiy_1065:not(#\9):not(.awsui_has-tools-form_hyvsj_17tiy_1043) {
1067
1082
  display: none;
1068
1083
  }
1069
1084
  @media (min-width: 689px) {
1070
- .awsui_show-tools_hyvsj_zt14d_1050.awsui_has-tools-form_hyvsj_zt14d_1028:not(#\9) {
1085
+ .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043:not(#\9) {
1071
1086
  display: flex;
1072
1087
  flex-direction: column;
1073
1088
  gap: var(--space-xs-rsr2qu, 8px);
1074
1089
  }
1075
- .awsui_show-tools_hyvsj_zt14d_1050.awsui_has-tools-form_hyvsj_zt14d_1028.awsui_animating_hyvsj_zt14d_666:not(#\9) {
1076
- animation: awsui_showButtons_hyvsj_zt14d_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1090
+ .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1091
+ animation: awsui_showButtons_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1077
1092
  }
1078
1093
  }
1079
1094
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1080
- .awsui_show-tools_hyvsj_zt14d_1050.awsui_has-tools-form_hyvsj_zt14d_1028.awsui_animating_hyvsj_zt14d_666:not(#\9) {
1095
+ .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1081
1096
  animation: none;
1082
1097
  transition: none;
1083
1098
  }
1084
1099
  }
1085
1100
  @media (min-width: 689px) {
1086
- .awsui-motion-disabled .awsui_show-tools_hyvsj_zt14d_1050.awsui_has-tools-form_hyvsj_zt14d_1028.awsui_animating_hyvsj_zt14d_666:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_zt14d_1050.awsui_has-tools-form_hyvsj_zt14d_1028.awsui_animating_hyvsj_zt14d_666:not(#\9) {
1101
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
1087
1102
  animation: none;
1088
1103
  transition: none;
1089
1104
  }
1090
1105
  }
1091
1106
  @media (min-width: 689px) {
1092
- .awsui_show-tools_hyvsj_zt14d_1050.awsui_has-tools-form-persistence_hyvsj_zt14d_1028:not(#\9) {
1107
+ .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form-persistence_hyvsj_17tiy_1043:not(#\9) {
1093
1108
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
1094
1109
  z-index: 1;
1095
1110
  }
@@ -1104,7 +1119,7 @@ Warning! If these design tokens for width change it will adversely impact
1104
1119
  the calculation used to determine the Split Panel maximum width in the
1105
1120
  handleSplitPanelMaxWidth function in the context.
1106
1121
  */
1107
- .awsui_trigger_hyvsj_zt14d_1107:not(#\9) {
1122
+ .awsui_trigger_hyvsj_17tiy_1122:not(#\9) {
1108
1123
  background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
1109
1124
  border: none;
1110
1125
  border-radius: 50%;
@@ -1116,14 +1131,14 @@ handleSplitPanelMaxWidth function in the context.
1116
1131
  width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
1117
1132
  pointer-events: auto;
1118
1133
  }
1119
- .awsui_trigger_hyvsj_zt14d_1107[data-awsui-focus-visible=true]:not(#\9):focus {
1134
+ .awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus {
1120
1135
  position: relative;
1121
1136
  }
1122
- .awsui_trigger_hyvsj_zt14d_1107[data-awsui-focus-visible=true]:not(#\9):focus {
1137
+ .awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus {
1123
1138
  outline: 2px dotted transparent;
1124
1139
  outline-offset: calc(3px - 1px);
1125
1140
  }
1126
- .awsui_trigger_hyvsj_zt14d_1107[data-awsui-focus-visible=true]:not(#\9):focus::before {
1141
+ .awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus::before {
1127
1142
  content: " ";
1128
1143
  display: block;
1129
1144
  position: absolute;
@@ -1134,23 +1149,23 @@ handleSplitPanelMaxWidth function in the context.
1134
1149
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
1135
1150
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
1136
1151
  }
1137
- .awsui_trigger_hyvsj_zt14d_1107:not(#\9):focus {
1152
+ .awsui_trigger_hyvsj_17tiy_1122:not(#\9):focus {
1138
1153
  outline: none;
1139
1154
  }
1140
- .awsui_trigger_hyvsj_zt14d_1107:not(#\9):hover {
1155
+ .awsui_trigger_hyvsj_17tiy_1122:not(#\9):hover {
1141
1156
  background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
1142
1157
  }
1143
- .awsui_trigger_hyvsj_zt14d_1107:not(#\9):active {
1158
+ .awsui_trigger_hyvsj_17tiy_1122:not(#\9):active {
1144
1159
  background: var(--color-background-layout-toggle-active-d15dki, #354150);
1145
1160
  }
1146
- .awsui_trigger_hyvsj_zt14d_1107.awsui_selected_hyvsj_zt14d_1146:not(#\9) {
1161
+ .awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9) {
1147
1162
  background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
1148
1163
  color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
1149
1164
  }
1150
- .awsui_trigger_hyvsj_zt14d_1107.awsui_selected_hyvsj_zt14d_1146:not(#\9):hover {
1165
+ .awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9):hover {
1151
1166
  background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
1152
1167
  }
1153
- .awsui_trigger_hyvsj_zt14d_1107.awsui_selected_hyvsj_zt14d_1146:not(#\9):active {
1168
+ .awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9):active {
1154
1169
  background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
1155
1170
  }
1156
1171