@cloudscape-design/components 3.0.636 → 3.0.638

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 (69) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +31 -31
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/notifications/styles.css.js +3 -3
  5. package/app-layout/notifications/styles.scoped.css +7 -7
  6. package/app-layout/notifications/styles.selectors.js +3 -3
  7. package/app-layout/skeleton/index.d.ts +4 -0
  8. package/app-layout/skeleton/index.d.ts.map +1 -0
  9. package/app-layout/skeleton/index.js +10 -0
  10. package/app-layout/skeleton/index.js.map +1 -0
  11. package/app-layout/skeleton/layout.d.ts +8 -0
  12. package/app-layout/skeleton/layout.d.ts.map +1 -0
  13. package/app-layout/skeleton/layout.js +27 -0
  14. package/app-layout/skeleton/layout.js.map +1 -0
  15. package/app-layout/skeleton/styles.css.js +16 -0
  16. package/app-layout/skeleton/styles.scoped.css +180 -0
  17. package/app-layout/skeleton/styles.selectors.js +17 -0
  18. package/app-layout/visual-refresh/main.d.ts.map +1 -1
  19. package/app-layout/visual-refresh/main.js +2 -2
  20. package/app-layout/visual-refresh/main.js.map +1 -1
  21. package/app-layout/visual-refresh/styles.css.js +81 -81
  22. package/app-layout/visual-refresh/styles.scoped.css +258 -258
  23. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  24. package/flashbar/styles.css.js +47 -47
  25. package/flashbar/styles.scoped.css +171 -171
  26. package/flashbar/styles.selectors.js +47 -47
  27. package/internal/base-component/styles.scoped.css +3 -0
  28. package/internal/components/dropdown/styles.css.js +20 -20
  29. package/internal/components/dropdown/styles.scoped.css +41 -41
  30. package/internal/components/dropdown/styles.selectors.js +20 -20
  31. package/internal/environment.js +1 -1
  32. package/internal/environment.json +1 -1
  33. package/internal/generated/custom-css-properties/index.js +51 -51
  34. package/internal/generated/custom-css-properties/index.js.map +1 -1
  35. package/internal/generated/styles/tokens.d.ts +1 -0
  36. package/internal/generated/styles/tokens.js +1 -0
  37. package/internal/generated/theming/index.cjs +11 -0
  38. package/internal/generated/theming/index.js +11 -0
  39. package/internal/hooks/use-performance-marks.d.ts.map +1 -1
  40. package/internal/hooks/use-performance-marks.js +4 -2
  41. package/internal/hooks/use-performance-marks.js.map +1 -1
  42. package/internal/manifest.json +1 -1
  43. package/internal/utils/dom.d.ts.map +1 -1
  44. package/internal/utils/dom.js +3 -1
  45. package/internal/utils/dom.js.map +1 -1
  46. package/package.json +1 -1
  47. package/progress-bar/index.d.ts +1 -1
  48. package/progress-bar/index.d.ts.map +1 -1
  49. package/progress-bar/index.js +6 -4
  50. package/progress-bar/index.js.map +1 -1
  51. package/progress-bar/interfaces.d.ts +4 -0
  52. package/progress-bar/interfaces.d.ts.map +1 -1
  53. package/progress-bar/interfaces.js.map +1 -1
  54. package/progress-bar/internal.d.ts +4 -2
  55. package/progress-bar/internal.d.ts.map +1 -1
  56. package/progress-bar/internal.js +4 -4
  57. package/progress-bar/internal.js.map +1 -1
  58. package/slider/styles.css.js +25 -25
  59. package/slider/styles.scoped.css +71 -71
  60. package/slider/styles.selectors.js +25 -25
  61. package/spinner/styles.css.js +13 -13
  62. package/spinner/styles.scoped.css +39 -39
  63. package/spinner/styles.selectors.js +13 -13
  64. package/split-panel/icons/resize-handler.d.ts.map +1 -1
  65. package/split-panel/icons/resize-handler.js +1 -1
  66. package/split-panel/icons/resize-handler.js.map +1 -1
  67. package/split-panel/styles.css.js +57 -57
  68. package/split-panel/styles.scoped.css +78 -77
  69. package/split-panel/styles.selectors.js +57 -57
@@ -96,29 +96,29 @@ 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_1ribg_99:not(#\9) {
99
+ div.awsui_background_hyvsj_1qwwo_99:not(#\9) {
100
100
  display: contents;
101
101
  }
102
- div.awsui_background_hyvsj_1ribg_99 > .awsui_scrolling-background_hyvsj_1ribg_102:not(#\9) {
102
+ div.awsui_background_hyvsj_1qwwo_99 > .awsui_scrolling-background_hyvsj_1qwwo_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_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108:not(#\9) {
108
+ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_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;
112
112
  position: sticky;
113
- inset-block-start: var(--awsui-header-height-tkr9yl);
113
+ inset-block-start: var(--awsui-header-height-epuq3n);
114
114
  z-index: 799;
115
115
  }
116
- div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1ribg_116) {
117
- block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-tkr9yl));
116
+ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1qwwo_116) {
117
+ block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-epuq3n));
118
118
  }
119
- div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.awsui_has-sticky-notifications_hyvsj_1ribg_116:not(#\9) {
119
+ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108.awsui_has-sticky-notifications_hyvsj_1qwwo_116:not(#\9) {
120
120
  block-size: calc(
121
- var(--awsui-notifications-gap-tkr9yl) + var(--awsui-notifications-height-tkr9yl) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-tkr9yl)
121
+ var(--awsui-notifications-gap-epuq3n) + var(--awsui-notifications-height-epuq3n) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-epuq3n)
122
122
  );
123
123
  }
124
124
 
@@ -126,7 +126,7 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_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_1ribg_129:not(#\9) {
129
+ .awsui_breadcrumbs_hyvsj_1qwwo_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_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
136
136
  be lifted so it doesn't render behind the background element.
137
137
  */
138
138
  }
139
- .awsui_breadcrumbs_hyvsj_1ribg_129.awsui_has-sticky-background_hyvsj_1ribg_139:not(#\9) {
139
+ .awsui_breadcrumbs_hyvsj_1qwwo_129.awsui_has-sticky-background_hyvsj_1qwwo_139:not(#\9) {
140
140
  z-index: 799;
141
141
  }
142
142
 
@@ -148,29 +148,29 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_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_1ribg_151:not(#\9) {
151
+ .awsui_drawers-container_hyvsj_1qwwo_151:not(#\9) {
152
152
  background-color: transparent;
153
153
  display: flex;
154
154
  grid-column: 5;
155
155
  grid-row: 1/span 10;
156
- block-size: var(--awsui-content-height-tkr9yl);
156
+ block-size: var(--awsui-content-height-epuq3n);
157
157
  pointer-events: none;
158
158
  position: sticky;
159
- inset-block-start: var(--awsui-offset-top-tkr9yl);
159
+ inset-block-start: var(--awsui-offset-top-epuq3n);
160
160
  z-index: 830;
161
161
  }
162
- .awsui_drawers-container_hyvsj_1ribg_151.awsui_has-open-drawer_hyvsj_1ribg_162:not(#\9) {
162
+ .awsui_drawers-container_hyvsj_1qwwo_151.awsui_has-open-drawer_hyvsj_1qwwo_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_1ribg_151:not(#\9) {
166
+ .awsui_drawers-container_hyvsj_1qwwo_151:not(#\9) {
167
167
  /* stylelint-disable scss/operator-no-newline-after */
168
- max-inline-size: calc(var(--awsui-layout-width-tkr9yl) - var(--awsui-main-offset-left-tkr9yl) - var(--awsui-default-min-content-width-tkr9yl) - var(--awsui-content-gap-right-tkr9yl));
168
+ max-inline-size: calc(var(--awsui-layout-width-epuq3n) - var(--awsui-main-offset-left-epuq3n) - var(--awsui-default-min-content-width-epuq3n) - var(--awsui-content-gap-right-epuq3n));
169
169
  /* stylelint-enable scss/operator-no-newline-after */
170
170
  }
171
171
  }
172
172
  @media (max-width: 688px) {
173
- .awsui_drawers-container_hyvsj_1ribg_151:not(#\9) {
173
+ .awsui_drawers-container_hyvsj_1qwwo_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_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
182
182
  relative to the body.
183
183
  */
184
184
  }
185
- .awsui_drawers-container_hyvsj_1ribg_151.awsui_disable-body-scroll_hyvsj_1ribg_185:not(#\9) {
186
- inset-block-start: var(--awsui-header-height-tkr9yl);
185
+ .awsui_drawers-container_hyvsj_1qwwo_151.awsui_disable-body-scroll_hyvsj_1qwwo_185:not(#\9) {
186
+ inset-block-start: var(--awsui-header-height-epuq3n);
187
187
  }
188
188
  }
189
189
 
190
- .awsui_drawers-desktop-triggers-container_hyvsj_1ribg_190:not(#\9) {
190
+ .awsui_drawers-desktop-triggers-container_hyvsj_1qwwo_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_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_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_1ribg_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1ribg_231).awsui_has-open-drawer_hyvsj_1ribg_162 {
232
+ .awsui_drawers-desktop-triggers-container_hyvsj_1qwwo_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1qwwo_231).awsui_has-open-drawer_hyvsj_1qwwo_162 {
233
233
  inline-size: 0;
234
234
  }
235
- .awsui_drawers-desktop-triggers-container_hyvsj_1ribg_190.awsui_has-multiple-triggers_hyvsj_1ribg_231.awsui_has-open-drawer_hyvsj_1ribg_162:not(#\9) {
235
+ .awsui_drawers-desktop-triggers-container_hyvsj_1qwwo_190.awsui_has-multiple-triggers_hyvsj_1qwwo_231.awsui_has-open-drawer_hyvsj_1qwwo_162:not(#\9) {
236
236
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
237
237
  }
238
- .awsui_drawers-desktop-triggers-container_hyvsj_1ribg_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1ribg_231):not(.awsui_has-open-drawer_hyvsj_1ribg_162) {
238
+ .awsui_drawers-desktop-triggers-container_hyvsj_1qwwo_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1qwwo_231):not(.awsui_has-open-drawer_hyvsj_1qwwo_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_1ribg_241:not(#\9) {
242
+ .awsui_drawers-mobile-triggers-container_hyvsj_1qwwo_241:not(#\9) {
243
243
  display: flex;
244
244
  }
245
245
 
246
- .awsui_drawers-trigger-content_hyvsj_1ribg_245:not(#\9) {
246
+ .awsui_drawers-trigger-content_hyvsj_1qwwo_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_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_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_1ribg_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1ribg_231).awsui_has-open-drawer_hyvsj_1ribg_162 {
254
+ .awsui_drawers-trigger-content_hyvsj_1qwwo_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1qwwo_231).awsui_has-open-drawer_hyvsj_1qwwo_162 {
255
255
  opacity: 0;
256
256
  }
257
- .awsui_drawers-trigger-content_hyvsj_1ribg_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1ribg_231):not(.awsui_has-open-drawer_hyvsj_1ribg_162) {
257
+ .awsui_drawers-trigger-content_hyvsj_1qwwo_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1qwwo_231):not(.awsui_has-open-drawer_hyvsj_1qwwo_162) {
258
258
  opacity: 1;
259
259
  }
260
- .awsui_drawers-trigger-content_hyvsj_1ribg_245 > .awsui_drawers-trigger-overflow_hyvsj_1ribg_259:not(#\9) {
260
+ .awsui_drawers-trigger-content_hyvsj_1qwwo_245 > .awsui_drawers-trigger-overflow_hyvsj_1qwwo_259:not(#\9) {
261
261
  padding-block: 0;
262
262
  padding-inline: 1px;
263
263
  display: flex;
@@ -266,15 +266,15 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
266
266
  }
267
267
 
268
268
  @media (max-width: 688px) {
269
- .awsui_drawers-trigger_hyvsj_1ribg_245:not(#\9) {
269
+ .awsui_drawers-trigger_hyvsj_1qwwo_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_1ribg_151:not(#\9) {
277
- --awsui-drawer-size-tkr9yl: 290px;
276
+ .awsui_drawer_hyvsj_1qwwo_151:not(#\9) {
277
+ --awsui-drawer-size-epuq3n: 290px;
278
278
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
279
279
  border-color: transparent;
280
280
  display: grid;
@@ -288,51 +288,51 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
288
288
  pointer-events: auto;
289
289
  word-wrap: break-word;
290
290
  }
291
- .awsui_drawer_hyvsj_1ribg_151 > .awsui_drawer-content-container_hyvsj_1ribg_290:not(#\9) {
291
+ .awsui_drawer_hyvsj_1qwwo_151 > .awsui_drawer-content-container_hyvsj_1qwwo_290:not(#\9) {
292
292
  grid-column: 1/span 2;
293
293
  grid-row: 1;
294
- inline-size: var(--awsui-drawer-size-tkr9yl);
294
+ inline-size: var(--awsui-drawer-size-epuq3n);
295
295
  display: grid;
296
296
  grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
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_1ribg_151 > .awsui_drawer-content-container_hyvsj_1ribg_290 > .awsui_drawer-close-button_hyvsj_1ribg_299:not(#\9) {
300
+ .awsui_drawer_hyvsj_1qwwo_151 > .awsui_drawer-content-container_hyvsj_1qwwo_290 > .awsui_drawer-close-button_hyvsj_1qwwo_299:not(#\9) {
301
301
  grid-column: 3;
302
302
  grid-row: 2;
303
303
  z-index: 1;
304
304
  }
305
- .awsui_drawer_hyvsj_1ribg_151 > .awsui_drawer-content-container_hyvsj_1ribg_290 > .awsui_drawer-content_hyvsj_1ribg_290:not(#\9) {
305
+ .awsui_drawer_hyvsj_1qwwo_151 > .awsui_drawer-content-container_hyvsj_1qwwo_290 > .awsui_drawer-content_hyvsj_1qwwo_290:not(#\9) {
306
306
  grid-column: 1/span 4;
307
307
  }
308
- .awsui_drawer_hyvsj_1ribg_151 > .awsui_drawer-content-container_hyvsj_1ribg_290 > .awsui_drawer-content_hyvsj_1ribg_290.awsui_drawer-content-hidden_hyvsj_1ribg_307:not(#\9) {
308
+ .awsui_drawer_hyvsj_1qwwo_151 > .awsui_drawer-content-container_hyvsj_1qwwo_290 > .awsui_drawer-content_hyvsj_1qwwo_290.awsui_drawer-content-hidden_hyvsj_1qwwo_307:not(#\9) {
309
309
  display: none;
310
310
  }
311
- .awsui_drawer_hyvsj_1ribg_151 > .awsui_drawer-slider_hyvsj_1ribg_310:not(#\9) {
311
+ .awsui_drawer_hyvsj_1qwwo_151 > .awsui_drawer-slider_hyvsj_1qwwo_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_1ribg_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_1ribg_317) {
318
+ .awsui_drawer_hyvsj_1qwwo_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_1qwwo_317) {
319
319
  opacity: 0;
320
320
  inline-size: 0;
321
321
  }
322
- .awsui_drawer_hyvsj_1ribg_151.awsui_is-drawer-open_hyvsj_1ribg_317:not(#\9) {
322
+ .awsui_drawer_hyvsj_1qwwo_151.awsui_is-drawer-open_hyvsj_1qwwo_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
- inline-size: var(--awsui-drawer-size-tkr9yl);
326
+ inline-size: var(--awsui-drawer-size-epuq3n);
327
327
  }
328
328
  @media (min-width: 2541px) {
329
- .awsui_drawer_hyvsj_1ribg_151.awsui_is-drawer-open_hyvsj_1ribg_317:not(#\9) {
330
- --awsui-drawer-size-tkr9yl: 320px;
329
+ .awsui_drawer_hyvsj_1qwwo_151.awsui_is-drawer-open_hyvsj_1qwwo_317:not(#\9) {
330
+ --awsui-drawer-size-epuq3n: 320px;
331
331
  }
332
332
  }
333
333
  @media (max-width: 688px) {
334
- .awsui_drawer_hyvsj_1ribg_151.awsui_is-drawer-open_hyvsj_1ribg_317:not(#\9) {
335
- --awsui-drawer-size-tkr9yl: 100vw;
334
+ .awsui_drawer_hyvsj_1qwwo_151.awsui_is-drawer-open_hyvsj_1qwwo_317:not(#\9) {
335
+ --awsui-drawer-size-epuq3n: 100vw;
336
336
  inline-size: 100vw;
337
337
  }
338
338
  }
@@ -341,7 +341,7 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_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_1ribg_343:not(#\9) {
344
+ header.awsui_content_hyvsj_1qwwo_343:not(#\9) {
345
345
  grid-area: header;
346
346
  }
347
347
 
@@ -362,34 +362,34 @@ 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_1ribg_364:not(#\9) {
366
- --awsui-breadcrumbs-gap-tkr9yl: 0px;
367
- --awsui-content-gap-left-tkr9yl: 0px;
368
- --awsui-content-gap-right-tkr9yl: 0px;
369
- --awsui-content-height-tkr9yl: calc(100vh - var(--awsui-header-height-tkr9yl) - var(--awsui-footer-height-tkr9yl));
370
- --awsui-default-max-content-width-tkr9yl: 1280px;
371
- --awsui-default-min-content-width-tkr9yl: 0px;
372
- --awsui-footer-height-tkr9yl: 0px;
373
- --awsui-header-gap-tkr9yl: 0px;
374
- --awsui-header-height-tkr9yl: 0px;
375
- --awsui-layout-width-tkr9yl: 0px;
376
- --awsui-main-gap-tkr9yl: 0px;
377
- --awsui-main-offset-left-tkr9yl: 0px;
378
- --awsui-main-template-rows-tkr9yl: 1fr;
379
- --awsui-max-content-width-tkr9yl: 0px;
380
- --awsui-min-content-width-tkr9yl: 280px;
381
- --awsui-mobile-bar-height-tkr9yl: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
382
- --awsui-notifications-gap-tkr9yl: 0px;
383
- --awsui-notifications-height-tkr9yl: 0px;
384
- --awsui-offset-top-tkr9yl: var(--awsui-header-height-tkr9yl);
385
- --awsui-overlap-height-tkr9yl: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
365
+ .awsui_layout_hyvsj_1qwwo_364:not(#\9) {
366
+ --awsui-breadcrumbs-gap-epuq3n: 0px;
367
+ --awsui-content-gap-left-epuq3n: 0px;
368
+ --awsui-content-gap-right-epuq3n: 0px;
369
+ --awsui-content-height-epuq3n: calc(100vh - var(--awsui-header-height-epuq3n) - var(--awsui-footer-height-epuq3n));
370
+ --awsui-default-max-content-width-epuq3n: 1280px;
371
+ --awsui-default-min-content-width-epuq3n: 0px;
372
+ --awsui-footer-height-epuq3n: 0px;
373
+ --awsui-header-gap-epuq3n: 0px;
374
+ --awsui-header-height-epuq3n: 0px;
375
+ --awsui-layout-width-epuq3n: 0px;
376
+ --awsui-main-gap-epuq3n: 0px;
377
+ --awsui-main-offset-left-epuq3n: 0px;
378
+ --awsui-main-template-rows-epuq3n: 1fr;
379
+ --awsui-max-content-width-epuq3n: 0px;
380
+ --awsui-min-content-width-epuq3n: 280px;
381
+ --awsui-mobile-bar-height-epuq3n: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
382
+ --awsui-notifications-gap-epuq3n: 0px;
383
+ --awsui-notifications-height-epuq3n: 0px;
384
+ --awsui-offset-top-epuq3n: var(--awsui-header-height-epuq3n);
385
+ --awsui-overlap-height-epuq3n: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
386
386
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
387
387
  color: var(--color-text-body-default-at06ol, #000716);
388
388
  display: grid;
389
389
  grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
390
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-tkr9yl), 1fr) minmax(var(--awsui-default-min-content-width-tkr9yl), var(--awsui-default-max-content-width-tkr9yl)) minmax(var(--awsui-content-gap-right-tkr9yl), 1fr) min-content;
391
- grid-template-rows: auto var(--awsui-notifications-gap-tkr9yl) auto var(--awsui-breadcrumbs-gap-tkr9yl) auto var(--awsui-header-gap-tkr9yl) auto var(--awsui-main-gap-tkr9yl) var(--awsui-overlap-height-tkr9yl) var(--awsui-main-template-rows-tkr9yl);
392
- min-block-size: var(--awsui-content-height-tkr9yl);
390
+ grid-template-columns: min-content minmax(var(--awsui-content-gap-left-epuq3n), 1fr) minmax(var(--awsui-default-min-content-width-epuq3n), var(--awsui-default-max-content-width-epuq3n)) minmax(var(--awsui-content-gap-right-epuq3n), 1fr) min-content;
391
+ grid-template-rows: auto var(--awsui-notifications-gap-epuq3n) auto var(--awsui-breadcrumbs-gap-epuq3n) auto var(--awsui-header-gap-epuq3n) auto var(--awsui-main-gap-epuq3n) var(--awsui-overlap-height-epuq3n) var(--awsui-main-template-rows-epuq3n);
392
+ min-block-size: var(--awsui-content-height-epuq3n);
393
393
  position: relative;
394
394
  /*
395
395
  Add unified max-width for AppLayout content based on breakpoints. Only use the max content
@@ -433,113 +433,113 @@ explicitly set in script.
433
433
  */
434
434
  }
435
435
  @media (min-width: 1401px) {
436
- .awsui_layout_hyvsj_1ribg_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1ribg_435) {
437
- --awsui-default-max-content-width-tkr9yl: 1280px;
436
+ .awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435) {
437
+ --awsui-default-max-content-width-epuq3n: 1280px;
438
438
  }
439
439
  }
440
440
  @media (min-width: 1921px) {
441
- .awsui_layout_hyvsj_1ribg_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1ribg_435) {
442
- --awsui-default-max-content-width-tkr9yl: 1440px;
441
+ .awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435) {
442
+ --awsui-default-max-content-width-epuq3n: 1440px;
443
443
  }
444
444
  }
445
445
  @media (min-width: 2541px) {
446
- .awsui_layout_hyvsj_1ribg_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1ribg_435) {
447
- --awsui-default-max-content-width-tkr9yl: 1620px;
446
+ .awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435) {
447
+ --awsui-default-max-content-width-epuq3n: 1620px;
448
448
  }
449
449
  }
450
450
  @media (min-width: 1401px) {
451
- .awsui_layout_hyvsj_1ribg_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1ribg_435).awsui_content-type-dashboard_hyvsj_1ribg_450 {
452
- --awsui-default-max-content-width-tkr9yl: 1280px;
451
+ .awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435).awsui_content-type-dashboard_hyvsj_1qwwo_450 {
452
+ --awsui-default-max-content-width-epuq3n: 1280px;
453
453
  }
454
454
  }
455
455
  @media (min-width: 1921px) {
456
- .awsui_layout_hyvsj_1ribg_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1ribg_435).awsui_content-type-dashboard_hyvsj_1ribg_450 {
457
- --awsui-default-max-content-width-tkr9yl: 1620px;
456
+ .awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435).awsui_content-type-dashboard_hyvsj_1qwwo_450 {
457
+ --awsui-default-max-content-width-epuq3n: 1620px;
458
458
  }
459
459
  }
460
460
  @media (min-width: 2541px) {
461
- .awsui_layout_hyvsj_1ribg_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1ribg_435).awsui_content-type-dashboard_hyvsj_1ribg_450 {
462
- --awsui-default-max-content-width-tkr9yl: 2160px;
461
+ .awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435).awsui_content-type-dashboard_hyvsj_1qwwo_450 {
462
+ --awsui-default-max-content-width-epuq3n: 2160px;
463
463
  }
464
464
  }
465
- .awsui_layout_hyvsj_1ribg_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1ribg_435).awsui_content-type-table_hyvsj_1ribg_464, .awsui_layout_hyvsj_1ribg_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1ribg_435).awsui_content-type-cards_hyvsj_1ribg_464 {
466
- --awsui-default-max-content-width-tkr9yl: 100%;
465
+ .awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435).awsui_content-type-table_hyvsj_1qwwo_464, .awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435).awsui_content-type-cards_hyvsj_1qwwo_464 {
466
+ --awsui-default-max-content-width-epuq3n: 100%;
467
467
  }
468
- .awsui_layout_hyvsj_1ribg_364.awsui_has-max-content-width_hyvsj_1ribg_435:not(#\9) {
469
- --awsui-default-max-content-width-tkr9yl: var(--awsui-max-content-width-tkr9yl);
468
+ .awsui_layout_hyvsj_1qwwo_364.awsui_has-max-content-width_hyvsj_1qwwo_435:not(#\9) {
469
+ --awsui-default-max-content-width-epuq3n: var(--awsui-max-content-width-epuq3n);
470
470
  }
471
- .awsui_layout_hyvsj_1ribg_364.awsui_is-overlap-disabled_hyvsj_1ribg_470:not(#\9) {
472
- --awsui-overlap-height-tkr9yl: 0;
471
+ .awsui_layout_hyvsj_1qwwo_364.awsui_is-overlap-disabled_hyvsj_1qwwo_470:not(#\9) {
472
+ --awsui-overlap-height-epuq3n: 0;
473
473
  }
474
- .awsui_layout_hyvsj_1ribg_364.awsui_is-hide-mobile-toolbar_hyvsj_1ribg_473:not(#\9) {
475
- --awsui-mobile-bar-height-tkr9yl: 0px;
474
+ .awsui_layout_hyvsj_1qwwo_364.awsui_is-hide-mobile-toolbar_hyvsj_1qwwo_473:not(#\9) {
475
+ --awsui-mobile-bar-height-epuq3n: 0px;
476
476
  }
477
477
  @media (min-width: 993px) {
478
- .awsui_layout_hyvsj_1ribg_364:not(#\9) {
479
- --awsui-default-min-content-width-tkr9yl: var(--awsui-min-content-width-tkr9yl, 280px);
478
+ .awsui_layout_hyvsj_1qwwo_364:not(#\9) {
479
+ --awsui-default-min-content-width-epuq3n: var(--awsui-min-content-width-epuq3n, 280px);
480
480
  }
481
481
  }
482
482
  @media (max-width: 992px) {
483
- .awsui_layout_hyvsj_1ribg_364:not(#\9) {
484
- --awsui-default-min-content-width-tkr9yl: 0px;
483
+ .awsui_layout_hyvsj_1qwwo_364:not(#\9) {
484
+ --awsui-default-min-content-width-epuq3n: 0px;
485
485
  }
486
486
  }
487
487
  @media (min-width: 689px) {
488
- .awsui_layout_hyvsj_1ribg_364.awsui_has-content-gap-left_hyvsj_1ribg_487:not(#\9) {
489
- --awsui-content-gap-left-tkr9yl: var(--space-layout-content-horizontal-7l52k3, 24px);
488
+ .awsui_layout_hyvsj_1qwwo_364.awsui_has-content-gap-left_hyvsj_1qwwo_487:not(#\9) {
489
+ --awsui-content-gap-left-epuq3n: var(--space-layout-content-horizontal-7l52k3, 24px);
490
490
  }
491
- .awsui_layout_hyvsj_1ribg_364.awsui_has-content-gap-right_hyvsj_1ribg_490:not(#\9) {
492
- --awsui-content-gap-right-tkr9yl: var(--space-layout-content-horizontal-7l52k3, 24px);
491
+ .awsui_layout_hyvsj_1qwwo_364.awsui_has-content-gap-right_hyvsj_1qwwo_490:not(#\9) {
492
+ --awsui-content-gap-right-epuq3n: var(--space-layout-content-horizontal-7l52k3, 24px);
493
493
  }
494
494
  }
495
495
  @media (max-width: 688px) {
496
- .awsui_layout_hyvsj_1ribg_364:not(#\9) {
497
- --awsui-content-gap-left-tkr9yl: var(--space-l-t419sm, 20px);
498
- --awsui-content-gap-right-tkr9yl: var(--space-l-t419sm, 20px);
496
+ .awsui_layout_hyvsj_1qwwo_364:not(#\9) {
497
+ --awsui-content-gap-left-epuq3n: var(--space-l-t419sm, 20px);
498
+ --awsui-content-gap-right-epuq3n: var(--space-l-t419sm, 20px);
499
499
  }
500
500
  }
501
- .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-notifications_hyvsj_1ribg_500:not(#\9) {
502
- --awsui-notifications-gap-tkr9yl: var(--space-xs-zb16t3, 8px);
501
+ .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9) {
502
+ --awsui-notifications-gap-epuq3n: var(--space-xs-zb16t3, 8px);
503
503
  }
504
- .awsui_layout_hyvsj_1ribg_364.awsui_has-breadcrumbs_hyvsj_1ribg_503:not(#\9) {
505
- --awsui-breadcrumbs-gap-tkr9yl: var(--space-scaled-m-mo5yse, 16px);
504
+ .awsui_layout_hyvsj_1qwwo_364.awsui_has-breadcrumbs_hyvsj_1qwwo_503:not(#\9) {
505
+ --awsui-breadcrumbs-gap-epuq3n: var(--space-scaled-m-mo5yse, 16px);
506
506
  }
507
- .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-header_hyvsj_1ribg_506:not(#\9), .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-notifications_hyvsj_1ribg_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1ribg_503).awsui_has-header_hyvsj_1ribg_506 {
508
- --awsui-header-gap-tkr9yl: var(--space-scaled-xs-26e2du, 8px);
507
+ .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-header_hyvsj_1qwwo_506:not(#\9), .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1qwwo_503).awsui_has-header_hyvsj_1qwwo_506 {
508
+ --awsui-header-gap-epuq3n: var(--space-scaled-xs-26e2du, 8px);
509
509
  }
510
- .awsui_layout_hyvsj_1ribg_364.awsui_has-breadcrumbs_hyvsj_1ribg_503.awsui_has-header_hyvsj_1ribg_506:not(#\9) {
511
- --awsui-header-gap-tkr9yl: var(--space-scaled-xs-26e2du, 8px);
510
+ .awsui_layout_hyvsj_1qwwo_364.awsui_has-breadcrumbs_hyvsj_1qwwo_503.awsui_has-header_hyvsj_1qwwo_506:not(#\9) {
511
+ --awsui-header-gap-epuq3n: var(--space-scaled-xs-26e2du, 8px);
512
512
  }
513
- .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-notifications_hyvsj_1ribg_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1ribg_503):not(.awsui_has-header_hyvsj_1ribg_506) {
514
- --awsui-main-gap-tkr9yl: var(--space-xs-zb16t3, 8px);
513
+ .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1qwwo_503):not(.awsui_has-header_hyvsj_1qwwo_506) {
514
+ --awsui-main-gap-epuq3n: var(--space-xs-zb16t3, 8px);
515
515
  }
516
- .awsui_layout_hyvsj_1ribg_364.awsui_has-breadcrumbs_hyvsj_1ribg_503:not(#\9):not(.awsui_has-header_hyvsj_1ribg_506).awsui_is-overlap-disabled_hyvsj_1ribg_470 {
517
- --awsui-main-gap-tkr9yl: var(--space-scaled-m-mo5yse, 16px);
516
+ .awsui_layout_hyvsj_1qwwo_364.awsui_has-breadcrumbs_hyvsj_1qwwo_503:not(#\9):not(.awsui_has-header_hyvsj_1qwwo_506).awsui_is-overlap-disabled_hyvsj_1qwwo_470 {
517
+ --awsui-main-gap-epuq3n: var(--space-scaled-m-mo5yse, 16px);
518
518
  }
519
- .awsui_layout_hyvsj_1ribg_364.awsui_has-breadcrumbs_hyvsj_1ribg_503:not(#\9):not(.awsui_has-header_hyvsj_1ribg_506):not(.awsui_is-overlap-disabled_hyvsj_1ribg_470) {
520
- --awsui-main-gap-tkr9yl: var(--space-scaled-xxs-7597g1, 4px);
519
+ .awsui_layout_hyvsj_1qwwo_364.awsui_has-breadcrumbs_hyvsj_1qwwo_503:not(#\9):not(.awsui_has-header_hyvsj_1qwwo_506):not(.awsui_is-overlap-disabled_hyvsj_1qwwo_470) {
520
+ --awsui-main-gap-epuq3n: var(--space-scaled-xxs-7597g1, 4px);
521
521
  }
522
- .awsui_layout_hyvsj_1ribg_364.awsui_has-header_hyvsj_1ribg_506:not(#\9) {
523
- --awsui-main-gap-tkr9yl: var(--space-content-header-padding-bottom-y2enua, 16px);
522
+ .awsui_layout_hyvsj_1qwwo_364.awsui_has-header_hyvsj_1qwwo_506:not(#\9) {
523
+ --awsui-main-gap-epuq3n: var(--space-content-header-padding-bottom-y2enua, 16px);
524
524
  }
525
- .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-main_hyvsj_1ribg_524:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1ribg_470), .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-main_hyvsj_1ribg_524.awsui_is-overlap-disabled_hyvsj_1ribg_470:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1ribg_524) {
526
- --awsui-main-gap-tkr9yl: var(--space-scaled-s-aqzyko, 12px);
525
+ .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-main_hyvsj_1qwwo_524:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1qwwo_470), .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-main_hyvsj_1qwwo_524.awsui_is-overlap-disabled_hyvsj_1qwwo_470:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1qwwo_524) {
526
+ --awsui-main-gap-epuq3n: var(--space-scaled-s-aqzyko, 12px);
527
527
  }
528
528
  @media (max-width: 688px) {
529
- .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-notifications_hyvsj_1ribg_500:not(#\9) {
530
- --awsui-notifications-gap-tkr9yl: var(--space-scaled-s-aqzyko, 12px);
529
+ .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9) {
530
+ --awsui-notifications-gap-epuq3n: var(--space-scaled-s-aqzyko, 12px);
531
531
  }
532
- .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-header_hyvsj_1ribg_506:not(#\9) {
533
- --awsui-header-gap-tkr9yl: var(--space-scaled-s-aqzyko, 12px);
532
+ .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-header_hyvsj_1qwwo_506:not(#\9) {
533
+ --awsui-header-gap-epuq3n: var(--space-scaled-s-aqzyko, 12px);
534
534
  }
535
- .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-notifications_hyvsj_1ribg_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1ribg_503).awsui_has-header_hyvsj_1ribg_506 {
536
- --awsui-header-gap-tkr9yl: var(--space-scaled-s-aqzyko, 12px);
535
+ .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1qwwo_503).awsui_has-header_hyvsj_1qwwo_506 {
536
+ --awsui-header-gap-epuq3n: var(--space-scaled-s-aqzyko, 12px);
537
537
  }
538
- .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-notifications_hyvsj_1ribg_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1ribg_503):not(.awsui_has-header_hyvsj_1ribg_506), .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-main_hyvsj_1ribg_524:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1ribg_470) {
539
- --awsui-main-gap-tkr9yl: var(--space-scaled-s-aqzyko, 12px);
538
+ .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1qwwo_503):not(.awsui_has-header_hyvsj_1qwwo_506), .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-main_hyvsj_1qwwo_524:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1qwwo_470) {
539
+ --awsui-main-gap-epuq3n: var(--space-scaled-s-aqzyko, 12px);
540
540
  }
541
- .awsui_layout_hyvsj_1ribg_364.awsui_content-first-child-main_hyvsj_1ribg_524.awsui_is-overlap-disabled_hyvsj_1ribg_470:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1ribg_524) {
542
- --awsui-main-gap-tkr9yl: var(--space-scaled-m-mo5yse, 16px);
541
+ .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-main_hyvsj_1qwwo_524.awsui_is-overlap-disabled_hyvsj_1qwwo_470:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1qwwo_524) {
542
+ --awsui-main-gap-epuq3n: var(--space-scaled-m-mo5yse, 16px);
543
543
  }
544
544
  }
545
545
 
@@ -553,27 +553,27 @@ not matter. The offset top value for AppLayout contentMain children with
553
553
  position: sticky will be the value of the notifications height in addition to the
554
554
  notifications top margin and some additional vertical space for aesthetics.
555
555
  */
556
- .awsui_layout_hyvsj_1ribg_364.awsui_disable-body-scroll_hyvsj_1ribg_185:not(#\9) {
557
- --awsui-main-template-rows-tkr9yl: 1fr auto;
558
- --awsui-offset-top-tkr9yl: 0px;
559
- block-size: var(--awsui-content-height-tkr9yl);
556
+ .awsui_layout_hyvsj_1qwwo_364.awsui_disable-body-scroll_hyvsj_1qwwo_185:not(#\9) {
557
+ --awsui-main-template-rows-epuq3n: 1fr auto;
558
+ --awsui-offset-top-epuq3n: 0px;
559
+ block-size: var(--awsui-content-height-epuq3n);
560
560
  overflow-y: scroll;
561
561
  }
562
- .awsui_layout_hyvsj_1ribg_364.awsui_disable-body-scroll_hyvsj_1ribg_185.awsui_has-split-panel_hyvsj_1ribg_561.awsui_split-panel-position-bottom_hyvsj_1ribg_561:not(#\9) {
563
- --awsui-main-template-rows-tkr9yl: repeat(2, auto);
562
+ .awsui_layout_hyvsj_1qwwo_364.awsui_disable-body-scroll_hyvsj_1qwwo_185.awsui_has-split-panel_hyvsj_1qwwo_561.awsui_split-panel-position-bottom_hyvsj_1qwwo_561:not(#\9) {
563
+ --awsui-main-template-rows-epuq3n: repeat(2, auto);
564
564
  }
565
565
 
566
566
  /*
567
567
  This CSS class is applied to the document body to prevent overflow scrolling
568
568
  when the navigation or tools drawers are open in responsive viewports.
569
569
  */
570
- .awsui_block-body-scroll_hyvsj_1ribg_569:not(#\9) {
570
+ .awsui_block-body-scroll_hyvsj_1qwwo_569:not(#\9) {
571
571
  overflow: hidden;
572
572
  }
573
573
 
574
574
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
575
- .awsui_unfocusable_hyvsj_1ribg_574:not(#\9),
576
- .awsui_unfocusable_hyvsj_1ribg_574 *:not(#\9) {
575
+ .awsui_unfocusable_hyvsj_1qwwo_574:not(#\9),
576
+ .awsui_unfocusable_hyvsj_1qwwo_574 *:not(#\9) {
577
577
  visibility: hidden !important;
578
578
  }
579
579
 
@@ -582,7 +582,7 @@ when the navigation or tools drawers are open in responsive viewports.
582
582
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
583
583
  SPDX-License-Identifier: Apache-2.0
584
584
  */
585
- .awsui_container_hyvsj_1ribg_584:not(#\9) {
585
+ .awsui_container_hyvsj_1qwwo_584:not(#\9) {
586
586
  grid-area: main;
587
587
  padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
588
588
  /*
@@ -599,19 +599,19 @@ when the navigation or tools drawers are open in responsive viewports.
599
599
  on the right, we decrement the column end by one.
600
600
  */
601
601
  }
602
- .awsui_container_hyvsj_1ribg_584.awsui_has-split-panel_hyvsj_1ribg_561.awsui_split-panel-position-bottom_hyvsj_1ribg_561:not(#\9) {
603
- padding-block-end: calc(var(--awsui-split-panel-height-tkr9yl) + var(--space-layout-content-bottom-noqzmw, 40px));
602
+ .awsui_container_hyvsj_1qwwo_584.awsui_has-split-panel_hyvsj_1qwwo_561.awsui_split-panel-position-bottom_hyvsj_1qwwo_561:not(#\9) {
603
+ padding-block-end: calc(var(--awsui-split-panel-height-epuq3n) + var(--space-layout-content-bottom-noqzmw, 40px));
604
604
  }
605
- .awsui_container_hyvsj_1ribg_584.awsui_disable-content-paddings_hyvsj_1ribg_524:not(#\9) {
605
+ .awsui_container_hyvsj_1qwwo_584.awsui_disable-content-paddings_hyvsj_1qwwo_524:not(#\9) {
606
606
  grid-column: 1/6;
607
607
  padding-block: 0;
608
608
  padding-inline: 0;
609
609
  }
610
610
  @media (min-width: 689px) {
611
- .awsui_container_hyvsj_1ribg_584.awsui_disable-content-paddings_hyvsj_1ribg_524.awsui_is-navigation-open_hyvsj_1ribg_610:not(#\9) {
611
+ .awsui_container_hyvsj_1qwwo_584.awsui_disable-content-paddings_hyvsj_1qwwo_524.awsui_is-navigation-open_hyvsj_1qwwo_610:not(#\9) {
612
612
  grid-column-start: 2;
613
613
  }
614
- .awsui_container_hyvsj_1ribg_584.awsui_disable-content-paddings_hyvsj_1ribg_524.awsui_is-tools-open_hyvsj_1ribg_613:not(#\9), .awsui_container_hyvsj_1ribg_584.awsui_disable-content-paddings_hyvsj_1ribg_524.awsui_is-split-panel-open_hyvsj_1ribg_613.awsui_split-panel-position-side_hyvsj_1ribg_613:not(#\9), .awsui_container_hyvsj_1ribg_584.awsui_disable-content-paddings_hyvsj_1ribg_524.awsui_has-active-drawer_hyvsj_1ribg_613:not(#\9) {
614
+ .awsui_container_hyvsj_1qwwo_584.awsui_disable-content-paddings_hyvsj_1qwwo_524.awsui_is-tools-open_hyvsj_1qwwo_613:not(#\9), .awsui_container_hyvsj_1qwwo_584.awsui_disable-content-paddings_hyvsj_1qwwo_524.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_split-panel-position-side_hyvsj_1qwwo_613:not(#\9), .awsui_container_hyvsj_1qwwo_584.awsui_disable-content-paddings_hyvsj_1qwwo_524.awsui_has-active-drawer_hyvsj_1qwwo_613:not(#\9) {
615
615
  grid-column-end: 5;
616
616
  }
617
617
  }
@@ -620,13 +620,13 @@ when the navigation or tools drawers are open in responsive viewports.
620
620
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
621
621
  SPDX-License-Identifier: Apache-2.0
622
622
  */
623
- section.awsui_mobile-toolbar_hyvsj_1ribg_622:not(#\9) {
623
+ section.awsui_mobile-toolbar_hyvsj_1qwwo_622:not(#\9) {
624
624
  align-items: center;
625
625
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
626
626
  border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
627
627
  box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
628
628
  box-sizing: border-box;
629
- block-size: var(--awsui-mobile-bar-height-tkr9yl);
629
+ block-size: var(--awsui-mobile-bar-height-epuq3n);
630
630
  display: grid;
631
631
  grid-area: mobileToolbar;
632
632
  grid-column: 1/span 5;
@@ -634,22 +634,22 @@ section.awsui_mobile-toolbar_hyvsj_1ribg_622:not(#\9) {
634
634
  padding-block: 0;
635
635
  padding-inline: var(--space-m-udix3p, 16px);
636
636
  position: sticky;
637
- inset-block-start: var(--awsui-offset-top-tkr9yl);
637
+ inset-block-start: var(--awsui-offset-top-epuq3n);
638
638
  z-index: 1000;
639
639
  }
640
- section.awsui_mobile-toolbar_hyvsj_1ribg_622:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1ribg_639) {
640
+ section.awsui_mobile-toolbar_hyvsj_1qwwo_622:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1qwwo_639) {
641
641
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
642
642
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
643
643
  }
644
- section.awsui_mobile-toolbar_hyvsj_1ribg_622 > .awsui_mobile-toolbar-nav_hyvsj_1ribg_643:not(#\9) {
644
+ section.awsui_mobile-toolbar_hyvsj_1qwwo_622 > .awsui_mobile-toolbar-nav_hyvsj_1qwwo_643:not(#\9) {
645
645
  grid-column: 1;
646
646
  margin-inline-end: var(--space-m-udix3p, 16px);
647
647
  }
648
- section.awsui_mobile-toolbar_hyvsj_1ribg_622 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1ribg_647:not(#\9) {
648
+ section.awsui_mobile-toolbar_hyvsj_1qwwo_622 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1qwwo_647:not(#\9) {
649
649
  grid-column: 2;
650
650
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
651
651
  }
652
- section.awsui_mobile-toolbar_hyvsj_1ribg_622 > .awsui_mobile-toolbar-tools_hyvsj_1ribg_651:not(#\9) {
652
+ section.awsui_mobile-toolbar_hyvsj_1qwwo_622 > .awsui_mobile-toolbar-tools_hyvsj_1qwwo_651:not(#\9) {
653
653
  grid-column: 3;
654
654
  margin-inline-start: var(--space-m-udix3p, 16px);
655
655
  }
@@ -658,13 +658,13 @@ section.awsui_mobile-toolbar_hyvsj_1ribg_622 > .awsui_mobile-toolbar-tools_hyvsj
658
658
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
659
659
  SPDX-License-Identifier: Apache-2.0
660
660
  */
661
- .awsui_navigation-container_hyvsj_1ribg_660:not(#\9) {
661
+ .awsui_navigation-container_hyvsj_1qwwo_660:not(#\9) {
662
662
  display: flex;
663
663
  grid-column: 1;
664
664
  grid-row: 1/span 10;
665
- block-size: var(--awsui-content-height-tkr9yl);
665
+ block-size: var(--awsui-content-height-epuq3n);
666
666
  position: sticky;
667
- inset-block-start: var(--awsui-offset-top-tkr9yl);
667
+ inset-block-start: var(--awsui-offset-top-epuq3n);
668
668
  z-index: 830;
669
669
  /*
670
670
  The navigation and tools containers (that contain the toggle buttons)
@@ -679,7 +679,7 @@ section.awsui_mobile-toolbar_hyvsj_1ribg_622 > .awsui_mobile-toolbar-tools_hyvsj
679
679
  pointer-events: none;
680
680
  }
681
681
  @media (max-width: 688px) {
682
- .awsui_navigation-container_hyvsj_1ribg_660:not(#\9) {
682
+ .awsui_navigation-container_hyvsj_1qwwo_660:not(#\9) {
683
683
  inset-inline-start: 0;
684
684
  position: fixed;
685
685
  z-index: 1001;
@@ -691,12 +691,12 @@ section.awsui_mobile-toolbar_hyvsj_1ribg_622 > .awsui_mobile-toolbar-tools_hyvsj
691
691
  relative to the body.
692
692
  */
693
693
  }
694
- .awsui_navigation-container_hyvsj_1ribg_660.awsui_disable-body-scroll_hyvsj_1ribg_185:not(#\9) {
695
- inset-block-start: var(--awsui-header-height-tkr9yl);
694
+ .awsui_navigation-container_hyvsj_1qwwo_660.awsui_disable-body-scroll_hyvsj_1qwwo_185:not(#\9) {
695
+ inset-block-start: var(--awsui-header-height-epuq3n);
696
696
  }
697
697
  }
698
698
 
699
- nav.awsui_show-navigation_hyvsj_1ribg_698:not(#\9) {
699
+ nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9) {
700
700
  padding-block: var(--space-scaled-s-aqzyko, 12px);
701
701
  padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
702
702
  /*
@@ -704,7 +704,7 @@ nav.awsui_show-navigation_hyvsj_1ribg_698:not(#\9) {
704
704
  take control in responsive viewports.
705
705
  */
706
706
  }
707
- @keyframes awsui_showButtons_hyvsj_1ribg_1 {
707
+ @keyframes awsui_showButtons_hyvsj_1qwwo_1 {
708
708
  0% {
709
709
  opacity: 0;
710
710
  }
@@ -712,31 +712,31 @@ nav.awsui_show-navigation_hyvsj_1ribg_698:not(#\9) {
712
712
  opacity: 1;
713
713
  }
714
714
  }
715
- nav.awsui_show-navigation_hyvsj_1ribg_698.awsui_is-navigation-open_hyvsj_1ribg_610:not(#\9) {
715
+ nav.awsui_show-navigation_hyvsj_1qwwo_698.awsui_is-navigation-open_hyvsj_1qwwo_610:not(#\9) {
716
716
  display: none;
717
717
  }
718
718
  @media (min-width: 689px) {
719
- nav.awsui_show-navigation_hyvsj_1ribg_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1ribg_610) {
719
+ nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610) {
720
720
  display: block;
721
721
  }
722
- nav.awsui_show-navigation_hyvsj_1ribg_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1ribg_610).awsui_animating_hyvsj_1ribg_721 {
723
- animation: awsui_showButtons_hyvsj_1ribg_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
722
+ nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610).awsui_animating_hyvsj_1qwwo_721 {
723
+ animation: awsui_showButtons_hyvsj_1qwwo_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
724
724
  }
725
725
  }
726
726
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
727
- nav.awsui_show-navigation_hyvsj_1ribg_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1ribg_610).awsui_animating_hyvsj_1ribg_721 {
727
+ nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610).awsui_animating_hyvsj_1qwwo_721 {
728
728
  animation: none;
729
729
  transition: none;
730
730
  }
731
731
  }
732
732
  @media (min-width: 689px) {
733
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1ribg_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1ribg_610).awsui_animating_hyvsj_1ribg_721, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1ribg_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1ribg_610).awsui_animating_hyvsj_1ribg_721 {
733
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610).awsui_animating_hyvsj_1qwwo_721, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610).awsui_animating_hyvsj_1qwwo_721 {
734
734
  animation: none;
735
735
  transition: none;
736
736
  }
737
737
  }
738
738
 
739
- nav.awsui_navigation_hyvsj_1ribg_660:not(#\9) {
739
+ nav.awsui_navigation_hyvsj_1qwwo_660:not(#\9) {
740
740
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
741
741
  inset-block-end: 0;
742
742
  block-size: 100%;
@@ -754,43 +754,43 @@ nav.awsui_navigation_hyvsj_1ribg_660:not(#\9) {
754
754
  prevent unwanted text wrapping.
755
755
  */
756
756
  }
757
- @keyframes awsui_openNavigation_hyvsj_1ribg_1 {
757
+ @keyframes awsui_openNavigation_hyvsj_1qwwo_1 {
758
758
  from {
759
759
  opacity: 0;
760
760
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
761
761
  }
762
762
  to {
763
763
  opacity: 1;
764
- inline-size: var(--awsui-navigation-width-tkr9yl);
764
+ inline-size: var(--awsui-navigation-width-epuq3n);
765
765
  }
766
766
  }
767
- nav.awsui_navigation_hyvsj_1ribg_660:not(#\9):not(.awsui_is-navigation-open_hyvsj_1ribg_610) {
767
+ nav.awsui_navigation_hyvsj_1qwwo_660:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610) {
768
768
  inline-size: 0;
769
769
  display: none;
770
770
  }
771
- nav.awsui_navigation_hyvsj_1ribg_660.awsui_is-navigation-open_hyvsj_1ribg_610.awsui_animating_hyvsj_1ribg_721:not(#\9) {
772
- animation: awsui_openNavigation_hyvsj_1ribg_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
771
+ nav.awsui_navigation_hyvsj_1qwwo_660.awsui_is-navigation-open_hyvsj_1qwwo_610.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
772
+ animation: awsui_openNavigation_hyvsj_1qwwo_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
773
773
  }
774
774
  @media (prefers-reduced-motion: reduce) {
775
- nav.awsui_navigation_hyvsj_1ribg_660.awsui_is-navigation-open_hyvsj_1ribg_610.awsui_animating_hyvsj_1ribg_721:not(#\9) {
775
+ nav.awsui_navigation_hyvsj_1qwwo_660.awsui_is-navigation-open_hyvsj_1qwwo_610.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
776
776
  animation: none;
777
777
  transition: none;
778
778
  }
779
779
  }
780
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_1ribg_660.awsui_is-navigation-open_hyvsj_1ribg_610.awsui_animating_hyvsj_1ribg_721:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1ribg_660.awsui_is-navigation-open_hyvsj_1ribg_610.awsui_animating_hyvsj_1ribg_721:not(#\9) {
780
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_1qwwo_660.awsui_is-navigation-open_hyvsj_1qwwo_610.awsui_animating_hyvsj_1qwwo_721:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1qwwo_660.awsui_is-navigation-open_hyvsj_1qwwo_610.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
781
781
  animation: none;
782
782
  transition: none;
783
783
  }
784
- nav.awsui_navigation_hyvsj_1ribg_660 > .awsui_animated-content_hyvsj_1ribg_783:not(#\9) {
785
- inline-size: var(--awsui-navigation-width-tkr9yl);
784
+ nav.awsui_navigation_hyvsj_1qwwo_660 > .awsui_animated-content_hyvsj_1qwwo_783:not(#\9) {
785
+ inline-size: var(--awsui-navigation-width-epuq3n);
786
786
  }
787
787
  @media (max-width: 688px) {
788
- nav.awsui_navigation_hyvsj_1ribg_660:not(#\9) {
789
- --awsui-navigation-width-tkr9yl: 100vw;
788
+ nav.awsui_navigation_hyvsj_1qwwo_660:not(#\9) {
789
+ --awsui-navigation-width-epuq3n: 100vw;
790
790
  }
791
791
  }
792
792
 
793
- .awsui_hide-navigation_hyvsj_1ribg_792:not(#\9) {
793
+ .awsui_hide-navigation_hyvsj_1qwwo_792:not(#\9) {
794
794
  position: absolute;
795
795
  inset-inline-end: var(--space-m-udix3p, 16px);
796
796
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -800,16 +800,16 @@ nav.awsui_navigation_hyvsj_1ribg_660 > .awsui_animated-content_hyvsj_1ribg_783:n
800
800
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
801
801
  SPDX-License-Identifier: Apache-2.0
802
802
  */
803
- .awsui_notifications_hyvsj_1ribg_802:not(#\9) {
803
+ .awsui_notifications_hyvsj_1qwwo_802:not(#\9) {
804
804
  color: var(--color-text-body-default-at06ol, #000716);
805
805
  grid-area: notifications;
806
806
  z-index: 850;
807
807
  }
808
808
  @media (min-width: 689px) {
809
- .awsui_notifications_hyvsj_1ribg_802.awsui_sticky-notifications_hyvsj_1ribg_808:not(#\9) {
810
- --awsui-flashbar-sticky-bottom-margin-tkr9yl: var(--space-xxl-cu2m1r, 32px);
809
+ .awsui_notifications_hyvsj_1qwwo_802.awsui_sticky-notifications_hyvsj_1qwwo_808:not(#\9) {
810
+ --awsui-flashbar-sticky-bottom-margin-epuq3n: var(--space-xxl-cu2m1r, 32px);
811
811
  position: sticky;
812
- inset-block-start: calc(var(--awsui-offset-top-tkr9yl) + var(--space-xs-zb16t3, 8px));
812
+ inset-block-start: calc(var(--awsui-offset-top-epuq3n) + var(--space-xs-zb16t3, 8px));
813
813
  }
814
814
  }
815
815
 
@@ -823,13 +823,13 @@ as the content area. This row is defined as 1 fractional unit which will
823
823
  consume the remaining vertical space in the grid after the notifications
824
824
  and breadcrumbs.
825
825
  */
826
- section.awsui_split-panel-bottom_hyvsj_1ribg_825:not(#\9) {
826
+ section.awsui_split-panel-bottom_hyvsj_1qwwo_825:not(#\9) {
827
827
  /*
828
828
  The align self property will position the split panel at the bottom of the grid row.
829
829
  This could be off the viewport if the content area has enough content to be scrollable.
830
830
  */
831
831
  align-self: end;
832
- inset-block-end: var(--awsui-footer-height-tkr9yl);
832
+ inset-block-end: var(--awsui-footer-height-epuq3n);
833
833
  display: none;
834
834
  grid-column: 1/6;
835
835
  grid-row: 10;
@@ -859,47 +859,47 @@ section.awsui_split-panel-bottom_hyvsj_1ribg_825:not(#\9) {
859
859
  apply the animation to the height property.
860
860
  */
861
861
  }
862
- @keyframes awsui_openSplitPanelBottom_hyvsj_1ribg_1 {
862
+ @keyframes awsui_openSplitPanelBottom_hyvsj_1qwwo_1 {
863
863
  from {
864
- block-size: var(--awsui-split-panel-reported-header-size-tkr9yl, 0);
864
+ block-size: var(--awsui-split-panel-reported-header-size-epuq3n, 0);
865
865
  }
866
866
  to {
867
- block-size: var(--awsui-split-panel-reported-size-tkr9yl);
867
+ block-size: var(--awsui-split-panel-reported-size-epuq3n);
868
868
  }
869
869
  }
870
- section.awsui_split-panel-bottom_hyvsj_1ribg_825.awsui_disable-body-scroll_hyvsj_1ribg_185:not(#\9) {
870
+ section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_disable-body-scroll_hyvsj_1qwwo_185:not(#\9) {
871
871
  inset-block-end: 0;
872
872
  }
873
- section.awsui_split-panel-bottom_hyvsj_1ribg_825.awsui_is-navigation-open_hyvsj_1ribg_610.awsui_position-bottom_hyvsj_1ribg_872:not(#\9) {
873
+ section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-navigation-open_hyvsj_1qwwo_610.awsui_position-bottom_hyvsj_1qwwo_872:not(#\9) {
874
874
  grid-column-start: 2;
875
875
  }
876
- section.awsui_split-panel-bottom_hyvsj_1ribg_825.awsui_has-open-drawer_hyvsj_1ribg_162.awsui_position-bottom_hyvsj_1ribg_872:not(#\9) {
876
+ section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_has-open-drawer_hyvsj_1qwwo_162.awsui_position-bottom_hyvsj_1qwwo_872:not(#\9) {
877
877
  grid-column-end: 5;
878
878
  }
879
- section.awsui_split-panel-bottom_hyvsj_1ribg_825.awsui_position-bottom_hyvsj_1ribg_872:not(#\9) {
879
+ section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_position-bottom_hyvsj_1qwwo_872:not(#\9) {
880
880
  display: block;
881
881
  }
882
- section.awsui_split-panel-bottom_hyvsj_1ribg_825:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1ribg_613).awsui_position-bottom_hyvsj_1ribg_872 {
882
+ section.awsui_split-panel-bottom_hyvsj_1qwwo_825:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1qwwo_613).awsui_position-bottom_hyvsj_1qwwo_872 {
883
883
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
884
884
  }
885
- section.awsui_split-panel-bottom_hyvsj_1ribg_825.awsui_is-split-panel-open_hyvsj_1ribg_613.awsui_position-bottom_hyvsj_1ribg_872:not(#\9) {
885
+ section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-bottom_hyvsj_1qwwo_872:not(#\9) {
886
886
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
887
887
  }
888
- section.awsui_split-panel-bottom_hyvsj_1ribg_825.awsui_is-split-panel-open_hyvsj_1ribg_613.awsui_position-bottom_hyvsj_1ribg_872.awsui_animating_hyvsj_1ribg_721:not(#\9) {
889
- animation: awsui_openSplitPanelBottom_hyvsj_1ribg_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
888
+ section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-bottom_hyvsj_1qwwo_872.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
889
+ animation: awsui_openSplitPanelBottom_hyvsj_1qwwo_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
890
890
  }
891
891
  @media (prefers-reduced-motion: reduce) {
892
- section.awsui_split-panel-bottom_hyvsj_1ribg_825.awsui_is-split-panel-open_hyvsj_1ribg_613.awsui_position-bottom_hyvsj_1ribg_872.awsui_animating_hyvsj_1ribg_721:not(#\9) {
892
+ section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-bottom_hyvsj_1qwwo_872.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
893
893
  animation: none;
894
894
  transition: none;
895
895
  }
896
896
  }
897
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1ribg_825.awsui_is-split-panel-open_hyvsj_1ribg_613.awsui_position-bottom_hyvsj_1ribg_872.awsui_animating_hyvsj_1ribg_721:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1ribg_825.awsui_is-split-panel-open_hyvsj_1ribg_613.awsui_position-bottom_hyvsj_1ribg_872.awsui_animating_hyvsj_1ribg_721:not(#\9) {
897
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-bottom_hyvsj_1qwwo_872.awsui_animating_hyvsj_1qwwo_721:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-bottom_hyvsj_1qwwo_872.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
898
898
  animation: none;
899
899
  transition: none;
900
900
  }
901
901
 
902
- section.awsui_split-panel-side_hyvsj_1ribg_901:not(#\9) {
902
+ section.awsui_split-panel-side_hyvsj_1qwwo_901:not(#\9) {
903
903
  block-size: 100%;
904
904
  overflow-x: hidden;
905
905
  pointer-events: auto;
@@ -909,15 +909,15 @@ section.awsui_split-panel-side_hyvsj_1ribg_901:not(#\9) {
909
909
  be persistent in the DOM when closed.
910
910
  */
911
911
  }
912
- section.awsui_split-panel-side_hyvsj_1ribg_901:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1ribg_613), section.awsui_split-panel-side_hyvsj_1ribg_901.awsui_position-bottom_hyvsj_1ribg_872:not(#\9) {
912
+ section.awsui_split-panel-side_hyvsj_1qwwo_901:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1qwwo_613), section.awsui_split-panel-side_hyvsj_1qwwo_901.awsui_position-bottom_hyvsj_1qwwo_872:not(#\9) {
913
913
  inline-size: 0;
914
914
  }
915
- section.awsui_split-panel-side_hyvsj_1ribg_901.awsui_is-split-panel-open_hyvsj_1ribg_613.awsui_position-side_hyvsj_1ribg_914:not(#\9) {
916
- max-inline-size: var(--awsui-split-panel-max-width-tkr9yl, 280px);
917
- min-inline-size: var(--awsui-split-panel-min-width-tkr9yl, 280px);
915
+ section.awsui_split-panel-side_hyvsj_1qwwo_901.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-side_hyvsj_1qwwo_914:not(#\9) {
916
+ max-inline-size: var(--awsui-split-panel-max-width-epuq3n, 280px);
917
+ min-inline-size: var(--awsui-split-panel-min-width-epuq3n, 280px);
918
918
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
919
919
  }
920
- section.awsui_split-panel-side_hyvsj_1ribg_901.awsui_is-split-panel-open_hyvsj_1ribg_613.awsui_position-side_hyvsj_1ribg_914:not(#\9):not(.awsui_has-open-drawer_hyvsj_1ribg_162) {
920
+ section.awsui_split-panel-side_hyvsj_1qwwo_901.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-side_hyvsj_1qwwo_914:not(#\9):not(.awsui_has-open-drawer_hyvsj_1qwwo_162) {
921
921
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
922
922
  }
923
923
 
@@ -934,24 +934,24 @@ content width has a default value that can be set directly with the minContentWi
934
934
  property. The content gap right is computed in the Layout styles based on the
935
935
  viewport size and state of the Tools drawer.
936
936
  */
937
- .awsui_tools-container_hyvsj_1ribg_936:not(#\9) {
937
+ .awsui_tools-container_hyvsj_1qwwo_936:not(#\9) {
938
938
  /* stylelint-disable scss/operator-no-newline-after */
939
- --awsui-tools-max-width-tkr9yl: calc(var(--awsui-layout-width-tkr9yl) - var(--awsui-main-offset-left-tkr9yl) - var(--awsui-default-min-content-width-tkr9yl) - var(--awsui-content-gap-right-tkr9yl));
939
+ --awsui-tools-max-width-epuq3n: calc(var(--awsui-layout-width-epuq3n) - var(--awsui-main-offset-left-epuq3n) - var(--awsui-default-min-content-width-epuq3n) - var(--awsui-content-gap-right-epuq3n));
940
940
  /* stylelint-enable scss/operator-no-newline-after */
941
941
  display: flex;
942
942
  grid-column: 5;
943
943
  grid-row: 1/span 10;
944
- block-size: var(--awsui-content-height-tkr9yl);
945
- max-inline-size: var(--awsui-tools-max-width-tkr9yl);
944
+ block-size: var(--awsui-content-height-epuq3n);
945
+ max-inline-size: var(--awsui-tools-max-width-epuq3n);
946
946
  position: sticky;
947
- inset-block-start: var(--awsui-offset-top-tkr9yl);
947
+ inset-block-start: var(--awsui-offset-top-epuq3n);
948
948
  z-index: 830;
949
949
  pointer-events: none;
950
950
  }
951
951
  @media (max-width: 688px) {
952
- .awsui_tools-container_hyvsj_1ribg_936:not(#\9) {
953
- --awsui-tools-max-width-tkr9yl: none;
954
- --awsui-tools-width-tkr9yl: auto;
952
+ .awsui_tools-container_hyvsj_1qwwo_936:not(#\9) {
953
+ --awsui-tools-max-width-epuq3n: none;
954
+ --awsui-tools-width-epuq3n: auto;
955
955
  position: fixed;
956
956
  inset-inline-end: 0;
957
957
  z-index: 1001;
@@ -963,12 +963,12 @@ viewport size and state of the Tools drawer.
963
963
  relative to the body.
964
964
  */
965
965
  }
966
- .awsui_tools-container_hyvsj_1ribg_936.awsui_disable-body-scroll_hyvsj_1ribg_185:not(#\9) {
967
- inset-block-start: var(--awsui-header-height-tkr9yl);
966
+ .awsui_tools-container_hyvsj_1qwwo_936.awsui_disable-body-scroll_hyvsj_1qwwo_185:not(#\9) {
967
+ inset-block-start: var(--awsui-header-height-epuq3n);
968
968
  }
969
969
  }
970
970
 
971
- .awsui_tools_hyvsj_1ribg_936:not(#\9) {
971
+ .awsui_tools_hyvsj_1qwwo_936:not(#\9) {
972
972
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
973
973
  flex-shrink: 0;
974
974
  block-size: 100%;
@@ -991,51 +991,51 @@ viewport size and state of the Tools drawer.
991
991
  in the side position.
992
992
  */
993
993
  }
994
- @keyframes awsui_openTools_hyvsj_1ribg_1 {
994
+ @keyframes awsui_openTools_hyvsj_1qwwo_1 {
995
995
  from {
996
- opacity: var(--awsui-tools-animation-starting-opacity-tkr9yl, 0);
996
+ opacity: var(--awsui-tools-animation-starting-opacity-epuq3n, 0);
997
997
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
998
998
  }
999
999
  to {
1000
1000
  opacity: 1;
1001
- inline-size: var(--awsui-tools-width-tkr9yl);
1001
+ inline-size: var(--awsui-tools-width-epuq3n);
1002
1002
  }
1003
1003
  }
1004
- .awsui_tools_hyvsj_1ribg_936:not(#\9):not(.awsui_is-tools-open_hyvsj_1ribg_613) {
1004
+ .awsui_tools_hyvsj_1qwwo_936:not(#\9):not(.awsui_is-tools-open_hyvsj_1qwwo_613) {
1005
1005
  inline-size: 0;
1006
1006
  display: none;
1007
1007
  }
1008
- .awsui_tools_hyvsj_1ribg_936.awsui_is-tools-open_hyvsj_1ribg_613:not(#\9) {
1008
+ .awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613:not(#\9) {
1009
1009
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
1010
1010
  }
1011
- .awsui_tools_hyvsj_1ribg_936.awsui_is-tools-open_hyvsj_1ribg_613.awsui_animating_hyvsj_1ribg_721:not(#\9) {
1012
- animation: awsui_openTools_hyvsj_1ribg_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1011
+ .awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
1012
+ animation: awsui_openTools_hyvsj_1qwwo_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1013
1013
  }
1014
1014
  @media (prefers-reduced-motion: reduce) {
1015
- .awsui_tools_hyvsj_1ribg_936.awsui_is-tools-open_hyvsj_1ribg_613.awsui_animating_hyvsj_1ribg_721:not(#\9) {
1015
+ .awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
1016
1016
  animation: none;
1017
1017
  transition: none;
1018
1018
  }
1019
1019
  }
1020
- .awsui-motion-disabled .awsui_tools_hyvsj_1ribg_936.awsui_is-tools-open_hyvsj_1ribg_613.awsui_animating_hyvsj_1ribg_721:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1ribg_936.awsui_is-tools-open_hyvsj_1ribg_613.awsui_animating_hyvsj_1ribg_721:not(#\9) {
1020
+ .awsui-motion-disabled .awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613.awsui_animating_hyvsj_1qwwo_721:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
1021
1021
  animation: none;
1022
1022
  transition: none;
1023
1023
  }
1024
- .awsui_tools_hyvsj_1ribg_936 > .awsui_animated-content_hyvsj_1ribg_783:not(#\9) {
1025
- inline-size: var(--awsui-tools-width-tkr9yl);
1024
+ .awsui_tools_hyvsj_1qwwo_936 > .awsui_animated-content_hyvsj_1qwwo_783:not(#\9) {
1025
+ inline-size: var(--awsui-tools-width-epuq3n);
1026
1026
  }
1027
1027
  @media (min-width: 689px) {
1028
- .awsui_tools_hyvsj_1ribg_936.awsui_is-tools-open_hyvsj_1ribg_613.awsui_has-tools-form-persistence_hyvsj_1ribg_1027:not(#\9) {
1028
+ .awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613.awsui_has-tools-form-persistence_hyvsj_1qwwo_1027:not(#\9) {
1029
1029
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
1030
1030
  }
1031
1031
  }
1032
1032
  @media (max-width: 688px) {
1033
- .awsui_tools_hyvsj_1ribg_936:not(#\9) {
1034
- --awsui-tools-width-tkr9yl: 100vw;
1033
+ .awsui_tools_hyvsj_1qwwo_936:not(#\9) {
1034
+ --awsui-tools-width-epuq3n: 100vw;
1035
1035
  }
1036
1036
  }
1037
1037
 
1038
- .awsui_hide-tools_hyvsj_1ribg_1037:not(#\9) {
1038
+ .awsui_hide-tools_hyvsj_1qwwo_1037:not(#\9) {
1039
1039
  position: absolute;
1040
1040
  inset-inline-end: var(--space-m-udix3p, 16px);
1041
1041
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1047,7 +1047,7 @@ Warning! If these design tokens for padding change it will adversely impact
1047
1047
  the calculation used to determine the Split Panel maximum width in the
1048
1048
  handleSplitPanelMaxWidth function in the context.
1049
1049
  */
1050
- .awsui_show-tools_hyvsj_1ribg_1049:not(#\9) {
1050
+ .awsui_show-tools_hyvsj_1qwwo_1049:not(#\9) {
1051
1051
  border-collapse: separate;
1052
1052
  border-spacing: 0;
1053
1053
  box-sizing: border-box;
@@ -1089,7 +1089,7 @@ handleSplitPanelMaxWidth function in the context.
1089
1089
  take control in responsive viewports.
1090
1090
  */
1091
1091
  }
1092
- @keyframes awsui_showButtons_hyvsj_1ribg_1 {
1092
+ @keyframes awsui_showButtons_hyvsj_1qwwo_1 {
1093
1093
  0% {
1094
1094
  opacity: 0;
1095
1095
  }
@@ -1097,31 +1097,31 @@ handleSplitPanelMaxWidth function in the context.
1097
1097
  opacity: 1;
1098
1098
  }
1099
1099
  }
1100
- .awsui_show-tools_hyvsj_1ribg_1049:not(#\9):not(.awsui_has-tools-form_hyvsj_1ribg_1027) {
1100
+ .awsui_show-tools_hyvsj_1qwwo_1049:not(#\9):not(.awsui_has-tools-form_hyvsj_1qwwo_1027) {
1101
1101
  display: none;
1102
1102
  }
1103
1103
  @media (min-width: 689px) {
1104
- .awsui_show-tools_hyvsj_1ribg_1049.awsui_has-tools-form_hyvsj_1ribg_1027:not(#\9) {
1104
+ .awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form_hyvsj_1qwwo_1027:not(#\9) {
1105
1105
  display: flex;
1106
1106
  flex-direction: column;
1107
1107
  gap: var(--space-xs-zb16t3, 8px);
1108
1108
  }
1109
- .awsui_show-tools_hyvsj_1ribg_1049.awsui_has-tools-form_hyvsj_1ribg_1027.awsui_animating_hyvsj_1ribg_721:not(#\9) {
1110
- animation: awsui_showButtons_hyvsj_1ribg_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1109
+ .awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form_hyvsj_1qwwo_1027.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
1110
+ animation: awsui_showButtons_hyvsj_1qwwo_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1111
1111
  }
1112
1112
  }
1113
1113
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1114
- .awsui_show-tools_hyvsj_1ribg_1049.awsui_has-tools-form_hyvsj_1ribg_1027.awsui_animating_hyvsj_1ribg_721:not(#\9) {
1114
+ .awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form_hyvsj_1qwwo_1027.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
1115
1115
  animation: none;
1116
1116
  transition: none;
1117
1117
  }
1118
1118
  }
1119
1119
  @media (min-width: 689px) {
1120
- .awsui-motion-disabled .awsui_show-tools_hyvsj_1ribg_1049.awsui_has-tools-form_hyvsj_1ribg_1027.awsui_animating_hyvsj_1ribg_721:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1ribg_1049.awsui_has-tools-form_hyvsj_1ribg_1027.awsui_animating_hyvsj_1ribg_721:not(#\9) {
1120
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form_hyvsj_1qwwo_1027.awsui_animating_hyvsj_1qwwo_721:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form_hyvsj_1qwwo_1027.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
1121
1121
  animation: none;
1122
1122
  transition: none;
1123
1123
  }
1124
- .awsui_show-tools_hyvsj_1ribg_1049.awsui_has-tools-form-persistence_hyvsj_1ribg_1027:not(#\9) {
1124
+ .awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form-persistence_hyvsj_1qwwo_1027:not(#\9) {
1125
1125
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1126
1126
  z-index: 1;
1127
1127
  }
@@ -1131,7 +1131,7 @@ handleSplitPanelMaxWidth function in the context.
1131
1131
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1132
1132
  SPDX-License-Identifier: Apache-2.0
1133
1133
  */
1134
- .awsui_trigger-badge-wrapper_hyvsj_1ribg_1132:not(#\9) {
1134
+ .awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9) {
1135
1135
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1136
1136
  border-start-start-radius: 50%;
1137
1137
  border-start-end-radius: 50%;
@@ -1147,13 +1147,13 @@ handleSplitPanelMaxWidth function in the context.
1147
1147
  align-items: center;
1148
1148
  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");
1149
1149
  }
1150
- .awsui_trigger-badge-wrapper_hyvsj_1ribg_1132:not(#\9):hover {
1150
+ .awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9):hover {
1151
1151
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1152
1152
  }
1153
- .awsui_trigger-badge-wrapper_hyvsj_1ribg_1132:not(#\9):active {
1153
+ .awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9):active {
1154
1154
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1155
1155
  }
1156
- .awsui_trigger-badge-wrapper_hyvsj_1ribg_1132:not(#\9):dir(rtl) {
1156
+ .awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9):dir(rtl) {
1157
1157
  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");
1158
1158
  }
1159
1159
 
@@ -1162,7 +1162,7 @@ Warning! If these design tokens for width change it will adversely impact
1162
1162
  the calculation used to determine the Split Panel maximum width in the
1163
1163
  handleSplitPanelMaxWidth function in the context.
1164
1164
  */
1165
- .awsui_trigger_hyvsj_1ribg_1132:not(#\9) {
1165
+ .awsui_trigger_hyvsj_1qwwo_1132:not(#\9) {
1166
1166
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1167
1167
  border-start-start-radius: 50%;
1168
1168
  border-start-end-radius: 50%;
@@ -1178,20 +1178,20 @@ handleSplitPanelMaxWidth function in the context.
1178
1178
  pointer-events: auto;
1179
1179
  position: relative;
1180
1180
  }
1181
- .awsui_trigger_hyvsj_1ribg_1132:not(#\9):hover {
1181
+ .awsui_trigger_hyvsj_1qwwo_1132:not(#\9):hover {
1182
1182
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1183
1183
  }
1184
- .awsui_trigger_hyvsj_1ribg_1132:not(#\9):active {
1184
+ .awsui_trigger_hyvsj_1qwwo_1132:not(#\9):active {
1185
1185
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1186
1186
  }
1187
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1ribg_1132:not(#\9):focus {
1187
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1qwwo_1132:not(#\9):focus {
1188
1188
  position: relative;
1189
1189
  }
1190
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1ribg_1132:not(#\9):focus {
1190
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1qwwo_1132:not(#\9):focus {
1191
1191
  outline: 2px dotted transparent;
1192
1192
  outline-offset: calc(3px - 1px);
1193
1193
  }
1194
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1ribg_1132:not(#\9):focus::before {
1194
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1qwwo_1132:not(#\9):focus::before {
1195
1195
  content: " ";
1196
1196
  display: block;
1197
1197
  position: absolute;
@@ -1205,45 +1205,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1ribg_1132:not(#\9):foc
1205
1205
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1206
1206
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1207
1207
  }
1208
- .awsui_trigger_hyvsj_1ribg_1132:not(#\9):focus {
1208
+ .awsui_trigger_hyvsj_1qwwo_1132:not(#\9):focus {
1209
1209
  outline: none;
1210
1210
  }
1211
- .awsui_trigger_hyvsj_1ribg_1132.awsui_selected_hyvsj_1ribg_1209:not(#\9) {
1211
+ .awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209:not(#\9) {
1212
1212
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1213
1213
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1214
1214
  }
1215
- .awsui_trigger_hyvsj_1ribg_1132.awsui_selected_hyvsj_1ribg_1209:not(#\9):hover {
1215
+ .awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209:not(#\9):hover {
1216
1216
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1217
1217
  }
1218
- .awsui_trigger_hyvsj_1ribg_1132.awsui_selected_hyvsj_1ribg_1209:not(#\9):active {
1218
+ .awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209:not(#\9):active {
1219
1219
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1220
1220
  }
1221
- .awsui_trigger_hyvsj_1ribg_1132.awsui_selected_hyvsj_1ribg_1209 > .awsui_trigger-badge-wrapper_hyvsj_1ribg_1132:not(#\9) {
1221
+ .awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209 > .awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9) {
1222
1222
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1223
1223
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1224
1224
  }
1225
- .awsui_trigger_hyvsj_1ribg_1132.awsui_selected_hyvsj_1ribg_1209 > .awsui_trigger-badge-wrapper_hyvsj_1ribg_1132:not(#\9):hover {
1225
+ .awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209 > .awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9):hover {
1226
1226
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1227
1227
  }
1228
- .awsui_trigger_hyvsj_1ribg_1132.awsui_selected_hyvsj_1ribg_1209 > .awsui_trigger-badge-wrapper_hyvsj_1ribg_1132:not(#\9):active {
1228
+ .awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209 > .awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9):active {
1229
1229
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1230
1230
  }
1231
- .awsui_trigger_hyvsj_1ribg_1132.awsui_badge_hyvsj_1ribg_1229:not(#\9), .awsui_trigger_hyvsj_1ribg_1132.awsui_badge_hyvsj_1ribg_1229:not(#\9):hover, .awsui_trigger_hyvsj_1ribg_1132.awsui_badge_hyvsj_1ribg_1229:not(#\9):active {
1231
+ .awsui_trigger_hyvsj_1qwwo_1132.awsui_badge_hyvsj_1qwwo_1229:not(#\9), .awsui_trigger_hyvsj_1qwwo_1132.awsui_badge_hyvsj_1qwwo_1229:not(#\9):hover, .awsui_trigger_hyvsj_1qwwo_1132.awsui_badge_hyvsj_1qwwo_1229:not(#\9):active {
1232
1232
  background: transparent;
1233
1233
  }
1234
1234
 
1235
- .awsui_trigger-wrapper_hyvsj_1ribg_1233:not(#\9) {
1235
+ .awsui_trigger-wrapper_hyvsj_1qwwo_1233:not(#\9) {
1236
1236
  position: relative;
1237
1237
  border-start-start-radius: 50%;
1238
1238
  border-start-end-radius: 50%;
1239
1239
  border-end-start-radius: 50%;
1240
1240
  border-end-end-radius: 50%;
1241
1241
  }
1242
- .awsui_trigger-wrapper_hyvsj_1ribg_1233:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1ribg_639) {
1242
+ .awsui_trigger-wrapper_hyvsj_1qwwo_1233:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1qwwo_639) {
1243
1243
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1244
1244
  }
1245
1245
 
1246
- .awsui_dot_hyvsj_1ribg_1244:not(#\9) {
1246
+ .awsui_dot_hyvsj_1qwwo_1244:not(#\9) {
1247
1247
  position: absolute;
1248
1248
  inline-size: 9px;
1249
1249
  block-size: 9px;