@cloudscape-design/components 3.0.617 → 3.0.618

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/app-layout/classic.d.ts +5 -5
  2. package/app-layout/classic.d.ts.map +1 -1
  3. package/app-layout/classic.js +17 -16
  4. package/app-layout/classic.js.map +1 -1
  5. package/app-layout/implementation.d.ts +5 -5
  6. package/app-layout/interfaces.d.ts +5 -5
  7. package/app-layout/interfaces.d.ts.map +1 -1
  8. package/app-layout/interfaces.js.map +1 -1
  9. package/app-layout/internal.d.ts +5 -5
  10. package/app-layout/utils/use-app-layout-placement.d.ts +5 -5
  11. package/app-layout/utils/use-app-layout-placement.d.ts.map +1 -1
  12. package/app-layout/utils/use-app-layout-placement.js +10 -5
  13. package/app-layout/utils/use-app-layout-placement.js.map +1 -1
  14. package/app-layout/utils/use-keyboard-events.d.ts +1 -1
  15. package/app-layout/utils/use-keyboard-events.d.ts.map +1 -1
  16. package/app-layout/utils/use-keyboard-events.js +24 -29
  17. package/app-layout/utils/use-keyboard-events.js.map +1 -1
  18. package/app-layout/utils/use-pointer-events.d.ts.map +1 -1
  19. package/app-layout/utils/use-pointer-events.js +6 -5
  20. package/app-layout/utils/use-pointer-events.js.map +1 -1
  21. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  22. package/app-layout/visual-refresh/context.js +10 -9
  23. package/app-layout/visual-refresh/context.js.map +1 -1
  24. package/app-layout/visual-refresh/index.d.ts +5 -5
  25. package/app-layout/visual-refresh/styles.css.js +81 -81
  26. package/app-layout/visual-refresh/styles.scoped.css +170 -167
  27. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  28. package/internal/direction.d.ts +8 -1
  29. package/internal/direction.d.ts.map +1 -1
  30. package/internal/direction.js +17 -4
  31. package/internal/direction.js.map +1 -1
  32. package/internal/environment.js +1 -1
  33. package/internal/environment.json +1 -1
  34. package/internal/manifest.json +1 -1
  35. package/internal/utils/handle-key.d.ts +2 -1
  36. package/internal/utils/handle-key.d.ts.map +1 -1
  37. package/internal/utils/handle-key.js +7 -4
  38. package/internal/utils/handle-key.js.map +1 -1
  39. package/package.json +1 -1
  40. package/split-panel/bottom.js +4 -4
  41. package/split-panel/bottom.js.map +1 -1
  42. package/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
  43. package/split-panel/icons/bottom-icon-refresh.js +1 -1
  44. package/split-panel/icons/bottom-icon-refresh.js.map +1 -1
  45. package/split-panel/icons/bottom-icon.d.ts.map +1 -1
  46. package/split-panel/icons/bottom-icon.js +1 -1
  47. package/split-panel/icons/bottom-icon.js.map +1 -1
  48. package/split-panel/icons/side-position-refresh.d.ts.map +1 -1
  49. package/split-panel/icons/side-position-refresh.js +1 -1
  50. package/split-panel/icons/side-position-refresh.js.map +1 -1
  51. package/split-panel/icons/side-position.d.ts.map +1 -1
  52. package/split-panel/icons/side-position.js +1 -1
  53. package/split-panel/icons/side-position.js.map +1 -1
  54. package/split-panel/styles.css.js +57 -55
  55. package/split-panel/styles.scoped.css +171 -75
  56. package/split-panel/styles.selectors.js +57 -55
  57. package/table/resizer/index.js +2 -2
  58. package/table/resizer/index.js.map +1 -1
  59. package/tabs/scroll-utils.js +2 -2
  60. package/tabs/scroll-utils.js.map +1 -1
@@ -96,16 +96,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
96
96
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
97
97
  SPDX-License-Identifier: Apache-2.0
98
98
  */
99
- div.awsui_background_hyvsj_1t7qb_99:not(#\9) {
99
+ div.awsui_background_hyvsj_oarcx_99:not(#\9) {
100
100
  display: contents;
101
101
  }
102
- div.awsui_background_hyvsj_1t7qb_99 > .awsui_scrolling-background_hyvsj_1t7qb_102:not(#\9) {
102
+ div.awsui_background_hyvsj_oarcx_99 > .awsui_scrolling-background_hyvsj_oarcx_102:not(#\9) {
103
103
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
104
104
  color: var(--color-text-body-default-at06ol, #000716);
105
105
  grid-column: 1/span 5;
106
106
  grid-row: 1/10;
107
107
  }
108
- div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108:not(#\9) {
108
+ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108:not(#\9) {
109
109
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
110
110
  grid-column: 1/span 5;
111
111
  grid-row: 1/10;
@@ -113,10 +113,10 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108:n
113
113
  inset-block-start: var(--awsui-header-height-lgosor);
114
114
  z-index: 799;
115
115
  }
116
- div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1t7qb_116) {
116
+ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116) {
117
117
  block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-lgosor));
118
118
  }
119
- div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.awsui_has-sticky-notifications_hyvsj_1t7qb_116:not(#\9) {
119
+ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.awsui_has-sticky-notifications_hyvsj_oarcx_116:not(#\9) {
120
120
  block-size: calc(
121
121
  var(--awsui-notifications-gap-lgosor) + var(--awsui-notifications-height-lgosor) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-lgosor)
122
122
  );
@@ -126,7 +126,7 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
126
126
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
127
127
  SPDX-License-Identifier: Apache-2.0
128
128
  */
129
- .awsui_breadcrumbs_hyvsj_1t7qb_129:not(#\9) {
129
+ .awsui_breadcrumbs_hyvsj_oarcx_129:not(#\9) {
130
130
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
131
131
  grid-area: breadcrumbs;
132
132
  /*
@@ -136,7 +136,7 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
136
136
  be lifted so it doesn't render behind the background element.
137
137
  */
138
138
  }
139
- .awsui_breadcrumbs_hyvsj_1t7qb_129.awsui_has-sticky-background_hyvsj_1t7qb_139:not(#\9) {
139
+ .awsui_breadcrumbs_hyvsj_oarcx_129.awsui_has-sticky-background_hyvsj_oarcx_139:not(#\9) {
140
140
  z-index: 799;
141
141
  }
142
142
 
@@ -148,7 +148,7 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
148
148
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
149
149
  SPDX-License-Identifier: Apache-2.0
150
150
  */
151
- .awsui_drawers-container_hyvsj_1t7qb_151:not(#\9) {
151
+ .awsui_drawers-container_hyvsj_oarcx_151:not(#\9) {
152
152
  background-color: transparent;
153
153
  display: flex;
154
154
  grid-column: 5;
@@ -159,18 +159,18 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
159
159
  inset-block-start: var(--awsui-offset-top-lgosor);
160
160
  z-index: 830;
161
161
  }
162
- .awsui_drawers-container_hyvsj_1t7qb_151.awsui_has-open-drawer_hyvsj_1t7qb_162:not(#\9) {
162
+ .awsui_drawers-container_hyvsj_oarcx_151.awsui_has-open-drawer_hyvsj_oarcx_162:not(#\9) {
163
163
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
164
164
  }
165
165
  @media (min-width: 689px) {
166
- .awsui_drawers-container_hyvsj_1t7qb_151:not(#\9) {
166
+ .awsui_drawers-container_hyvsj_oarcx_151:not(#\9) {
167
167
  /* stylelint-disable scss/operator-no-newline-after */
168
168
  max-inline-size: calc(var(--awsui-layout-width-lgosor) - var(--awsui-main-offset-left-lgosor) - var(--awsui-default-min-content-width-lgosor) - var(--awsui-content-gap-right-lgosor));
169
169
  /* stylelint-enable scss/operator-no-newline-after */
170
170
  }
171
171
  }
172
172
  @media (max-width: 688px) {
173
- .awsui_drawers-container_hyvsj_1t7qb_151:not(#\9) {
173
+ .awsui_drawers-container_hyvsj_oarcx_151:not(#\9) {
174
174
  position: fixed;
175
175
  inset-inline-end: 0;
176
176
  z-index: 1001;
@@ -182,12 +182,12 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
182
182
  relative to the body.
183
183
  */
184
184
  }
185
- .awsui_drawers-container_hyvsj_1t7qb_151.awsui_disable-body-scroll_hyvsj_1t7qb_185:not(#\9) {
185
+ .awsui_drawers-container_hyvsj_oarcx_151.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
186
186
  inset-block-start: var(--awsui-header-height-lgosor);
187
187
  }
188
188
  }
189
189
 
190
- .awsui_drawers-desktop-triggers-container_hyvsj_1t7qb_190:not(#\9) {
190
+ .awsui_drawers-desktop-triggers-container_hyvsj_oarcx_190:not(#\9) {
191
191
  border-collapse: separate;
192
192
  border-spacing: 0;
193
193
  box-sizing: border-box;
@@ -229,21 +229,21 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
229
229
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
230
230
  overscroll-behavior-y: contain;
231
231
  }
232
- .awsui_drawers-desktop-triggers-container_hyvsj_1t7qb_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1t7qb_231).awsui_has-open-drawer_hyvsj_1t7qb_162 {
232
+ .awsui_drawers-desktop-triggers-container_hyvsj_oarcx_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_oarcx_231).awsui_has-open-drawer_hyvsj_oarcx_162 {
233
233
  inline-size: 0;
234
234
  }
235
- .awsui_drawers-desktop-triggers-container_hyvsj_1t7qb_190.awsui_has-multiple-triggers_hyvsj_1t7qb_231.awsui_has-open-drawer_hyvsj_1t7qb_162:not(#\9) {
235
+ .awsui_drawers-desktop-triggers-container_hyvsj_oarcx_190.awsui_has-multiple-triggers_hyvsj_oarcx_231.awsui_has-open-drawer_hyvsj_oarcx_162:not(#\9) {
236
236
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
237
237
  }
238
- .awsui_drawers-desktop-triggers-container_hyvsj_1t7qb_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1t7qb_231):not(.awsui_has-open-drawer_hyvsj_1t7qb_162) {
238
+ .awsui_drawers-desktop-triggers-container_hyvsj_oarcx_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_oarcx_231):not(.awsui_has-open-drawer_hyvsj_oarcx_162) {
239
239
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
240
240
  }
241
241
 
242
- .awsui_drawers-mobile-triggers-container_hyvsj_1t7qb_241:not(#\9) {
242
+ .awsui_drawers-mobile-triggers-container_hyvsj_oarcx_241:not(#\9) {
243
243
  display: flex;
244
244
  }
245
245
 
246
- .awsui_drawers-trigger-content_hyvsj_1t7qb_245:not(#\9) {
246
+ .awsui_drawers-trigger-content_hyvsj_oarcx_245:not(#\9) {
247
247
  align-items: center;
248
248
  display: flex;
249
249
  flex-direction: column;
@@ -251,13 +251,13 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
251
251
  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
252
252
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
253
253
  }
254
- .awsui_drawers-trigger-content_hyvsj_1t7qb_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1t7qb_231).awsui_has-open-drawer_hyvsj_1t7qb_162 {
254
+ .awsui_drawers-trigger-content_hyvsj_oarcx_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_oarcx_231).awsui_has-open-drawer_hyvsj_oarcx_162 {
255
255
  opacity: 0;
256
256
  }
257
- .awsui_drawers-trigger-content_hyvsj_1t7qb_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1t7qb_231):not(.awsui_has-open-drawer_hyvsj_1t7qb_162) {
257
+ .awsui_drawers-trigger-content_hyvsj_oarcx_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_oarcx_231):not(.awsui_has-open-drawer_hyvsj_oarcx_162) {
258
258
  opacity: 1;
259
259
  }
260
- .awsui_drawers-trigger-content_hyvsj_1t7qb_245 > .awsui_drawers-trigger-overflow_hyvsj_1t7qb_259:not(#\9) {
260
+ .awsui_drawers-trigger-content_hyvsj_oarcx_245 > .awsui_drawers-trigger-overflow_hyvsj_oarcx_259:not(#\9) {
261
261
  padding-block: 0;
262
262
  padding-inline: 1px;
263
263
  display: flex;
@@ -266,14 +266,14 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
266
266
  }
267
267
 
268
268
  @media (max-width: 688px) {
269
- .awsui_drawers-trigger_hyvsj_1t7qb_245:not(#\9) {
269
+ .awsui_drawers-trigger_hyvsj_oarcx_245:not(#\9) {
270
270
  inline-size: 40px;
271
271
  display: flex;
272
272
  justify-content: center;
273
273
  }
274
274
  }
275
275
 
276
- .awsui_drawer_hyvsj_1t7qb_151:not(#\9) {
276
+ .awsui_drawer_hyvsj_oarcx_151:not(#\9) {
277
277
  --awsui-drawer-size-lgosor: 290px;
278
278
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
279
279
  border-color: transparent;
@@ -288,7 +288,7 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
288
288
  pointer-events: auto;
289
289
  word-wrap: break-word;
290
290
  }
291
- .awsui_drawer_hyvsj_1t7qb_151 > .awsui_drawer-content-container_hyvsj_1t7qb_290:not(#\9) {
291
+ .awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-content-container_hyvsj_oarcx_290:not(#\9) {
292
292
  grid-column: 1/span 2;
293
293
  grid-row: 1;
294
294
  inline-size: var(--awsui-drawer-size-lgosor);
@@ -297,41 +297,41 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
297
297
  grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
298
298
  overflow-y: auto;
299
299
  }
300
- .awsui_drawer_hyvsj_1t7qb_151 > .awsui_drawer-content-container_hyvsj_1t7qb_290 > .awsui_drawer-close-button_hyvsj_1t7qb_299:not(#\9) {
300
+ .awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-content-container_hyvsj_oarcx_290 > .awsui_drawer-close-button_hyvsj_oarcx_299:not(#\9) {
301
301
  grid-column: 3;
302
302
  grid-row: 2;
303
303
  z-index: 1;
304
304
  }
305
- .awsui_drawer_hyvsj_1t7qb_151 > .awsui_drawer-content-container_hyvsj_1t7qb_290 > .awsui_drawer-content_hyvsj_1t7qb_290:not(#\9) {
305
+ .awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-content-container_hyvsj_oarcx_290 > .awsui_drawer-content_hyvsj_oarcx_290:not(#\9) {
306
306
  grid-column: 1/span 4;
307
307
  }
308
- .awsui_drawer_hyvsj_1t7qb_151 > .awsui_drawer-content-container_hyvsj_1t7qb_290 > .awsui_drawer-content_hyvsj_1t7qb_290.awsui_drawer-content-hidden_hyvsj_1t7qb_307:not(#\9) {
308
+ .awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-content-container_hyvsj_oarcx_290 > .awsui_drawer-content_hyvsj_oarcx_290.awsui_drawer-content-hidden_hyvsj_oarcx_307:not(#\9) {
309
309
  display: none;
310
310
  }
311
- .awsui_drawer_hyvsj_1t7qb_151 > .awsui_drawer-slider_hyvsj_1t7qb_310:not(#\9) {
311
+ .awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-slider_hyvsj_oarcx_310:not(#\9) {
312
312
  grid-column: 1;
313
313
  grid-row: 1;
314
314
  block-size: 100%;
315
315
  display: flex;
316
316
  align-items: center;
317
317
  }
318
- .awsui_drawer_hyvsj_1t7qb_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_1t7qb_317) {
318
+ .awsui_drawer_hyvsj_oarcx_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_oarcx_317) {
319
319
  opacity: 0;
320
320
  inline-size: 0;
321
321
  }
322
- .awsui_drawer_hyvsj_1t7qb_151.awsui_is-drawer-open_hyvsj_1t7qb_317:not(#\9) {
322
+ .awsui_drawer_hyvsj_oarcx_151.awsui_is-drawer-open_hyvsj_oarcx_317:not(#\9) {
323
323
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
324
324
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
325
325
  opacity: 1;
326
326
  inline-size: var(--awsui-drawer-size-lgosor);
327
327
  }
328
328
  @media (min-width: 2541px) {
329
- .awsui_drawer_hyvsj_1t7qb_151.awsui_is-drawer-open_hyvsj_1t7qb_317:not(#\9) {
329
+ .awsui_drawer_hyvsj_oarcx_151.awsui_is-drawer-open_hyvsj_oarcx_317:not(#\9) {
330
330
  --awsui-drawer-size-lgosor: 320px;
331
331
  }
332
332
  }
333
333
  @media (max-width: 688px) {
334
- .awsui_drawer_hyvsj_1t7qb_151.awsui_is-drawer-open_hyvsj_1t7qb_317:not(#\9) {
334
+ .awsui_drawer_hyvsj_oarcx_151.awsui_is-drawer-open_hyvsj_oarcx_317:not(#\9) {
335
335
  --awsui-drawer-size-lgosor: 100vw;
336
336
  inline-size: 100vw;
337
337
  }
@@ -341,7 +341,7 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
341
341
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
342
342
  SPDX-License-Identifier: Apache-2.0
343
343
  */
344
- header.awsui_content_hyvsj_1t7qb_343:not(#\9) {
344
+ header.awsui_content_hyvsj_oarcx_343:not(#\9) {
345
345
  grid-area: header;
346
346
  }
347
347
 
@@ -362,7 +362,7 @@ The minimum content width property is set to zero and applied under all
362
362
  circumstances regardless of whether the minContentWidth property is
363
363
  explicitly set in script.
364
364
  */
365
- .awsui_layout_hyvsj_1t7qb_364:not(#\9) {
365
+ .awsui_layout_hyvsj_oarcx_364:not(#\9) {
366
366
  --awsui-breadcrumbs-gap-lgosor: 0px;
367
367
  --awsui-content-gap-left-lgosor: 0px;
368
368
  --awsui-content-gap-right-lgosor: 0px;
@@ -443,130 +443,130 @@ explicitly set in script.
443
443
  */
444
444
  }
445
445
  @media (min-width: 1401px) {
446
- .awsui_layout_hyvsj_1t7qb_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1t7qb_445) {
446
+ .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445) {
447
447
  --awsui-default-max-content-width-lgosor: 1280px;
448
448
  }
449
449
  }
450
450
  @media (min-width: 1921px) {
451
- .awsui_layout_hyvsj_1t7qb_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1t7qb_445) {
451
+ .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445) {
452
452
  --awsui-default-max-content-width-lgosor: 1440px;
453
453
  }
454
454
  }
455
455
  @media (min-width: 2541px) {
456
- .awsui_layout_hyvsj_1t7qb_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1t7qb_445) {
456
+ .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445) {
457
457
  --awsui-default-max-content-width-lgosor: 1620px;
458
458
  }
459
459
  }
460
460
  @media (min-width: 1401px) {
461
- .awsui_layout_hyvsj_1t7qb_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1t7qb_445).awsui_content-type-dashboard_hyvsj_1t7qb_460 {
461
+ .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445).awsui_content-type-dashboard_hyvsj_oarcx_460 {
462
462
  --awsui-default-max-content-width-lgosor: 1280px;
463
463
  }
464
464
  }
465
465
  @media (min-width: 1921px) {
466
- .awsui_layout_hyvsj_1t7qb_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1t7qb_445).awsui_content-type-dashboard_hyvsj_1t7qb_460 {
466
+ .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445).awsui_content-type-dashboard_hyvsj_oarcx_460 {
467
467
  --awsui-default-max-content-width-lgosor: 1620px;
468
468
  }
469
469
  }
470
470
  @media (min-width: 2541px) {
471
- .awsui_layout_hyvsj_1t7qb_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1t7qb_445).awsui_content-type-dashboard_hyvsj_1t7qb_460 {
471
+ .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445).awsui_content-type-dashboard_hyvsj_oarcx_460 {
472
472
  --awsui-default-max-content-width-lgosor: 2160px;
473
473
  }
474
474
  }
475
- .awsui_layout_hyvsj_1t7qb_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1t7qb_445).awsui_content-type-table_hyvsj_1t7qb_474, .awsui_layout_hyvsj_1t7qb_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1t7qb_445).awsui_content-type-cards_hyvsj_1t7qb_474 {
475
+ .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445).awsui_content-type-table_hyvsj_oarcx_474, .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445).awsui_content-type-cards_hyvsj_oarcx_474 {
476
476
  --awsui-default-max-content-width-lgosor: 100%;
477
477
  }
478
- .awsui_layout_hyvsj_1t7qb_364.awsui_has-max-content-width_hyvsj_1t7qb_445:not(#\9) {
478
+ .awsui_layout_hyvsj_oarcx_364.awsui_has-max-content-width_hyvsj_oarcx_445:not(#\9) {
479
479
  --awsui-default-max-content-width-lgosor: var(--awsui-max-content-width-lgosor);
480
480
  }
481
- .awsui_layout_hyvsj_1t7qb_364.awsui_is-overlap-disabled_hyvsj_1t7qb_480:not(#\9) {
481
+ .awsui_layout_hyvsj_oarcx_364.awsui_is-overlap-disabled_hyvsj_oarcx_480:not(#\9) {
482
482
  --awsui-overlap-height-lgosor: 0;
483
483
  }
484
- .awsui_layout_hyvsj_1t7qb_364.awsui_is-hide-mobile-toolbar_hyvsj_1t7qb_483:not(#\9) {
484
+ .awsui_layout_hyvsj_oarcx_364.awsui_is-hide-mobile-toolbar_hyvsj_oarcx_483:not(#\9) {
485
485
  --awsui-mobile-bar-height-lgosor: 0px;
486
486
  }
487
487
  @media (min-width: 993px) {
488
- .awsui_layout_hyvsj_1t7qb_364:not(#\9) {
488
+ .awsui_layout_hyvsj_oarcx_364:not(#\9) {
489
489
  --awsui-default-min-content-width-lgosor: var(--awsui-min-content-width-lgosor, 280px);
490
490
  }
491
491
  }
492
492
  @media (max-width: 992px) {
493
- .awsui_layout_hyvsj_1t7qb_364:not(#\9) {
493
+ .awsui_layout_hyvsj_oarcx_364:not(#\9) {
494
494
  --awsui-default-min-content-width-lgosor: 0px;
495
495
  }
496
496
  }
497
- .awsui_layout_hyvsj_1t7qb_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1t7qb_116):not(.awsui_has-sticky-background_hyvsj_1t7qb_139) {
497
+ .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116):not(.awsui_has-sticky-background_hyvsj_oarcx_139) {
498
498
  --awsui-offset-top-with-notifications-lgosor: var(--awsui-header-height-lgosor);
499
499
  }
500
- .awsui_layout_hyvsj_1t7qb_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1t7qb_116).awsui_has-sticky-background_hyvsj_1t7qb_139 {
500
+ .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116).awsui_has-sticky-background_hyvsj_oarcx_139 {
501
501
  --awsui-offset-top-with-notifications-lgosor: calc(var(--awsui-header-height-lgosor) + var(--space-scaled-s-aqzyko, 12px));
502
502
  }
503
- .awsui_layout_hyvsj_1t7qb_364.awsui_has-sticky-notifications_hyvsj_1t7qb_116:not(#\9):not(.awsui_has-sticky-background_hyvsj_1t7qb_139) {
503
+ .awsui_layout_hyvsj_oarcx_364.awsui_has-sticky-notifications_hyvsj_oarcx_116:not(#\9):not(.awsui_has-sticky-background_hyvsj_oarcx_139) {
504
504
  --awsui-offset-top-with-notifications-lgosor: calc(
505
505
  var(--awsui-offset-top-lgosor) + var(--awsui-notifications-gap-lgosor) +
506
506
  var(--awsui-notifications-height-lgosor) + var(--space-xxxs-zbmxqb, 2px)
507
507
  );
508
508
  }
509
- .awsui_layout_hyvsj_1t7qb_364.awsui_has-sticky-notifications_hyvsj_1t7qb_116.awsui_has-sticky-background_hyvsj_1t7qb_139:not(#\9) {
509
+ .awsui_layout_hyvsj_oarcx_364.awsui_has-sticky-notifications_hyvsj_oarcx_116.awsui_has-sticky-background_hyvsj_oarcx_139:not(#\9) {
510
510
  --awsui-offset-top-with-notifications-lgosor: calc(
511
511
  var(--awsui-offset-top-lgosor) + var(--awsui-notifications-gap-lgosor) +
512
512
  var(--awsui-notifications-height-lgosor) + var(--space-scaled-s-aqzyko, 12px)
513
513
  );
514
514
  }
515
515
  @media (min-width: 689px) {
516
- .awsui_layout_hyvsj_1t7qb_364.awsui_has-content-gap-left_hyvsj_1t7qb_515:not(#\9) {
516
+ .awsui_layout_hyvsj_oarcx_364.awsui_has-content-gap-left_hyvsj_oarcx_515:not(#\9) {
517
517
  --awsui-content-gap-left-lgosor: var(--space-layout-content-horizontal-7l52k3, 24px);
518
518
  }
519
- .awsui_layout_hyvsj_1t7qb_364.awsui_has-content-gap-right_hyvsj_1t7qb_518:not(#\9) {
519
+ .awsui_layout_hyvsj_oarcx_364.awsui_has-content-gap-right_hyvsj_oarcx_518:not(#\9) {
520
520
  --awsui-content-gap-right-lgosor: var(--space-layout-content-horizontal-7l52k3, 24px);
521
521
  }
522
522
  }
523
523
  @media (max-width: 688px) {
524
- .awsui_layout_hyvsj_1t7qb_364:not(#\9) {
524
+ .awsui_layout_hyvsj_oarcx_364:not(#\9) {
525
525
  --awsui-content-gap-left-lgosor: var(--space-l-t419sm, 20px);
526
526
  --awsui-content-gap-right-lgosor: var(--space-l-t419sm, 20px);
527
527
  }
528
528
  }
529
- .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-notifications_hyvsj_1t7qb_528:not(#\9) {
529
+ .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9) {
530
530
  --awsui-notifications-gap-lgosor: var(--space-xs-zb16t3, 8px);
531
531
  }
532
- .awsui_layout_hyvsj_1t7qb_364.awsui_has-breadcrumbs_hyvsj_1t7qb_531:not(#\9) {
532
+ .awsui_layout_hyvsj_oarcx_364.awsui_has-breadcrumbs_hyvsj_oarcx_531:not(#\9) {
533
533
  --awsui-breadcrumbs-gap-lgosor: var(--space-scaled-m-mo5yse, 16px);
534
534
  }
535
- .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-header_hyvsj_1t7qb_534:not(#\9), .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-notifications_hyvsj_1t7qb_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1t7qb_531).awsui_has-header_hyvsj_1t7qb_534 {
535
+ .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-header_hyvsj_oarcx_534:not(#\9), .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_oarcx_531).awsui_has-header_hyvsj_oarcx_534 {
536
536
  --awsui-header-gap-lgosor: var(--space-scaled-xs-26e2du, 8px);
537
537
  }
538
- .awsui_layout_hyvsj_1t7qb_364.awsui_has-breadcrumbs_hyvsj_1t7qb_531.awsui_has-header_hyvsj_1t7qb_534:not(#\9) {
538
+ .awsui_layout_hyvsj_oarcx_364.awsui_has-breadcrumbs_hyvsj_oarcx_531.awsui_has-header_hyvsj_oarcx_534:not(#\9) {
539
539
  --awsui-header-gap-lgosor: var(--space-scaled-xs-26e2du, 8px);
540
540
  }
541
- .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-notifications_hyvsj_1t7qb_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1t7qb_531):not(.awsui_has-header_hyvsj_1t7qb_534) {
541
+ .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_oarcx_531):not(.awsui_has-header_hyvsj_oarcx_534) {
542
542
  --awsui-main-gap-lgosor: var(--space-xs-zb16t3, 8px);
543
543
  }
544
- .awsui_layout_hyvsj_1t7qb_364.awsui_has-breadcrumbs_hyvsj_1t7qb_531:not(#\9):not(.awsui_has-header_hyvsj_1t7qb_534).awsui_is-overlap-disabled_hyvsj_1t7qb_480 {
544
+ .awsui_layout_hyvsj_oarcx_364.awsui_has-breadcrumbs_hyvsj_oarcx_531:not(#\9):not(.awsui_has-header_hyvsj_oarcx_534).awsui_is-overlap-disabled_hyvsj_oarcx_480 {
545
545
  --awsui-main-gap-lgosor: var(--space-scaled-m-mo5yse, 16px);
546
546
  }
547
- .awsui_layout_hyvsj_1t7qb_364.awsui_has-breadcrumbs_hyvsj_1t7qb_531:not(#\9):not(.awsui_has-header_hyvsj_1t7qb_534):not(.awsui_is-overlap-disabled_hyvsj_1t7qb_480) {
547
+ .awsui_layout_hyvsj_oarcx_364.awsui_has-breadcrumbs_hyvsj_oarcx_531:not(#\9):not(.awsui_has-header_hyvsj_oarcx_534):not(.awsui_is-overlap-disabled_hyvsj_oarcx_480) {
548
548
  --awsui-main-gap-lgosor: var(--space-scaled-xxs-7597g1, 4px);
549
549
  }
550
- .awsui_layout_hyvsj_1t7qb_364.awsui_has-header_hyvsj_1t7qb_534:not(#\9) {
550
+ .awsui_layout_hyvsj_oarcx_364.awsui_has-header_hyvsj_oarcx_534:not(#\9) {
551
551
  --awsui-main-gap-lgosor: var(--space-content-header-padding-bottom-y2enua, 16px);
552
552
  }
553
- .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-main_hyvsj_1t7qb_552:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1t7qb_480), .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-main_hyvsj_1t7qb_552.awsui_is-overlap-disabled_hyvsj_1t7qb_480:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1t7qb_552) {
553
+ .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-main_hyvsj_oarcx_552:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_oarcx_480), .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-main_hyvsj_oarcx_552.awsui_is-overlap-disabled_hyvsj_oarcx_480:not(#\9):not(.awsui_disable-content-paddings_hyvsj_oarcx_552) {
554
554
  --awsui-main-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
555
555
  }
556
556
  @media (max-width: 688px) {
557
- .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-notifications_hyvsj_1t7qb_528:not(#\9) {
557
+ .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9) {
558
558
  --awsui-notifications-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
559
559
  }
560
- .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-header_hyvsj_1t7qb_534:not(#\9) {
560
+ .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-header_hyvsj_oarcx_534:not(#\9) {
561
561
  --awsui-header-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
562
562
  }
563
- .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-notifications_hyvsj_1t7qb_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1t7qb_531).awsui_has-header_hyvsj_1t7qb_534 {
563
+ .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_oarcx_531).awsui_has-header_hyvsj_oarcx_534 {
564
564
  --awsui-header-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
565
565
  }
566
- .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-notifications_hyvsj_1t7qb_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1t7qb_531):not(.awsui_has-header_hyvsj_1t7qb_534), .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-main_hyvsj_1t7qb_552:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1t7qb_480) {
566
+ .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_oarcx_531):not(.awsui_has-header_hyvsj_oarcx_534), .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-main_hyvsj_oarcx_552:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_oarcx_480) {
567
567
  --awsui-main-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
568
568
  }
569
- .awsui_layout_hyvsj_1t7qb_364.awsui_content-first-child-main_hyvsj_1t7qb_552.awsui_is-overlap-disabled_hyvsj_1t7qb_480:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1t7qb_552) {
569
+ .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-main_hyvsj_oarcx_552.awsui_is-overlap-disabled_hyvsj_oarcx_480:not(#\9):not(.awsui_disable-content-paddings_hyvsj_oarcx_552) {
570
570
  --awsui-main-gap-lgosor: var(--space-scaled-m-mo5yse, 16px);
571
571
  }
572
572
  }
@@ -581,19 +581,19 @@ not matter. The offset top value for AppLayout contentMain children with
581
581
  position: sticky will be the value of the notifications height in addition to the
582
582
  notifications top margin and some additional vertical space for aesthetics.
583
583
  */
584
- .awsui_layout_hyvsj_1t7qb_364.awsui_disable-body-scroll_hyvsj_1t7qb_185:not(#\9) {
584
+ .awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
585
585
  --awsui-main-template-rows-lgosor: 1fr auto;
586
586
  --awsui-offset-top-lgosor: 0px;
587
587
  block-size: var(--awsui-content-height-lgosor);
588
588
  overflow-y: scroll;
589
589
  }
590
- .awsui_layout_hyvsj_1t7qb_364.awsui_disable-body-scroll_hyvsj_1t7qb_185.awsui_has-split-panel_hyvsj_1t7qb_589.awsui_split-panel-position-bottom_hyvsj_1t7qb_589:not(#\9) {
590
+ .awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185.awsui_has-split-panel_hyvsj_oarcx_589.awsui_split-panel-position-bottom_hyvsj_oarcx_589:not(#\9) {
591
591
  --awsui-main-template-rows-lgosor: repeat(2, auto);
592
592
  }
593
- .awsui_layout_hyvsj_1t7qb_364.awsui_disable-body-scroll_hyvsj_1t7qb_185:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1t7qb_116) {
593
+ .awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116) {
594
594
  --awsui-offset-top-with-notifications-lgosor: 0px;
595
595
  }
596
- .awsui_layout_hyvsj_1t7qb_364.awsui_disable-body-scroll_hyvsj_1t7qb_185.awsui_has-sticky-notifications_hyvsj_1t7qb_116:not(#\9) {
596
+ .awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185.awsui_has-sticky-notifications_hyvsj_oarcx_116:not(#\9) {
597
597
  --awsui-offset-top-with-notifications-lgosor: calc(
598
598
  var(--awsui-notifications-height-lgosor) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
599
599
  );
@@ -603,13 +603,13 @@ notifications top margin and some additional vertical space for aesthetics.
603
603
  This CSS class is applied to the document body to prevent overflow scrolling
604
604
  when the navigation or tools drawers are open in responsive viewports.
605
605
  */
606
- .awsui_block-body-scroll_hyvsj_1t7qb_605:not(#\9) {
606
+ .awsui_block-body-scroll_hyvsj_oarcx_605:not(#\9) {
607
607
  overflow: hidden;
608
608
  }
609
609
 
610
610
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
611
- .awsui_unfocusable_hyvsj_1t7qb_610:not(#\9),
612
- .awsui_unfocusable_hyvsj_1t7qb_610 *:not(#\9) {
611
+ .awsui_unfocusable_hyvsj_oarcx_610:not(#\9),
612
+ .awsui_unfocusable_hyvsj_oarcx_610 *:not(#\9) {
613
613
  visibility: hidden !important;
614
614
  }
615
615
 
@@ -618,7 +618,7 @@ when the navigation or tools drawers are open in responsive viewports.
618
618
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
619
619
  SPDX-License-Identifier: Apache-2.0
620
620
  */
621
- .awsui_container_hyvsj_1t7qb_620:not(#\9) {
621
+ .awsui_container_hyvsj_oarcx_620:not(#\9) {
622
622
  grid-area: main;
623
623
  padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
624
624
  /*
@@ -635,19 +635,19 @@ when the navigation or tools drawers are open in responsive viewports.
635
635
  on the right, we decrement the column end by one.
636
636
  */
637
637
  }
638
- .awsui_container_hyvsj_1t7qb_620.awsui_has-split-panel_hyvsj_1t7qb_589.awsui_split-panel-position-bottom_hyvsj_1t7qb_589:not(#\9) {
638
+ .awsui_container_hyvsj_oarcx_620.awsui_has-split-panel_hyvsj_oarcx_589.awsui_split-panel-position-bottom_hyvsj_oarcx_589:not(#\9) {
639
639
  padding-block-end: calc(var(--awsui-split-panel-height-lgosor) + var(--space-layout-content-bottom-noqzmw, 40px));
640
640
  }
641
- .awsui_container_hyvsj_1t7qb_620.awsui_disable-content-paddings_hyvsj_1t7qb_552:not(#\9) {
641
+ .awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552:not(#\9) {
642
642
  grid-column: 1/6;
643
643
  padding-block: 0;
644
644
  padding-inline: 0;
645
645
  }
646
646
  @media (min-width: 689px) {
647
- .awsui_container_hyvsj_1t7qb_620.awsui_disable-content-paddings_hyvsj_1t7qb_552.awsui_is-navigation-open_hyvsj_1t7qb_646:not(#\9) {
647
+ .awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552.awsui_is-navigation-open_hyvsj_oarcx_646:not(#\9) {
648
648
  grid-column-start: 2;
649
649
  }
650
- .awsui_container_hyvsj_1t7qb_620.awsui_disable-content-paddings_hyvsj_1t7qb_552.awsui_is-tools-open_hyvsj_1t7qb_649:not(#\9), .awsui_container_hyvsj_1t7qb_620.awsui_disable-content-paddings_hyvsj_1t7qb_552.awsui_is-split-panel-open_hyvsj_1t7qb_649.awsui_split-panel-position-side_hyvsj_1t7qb_649:not(#\9), .awsui_container_hyvsj_1t7qb_620.awsui_disable-content-paddings_hyvsj_1t7qb_552.awsui_has-active-drawer_hyvsj_1t7qb_649:not(#\9) {
650
+ .awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552.awsui_is-tools-open_hyvsj_oarcx_649:not(#\9), .awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_split-panel-position-side_hyvsj_oarcx_649:not(#\9), .awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552.awsui_has-active-drawer_hyvsj_oarcx_649:not(#\9) {
651
651
  grid-column-end: 5;
652
652
  }
653
653
  }
@@ -656,7 +656,7 @@ when the navigation or tools drawers are open in responsive viewports.
656
656
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
657
657
  SPDX-License-Identifier: Apache-2.0
658
658
  */
659
- section.awsui_mobile-toolbar_hyvsj_1t7qb_658:not(#\9) {
659
+ section.awsui_mobile-toolbar_hyvsj_oarcx_658:not(#\9) {
660
660
  align-items: center;
661
661
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
662
662
  border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
@@ -673,19 +673,19 @@ section.awsui_mobile-toolbar_hyvsj_1t7qb_658:not(#\9) {
673
673
  inset-block-start: var(--awsui-offset-top-lgosor);
674
674
  z-index: 1000;
675
675
  }
676
- section.awsui_mobile-toolbar_hyvsj_1t7qb_658:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1t7qb_675) {
676
+ section.awsui_mobile-toolbar_hyvsj_oarcx_658:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_oarcx_675) {
677
677
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
678
678
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
679
679
  }
680
- section.awsui_mobile-toolbar_hyvsj_1t7qb_658 > .awsui_mobile-toolbar-nav_hyvsj_1t7qb_679:not(#\9) {
680
+ section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-nav_hyvsj_oarcx_679:not(#\9) {
681
681
  grid-column: 1;
682
682
  margin-inline-end: var(--space-m-udix3p, 16px);
683
683
  }
684
- section.awsui_mobile-toolbar_hyvsj_1t7qb_658 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1t7qb_683:not(#\9) {
684
+ section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_oarcx_683:not(#\9) {
685
685
  grid-column: 2;
686
686
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
687
687
  }
688
- section.awsui_mobile-toolbar_hyvsj_1t7qb_658 > .awsui_mobile-toolbar-tools_hyvsj_1t7qb_687:not(#\9) {
688
+ section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-tools_hyvsj_oarcx_687:not(#\9) {
689
689
  grid-column: 3;
690
690
  margin-inline-start: var(--space-m-udix3p, 16px);
691
691
  }
@@ -694,7 +694,7 @@ section.awsui_mobile-toolbar_hyvsj_1t7qb_658 > .awsui_mobile-toolbar-tools_hyvsj
694
694
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
695
695
  SPDX-License-Identifier: Apache-2.0
696
696
  */
697
- .awsui_navigation-container_hyvsj_1t7qb_696:not(#\9) {
697
+ .awsui_navigation-container_hyvsj_oarcx_696:not(#\9) {
698
698
  display: flex;
699
699
  grid-column: 1;
700
700
  grid-row: 1/span 10;
@@ -715,7 +715,7 @@ section.awsui_mobile-toolbar_hyvsj_1t7qb_658 > .awsui_mobile-toolbar-tools_hyvsj
715
715
  pointer-events: none;
716
716
  }
717
717
  @media (max-width: 688px) {
718
- .awsui_navigation-container_hyvsj_1t7qb_696:not(#\9) {
718
+ .awsui_navigation-container_hyvsj_oarcx_696:not(#\9) {
719
719
  inset-inline-start: 0;
720
720
  position: fixed;
721
721
  z-index: 1001;
@@ -727,12 +727,12 @@ section.awsui_mobile-toolbar_hyvsj_1t7qb_658 > .awsui_mobile-toolbar-tools_hyvsj
727
727
  relative to the body.
728
728
  */
729
729
  }
730
- .awsui_navigation-container_hyvsj_1t7qb_696.awsui_disable-body-scroll_hyvsj_1t7qb_185:not(#\9) {
730
+ .awsui_navigation-container_hyvsj_oarcx_696.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
731
731
  inset-block-start: var(--awsui-header-height-lgosor);
732
732
  }
733
733
  }
734
734
 
735
- nav.awsui_show-navigation_hyvsj_1t7qb_734:not(#\9) {
735
+ nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9) {
736
736
  padding-block: var(--space-scaled-s-aqzyko, 12px);
737
737
  padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
738
738
  /*
@@ -740,7 +740,7 @@ nav.awsui_show-navigation_hyvsj_1t7qb_734:not(#\9) {
740
740
  take control in responsive viewports.
741
741
  */
742
742
  }
743
- @keyframes awsui_showButtons_hyvsj_1t7qb_1 {
743
+ @keyframes awsui_showButtons_hyvsj_oarcx_1 {
744
744
  0% {
745
745
  opacity: 0;
746
746
  }
@@ -748,31 +748,31 @@ nav.awsui_show-navigation_hyvsj_1t7qb_734:not(#\9) {
748
748
  opacity: 1;
749
749
  }
750
750
  }
751
- nav.awsui_show-navigation_hyvsj_1t7qb_734.awsui_is-navigation-open_hyvsj_1t7qb_646:not(#\9) {
751
+ nav.awsui_show-navigation_hyvsj_oarcx_734.awsui_is-navigation-open_hyvsj_oarcx_646:not(#\9) {
752
752
  display: none;
753
753
  }
754
754
  @media (min-width: 689px) {
755
- nav.awsui_show-navigation_hyvsj_1t7qb_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_1t7qb_646) {
755
+ nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646) {
756
756
  display: block;
757
757
  }
758
- nav.awsui_show-navigation_hyvsj_1t7qb_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_1t7qb_646).awsui_animating_hyvsj_1t7qb_757 {
759
- animation: awsui_showButtons_hyvsj_1t7qb_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
758
+ nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646).awsui_animating_hyvsj_oarcx_757 {
759
+ animation: awsui_showButtons_hyvsj_oarcx_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
760
760
  }
761
761
  }
762
762
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
763
- nav.awsui_show-navigation_hyvsj_1t7qb_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_1t7qb_646).awsui_animating_hyvsj_1t7qb_757 {
763
+ nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646).awsui_animating_hyvsj_oarcx_757 {
764
764
  animation: none;
765
765
  transition: none;
766
766
  }
767
767
  }
768
768
  @media (min-width: 689px) {
769
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1t7qb_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_1t7qb_646).awsui_animating_hyvsj_1t7qb_757, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1t7qb_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_1t7qb_646).awsui_animating_hyvsj_1t7qb_757 {
769
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646).awsui_animating_hyvsj_oarcx_757, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646).awsui_animating_hyvsj_oarcx_757 {
770
770
  animation: none;
771
771
  transition: none;
772
772
  }
773
773
  }
774
774
 
775
- nav.awsui_navigation_hyvsj_1t7qb_696:not(#\9) {
775
+ nav.awsui_navigation_hyvsj_oarcx_696:not(#\9) {
776
776
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
777
777
  inset-block-end: 0;
778
778
  block-size: 100%;
@@ -790,7 +790,7 @@ nav.awsui_navigation_hyvsj_1t7qb_696:not(#\9) {
790
790
  prevent unwanted text wrapping.
791
791
  */
792
792
  }
793
- @keyframes awsui_openNavigation_hyvsj_1t7qb_1 {
793
+ @keyframes awsui_openNavigation_hyvsj_oarcx_1 {
794
794
  from {
795
795
  opacity: 0;
796
796
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
@@ -800,33 +800,33 @@ nav.awsui_navigation_hyvsj_1t7qb_696:not(#\9) {
800
800
  inline-size: var(--awsui-navigation-width-lgosor);
801
801
  }
802
802
  }
803
- nav.awsui_navigation_hyvsj_1t7qb_696:not(#\9):not(.awsui_is-navigation-open_hyvsj_1t7qb_646) {
803
+ nav.awsui_navigation_hyvsj_oarcx_696:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646) {
804
804
  inline-size: 0;
805
805
  display: none;
806
806
  }
807
- nav.awsui_navigation_hyvsj_1t7qb_696.awsui_is-navigation-open_hyvsj_1t7qb_646.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
808
- animation: awsui_openNavigation_hyvsj_1t7qb_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
807
+ nav.awsui_navigation_hyvsj_oarcx_696.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_animating_hyvsj_oarcx_757:not(#\9) {
808
+ animation: awsui_openNavigation_hyvsj_oarcx_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
809
809
  }
810
810
  @media (prefers-reduced-motion: reduce) {
811
- nav.awsui_navigation_hyvsj_1t7qb_696.awsui_is-navigation-open_hyvsj_1t7qb_646.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
811
+ nav.awsui_navigation_hyvsj_oarcx_696.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_animating_hyvsj_oarcx_757:not(#\9) {
812
812
  animation: none;
813
813
  transition: none;
814
814
  }
815
815
  }
816
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_1t7qb_696.awsui_is-navigation-open_hyvsj_1t7qb_646.awsui_animating_hyvsj_1t7qb_757:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1t7qb_696.awsui_is-navigation-open_hyvsj_1t7qb_646.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
816
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_oarcx_696.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_animating_hyvsj_oarcx_757:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_oarcx_696.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_animating_hyvsj_oarcx_757:not(#\9) {
817
817
  animation: none;
818
818
  transition: none;
819
819
  }
820
- nav.awsui_navigation_hyvsj_1t7qb_696 > .awsui_animated-content_hyvsj_1t7qb_819:not(#\9) {
820
+ nav.awsui_navigation_hyvsj_oarcx_696 > .awsui_animated-content_hyvsj_oarcx_819:not(#\9) {
821
821
  inline-size: var(--awsui-navigation-width-lgosor);
822
822
  }
823
823
  @media (max-width: 688px) {
824
- nav.awsui_navigation_hyvsj_1t7qb_696:not(#\9) {
824
+ nav.awsui_navigation_hyvsj_oarcx_696:not(#\9) {
825
825
  --awsui-navigation-width-lgosor: 100vw;
826
826
  }
827
827
  }
828
828
 
829
- .awsui_hide-navigation_hyvsj_1t7qb_828:not(#\9) {
829
+ .awsui_hide-navigation_hyvsj_oarcx_828:not(#\9) {
830
830
  position: absolute;
831
831
  inset-inline-end: var(--space-m-udix3p, 16px);
832
832
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -836,13 +836,13 @@ nav.awsui_navigation_hyvsj_1t7qb_696 > .awsui_animated-content_hyvsj_1t7qb_819:n
836
836
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
837
837
  SPDX-License-Identifier: Apache-2.0
838
838
  */
839
- .awsui_notifications_hyvsj_1t7qb_838:not(#\9) {
839
+ .awsui_notifications_hyvsj_oarcx_838:not(#\9) {
840
840
  color: var(--color-text-body-default-at06ol, #000716);
841
841
  grid-area: notifications;
842
842
  z-index: 850;
843
843
  }
844
844
  @media (min-width: 689px) {
845
- .awsui_notifications_hyvsj_1t7qb_838.awsui_sticky-notifications_hyvsj_1t7qb_844:not(#\9) {
845
+ .awsui_notifications_hyvsj_oarcx_838.awsui_sticky-notifications_hyvsj_oarcx_844:not(#\9) {
846
846
  --awsui-flashbar-sticky-bottom-margin-lgosor: var(--space-xxl-cu2m1r, 32px);
847
847
  position: sticky;
848
848
  inset-block-start: calc(var(--awsui-offset-top-lgosor) + var(--space-xs-zb16t3, 8px));
@@ -859,7 +859,7 @@ as the content area. This row is defined as 1 fractional unit which will
859
859
  consume the remaining vertical space in the grid after the notifications
860
860
  and breadcrumbs.
861
861
  */
862
- section.awsui_split-panel-bottom_hyvsj_1t7qb_861:not(#\9) {
862
+ section.awsui_split-panel-bottom_hyvsj_oarcx_861:not(#\9) {
863
863
  /*
864
864
  The align self property will position the split panel at the bottom of the grid row.
865
865
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -895,7 +895,7 @@ section.awsui_split-panel-bottom_hyvsj_1t7qb_861:not(#\9) {
895
895
  apply the animation to the height property.
896
896
  */
897
897
  }
898
- @keyframes awsui_openSplitPanelBottom_hyvsj_1t7qb_1 {
898
+ @keyframes awsui_openSplitPanelBottom_hyvsj_oarcx_1 {
899
899
  from {
900
900
  block-size: var(--awsui-split-panel-reported-header-size-lgosor, 0);
901
901
  }
@@ -903,39 +903,39 @@ section.awsui_split-panel-bottom_hyvsj_1t7qb_861:not(#\9) {
903
903
  block-size: var(--awsui-split-panel-reported-size-lgosor);
904
904
  }
905
905
  }
906
- section.awsui_split-panel-bottom_hyvsj_1t7qb_861.awsui_disable-body-scroll_hyvsj_1t7qb_185:not(#\9) {
906
+ section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
907
907
  inset-block-end: 0;
908
908
  }
909
- section.awsui_split-panel-bottom_hyvsj_1t7qb_861.awsui_is-navigation-open_hyvsj_1t7qb_646.awsui_position-bottom_hyvsj_1t7qb_908:not(#\9) {
909
+ section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
910
910
  grid-column-start: 2;
911
911
  }
912
- section.awsui_split-panel-bottom_hyvsj_1t7qb_861.awsui_has-open-drawer_hyvsj_1t7qb_162.awsui_position-bottom_hyvsj_1t7qb_908:not(#\9) {
912
+ section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_has-open-drawer_hyvsj_oarcx_162.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
913
913
  grid-column-end: 5;
914
914
  }
915
- section.awsui_split-panel-bottom_hyvsj_1t7qb_861.awsui_position-bottom_hyvsj_1t7qb_908:not(#\9) {
915
+ section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
916
916
  display: block;
917
917
  }
918
- section.awsui_split-panel-bottom_hyvsj_1t7qb_861:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1t7qb_649).awsui_position-bottom_hyvsj_1t7qb_908 {
918
+ section.awsui_split-panel-bottom_hyvsj_oarcx_861:not(#\9):not(.awsui_is-split-panel-open_hyvsj_oarcx_649).awsui_position-bottom_hyvsj_oarcx_908 {
919
919
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
920
920
  }
921
- section.awsui_split-panel-bottom_hyvsj_1t7qb_861.awsui_is-split-panel-open_hyvsj_1t7qb_649.awsui_position-bottom_hyvsj_1t7qb_908:not(#\9) {
921
+ section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
922
922
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
923
923
  }
924
- section.awsui_split-panel-bottom_hyvsj_1t7qb_861.awsui_is-split-panel-open_hyvsj_1t7qb_649.awsui_position-bottom_hyvsj_1t7qb_908.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
925
- animation: awsui_openSplitPanelBottom_hyvsj_1t7qb_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
924
+ section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-bottom_hyvsj_oarcx_908.awsui_animating_hyvsj_oarcx_757:not(#\9) {
925
+ animation: awsui_openSplitPanelBottom_hyvsj_oarcx_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
926
926
  }
927
927
  @media (prefers-reduced-motion: reduce) {
928
- section.awsui_split-panel-bottom_hyvsj_1t7qb_861.awsui_is-split-panel-open_hyvsj_1t7qb_649.awsui_position-bottom_hyvsj_1t7qb_908.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
928
+ section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-bottom_hyvsj_oarcx_908.awsui_animating_hyvsj_oarcx_757:not(#\9) {
929
929
  animation: none;
930
930
  transition: none;
931
931
  }
932
932
  }
933
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1t7qb_861.awsui_is-split-panel-open_hyvsj_1t7qb_649.awsui_position-bottom_hyvsj_1t7qb_908.awsui_animating_hyvsj_1t7qb_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1t7qb_861.awsui_is-split-panel-open_hyvsj_1t7qb_649.awsui_position-bottom_hyvsj_1t7qb_908.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
933
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-bottom_hyvsj_oarcx_908.awsui_animating_hyvsj_oarcx_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-bottom_hyvsj_oarcx_908.awsui_animating_hyvsj_oarcx_757:not(#\9) {
934
934
  animation: none;
935
935
  transition: none;
936
936
  }
937
937
 
938
- section.awsui_split-panel-side_hyvsj_1t7qb_937:not(#\9) {
938
+ section.awsui_split-panel-side_hyvsj_oarcx_937:not(#\9) {
939
939
  block-size: 100%;
940
940
  overflow-x: hidden;
941
941
  pointer-events: auto;
@@ -945,15 +945,15 @@ section.awsui_split-panel-side_hyvsj_1t7qb_937:not(#\9) {
945
945
  be persistent in the DOM when closed.
946
946
  */
947
947
  }
948
- section.awsui_split-panel-side_hyvsj_1t7qb_937:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1t7qb_649), section.awsui_split-panel-side_hyvsj_1t7qb_937.awsui_position-bottom_hyvsj_1t7qb_908:not(#\9) {
948
+ section.awsui_split-panel-side_hyvsj_oarcx_937:not(#\9):not(.awsui_is-split-panel-open_hyvsj_oarcx_649), section.awsui_split-panel-side_hyvsj_oarcx_937.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
949
949
  inline-size: 0;
950
950
  }
951
- section.awsui_split-panel-side_hyvsj_1t7qb_937.awsui_is-split-panel-open_hyvsj_1t7qb_649.awsui_position-side_hyvsj_1t7qb_950:not(#\9) {
951
+ section.awsui_split-panel-side_hyvsj_oarcx_937.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-side_hyvsj_oarcx_950:not(#\9) {
952
952
  max-inline-size: var(--awsui-split-panel-max-width-lgosor, 280px);
953
953
  min-inline-size: var(--awsui-split-panel-min-width-lgosor, 280px);
954
954
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
955
955
  }
956
- section.awsui_split-panel-side_hyvsj_1t7qb_937.awsui_is-split-panel-open_hyvsj_1t7qb_649.awsui_position-side_hyvsj_1t7qb_950:not(#\9):not(.awsui_has-open-drawer_hyvsj_1t7qb_162) {
956
+ section.awsui_split-panel-side_hyvsj_oarcx_937.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-side_hyvsj_oarcx_950:not(#\9):not(.awsui_has-open-drawer_hyvsj_oarcx_162) {
957
957
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
958
958
  }
959
959
 
@@ -970,7 +970,7 @@ content width has a default value that can be set directly with the minContentWi
970
970
  property. The content gap right is computed in the Layout styles based on the
971
971
  viewport size and state of the Tools drawer.
972
972
  */
973
- .awsui_tools-container_hyvsj_1t7qb_972:not(#\9) {
973
+ .awsui_tools-container_hyvsj_oarcx_972:not(#\9) {
974
974
  /* stylelint-disable scss/operator-no-newline-after */
975
975
  --awsui-tools-max-width-lgosor: calc(var(--awsui-layout-width-lgosor) - var(--awsui-main-offset-left-lgosor) - var(--awsui-default-min-content-width-lgosor) - var(--awsui-content-gap-right-lgosor));
976
976
  /* stylelint-enable scss/operator-no-newline-after */
@@ -985,7 +985,7 @@ viewport size and state of the Tools drawer.
985
985
  pointer-events: none;
986
986
  }
987
987
  @media (max-width: 688px) {
988
- .awsui_tools-container_hyvsj_1t7qb_972:not(#\9) {
988
+ .awsui_tools-container_hyvsj_oarcx_972:not(#\9) {
989
989
  --awsui-tools-max-width-lgosor: none;
990
990
  --awsui-tools-width-lgosor: auto;
991
991
  position: fixed;
@@ -999,12 +999,12 @@ viewport size and state of the Tools drawer.
999
999
  relative to the body.
1000
1000
  */
1001
1001
  }
1002
- .awsui_tools-container_hyvsj_1t7qb_972.awsui_disable-body-scroll_hyvsj_1t7qb_185:not(#\9) {
1002
+ .awsui_tools-container_hyvsj_oarcx_972.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
1003
1003
  inset-block-start: var(--awsui-header-height-lgosor);
1004
1004
  }
1005
1005
  }
1006
1006
 
1007
- .awsui_tools_hyvsj_1t7qb_972:not(#\9) {
1007
+ .awsui_tools_hyvsj_oarcx_972:not(#\9) {
1008
1008
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1009
1009
  flex-shrink: 0;
1010
1010
  block-size: 100%;
@@ -1027,7 +1027,7 @@ viewport size and state of the Tools drawer.
1027
1027
  in the side position.
1028
1028
  */
1029
1029
  }
1030
- @keyframes awsui_openTools_hyvsj_1t7qb_1 {
1030
+ @keyframes awsui_openTools_hyvsj_oarcx_1 {
1031
1031
  from {
1032
1032
  opacity: var(--awsui-tools-animation-starting-opacity-lgosor, 0);
1033
1033
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
@@ -1037,41 +1037,41 @@ viewport size and state of the Tools drawer.
1037
1037
  inline-size: var(--awsui-tools-width-lgosor);
1038
1038
  }
1039
1039
  }
1040
- .awsui_tools_hyvsj_1t7qb_972:not(#\9):not(.awsui_is-tools-open_hyvsj_1t7qb_649) {
1040
+ .awsui_tools_hyvsj_oarcx_972:not(#\9):not(.awsui_is-tools-open_hyvsj_oarcx_649) {
1041
1041
  inline-size: 0;
1042
1042
  display: none;
1043
1043
  }
1044
- .awsui_tools_hyvsj_1t7qb_972.awsui_is-tools-open_hyvsj_1t7qb_649:not(#\9) {
1044
+ .awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649:not(#\9) {
1045
1045
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
1046
1046
  }
1047
- .awsui_tools_hyvsj_1t7qb_972.awsui_is-tools-open_hyvsj_1t7qb_649.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
1048
- animation: awsui_openTools_hyvsj_1t7qb_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1047
+ .awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_animating_hyvsj_oarcx_757:not(#\9) {
1048
+ animation: awsui_openTools_hyvsj_oarcx_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1049
1049
  }
1050
1050
  @media (prefers-reduced-motion: reduce) {
1051
- .awsui_tools_hyvsj_1t7qb_972.awsui_is-tools-open_hyvsj_1t7qb_649.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
1051
+ .awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_animating_hyvsj_oarcx_757:not(#\9) {
1052
1052
  animation: none;
1053
1053
  transition: none;
1054
1054
  }
1055
1055
  }
1056
- .awsui-motion-disabled .awsui_tools_hyvsj_1t7qb_972.awsui_is-tools-open_hyvsj_1t7qb_649.awsui_animating_hyvsj_1t7qb_757:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1t7qb_972.awsui_is-tools-open_hyvsj_1t7qb_649.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
1056
+ .awsui-motion-disabled .awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_animating_hyvsj_oarcx_757:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_animating_hyvsj_oarcx_757:not(#\9) {
1057
1057
  animation: none;
1058
1058
  transition: none;
1059
1059
  }
1060
- .awsui_tools_hyvsj_1t7qb_972 > .awsui_animated-content_hyvsj_1t7qb_819:not(#\9) {
1060
+ .awsui_tools_hyvsj_oarcx_972 > .awsui_animated-content_hyvsj_oarcx_819:not(#\9) {
1061
1061
  inline-size: var(--awsui-tools-width-lgosor);
1062
1062
  }
1063
1063
  @media (min-width: 689px) {
1064
- .awsui_tools_hyvsj_1t7qb_972.awsui_is-tools-open_hyvsj_1t7qb_649.awsui_has-tools-form-persistence_hyvsj_1t7qb_1063:not(#\9) {
1064
+ .awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_has-tools-form-persistence_hyvsj_oarcx_1063:not(#\9) {
1065
1065
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
1066
1066
  }
1067
1067
  }
1068
1068
  @media (max-width: 688px) {
1069
- .awsui_tools_hyvsj_1t7qb_972:not(#\9) {
1069
+ .awsui_tools_hyvsj_oarcx_972:not(#\9) {
1070
1070
  --awsui-tools-width-lgosor: 100vw;
1071
1071
  }
1072
1072
  }
1073
1073
 
1074
- .awsui_hide-tools_hyvsj_1t7qb_1073:not(#\9) {
1074
+ .awsui_hide-tools_hyvsj_oarcx_1073:not(#\9) {
1075
1075
  position: absolute;
1076
1076
  inset-inline-end: var(--space-m-udix3p, 16px);
1077
1077
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1083,7 +1083,7 @@ Warning! If these design tokens for padding change it will adversely impact
1083
1083
  the calculation used to determine the Split Panel maximum width in the
1084
1084
  handleSplitPanelMaxWidth function in the context.
1085
1085
  */
1086
- .awsui_show-tools_hyvsj_1t7qb_1085:not(#\9) {
1086
+ .awsui_show-tools_hyvsj_oarcx_1085:not(#\9) {
1087
1087
  border-collapse: separate;
1088
1088
  border-spacing: 0;
1089
1089
  box-sizing: border-box;
@@ -1125,7 +1125,7 @@ handleSplitPanelMaxWidth function in the context.
1125
1125
  take control in responsive viewports.
1126
1126
  */
1127
1127
  }
1128
- @keyframes awsui_showButtons_hyvsj_1t7qb_1 {
1128
+ @keyframes awsui_showButtons_hyvsj_oarcx_1 {
1129
1129
  0% {
1130
1130
  opacity: 0;
1131
1131
  }
@@ -1133,31 +1133,31 @@ handleSplitPanelMaxWidth function in the context.
1133
1133
  opacity: 1;
1134
1134
  }
1135
1135
  }
1136
- .awsui_show-tools_hyvsj_1t7qb_1085:not(#\9):not(.awsui_has-tools-form_hyvsj_1t7qb_1063) {
1136
+ .awsui_show-tools_hyvsj_oarcx_1085:not(#\9):not(.awsui_has-tools-form_hyvsj_oarcx_1063) {
1137
1137
  display: none;
1138
1138
  }
1139
1139
  @media (min-width: 689px) {
1140
- .awsui_show-tools_hyvsj_1t7qb_1085.awsui_has-tools-form_hyvsj_1t7qb_1063:not(#\9) {
1140
+ .awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063:not(#\9) {
1141
1141
  display: flex;
1142
1142
  flex-direction: column;
1143
1143
  gap: var(--space-xs-zb16t3, 8px);
1144
1144
  }
1145
- .awsui_show-tools_hyvsj_1t7qb_1085.awsui_has-tools-form_hyvsj_1t7qb_1063.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
1146
- animation: awsui_showButtons_hyvsj_1t7qb_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1145
+ .awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063.awsui_animating_hyvsj_oarcx_757:not(#\9) {
1146
+ animation: awsui_showButtons_hyvsj_oarcx_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1147
1147
  }
1148
1148
  }
1149
1149
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1150
- .awsui_show-tools_hyvsj_1t7qb_1085.awsui_has-tools-form_hyvsj_1t7qb_1063.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
1150
+ .awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063.awsui_animating_hyvsj_oarcx_757:not(#\9) {
1151
1151
  animation: none;
1152
1152
  transition: none;
1153
1153
  }
1154
1154
  }
1155
1155
  @media (min-width: 689px) {
1156
- .awsui-motion-disabled .awsui_show-tools_hyvsj_1t7qb_1085.awsui_has-tools-form_hyvsj_1t7qb_1063.awsui_animating_hyvsj_1t7qb_757:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1t7qb_1085.awsui_has-tools-form_hyvsj_1t7qb_1063.awsui_animating_hyvsj_1t7qb_757:not(#\9) {
1156
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063.awsui_animating_hyvsj_oarcx_757:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063.awsui_animating_hyvsj_oarcx_757:not(#\9) {
1157
1157
  animation: none;
1158
1158
  transition: none;
1159
1159
  }
1160
- .awsui_show-tools_hyvsj_1t7qb_1085.awsui_has-tools-form-persistence_hyvsj_1t7qb_1063:not(#\9) {
1160
+ .awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form-persistence_hyvsj_oarcx_1063:not(#\9) {
1161
1161
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1162
1162
  z-index: 1;
1163
1163
  }
@@ -1167,7 +1167,7 @@ handleSplitPanelMaxWidth function in the context.
1167
1167
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1168
1168
  SPDX-License-Identifier: Apache-2.0
1169
1169
  */
1170
- .awsui_trigger-badge-wrapper_hyvsj_1t7qb_1168:not(#\9) {
1170
+ .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9) {
1171
1171
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1172
1172
  border-start-start-radius: 50%;
1173
1173
  border-start-end-radius: 50%;
@@ -1183,19 +1183,22 @@ handleSplitPanelMaxWidth function in the context.
1183
1183
  align-items: center;
1184
1184
  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");
1185
1185
  }
1186
- .awsui_trigger-badge-wrapper_hyvsj_1t7qb_1168:not(#\9):hover {
1186
+ .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):hover {
1187
1187
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1188
1188
  }
1189
- .awsui_trigger-badge-wrapper_hyvsj_1t7qb_1168:not(#\9):active {
1189
+ .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):active {
1190
1190
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1191
1191
  }
1192
+ .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):dir(rtl) {
1193
+ clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
1194
+ }
1192
1195
 
1193
1196
  /*
1194
1197
  Warning! If these design tokens for width change it will adversely impact
1195
1198
  the calculation used to determine the Split Panel maximum width in the
1196
1199
  handleSplitPanelMaxWidth function in the context.
1197
1200
  */
1198
- .awsui_trigger_hyvsj_1t7qb_1168:not(#\9) {
1201
+ .awsui_trigger_hyvsj_oarcx_1168:not(#\9) {
1199
1202
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1200
1203
  border-start-start-radius: 50%;
1201
1204
  border-start-end-radius: 50%;
@@ -1211,20 +1214,20 @@ handleSplitPanelMaxWidth function in the context.
1211
1214
  pointer-events: auto;
1212
1215
  position: relative;
1213
1216
  }
1214
- .awsui_trigger_hyvsj_1t7qb_1168:not(#\9):hover {
1217
+ .awsui_trigger_hyvsj_oarcx_1168:not(#\9):hover {
1215
1218
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1216
1219
  }
1217
- .awsui_trigger_hyvsj_1t7qb_1168:not(#\9):active {
1220
+ .awsui_trigger_hyvsj_oarcx_1168:not(#\9):active {
1218
1221
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1219
1222
  }
1220
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1t7qb_1168:not(#\9):focus {
1223
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus {
1221
1224
  position: relative;
1222
1225
  }
1223
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1t7qb_1168:not(#\9):focus {
1226
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus {
1224
1227
  outline: 2px dotted transparent;
1225
1228
  outline-offset: calc(3px - 1px);
1226
1229
  }
1227
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1t7qb_1168:not(#\9):focus::before {
1230
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus::before {
1228
1231
  content: " ";
1229
1232
  display: block;
1230
1233
  position: absolute;
@@ -1238,45 +1241,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1t7qb_1168:not(#\9):foc
1238
1241
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1239
1242
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1240
1243
  }
1241
- .awsui_trigger_hyvsj_1t7qb_1168:not(#\9):focus {
1244
+ .awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus {
1242
1245
  outline: none;
1243
1246
  }
1244
- .awsui_trigger_hyvsj_1t7qb_1168.awsui_selected_hyvsj_1t7qb_1242:not(#\9) {
1247
+ .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245:not(#\9) {
1245
1248
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1246
1249
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1247
1250
  }
1248
- .awsui_trigger_hyvsj_1t7qb_1168.awsui_selected_hyvsj_1t7qb_1242:not(#\9):hover {
1251
+ .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245:not(#\9):hover {
1249
1252
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1250
1253
  }
1251
- .awsui_trigger_hyvsj_1t7qb_1168.awsui_selected_hyvsj_1t7qb_1242:not(#\9):active {
1254
+ .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245:not(#\9):active {
1252
1255
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1253
1256
  }
1254
- .awsui_trigger_hyvsj_1t7qb_1168.awsui_selected_hyvsj_1t7qb_1242 > .awsui_trigger-badge-wrapper_hyvsj_1t7qb_1168:not(#\9) {
1257
+ .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245 > .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9) {
1255
1258
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1256
1259
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1257
1260
  }
1258
- .awsui_trigger_hyvsj_1t7qb_1168.awsui_selected_hyvsj_1t7qb_1242 > .awsui_trigger-badge-wrapper_hyvsj_1t7qb_1168:not(#\9):hover {
1261
+ .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245 > .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):hover {
1259
1262
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1260
1263
  }
1261
- .awsui_trigger_hyvsj_1t7qb_1168.awsui_selected_hyvsj_1t7qb_1242 > .awsui_trigger-badge-wrapper_hyvsj_1t7qb_1168:not(#\9):active {
1264
+ .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245 > .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):active {
1262
1265
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1263
1266
  }
1264
- .awsui_trigger_hyvsj_1t7qb_1168.awsui_badge_hyvsj_1t7qb_1262:not(#\9), .awsui_trigger_hyvsj_1t7qb_1168.awsui_badge_hyvsj_1t7qb_1262:not(#\9):hover, .awsui_trigger_hyvsj_1t7qb_1168.awsui_badge_hyvsj_1t7qb_1262:not(#\9):active {
1267
+ .awsui_trigger_hyvsj_oarcx_1168.awsui_badge_hyvsj_oarcx_1265:not(#\9), .awsui_trigger_hyvsj_oarcx_1168.awsui_badge_hyvsj_oarcx_1265:not(#\9):hover, .awsui_trigger_hyvsj_oarcx_1168.awsui_badge_hyvsj_oarcx_1265:not(#\9):active {
1265
1268
  background: transparent;
1266
1269
  }
1267
1270
 
1268
- .awsui_trigger-wrapper_hyvsj_1t7qb_1266:not(#\9) {
1271
+ .awsui_trigger-wrapper_hyvsj_oarcx_1269:not(#\9) {
1269
1272
  position: relative;
1270
1273
  border-start-start-radius: 50%;
1271
1274
  border-start-end-radius: 50%;
1272
1275
  border-end-start-radius: 50%;
1273
1276
  border-end-end-radius: 50%;
1274
1277
  }
1275
- .awsui_trigger-wrapper_hyvsj_1t7qb_1266:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1t7qb_675) {
1278
+ .awsui_trigger-wrapper_hyvsj_oarcx_1269:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_oarcx_675) {
1276
1279
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1277
1280
  }
1278
1281
 
1279
- .awsui_dot_hyvsj_1t7qb_1277:not(#\9) {
1282
+ .awsui_dot_hyvsj_oarcx_1280:not(#\9) {
1280
1283
  position: absolute;
1281
1284
  inline-size: 9px;
1282
1285
  block-size: 9px;