@cloudscape-design/components 3.0.447 → 3.0.448

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,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- div.awsui_background_hyvsj_1f6b4_93:not(#\9) {
93
+ div.awsui_background_hyvsj_6otqt_93:not(#\9) {
94
94
  display: contents;
95
95
  }
96
- div.awsui_background_hyvsj_1f6b4_93 > .awsui_scrolling-background_hyvsj_1f6b4_96:not(#\9) {
96
+ div.awsui_background_hyvsj_6otqt_93 > .awsui_scrolling-background_hyvsj_6otqt_96:not(#\9) {
97
97
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
98
98
  color: var(--color-text-body-default-2sxhhn, #000716);
99
99
  grid-column: 1/span 5;
100
100
  grid-row: 1/10;
101
101
  }
102
- div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102:not(#\9) {
102
+ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102:not(#\9) {
103
103
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
104
104
  grid-column: 1/span 5;
105
105
  grid-row: 1/10;
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102:n
107
107
  top: var(--awsui-header-height-y98gph);
108
108
  z-index: 799;
109
109
  }
110
- div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1f6b4_110) {
110
+ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_110) {
111
111
  height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
112
112
  }
113
- div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.awsui_has-sticky-notifications_hyvsj_1f6b4_110:not(#\9) {
113
+ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.awsui_has-sticky-notifications_hyvsj_6otqt_110:not(#\9) {
114
114
  height: calc(
115
115
  var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph)
116
116
  );
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
120
120
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
121
121
  SPDX-License-Identifier: Apache-2.0
122
122
  */
123
- .awsui_breadcrumbs_hyvsj_1f6b4_123:not(#\9) {
123
+ .awsui_breadcrumbs_hyvsj_6otqt_123:not(#\9) {
124
124
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
125
125
  grid-area: breadcrumbs;
126
126
  /*
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
130
130
  be lifted so it doesn't render behind the background element.
131
131
  */
132
132
  }
133
- .awsui_breadcrumbs_hyvsj_1f6b4_123.awsui_has-sticky-background_hyvsj_1f6b4_133:not(#\9) {
133
+ .awsui_breadcrumbs_hyvsj_6otqt_123.awsui_has-sticky-background_hyvsj_6otqt_133:not(#\9) {
134
134
  z-index: 799;
135
135
  }
136
136
 
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
142
142
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
143
143
  SPDX-License-Identifier: Apache-2.0
144
144
  */
145
- .awsui_drawers-container_hyvsj_1f6b4_145:not(#\9) {
145
+ .awsui_drawers-container_hyvsj_6otqt_145:not(#\9) {
146
146
  background-color: transparent;
147
147
  display: flex;
148
148
  grid-column: 5;
@@ -153,19 +153,19 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
153
153
  top: var(--awsui-offset-top-y98gph);
154
154
  z-index: 830;
155
155
  }
156
- .awsui_drawers-container_hyvsj_1f6b4_145.awsui_has-open-drawer_hyvsj_1f6b4_156:not(#\9) {
156
+ .awsui_drawers-container_hyvsj_6otqt_145.awsui_has-open-drawer_hyvsj_6otqt_156:not(#\9) {
157
157
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
158
158
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
159
159
  }
160
160
  @media (min-width: 689px) {
161
- .awsui_drawers-container_hyvsj_1f6b4_145:not(#\9) {
161
+ .awsui_drawers-container_hyvsj_6otqt_145:not(#\9) {
162
162
  /* stylelint-disable scss/operator-no-newline-after */
163
163
  max-width: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
164
164
  /* stylelint-enable scss/operator-no-newline-after */
165
165
  }
166
166
  }
167
167
  @media (max-width: 688px) {
168
- .awsui_drawers-container_hyvsj_1f6b4_145:not(#\9) {
168
+ .awsui_drawers-container_hyvsj_6otqt_145:not(#\9) {
169
169
  position: fixed;
170
170
  right: 0;
171
171
  z-index: 1001;
@@ -177,12 +177,12 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
177
177
  relative to the body.
178
178
  */
179
179
  }
180
- .awsui_drawers-container_hyvsj_1f6b4_145.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9) {
180
+ .awsui_drawers-container_hyvsj_6otqt_145.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
181
181
  top: var(--awsui-header-height-y98gph);
182
182
  }
183
183
  }
184
184
 
185
- .awsui_drawers-desktop-triggers-container_hyvsj_1f6b4_185:not(#\9) {
185
+ .awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185:not(#\9) {
186
186
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
187
187
  border-collapse: separate;
188
188
  border-spacing: 0;
@@ -227,35 +227,35 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
227
227
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
228
228
  overscroll-behavior-y: contain;
229
229
  }
230
- .awsui_drawers-desktop-triggers-container_hyvsj_1f6b4_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1f6b4_204).awsui_has-open-drawer_hyvsj_1f6b4_156 {
230
+ .awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204).awsui_has-open-drawer_hyvsj_6otqt_156 {
231
231
  width: 0;
232
232
  }
233
- .awsui_drawers-desktop-triggers-container_hyvsj_1f6b4_185.awsui_has-multiple-triggers_hyvsj_1f6b4_204.awsui_has-open-drawer_hyvsj_1f6b4_156:not(#\9) {
233
+ .awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185.awsui_has-multiple-triggers_hyvsj_6otqt_204.awsui_has-open-drawer_hyvsj_6otqt_156:not(#\9) {
234
234
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
235
235
  }
236
- .awsui_drawers-desktop-triggers-container_hyvsj_1f6b4_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1f6b4_204):not(.awsui_has-open-drawer_hyvsj_1f6b4_156) {
237
- width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
236
+ .awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204):not(.awsui_has-open-drawer_hyvsj_6otqt_156) {
237
+ width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
238
238
  }
239
239
 
240
- .awsui_drawers-mobile-triggers-container_hyvsj_1f6b4_214:not(#\9) {
240
+ .awsui_drawers-mobile-triggers-container_hyvsj_6otqt_214:not(#\9) {
241
241
  display: flex;
242
242
  }
243
243
 
244
- .awsui_drawers-trigger-content_hyvsj_1f6b4_218:not(#\9) {
244
+ .awsui_drawers-trigger-content_hyvsj_6otqt_218:not(#\9) {
245
245
  align-items: center;
246
246
  display: flex;
247
247
  flex-direction: column;
248
248
  gap: var(--space-xs-zb16t3, 8px);
249
249
  padding-top: var(--space-scaled-s-aqzyko, 12px);
250
- width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
250
+ width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
251
251
  }
252
- .awsui_drawers-trigger-content_hyvsj_1f6b4_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1f6b4_204).awsui_has-open-drawer_hyvsj_1f6b4_156 {
252
+ .awsui_drawers-trigger-content_hyvsj_6otqt_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204).awsui_has-open-drawer_hyvsj_6otqt_156 {
253
253
  opacity: 0;
254
254
  }
255
- .awsui_drawers-trigger-content_hyvsj_1f6b4_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1f6b4_204):not(.awsui_has-open-drawer_hyvsj_1f6b4_156) {
255
+ .awsui_drawers-trigger-content_hyvsj_6otqt_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204):not(.awsui_has-open-drawer_hyvsj_6otqt_156) {
256
256
  opacity: 1;
257
257
  }
258
- .awsui_drawers-trigger-content_hyvsj_1f6b4_218 > .awsui_drawers-trigger-overflow_hyvsj_1f6b4_232:not(#\9) {
258
+ .awsui_drawers-trigger-content_hyvsj_6otqt_218 > .awsui_drawers-trigger-overflow_hyvsj_6otqt_232:not(#\9) {
259
259
  padding: 0 1px;
260
260
  display: flex;
261
261
  align-items: center;
@@ -263,14 +263,14 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
263
263
  }
264
264
 
265
265
  @media (max-width: 688px) {
266
- .awsui_drawers-trigger_hyvsj_1f6b4_218:not(#\9) {
266
+ .awsui_drawers-trigger_hyvsj_6otqt_218:not(#\9) {
267
267
  width: 40px;
268
268
  display: flex;
269
269
  justify-content: center;
270
270
  }
271
271
  }
272
272
 
273
- .awsui_drawer_hyvsj_1f6b4_145:not(#\9) {
273
+ .awsui_drawer_hyvsj_6otqt_145:not(#\9) {
274
274
  --awsui-drawer-size-y98gph: 290px;
275
275
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
276
276
  border-color: transparent;
@@ -285,7 +285,7 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
285
285
  pointer-events: auto;
286
286
  word-wrap: break-word;
287
287
  }
288
- .awsui_drawer_hyvsj_1f6b4_145 > .awsui_drawer-content-container_hyvsj_1f6b4_262:not(#\9) {
288
+ .awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262:not(#\9) {
289
289
  grid-column: 1/span 2;
290
290
  grid-row: 1;
291
291
  width: var(--awsui-drawer-size-y98gph);
@@ -294,40 +294,40 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
294
294
  grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
295
295
  overflow-y: auto;
296
296
  }
297
- .awsui_drawer_hyvsj_1f6b4_145 > .awsui_drawer-content-container_hyvsj_1f6b4_262 > .awsui_drawer-close-button_hyvsj_1f6b4_271:not(#\9) {
297
+ .awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262 > .awsui_drawer-close-button_hyvsj_6otqt_271:not(#\9) {
298
298
  grid-column: 3;
299
299
  grid-row: 2;
300
300
  z-index: 1;
301
301
  }
302
- .awsui_drawer_hyvsj_1f6b4_145 > .awsui_drawer-content-container_hyvsj_1f6b4_262 > .awsui_drawer-content_hyvsj_1f6b4_262:not(#\9) {
302
+ .awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262 > .awsui_drawer-content_hyvsj_6otqt_262:not(#\9) {
303
303
  grid-column: 1/span 4;
304
304
  }
305
- .awsui_drawer_hyvsj_1f6b4_145 > .awsui_drawer-content-container_hyvsj_1f6b4_262 > .awsui_drawer-content_hyvsj_1f6b4_262.awsui_drawer-content-hidden_hyvsj_1f6b4_279:not(#\9) {
305
+ .awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262 > .awsui_drawer-content_hyvsj_6otqt_262.awsui_drawer-content-hidden_hyvsj_6otqt_279:not(#\9) {
306
306
  display: none;
307
307
  }
308
- .awsui_drawer_hyvsj_1f6b4_145 > .awsui_drawer-slider_hyvsj_1f6b4_282:not(#\9) {
308
+ .awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-slider_hyvsj_6otqt_282:not(#\9) {
309
309
  grid-column: 1;
310
310
  grid-row: 1;
311
311
  height: 100%;
312
312
  display: flex;
313
313
  align-items: center;
314
314
  }
315
- .awsui_drawer_hyvsj_1f6b4_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1f6b4_289) {
315
+ .awsui_drawer_hyvsj_6otqt_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_6otqt_289) {
316
316
  opacity: 0;
317
317
  width: 0;
318
318
  }
319
- .awsui_drawer_hyvsj_1f6b4_145.awsui_is-drawer-open_hyvsj_1f6b4_289:not(#\9) {
319
+ .awsui_drawer_hyvsj_6otqt_145.awsui_is-drawer-open_hyvsj_6otqt_289:not(#\9) {
320
320
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
321
321
  opacity: 1;
322
322
  width: var(--awsui-drawer-size-y98gph);
323
323
  }
324
324
  @media (min-width: 2541px) {
325
- .awsui_drawer_hyvsj_1f6b4_145.awsui_is-drawer-open_hyvsj_1f6b4_289:not(#\9) {
325
+ .awsui_drawer_hyvsj_6otqt_145.awsui_is-drawer-open_hyvsj_6otqt_289:not(#\9) {
326
326
  --awsui-drawer-size-y98gph: 320px;
327
327
  }
328
328
  }
329
329
  @media (max-width: 688px) {
330
- .awsui_drawer_hyvsj_1f6b4_145.awsui_is-drawer-open_hyvsj_1f6b4_289:not(#\9) {
330
+ .awsui_drawer_hyvsj_6otqt_145.awsui_is-drawer-open_hyvsj_6otqt_289:not(#\9) {
331
331
  --awsui-drawer-size-y98gph: 100vw;
332
332
  width: 100vw;
333
333
  }
@@ -337,7 +337,7 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
337
337
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
338
338
  SPDX-License-Identifier: Apache-2.0
339
339
  */
340
- header.awsui_content_hyvsj_1f6b4_314:not(#\9) {
340
+ header.awsui_content_hyvsj_6otqt_314:not(#\9) {
341
341
  grid-area: header;
342
342
  }
343
343
 
@@ -358,7 +358,7 @@ The minimum content width property is set to zero and applied under all
358
358
  circumstances regardless of whether the minContentWidth property is
359
359
  explicitly set in script.
360
360
  */
361
- .awsui_layout_hyvsj_1f6b4_335:not(#\9) {
361
+ .awsui_layout_hyvsj_6otqt_335:not(#\9) {
362
362
  --awsui-breadcrumbs-gap-y98gph: 0px;
363
363
  --awsui-content-gap-left-y98gph: 0px;
364
364
  --awsui-content-gap-right-y98gph: 0px;
@@ -441,139 +441,139 @@ explicitly set in script.
441
441
  */
442
442
  }
443
443
  @media (min-width: 1401px) {
444
- .awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418) {
444
+ .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418) {
445
445
  --awsui-default-max-content-width-y98gph: 1280px;
446
446
  }
447
447
  }
448
448
  @media (min-width: 1921px) {
449
- .awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418) {
449
+ .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418) {
450
450
  --awsui-default-max-content-width-y98gph: 1440px;
451
451
  }
452
452
  }
453
453
  @media (min-width: 2541px) {
454
- .awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418) {
454
+ .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418) {
455
455
  --awsui-default-max-content-width-y98gph: 1620px;
456
456
  }
457
457
  }
458
458
  @media (min-width: 1401px) {
459
- .awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418).awsui_content-type-dashboard_hyvsj_1f6b4_433 {
459
+ .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-dashboard_hyvsj_6otqt_433 {
460
460
  --awsui-default-max-content-width-y98gph: 1280px;
461
461
  }
462
462
  }
463
463
  @media (min-width: 1921px) {
464
- .awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418).awsui_content-type-dashboard_hyvsj_1f6b4_433 {
464
+ .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-dashboard_hyvsj_6otqt_433 {
465
465
  --awsui-default-max-content-width-y98gph: 1620px;
466
466
  }
467
467
  }
468
468
  @media (min-width: 2541px) {
469
- .awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418).awsui_content-type-dashboard_hyvsj_1f6b4_433 {
469
+ .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-dashboard_hyvsj_6otqt_433 {
470
470
  --awsui-default-max-content-width-y98gph: 2160px;
471
471
  }
472
472
  }
473
- .awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418).awsui_content-type-table_hyvsj_1f6b4_447, .awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418).awsui_content-type-cards_hyvsj_1f6b4_447 {
473
+ .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-table_hyvsj_6otqt_447, .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-cards_hyvsj_6otqt_447 {
474
474
  --awsui-default-max-content-width-y98gph: 100%;
475
475
  }
476
- .awsui_layout_hyvsj_1f6b4_335.awsui_has-max-content-width_hyvsj_1f6b4_418:not(#\9) {
476
+ .awsui_layout_hyvsj_6otqt_335.awsui_has-max-content-width_hyvsj_6otqt_418:not(#\9) {
477
477
  --awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
478
478
  }
479
- .awsui_layout_hyvsj_1f6b4_335.awsui_is-overlap-disabled_hyvsj_1f6b4_453:not(#\9) {
479
+ .awsui_layout_hyvsj_6otqt_335.awsui_is-overlap-disabled_hyvsj_6otqt_453:not(#\9) {
480
480
  --awsui-overlap-height-y98gph: 0;
481
481
  }
482
- .awsui_layout_hyvsj_1f6b4_335.awsui_is-hide-mobile-toolbar_hyvsj_1f6b4_456:not(#\9) {
482
+ .awsui_layout_hyvsj_6otqt_335.awsui_is-hide-mobile-toolbar_hyvsj_6otqt_456:not(#\9) {
483
483
  --awsui-mobile-bar-height-y98gph: 0px;
484
484
  }
485
485
  @media (min-width: 993px) {
486
- .awsui_layout_hyvsj_1f6b4_335:not(#\9) {
486
+ .awsui_layout_hyvsj_6otqt_335:not(#\9) {
487
487
  --awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
488
488
  }
489
489
  }
490
490
  @media (max-width: 992px) {
491
- .awsui_layout_hyvsj_1f6b4_335:not(#\9) {
491
+ .awsui_layout_hyvsj_6otqt_335:not(#\9) {
492
492
  --awsui-default-min-content-width-y98gph: 0px;
493
493
  }
494
494
  }
495
- .awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1f6b4_110):not(.awsui_has-sticky-background_hyvsj_1f6b4_133) {
495
+ .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_110):not(.awsui_has-sticky-background_hyvsj_6otqt_133) {
496
496
  --awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
497
497
  }
498
- .awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1f6b4_110).awsui_has-sticky-background_hyvsj_1f6b4_133 {
498
+ .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_110).awsui_has-sticky-background_hyvsj_6otqt_133 {
499
499
  --awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
500
500
  }
501
- .awsui_layout_hyvsj_1f6b4_335.awsui_has-sticky-notifications_hyvsj_1f6b4_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1f6b4_133) {
501
+ .awsui_layout_hyvsj_6otqt_335.awsui_has-sticky-notifications_hyvsj_6otqt_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_6otqt_133) {
502
502
  --awsui-offset-top-with-notifications-y98gph: calc(
503
503
  var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
504
504
  var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
505
505
  );
506
506
  }
507
- .awsui_layout_hyvsj_1f6b4_335.awsui_has-sticky-notifications_hyvsj_1f6b4_110.awsui_has-sticky-background_hyvsj_1f6b4_133:not(#\9) {
507
+ .awsui_layout_hyvsj_6otqt_335.awsui_has-sticky-notifications_hyvsj_6otqt_110.awsui_has-sticky-background_hyvsj_6otqt_133:not(#\9) {
508
508
  --awsui-offset-top-with-notifications-y98gph: calc(
509
509
  var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
510
510
  var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
511
511
  );
512
512
  }
513
513
  @media (min-width: 689px) {
514
- .awsui_layout_hyvsj_1f6b4_335.awsui_has-content-gap-left_hyvsj_1f6b4_488:not(#\9) {
515
- --awsui-content-gap-left-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
514
+ .awsui_layout_hyvsj_6otqt_335.awsui_has-content-gap-left_hyvsj_6otqt_488:not(#\9) {
515
+ --awsui-content-gap-left-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
516
516
  }
517
- .awsui_layout_hyvsj_1f6b4_335.awsui_has-content-gap-right_hyvsj_1f6b4_491:not(#\9) {
518
- --awsui-content-gap-right-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
517
+ .awsui_layout_hyvsj_6otqt_335.awsui_has-content-gap-right_hyvsj_6otqt_491:not(#\9) {
518
+ --awsui-content-gap-right-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
519
519
  }
520
520
  }
521
521
  @media (max-width: 688px) {
522
- .awsui_layout_hyvsj_1f6b4_335:not(#\9) {
522
+ .awsui_layout_hyvsj_6otqt_335:not(#\9) {
523
523
  --awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
524
524
  --awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
525
525
  }
526
526
  }
527
- .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9) {
527
+ .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9) {
528
528
  --awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
529
529
  }
530
- .awsui_layout_hyvsj_1f6b4_335.awsui_has-breadcrumbs_hyvsj_1f6b4_504:not(#\9) {
530
+ .awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9) {
531
531
  --awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
532
532
  }
533
- .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-header_hyvsj_1f6b4_507:not(#\9), .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1f6b4_504).awsui_has-header_hyvsj_1f6b4_507 {
533
+ .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-header_hyvsj_6otqt_507:not(#\9), .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504).awsui_has-header_hyvsj_6otqt_507 {
534
534
  --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
535
535
  }
536
- .awsui_layout_hyvsj_1f6b4_335.awsui_has-breadcrumbs_hyvsj_1f6b4_504.awsui_has-header_hyvsj_1f6b4_507:not(#\9) {
536
+ .awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504.awsui_has-header_hyvsj_6otqt_507:not(#\9) {
537
537
  --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
538
538
  }
539
- .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1f6b4_504):not(.awsui_has-header_hyvsj_1f6b4_507) {
539
+ .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504):not(.awsui_has-header_hyvsj_6otqt_507) {
540
540
  --awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
541
541
  }
542
- .awsui_layout_hyvsj_1f6b4_335.awsui_has-breadcrumbs_hyvsj_1f6b4_504:not(#\9):not(.awsui_has-header_hyvsj_1f6b4_507) {
542
+ .awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507) {
543
543
  --awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
544
544
  }
545
- .awsui_layout_hyvsj_1f6b4_335.awsui_has-breadcrumbs_hyvsj_1f6b4_504:not(#\9):not(.awsui_has-header_hyvsj_1f6b4_507).awsui_is-overlap-disabled_hyvsj_1f6b4_453 {
545
+ .awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507).awsui_is-overlap-disabled_hyvsj_6otqt_453 {
546
546
  --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
547
547
  }
548
- .awsui_layout_hyvsj_1f6b4_335.awsui_has-breadcrumbs_hyvsj_1f6b4_504:not(#\9):not(.awsui_has-header_hyvsj_1f6b4_507):not(.awsui_is-overlap-disabled_hyvsj_1f6b4_453) {
548
+ .awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507):not(.awsui_is-overlap-disabled_hyvsj_6otqt_453) {
549
549
  --awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
550
550
  }
551
- .awsui_layout_hyvsj_1f6b4_335.awsui_has-header_hyvsj_1f6b4_507:not(#\9) {
551
+ .awsui_layout_hyvsj_6otqt_335.awsui_has-header_hyvsj_6otqt_507:not(#\9) {
552
552
  --awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
553
553
  }
554
- .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-main_hyvsj_1f6b4_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1f6b4_453), .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-main_hyvsj_1f6b4_528.awsui_is-overlap-disabled_hyvsj_1f6b4_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1f6b4_528) {
554
+ .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_6otqt_453), .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528.awsui_is-overlap-disabled_hyvsj_6otqt_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_6otqt_528) {
555
555
  --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
556
556
  }
557
557
  @media (min-width: 689px) {
558
- .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-main_hyvsj_1f6b4_528:not(#\9):not(.awsui_has-header_hyvsj_1f6b4_507) {
558
+ .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507) {
559
559
  --awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
560
560
  --awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
561
561
  }
562
562
  }
563
563
  @media (max-width: 688px) {
564
- .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9) {
564
+ .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9) {
565
565
  --awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
566
566
  }
567
- .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-header_hyvsj_1f6b4_507:not(#\9) {
567
+ .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-header_hyvsj_6otqt_507:not(#\9) {
568
568
  --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
569
569
  }
570
- .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1f6b4_504).awsui_has-header_hyvsj_1f6b4_507 {
570
+ .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504).awsui_has-header_hyvsj_6otqt_507 {
571
571
  --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
572
572
  }
573
- .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1f6b4_504):not(.awsui_has-header_hyvsj_1f6b4_507), .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-main_hyvsj_1f6b4_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1f6b4_453) {
573
+ .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504):not(.awsui_has-header_hyvsj_6otqt_507), .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_6otqt_453) {
574
574
  --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
575
575
  }
576
- .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-main_hyvsj_1f6b4_528.awsui_is-overlap-disabled_hyvsj_1f6b4_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1f6b4_528) {
576
+ .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528.awsui_is-overlap-disabled_hyvsj_6otqt_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_6otqt_528) {
577
577
  --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
578
578
  }
579
579
  }
@@ -588,19 +588,19 @@ not matter. The offset top value for AppLayout contentMain children with
588
588
  position: sticky will be the value of the notifications height in addition to the
589
589
  notifications top margin and some additional vertical space for aesthetics.
590
590
  */
591
- .awsui_layout_hyvsj_1f6b4_335.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9) {
591
+ .awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
592
592
  --awsui-main-template-rows-y98gph: 1fr auto;
593
593
  --awsui-offset-top-y98gph: 0px;
594
594
  height: var(--awsui-content-height-y98gph);
595
595
  overflow-y: scroll;
596
596
  }
597
- .awsui_layout_hyvsj_1f6b4_335.awsui_disable-body-scroll_hyvsj_1f6b4_180.awsui_has-split-panel_hyvsj_1f6b4_571.awsui_split-panel-position-bottom_hyvsj_1f6b4_571:not(#\9) {
597
+ .awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180.awsui_has-split-panel_hyvsj_6otqt_571.awsui_split-panel-position-bottom_hyvsj_6otqt_571:not(#\9) {
598
598
  --awsui-main-template-rows-y98gph: repeat(2, auto);
599
599
  }
600
- .awsui_layout_hyvsj_1f6b4_335.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1f6b4_110) {
600
+ .awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_110) {
601
601
  --awsui-offset-top-with-notifications-y98gph: 0px;
602
602
  }
603
- .awsui_layout_hyvsj_1f6b4_335.awsui_disable-body-scroll_hyvsj_1f6b4_180.awsui_has-sticky-notifications_hyvsj_1f6b4_110:not(#\9) {
603
+ .awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180.awsui_has-sticky-notifications_hyvsj_6otqt_110:not(#\9) {
604
604
  --awsui-offset-top-with-notifications-y98gph: calc(
605
605
  var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
606
606
  );
@@ -610,13 +610,13 @@ notifications top margin and some additional vertical space for aesthetics.
610
610
  This CSS class is applied to the document body to prevent overflow scrolling
611
611
  when the navigation or tools drawers are open in responsive viewports.
612
612
  */
613
- .awsui_block-body-scroll_hyvsj_1f6b4_587:not(#\9) {
613
+ .awsui_block-body-scroll_hyvsj_6otqt_587:not(#\9) {
614
614
  overflow: hidden;
615
615
  }
616
616
 
617
617
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
618
- .awsui_unfocusable_hyvsj_1f6b4_592:not(#\9),
619
- .awsui_unfocusable_hyvsj_1f6b4_592 *:not(#\9) {
618
+ .awsui_unfocusable_hyvsj_6otqt_592:not(#\9),
619
+ .awsui_unfocusable_hyvsj_6otqt_592 *:not(#\9) {
620
620
  visibility: hidden !important;
621
621
  }
622
622
 
@@ -625,7 +625,7 @@ when the navigation or tools drawers are open in responsive viewports.
625
625
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
626
626
  SPDX-License-Identifier: Apache-2.0
627
627
  */
628
- .awsui_container_hyvsj_1f6b4_602:not(#\9) {
628
+ .awsui_container_hyvsj_6otqt_602:not(#\9) {
629
629
  grid-area: main;
630
630
  padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
631
631
  /*
@@ -642,18 +642,18 @@ when the navigation or tools drawers are open in responsive viewports.
642
642
  on the right, we decrement the column end by one.
643
643
  */
644
644
  }
645
- .awsui_container_hyvsj_1f6b4_602.awsui_has-split-panel_hyvsj_1f6b4_571.awsui_split-panel-position-bottom_hyvsj_1f6b4_571:not(#\9) {
645
+ .awsui_container_hyvsj_6otqt_602.awsui_has-split-panel_hyvsj_6otqt_571.awsui_split-panel-position-bottom_hyvsj_6otqt_571:not(#\9) {
646
646
  padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
647
647
  }
648
- .awsui_container_hyvsj_1f6b4_602.awsui_disable-content-paddings_hyvsj_1f6b4_528:not(#\9) {
648
+ .awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528:not(#\9) {
649
649
  grid-column: 1/6;
650
650
  padding: 0;
651
651
  }
652
652
  @media (min-width: 689px) {
653
- .awsui_container_hyvsj_1f6b4_602.awsui_disable-content-paddings_hyvsj_1f6b4_528.awsui_is-navigation-open_hyvsj_1f6b4_627:not(#\9) {
653
+ .awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_is-navigation-open_hyvsj_6otqt_627:not(#\9) {
654
654
  grid-column-start: 2;
655
655
  }
656
- .awsui_container_hyvsj_1f6b4_602.awsui_disable-content-paddings_hyvsj_1f6b4_528.awsui_is-tools-open_hyvsj_1f6b4_630:not(#\9), .awsui_container_hyvsj_1f6b4_602.awsui_disable-content-paddings_hyvsj_1f6b4_528.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_split-panel-position-side_hyvsj_1f6b4_630:not(#\9), .awsui_container_hyvsj_1f6b4_602.awsui_disable-content-paddings_hyvsj_1f6b4_528.awsui_has-active-drawer_hyvsj_1f6b4_630:not(#\9) {
656
+ .awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_is-tools-open_hyvsj_6otqt_630:not(#\9), .awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_split-panel-position-side_hyvsj_6otqt_630:not(#\9), .awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_has-active-drawer_hyvsj_6otqt_630:not(#\9) {
657
657
  grid-column-end: 5;
658
658
  }
659
659
  }
@@ -662,7 +662,7 @@ when the navigation or tools drawers are open in responsive viewports.
662
662
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
663
663
  SPDX-License-Identifier: Apache-2.0
664
664
  */
665
- section.awsui_mobile-toolbar_hyvsj_1f6b4_639:not(#\9) {
665
+ section.awsui_mobile-toolbar_hyvsj_6otqt_639:not(#\9) {
666
666
  align-items: center;
667
667
  background-color: var(--color-background-home-header-2rudu7, #000716);
668
668
  border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
@@ -678,15 +678,15 @@ section.awsui_mobile-toolbar_hyvsj_1f6b4_639:not(#\9) {
678
678
  top: var(--awsui-offset-top-y98gph);
679
679
  z-index: 1000;
680
680
  }
681
- section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-nav_hyvsj_1f6b4_655:not(#\9) {
681
+ section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-nav_hyvsj_6otqt_655:not(#\9) {
682
682
  grid-column: 1;
683
683
  margin-right: var(--space-m-udix3p, 16px);
684
684
  }
685
- section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1f6b4_659:not(#\9) {
685
+ section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_6otqt_659:not(#\9) {
686
686
  grid-column: 2;
687
687
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
688
688
  }
689
- section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-tools_hyvsj_1f6b4_663:not(#\9) {
689
+ section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-tools_hyvsj_6otqt_663:not(#\9) {
690
690
  grid-column: 3;
691
691
  margin-left: var(--space-m-udix3p, 16px);
692
692
  }
@@ -695,7 +695,7 @@ section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-tools_hyvsj
695
695
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
696
696
  SPDX-License-Identifier: Apache-2.0
697
697
  */
698
- .awsui_navigation-container_hyvsj_1f6b4_672:not(#\9) {
698
+ .awsui_navigation-container_hyvsj_6otqt_672:not(#\9) {
699
699
  --awsui-navigation-width-y98gph: 280px;
700
700
  display: flex;
701
701
  grid-column: 1;
@@ -717,12 +717,12 @@ section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-tools_hyvsj
717
717
  pointer-events: none;
718
718
  }
719
719
  @media (min-width: 2541px) {
720
- .awsui_navigation-container_hyvsj_1f6b4_672:not(#\9) {
720
+ .awsui_navigation-container_hyvsj_6otqt_672:not(#\9) {
721
721
  --awsui-navigation-width-y98gph: 320px;
722
722
  }
723
723
  }
724
724
  @media (max-width: 688px) {
725
- .awsui_navigation-container_hyvsj_1f6b4_672:not(#\9) {
725
+ .awsui_navigation-container_hyvsj_6otqt_672:not(#\9) {
726
726
  left: 0;
727
727
  position: fixed;
728
728
  z-index: 1001;
@@ -734,19 +734,19 @@ section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-tools_hyvsj
734
734
  relative to the body.
735
735
  */
736
736
  }
737
- .awsui_navigation-container_hyvsj_1f6b4_672.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9) {
737
+ .awsui_navigation-container_hyvsj_6otqt_672.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
738
738
  top: var(--awsui-header-height-y98gph);
739
739
  }
740
740
  }
741
741
 
742
- nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9) {
743
- padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
742
+ nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9) {
743
+ padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-lcu6qi, 12px);
744
744
  /*
745
745
  Apply the animation only in desktop viewports because the MobileToolbar will
746
746
  take control in responsive viewports.
747
747
  */
748
748
  }
749
- @keyframes awsui_showButtons_hyvsj_1f6b4_1 {
749
+ @keyframes awsui_showButtons_hyvsj_6otqt_1 {
750
750
  0% {
751
751
  opacity: 0;
752
752
  }
@@ -754,31 +754,31 @@ nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9) {
754
754
  opacity: 1;
755
755
  }
756
756
  }
757
- nav.awsui_show-navigation_hyvsj_1f6b4_716.awsui_is-navigation-open_hyvsj_1f6b4_627:not(#\9) {
757
+ nav.awsui_show-navigation_hyvsj_6otqt_716.awsui_is-navigation-open_hyvsj_6otqt_627:not(#\9) {
758
758
  display: none;
759
759
  }
760
760
  @media (min-width: 689px) {
761
- nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627) {
761
+ nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627) {
762
762
  display: block;
763
763
  }
764
- nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627).awsui_animating_hyvsj_1f6b4_738 {
765
- animation: awsui_showButtons_hyvsj_1f6b4_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
764
+ nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738 {
765
+ animation: awsui_showButtons_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
766
766
  }
767
767
  }
768
768
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
769
- nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627).awsui_animating_hyvsj_1f6b4_738 {
769
+ nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738 {
770
770
  animation: none;
771
771
  transition: none;
772
772
  }
773
773
  }
774
774
  @media (min-width: 689px) {
775
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627).awsui_animating_hyvsj_1f6b4_738, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627).awsui_animating_hyvsj_1f6b4_738 {
775
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738 {
776
776
  animation: none;
777
777
  transition: none;
778
778
  }
779
779
  }
780
780
 
781
- nav.awsui_navigation_hyvsj_1f6b4_672:not(#\9) {
781
+ nav.awsui_navigation_hyvsj_6otqt_672:not(#\9) {
782
782
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
783
783
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
784
784
  bottom: 0;
@@ -796,43 +796,43 @@ nav.awsui_navigation_hyvsj_1f6b4_672:not(#\9) {
796
796
  prevent unwanted text wrapping.
797
797
  */
798
798
  }
799
- @keyframes awsui_openNavigation_hyvsj_1f6b4_1 {
799
+ @keyframes awsui_openNavigation_hyvsj_6otqt_1 {
800
800
  from {
801
801
  opacity: 0;
802
- width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
802
+ width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
803
803
  }
804
804
  to {
805
805
  opacity: 1;
806
806
  width: var(--awsui-navigation-width-y98gph);
807
807
  }
808
808
  }
809
- nav.awsui_navigation_hyvsj_1f6b4_672:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627) {
809
+ nav.awsui_navigation_hyvsj_6otqt_672:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627) {
810
810
  width: 0;
811
811
  display: none;
812
812
  }
813
- nav.awsui_navigation_hyvsj_1f6b4_672.awsui_is-navigation-open_hyvsj_1f6b4_627.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
814
- animation: awsui_openNavigation_hyvsj_1f6b4_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
813
+ nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9) {
814
+ animation: awsui_openNavigation_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
815
815
  }
816
816
  @media (prefers-reduced-motion: reduce) {
817
- nav.awsui_navigation_hyvsj_1f6b4_672.awsui_is-navigation-open_hyvsj_1f6b4_627.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
817
+ nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9) {
818
818
  animation: none;
819
819
  transition: none;
820
820
  }
821
821
  }
822
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_1f6b4_672.awsui_is-navigation-open_hyvsj_1f6b4_627.awsui_animating_hyvsj_1f6b4_738:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1f6b4_672.awsui_is-navigation-open_hyvsj_1f6b4_627.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
822
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9) {
823
823
  animation: none;
824
824
  transition: none;
825
825
  }
826
- nav.awsui_navigation_hyvsj_1f6b4_672 > .awsui_animated-content_hyvsj_1f6b4_800:not(#\9) {
826
+ nav.awsui_navigation_hyvsj_6otqt_672 > .awsui_animated-content_hyvsj_6otqt_800:not(#\9) {
827
827
  width: var(--awsui-navigation-width-y98gph);
828
828
  }
829
829
  @media (max-width: 688px) {
830
- nav.awsui_navigation_hyvsj_1f6b4_672:not(#\9) {
830
+ nav.awsui_navigation_hyvsj_6otqt_672:not(#\9) {
831
831
  --awsui-navigation-width-y98gph: 100vw;
832
832
  }
833
833
  }
834
834
 
835
- .awsui_hide-navigation_hyvsj_1f6b4_809:not(#\9) {
835
+ .awsui_hide-navigation_hyvsj_6otqt_809:not(#\9) {
836
836
  position: absolute;
837
837
  right: var(--space-m-udix3p, 16px);
838
838
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -842,13 +842,13 @@ nav.awsui_navigation_hyvsj_1f6b4_672 > .awsui_animated-content_hyvsj_1f6b4_800:n
842
842
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
843
843
  SPDX-License-Identifier: Apache-2.0
844
844
  */
845
- .awsui_notifications_hyvsj_1f6b4_819:not(#\9) {
845
+ .awsui_notifications_hyvsj_6otqt_819:not(#\9) {
846
846
  color: var(--color-text-body-default-2sxhhn, #000716);
847
847
  grid-area: notifications;
848
848
  z-index: 850;
849
849
  }
850
850
  @media (min-width: 689px) {
851
- .awsui_notifications_hyvsj_1f6b4_819.awsui_sticky-notifications_hyvsj_1f6b4_825:not(#\9) {
851
+ .awsui_notifications_hyvsj_6otqt_819.awsui_sticky-notifications_hyvsj_6otqt_825:not(#\9) {
852
852
  --awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
853
853
  position: sticky;
854
854
  top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
@@ -865,7 +865,7 @@ as the content area. This row is defined as 1 fractional unit which will
865
865
  consume the remaining vertical space in the grid after the notifications
866
866
  and breadcrumbs.
867
867
  */
868
- section.awsui_split-panel-bottom_hyvsj_1f6b4_842:not(#\9) {
868
+ section.awsui_split-panel-bottom_hyvsj_6otqt_842:not(#\9) {
869
869
  /*
870
870
  The align self property will position the split panel at the bottom of the grid row.
871
871
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -901,7 +901,7 @@ section.awsui_split-panel-bottom_hyvsj_1f6b4_842:not(#\9) {
901
901
  apply the animation to the height property.
902
902
  */
903
903
  }
904
- @keyframes awsui_openSplitPanelBottom_hyvsj_1f6b4_1 {
904
+ @keyframes awsui_openSplitPanelBottom_hyvsj_6otqt_1 {
905
905
  from {
906
906
  height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
907
907
  }
@@ -909,39 +909,39 @@ section.awsui_split-panel-bottom_hyvsj_1f6b4_842:not(#\9) {
909
909
  height: var(--awsui-split-panel-reported-size-y98gph);
910
910
  }
911
911
  }
912
- section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9) {
912
+ section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
913
913
  bottom: 0;
914
914
  }
915
- section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-navigation-open_hyvsj_1f6b4_627.awsui_position-bottom_hyvsj_1f6b4_889:not(#\9) {
915
+ section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
916
916
  grid-column-start: 2;
917
917
  }
918
- section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_has-open-drawer_hyvsj_1f6b4_156.awsui_position-bottom_hyvsj_1f6b4_889:not(#\9) {
918
+ section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_has-open-drawer_hyvsj_6otqt_156.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
919
919
  grid-column-end: 5;
920
920
  }
921
- section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_position-bottom_hyvsj_1f6b4_889:not(#\9) {
921
+ section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
922
922
  display: block;
923
923
  }
924
- section.awsui_split-panel-bottom_hyvsj_1f6b4_842:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1f6b4_630).awsui_position-bottom_hyvsj_1f6b4_889 {
924
+ section.awsui_split-panel-bottom_hyvsj_6otqt_842:not(#\9):not(.awsui_is-split-panel-open_hyvsj_6otqt_630).awsui_position-bottom_hyvsj_6otqt_889 {
925
925
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
926
926
  }
927
- section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-bottom_hyvsj_1f6b4_889:not(#\9) {
927
+ section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
928
928
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
929
929
  }
930
- section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-bottom_hyvsj_1f6b4_889.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
931
- animation: awsui_openSplitPanelBottom_hyvsj_1f6b4_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
930
+ section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9) {
931
+ animation: awsui_openSplitPanelBottom_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
932
932
  }
933
933
  @media (prefers-reduced-motion: reduce) {
934
- section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-bottom_hyvsj_1f6b4_889.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
934
+ section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9) {
935
935
  animation: none;
936
936
  transition: none;
937
937
  }
938
938
  }
939
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-bottom_hyvsj_1f6b4_889.awsui_animating_hyvsj_1f6b4_738:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-bottom_hyvsj_1f6b4_889.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
939
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9) {
940
940
  animation: none;
941
941
  transition: none;
942
942
  }
943
943
 
944
- section.awsui_split-panel-side_hyvsj_1f6b4_918:not(#\9) {
944
+ section.awsui_split-panel-side_hyvsj_6otqt_918:not(#\9) {
945
945
  height: 100%;
946
946
  overflow-x: hidden;
947
947
  pointer-events: auto;
@@ -951,10 +951,10 @@ section.awsui_split-panel-side_hyvsj_1f6b4_918:not(#\9) {
951
951
  be persistent in the DOM when closed.
952
952
  */
953
953
  }
954
- section.awsui_split-panel-side_hyvsj_1f6b4_918:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1f6b4_630), section.awsui_split-panel-side_hyvsj_1f6b4_918.awsui_position-bottom_hyvsj_1f6b4_889:not(#\9) {
954
+ section.awsui_split-panel-side_hyvsj_6otqt_918:not(#\9):not(.awsui_is-split-panel-open_hyvsj_6otqt_630), section.awsui_split-panel-side_hyvsj_6otqt_918.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
955
955
  width: 0;
956
956
  }
957
- section.awsui_split-panel-side_hyvsj_1f6b4_918.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-side_hyvsj_1f6b4_931:not(#\9) {
957
+ section.awsui_split-panel-side_hyvsj_6otqt_918.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-side_hyvsj_6otqt_931:not(#\9) {
958
958
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
959
959
  max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
960
960
  min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
@@ -973,7 +973,7 @@ content width has a default value that can be set directly with the minContentWi
973
973
  property. The content gap right is computed in the Layout styles based on the
974
974
  viewport size and state of the Tools drawer.
975
975
  */
976
- .awsui_tools-container_hyvsj_1f6b4_950:not(#\9) {
976
+ .awsui_tools-container_hyvsj_6otqt_950:not(#\9) {
977
977
  /* stylelint-disable scss/operator-no-newline-after */
978
978
  --awsui-tools-max-width-y98gph: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
979
979
  /* stylelint-enable scss/operator-no-newline-after */
@@ -989,12 +989,12 @@ viewport size and state of the Tools drawer.
989
989
  pointer-events: none;
990
990
  }
991
991
  @media (min-width: 2541px) {
992
- .awsui_tools-container_hyvsj_1f6b4_950:not(#\9) {
992
+ .awsui_tools-container_hyvsj_6otqt_950:not(#\9) {
993
993
  --awsui-tools-width-y98gph: 360px;
994
994
  }
995
995
  }
996
996
  @media (max-width: 688px) {
997
- .awsui_tools-container_hyvsj_1f6b4_950:not(#\9) {
997
+ .awsui_tools-container_hyvsj_6otqt_950:not(#\9) {
998
998
  --awsui-tools-max-width-y98gph: none;
999
999
  --awsui-tools-width-y98gph: auto;
1000
1000
  position: fixed;
@@ -1008,12 +1008,12 @@ viewport size and state of the Tools drawer.
1008
1008
  relative to the body.
1009
1009
  */
1010
1010
  }
1011
- .awsui_tools-container_hyvsj_1f6b4_950.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9) {
1011
+ .awsui_tools-container_hyvsj_6otqt_950.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
1012
1012
  top: var(--awsui-header-height-y98gph);
1013
1013
  }
1014
1014
  }
1015
1015
 
1016
- .awsui_tools_hyvsj_1f6b4_950:not(#\9) {
1016
+ .awsui_tools_hyvsj_6otqt_950:not(#\9) {
1017
1017
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1018
1018
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
1019
1019
  flex-shrink: 0;
@@ -1037,48 +1037,48 @@ viewport size and state of the Tools drawer.
1037
1037
  in the side position.
1038
1038
  */
1039
1039
  }
1040
- @keyframes awsui_openTools_hyvsj_1f6b4_1 {
1040
+ @keyframes awsui_openTools_hyvsj_6otqt_1 {
1041
1041
  from {
1042
1042
  opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
1043
- width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
1043
+ width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
1044
1044
  }
1045
1045
  to {
1046
1046
  opacity: 1;
1047
1047
  width: var(--awsui-tools-width-y98gph);
1048
1048
  }
1049
1049
  }
1050
- .awsui_tools_hyvsj_1f6b4_950:not(#\9):not(.awsui_is-tools-open_hyvsj_1f6b4_630) {
1050
+ .awsui_tools_hyvsj_6otqt_950:not(#\9):not(.awsui_is-tools-open_hyvsj_6otqt_630) {
1051
1051
  width: 0;
1052
1052
  display: none;
1053
1053
  }
1054
- .awsui_tools_hyvsj_1f6b4_950.awsui_is-tools-open_hyvsj_1f6b4_630.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
1055
- animation: awsui_openTools_hyvsj_1f6b4_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1054
+ .awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9) {
1055
+ animation: awsui_openTools_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1056
1056
  }
1057
1057
  @media (prefers-reduced-motion: reduce) {
1058
- .awsui_tools_hyvsj_1f6b4_950.awsui_is-tools-open_hyvsj_1f6b4_630.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
1058
+ .awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9) {
1059
1059
  animation: none;
1060
1060
  transition: none;
1061
1061
  }
1062
1062
  }
1063
- .awsui-motion-disabled .awsui_tools_hyvsj_1f6b4_950.awsui_is-tools-open_hyvsj_1f6b4_630.awsui_animating_hyvsj_1f6b4_738:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1f6b4_950.awsui_is-tools-open_hyvsj_1f6b4_630.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
1063
+ .awsui-motion-disabled .awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9) {
1064
1064
  animation: none;
1065
1065
  transition: none;
1066
1066
  }
1067
- .awsui_tools_hyvsj_1f6b4_950 > .awsui_animated-content_hyvsj_1f6b4_800:not(#\9) {
1067
+ .awsui_tools_hyvsj_6otqt_950 > .awsui_animated-content_hyvsj_6otqt_800:not(#\9) {
1068
1068
  width: var(--awsui-tools-width-y98gph);
1069
1069
  }
1070
1070
  @media (min-width: 689px) {
1071
- .awsui_tools_hyvsj_1f6b4_950.awsui_is-tools-open_hyvsj_1f6b4_630.awsui_has-tools-form-persistence_hyvsj_1f6b4_1045:not(#\9) {
1071
+ .awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_has-tools-form-persistence_hyvsj_6otqt_1045:not(#\9) {
1072
1072
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
1073
1073
  }
1074
1074
  }
1075
1075
  @media (max-width: 688px) {
1076
- .awsui_tools_hyvsj_1f6b4_950:not(#\9) {
1076
+ .awsui_tools_hyvsj_6otqt_950:not(#\9) {
1077
1077
  --awsui-tools-width-y98gph: 100vw;
1078
1078
  }
1079
1079
  }
1080
1080
 
1081
- .awsui_hide-tools_hyvsj_1f6b4_1055:not(#\9) {
1081
+ .awsui_hide-tools_hyvsj_6otqt_1055:not(#\9) {
1082
1082
  position: absolute;
1083
1083
  right: var(--space-m-udix3p, 16px);
1084
1084
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1090,7 +1090,7 @@ Warning! If these design tokens for padding change it will adversely impact
1090
1090
  the calculation used to determine the Split Panel maximum width in the
1091
1091
  handleSplitPanelMaxWidth function in the context.
1092
1092
  */
1093
- .awsui_show-tools_hyvsj_1f6b4_1067:not(#\9) {
1093
+ .awsui_show-tools_hyvsj_6otqt_1067:not(#\9) {
1094
1094
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1095
1095
  border-collapse: separate;
1096
1096
  border-spacing: 0;
@@ -1128,13 +1128,13 @@ handleSplitPanelMaxWidth function in the context.
1128
1128
  -webkit-font-smoothing: auto;
1129
1129
  -moz-osx-font-smoothing: auto;
1130
1130
  box-sizing: border-box;
1131
- padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
1131
+ padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-lcu6qi, 12px);
1132
1132
  /*
1133
1133
  Apply the animation only in desktop viewports because the MobileToolbar will
1134
1134
  take control in responsive viewports.
1135
1135
  */
1136
1136
  }
1137
- @keyframes awsui_showButtons_hyvsj_1f6b4_1 {
1137
+ @keyframes awsui_showButtons_hyvsj_6otqt_1 {
1138
1138
  0% {
1139
1139
  opacity: 0;
1140
1140
  }
@@ -1142,31 +1142,31 @@ handleSplitPanelMaxWidth function in the context.
1142
1142
  opacity: 1;
1143
1143
  }
1144
1144
  }
1145
- .awsui_show-tools_hyvsj_1f6b4_1067:not(#\9):not(.awsui_has-tools-form_hyvsj_1f6b4_1045) {
1145
+ .awsui_show-tools_hyvsj_6otqt_1067:not(#\9):not(.awsui_has-tools-form_hyvsj_6otqt_1045) {
1146
1146
  display: none;
1147
1147
  }
1148
1148
  @media (min-width: 689px) {
1149
- .awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form_hyvsj_1f6b4_1045:not(#\9) {
1149
+ .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045:not(#\9) {
1150
1150
  display: flex;
1151
1151
  flex-direction: column;
1152
1152
  gap: var(--space-xs-zb16t3, 8px);
1153
1153
  }
1154
- .awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form_hyvsj_1f6b4_1045.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
1155
- animation: awsui_showButtons_hyvsj_1f6b4_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1154
+ .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9) {
1155
+ animation: awsui_showButtons_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1156
1156
  }
1157
1157
  }
1158
1158
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1159
- .awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form_hyvsj_1f6b4_1045.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
1159
+ .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9) {
1160
1160
  animation: none;
1161
1161
  transition: none;
1162
1162
  }
1163
1163
  }
1164
1164
  @media (min-width: 689px) {
1165
- .awsui-motion-disabled .awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form_hyvsj_1f6b4_1045.awsui_animating_hyvsj_1f6b4_738:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form_hyvsj_1f6b4_1045.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
1165
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9) {
1166
1166
  animation: none;
1167
1167
  transition: none;
1168
1168
  }
1169
- .awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form-persistence_hyvsj_1f6b4_1045:not(#\9) {
1169
+ .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form-persistence_hyvsj_6otqt_1045:not(#\9) {
1170
1170
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1171
1171
  z-index: 1;
1172
1172
  }
@@ -1176,24 +1176,24 @@ handleSplitPanelMaxWidth function in the context.
1176
1176
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1177
1177
  SPDX-License-Identifier: Apache-2.0
1178
1178
  */
1179
- .awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9) {
1180
- background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
1179
+ .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9) {
1180
+ background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1181
1181
  border-radius: 50%;
1182
- height: var(--space-layout-toggle-diameter-x54u6y, 40px);
1183
- width: var(--space-layout-toggle-diameter-x54u6y, 40px);
1182
+ height: var(--space-layout-toggle-diameter-hb85rk, 36px);
1183
+ width: var(--space-layout-toggle-diameter-hb85rk, 36px);
1184
1184
  position: absolute;
1185
1185
  top: 0;
1186
1186
  left: 0;
1187
1187
  display: flex;
1188
1188
  justify-content: center;
1189
1189
  align-items: center;
1190
- clip-path: path("M38.0215 11.3161C37.1068 11.7545 36.0821 12 35 12C31.134 12 28 8.86599 28 5C28 3.91794 28.2455 2.89322 28.6839 1.97851C26.0575 0.710652 23.1118 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 16.8882 39.2893 13.9425 38.0215 11.3161Z");
1190
+ clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
1191
1191
  }
1192
- .awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9):hover {
1193
- background: var(--color-background-layout-toggle-hover-ho9150, #354150);
1192
+ .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):hover {
1193
+ background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1194
1194
  }
1195
- .awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9):active {
1196
- background: var(--color-background-layout-toggle-active-robi8g, #354150);
1195
+ .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):active {
1196
+ background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1197
1197
  }
1198
1198
 
1199
1199
  /*
@@ -1201,32 +1201,31 @@ Warning! If these design tokens for width change it will adversely impact
1201
1201
  the calculation used to determine the Split Panel maximum width in the
1202
1202
  handleSplitPanelMaxWidth function in the context.
1203
1203
  */
1204
- .awsui_trigger_hyvsj_1f6b4_1127:not(#\9) {
1205
- background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
1204
+ .awsui_trigger_hyvsj_6otqt_1127:not(#\9) {
1205
+ background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1206
1206
  border-radius: 50%;
1207
- height: var(--space-layout-toggle-diameter-x54u6y, 40px);
1208
- width: var(--space-layout-toggle-diameter-x54u6y, 40px);
1207
+ height: var(--space-layout-toggle-diameter-hb85rk, 36px);
1208
+ width: var(--space-layout-toggle-diameter-hb85rk, 36px);
1209
1209
  border: none;
1210
1210
  color: var(--color-text-layout-toggle-zybz0r, #ffffff);
1211
1211
  cursor: pointer;
1212
- padding: 0 var(--space-s-34lx8l, 12px);
1213
1212
  pointer-events: auto;
1214
1213
  position: relative;
1215
1214
  }
1216
- .awsui_trigger_hyvsj_1f6b4_1127:not(#\9):hover {
1217
- background: var(--color-background-layout-toggle-hover-ho9150, #354150);
1215
+ .awsui_trigger_hyvsj_6otqt_1127:not(#\9):hover {
1216
+ background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1218
1217
  }
1219
- .awsui_trigger_hyvsj_1f6b4_1127:not(#\9):active {
1220
- background: var(--color-background-layout-toggle-active-robi8g, #354150);
1218
+ .awsui_trigger_hyvsj_6otqt_1127:not(#\9):active {
1219
+ background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1221
1220
  }
1222
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1f6b4_1127:not(#\9):focus {
1221
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus {
1223
1222
  position: relative;
1224
1223
  }
1225
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1f6b4_1127:not(#\9):focus {
1224
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus {
1226
1225
  outline: 2px dotted transparent;
1227
1226
  outline-offset: calc(3px - 1px);
1228
1227
  }
1229
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1f6b4_1127:not(#\9):focus::before {
1228
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus::before {
1230
1229
  content: " ";
1231
1230
  display: block;
1232
1231
  position: absolute;
@@ -1237,43 +1236,43 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1f6b4_1127:not(#\9):foc
1237
1236
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1238
1237
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1239
1238
  }
1240
- .awsui_trigger_hyvsj_1f6b4_1127:not(#\9):focus {
1239
+ .awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus {
1241
1240
  outline: none;
1242
1241
  }
1243
- .awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191:not(#\9) {
1242
+ .awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190:not(#\9) {
1244
1243
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1245
1244
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1246
1245
  }
1247
- .awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191:not(#\9):hover {
1246
+ .awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190:not(#\9):hover {
1248
1247
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1249
1248
  }
1250
- .awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191:not(#\9):active {
1249
+ .awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190:not(#\9):active {
1251
1250
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1252
1251
  }
1253
- .awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191 > .awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9) {
1252
+ .awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190 > .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9) {
1254
1253
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1255
1254
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1256
1255
  }
1257
- .awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191 > .awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9):hover {
1256
+ .awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190 > .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):hover {
1258
1257
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1259
1258
  }
1260
- .awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191 > .awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9):active {
1259
+ .awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190 > .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):active {
1261
1260
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1262
1261
  }
1263
- .awsui_trigger_hyvsj_1f6b4_1127.awsui_badge_hyvsj_1f6b4_1211:not(#\9), .awsui_trigger_hyvsj_1f6b4_1127.awsui_badge_hyvsj_1f6b4_1211:not(#\9):hover, .awsui_trigger_hyvsj_1f6b4_1127.awsui_badge_hyvsj_1f6b4_1211:not(#\9):active {
1262
+ .awsui_trigger_hyvsj_6otqt_1127.awsui_badge_hyvsj_6otqt_1210:not(#\9), .awsui_trigger_hyvsj_6otqt_1127.awsui_badge_hyvsj_6otqt_1210:not(#\9):hover, .awsui_trigger_hyvsj_6otqt_1127.awsui_badge_hyvsj_6otqt_1210:not(#\9):active {
1264
1263
  background: transparent;
1265
1264
  }
1266
1265
 
1267
- .awsui_trigger-wrapper_hyvsj_1f6b4_1215:not(#\9) {
1266
+ .awsui_trigger-wrapper_hyvsj_6otqt_1214:not(#\9) {
1268
1267
  position: relative;
1269
1268
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1270
1269
  border-radius: 50%;
1271
1270
  }
1272
1271
 
1273
- .awsui_dot_hyvsj_1f6b4_1221:not(#\9) {
1272
+ .awsui_dot_hyvsj_6otqt_1220:not(#\9) {
1274
1273
  position: absolute;
1275
- width: 10px;
1276
- height: 10px;
1274
+ width: 9px;
1275
+ height: 9px;
1277
1276
  border-radius: 8px;
1278
1277
  background-color: var(--color-background-badge-icon-q1kfox, #d91515);
1279
1278
  top: 0;