@cloudscape-design/components 3.0.618 → 3.0.620

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 (99) 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/classic.d.ts.map +1 -1
  5. package/app-layout/classic.js +5 -16
  6. package/app-layout/classic.js.map +1 -1
  7. package/app-layout/content-wrapper/index.d.ts +1 -0
  8. package/app-layout/content-wrapper/index.d.ts.map +1 -1
  9. package/app-layout/content-wrapper/index.js +3 -3
  10. package/app-layout/content-wrapper/index.js.map +1 -1
  11. package/app-layout/notifications/styles.css.js +3 -3
  12. package/app-layout/notifications/styles.scoped.css +7 -7
  13. package/app-layout/notifications/styles.selectors.js +3 -3
  14. package/app-layout/utils/sticky-offsets.d.ts +4 -0
  15. package/app-layout/utils/sticky-offsets.d.ts.map +1 -0
  16. package/app-layout/utils/sticky-offsets.js +10 -0
  17. package/app-layout/utils/sticky-offsets.js.map +1 -0
  18. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  19. package/app-layout/visual-refresh/context.js +1 -5
  20. package/app-layout/visual-refresh/context.js.map +1 -1
  21. package/app-layout/visual-refresh/main.d.ts.map +1 -1
  22. package/app-layout/visual-refresh/main.js +6 -4
  23. package/app-layout/visual-refresh/main.js.map +1 -1
  24. package/app-layout/visual-refresh/styles.css.js +81 -81
  25. package/app-layout/visual-refresh/styles.scoped.css +258 -294
  26. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  27. package/container/use-sticky-header.d.ts +1 -5
  28. package/container/use-sticky-header.d.ts.map +1 -1
  29. package/container/use-sticky-header.js +7 -34
  30. package/container/use-sticky-header.js.map +1 -1
  31. package/flashbar/styles.css.js +47 -47
  32. package/flashbar/styles.scoped.css +171 -171
  33. package/flashbar/styles.selectors.js +47 -47
  34. package/header/internal.d.ts.map +1 -1
  35. package/header/internal.js +3 -1
  36. package/header/internal.js.map +1 -1
  37. package/header/styles.css.js +35 -34
  38. package/header/styles.scoped.css +55 -52
  39. package/header/styles.selectors.js +35 -34
  40. package/internal/components/dropdown/styles.css.js +20 -20
  41. package/internal/components/dropdown/styles.scoped.css +41 -41
  42. package/internal/components/dropdown/styles.selectors.js +20 -20
  43. package/internal/context/app-layout-context.d.ts +0 -3
  44. package/internal/context/app-layout-context.d.ts.map +1 -1
  45. package/internal/context/app-layout-context.js +1 -5
  46. package/internal/context/app-layout-context.js.map +1 -1
  47. package/internal/environment.js +1 -1
  48. package/internal/environment.json +1 -1
  49. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  50. package/internal/generated/custom-css-properties/index.js +43 -44
  51. package/internal/generated/custom-css-properties/index.js.map +1 -1
  52. package/internal/manifest.json +1 -1
  53. package/internal/styles/global-vars.d.ts +6 -0
  54. package/internal/styles/global-vars.d.ts.map +1 -0
  55. package/internal/styles/global-vars.js +8 -0
  56. package/internal/styles/global-vars.js.map +1 -0
  57. package/mixed-line-bar-chart/bar-series.d.ts +3 -3
  58. package/mixed-line-bar-chart/bar-series.d.ts.map +1 -1
  59. package/mixed-line-bar-chart/bar-series.js +61 -17
  60. package/mixed-line-bar-chart/bar-series.js.map +1 -1
  61. package/mixed-line-bar-chart/create-one-side-rounded-rect-path.d.ts +7 -0
  62. package/mixed-line-bar-chart/create-one-side-rounded-rect-path.d.ts.map +1 -0
  63. package/mixed-line-bar-chart/create-one-side-rounded-rect-path.js +33 -0
  64. package/mixed-line-bar-chart/create-one-side-rounded-rect-path.js.map +1 -0
  65. package/mixed-line-bar-chart/data-series.d.ts.map +1 -1
  66. package/mixed-line-bar-chart/data-series.js +5 -5
  67. package/mixed-line-bar-chart/data-series.js.map +1 -1
  68. package/mixed-line-bar-chart/utils.d.ts +2 -9
  69. package/mixed-line-bar-chart/utils.d.ts.map +1 -1
  70. package/mixed-line-bar-chart/utils.js +19 -26
  71. package/mixed-line-bar-chart/utils.js.map +1 -1
  72. package/package.json +1 -1
  73. package/spinner/styles.css.js +13 -13
  74. package/spinner/styles.scoped.css +39 -39
  75. package/spinner/styles.selectors.js +13 -13
  76. package/split-panel/implementation.d.ts.map +1 -1
  77. package/split-panel/implementation.js +7 -7
  78. package/split-panel/implementation.js.map +1 -1
  79. package/split-panel/interfaces.d.ts +1 -0
  80. package/split-panel/interfaces.d.ts.map +1 -1
  81. package/split-panel/interfaces.js.map +1 -1
  82. package/split-panel/side.d.ts +1 -1
  83. package/split-panel/side.d.ts.map +1 -1
  84. package/split-panel/side.js +2 -5
  85. package/split-panel/side.js.map +1 -1
  86. package/table/internal.d.ts.map +1 -1
  87. package/table/internal.js +6 -7
  88. package/table/internal.js.map +1 -1
  89. package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -1
  90. package/table/sticky-scrollbar/sticky-scrollbar.js +1 -7
  91. package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -1
  92. package/table/sticky-scrollbar/use-sticky-scrollbar.d.ts +2 -2
  93. package/table/sticky-scrollbar/use-sticky-scrollbar.d.ts.map +1 -1
  94. package/table/sticky-scrollbar/use-sticky-scrollbar.js +12 -30
  95. package/table/sticky-scrollbar/use-sticky-scrollbar.js.map +1 -1
  96. package/theming/index.d.ts +5 -0
  97. package/theming/index.d.ts.map +1 -1
  98. package/theming/index.js +8 -1
  99. package/theming/index.js.map +1 -1
@@ -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_oarcx_99:not(#\9) {
99
+ div.awsui_background_hyvsj_nbcko_99:not(#\9) {
100
100
  display: contents;
101
101
  }
102
- div.awsui_background_hyvsj_oarcx_99 > .awsui_scrolling-background_hyvsj_oarcx_102:not(#\9) {
102
+ div.awsui_background_hyvsj_nbcko_99 > .awsui_scrolling-background_hyvsj_nbcko_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_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108:not(#\9) {
108
+ div.awsui_background_hyvsj_nbcko_99 > .awsui_sticky-background_hyvsj_nbcko_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-lgosor);
113
+ inset-block-start: var(--awsui-header-height-ud5fvm);
114
114
  z-index: 799;
115
115
  }
116
- div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116) {
117
- block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-lgosor));
116
+ div.awsui_background_hyvsj_nbcko_99 > .awsui_sticky-background_hyvsj_nbcko_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_nbcko_116) {
117
+ block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-ud5fvm));
118
118
  }
119
- div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.awsui_has-sticky-notifications_hyvsj_oarcx_116:not(#\9) {
119
+ div.awsui_background_hyvsj_nbcko_99 > .awsui_sticky-background_hyvsj_nbcko_108.awsui_has-sticky-notifications_hyvsj_nbcko_116:not(#\9) {
120
120
  block-size: calc(
121
- var(--awsui-notifications-gap-lgosor) + var(--awsui-notifications-height-lgosor) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-lgosor)
121
+ var(--awsui-notifications-gap-ud5fvm) + var(--awsui-notifications-height-ud5fvm) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-ud5fvm)
122
122
  );
123
123
  }
124
124
 
@@ -126,7 +126,7 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_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_oarcx_129:not(#\9) {
129
+ .awsui_breadcrumbs_hyvsj_nbcko_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_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
136
136
  be lifted so it doesn't render behind the background element.
137
137
  */
138
138
  }
139
- .awsui_breadcrumbs_hyvsj_oarcx_129.awsui_has-sticky-background_hyvsj_oarcx_139:not(#\9) {
139
+ .awsui_breadcrumbs_hyvsj_nbcko_129.awsui_has-sticky-background_hyvsj_nbcko_139:not(#\9) {
140
140
  z-index: 799;
141
141
  }
142
142
 
@@ -148,29 +148,29 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_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_oarcx_151:not(#\9) {
151
+ .awsui_drawers-container_hyvsj_nbcko_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-lgosor);
156
+ block-size: var(--awsui-content-height-ud5fvm);
157
157
  pointer-events: none;
158
158
  position: sticky;
159
- inset-block-start: var(--awsui-offset-top-lgosor);
159
+ inset-block-start: var(--awsui-offset-top-ud5fvm);
160
160
  z-index: 830;
161
161
  }
162
- .awsui_drawers-container_hyvsj_oarcx_151.awsui_has-open-drawer_hyvsj_oarcx_162:not(#\9) {
162
+ .awsui_drawers-container_hyvsj_nbcko_151.awsui_has-open-drawer_hyvsj_nbcko_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_oarcx_151:not(#\9) {
166
+ .awsui_drawers-container_hyvsj_nbcko_151:not(#\9) {
167
167
  /* stylelint-disable scss/operator-no-newline-after */
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));
168
+ max-inline-size: calc(var(--awsui-layout-width-ud5fvm) - var(--awsui-main-offset-left-ud5fvm) - var(--awsui-default-min-content-width-ud5fvm) - var(--awsui-content-gap-right-ud5fvm));
169
169
  /* stylelint-enable scss/operator-no-newline-after */
170
170
  }
171
171
  }
172
172
  @media (max-width: 688px) {
173
- .awsui_drawers-container_hyvsj_oarcx_151:not(#\9) {
173
+ .awsui_drawers-container_hyvsj_nbcko_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_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
182
182
  relative to the body.
183
183
  */
184
184
  }
185
- .awsui_drawers-container_hyvsj_oarcx_151.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
186
- inset-block-start: var(--awsui-header-height-lgosor);
185
+ .awsui_drawers-container_hyvsj_nbcko_151.awsui_disable-body-scroll_hyvsj_nbcko_185:not(#\9) {
186
+ inset-block-start: var(--awsui-header-height-ud5fvm);
187
187
  }
188
188
  }
189
189
 
190
- .awsui_drawers-desktop-triggers-container_hyvsj_oarcx_190:not(#\9) {
190
+ .awsui_drawers-desktop-triggers-container_hyvsj_nbcko_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_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_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_oarcx_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_oarcx_231).awsui_has-open-drawer_hyvsj_oarcx_162 {
232
+ .awsui_drawers-desktop-triggers-container_hyvsj_nbcko_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nbcko_231).awsui_has-open-drawer_hyvsj_nbcko_162 {
233
233
  inline-size: 0;
234
234
  }
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) {
235
+ .awsui_drawers-desktop-triggers-container_hyvsj_nbcko_190.awsui_has-multiple-triggers_hyvsj_nbcko_231.awsui_has-open-drawer_hyvsj_nbcko_162:not(#\9) {
236
236
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
237
237
  }
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) {
238
+ .awsui_drawers-desktop-triggers-container_hyvsj_nbcko_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nbcko_231):not(.awsui_has-open-drawer_hyvsj_nbcko_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_oarcx_241:not(#\9) {
242
+ .awsui_drawers-mobile-triggers-container_hyvsj_nbcko_241:not(#\9) {
243
243
  display: flex;
244
244
  }
245
245
 
246
- .awsui_drawers-trigger-content_hyvsj_oarcx_245:not(#\9) {
246
+ .awsui_drawers-trigger-content_hyvsj_nbcko_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_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_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_oarcx_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_oarcx_231).awsui_has-open-drawer_hyvsj_oarcx_162 {
254
+ .awsui_drawers-trigger-content_hyvsj_nbcko_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nbcko_231).awsui_has-open-drawer_hyvsj_nbcko_162 {
255
255
  opacity: 0;
256
256
  }
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) {
257
+ .awsui_drawers-trigger-content_hyvsj_nbcko_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nbcko_231):not(.awsui_has-open-drawer_hyvsj_nbcko_162) {
258
258
  opacity: 1;
259
259
  }
260
- .awsui_drawers-trigger-content_hyvsj_oarcx_245 > .awsui_drawers-trigger-overflow_hyvsj_oarcx_259:not(#\9) {
260
+ .awsui_drawers-trigger-content_hyvsj_nbcko_245 > .awsui_drawers-trigger-overflow_hyvsj_nbcko_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_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
266
266
  }
267
267
 
268
268
  @media (max-width: 688px) {
269
- .awsui_drawers-trigger_hyvsj_oarcx_245:not(#\9) {
269
+ .awsui_drawers-trigger_hyvsj_nbcko_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_oarcx_151:not(#\9) {
277
- --awsui-drawer-size-lgosor: 290px;
276
+ .awsui_drawer_hyvsj_nbcko_151:not(#\9) {
277
+ --awsui-drawer-size-ud5fvm: 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_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
288
288
  pointer-events: auto;
289
289
  word-wrap: break-word;
290
290
  }
291
- .awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-content-container_hyvsj_oarcx_290:not(#\9) {
291
+ .awsui_drawer_hyvsj_nbcko_151 > .awsui_drawer-content-container_hyvsj_nbcko_290:not(#\9) {
292
292
  grid-column: 1/span 2;
293
293
  grid-row: 1;
294
- inline-size: var(--awsui-drawer-size-lgosor);
294
+ inline-size: var(--awsui-drawer-size-ud5fvm);
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_oarcx_151 > .awsui_drawer-content-container_hyvsj_oarcx_290 > .awsui_drawer-close-button_hyvsj_oarcx_299:not(#\9) {
300
+ .awsui_drawer_hyvsj_nbcko_151 > .awsui_drawer-content-container_hyvsj_nbcko_290 > .awsui_drawer-close-button_hyvsj_nbcko_299:not(#\9) {
301
301
  grid-column: 3;
302
302
  grid-row: 2;
303
303
  z-index: 1;
304
304
  }
305
- .awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-content-container_hyvsj_oarcx_290 > .awsui_drawer-content_hyvsj_oarcx_290:not(#\9) {
305
+ .awsui_drawer_hyvsj_nbcko_151 > .awsui_drawer-content-container_hyvsj_nbcko_290 > .awsui_drawer-content_hyvsj_nbcko_290:not(#\9) {
306
306
  grid-column: 1/span 4;
307
307
  }
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) {
308
+ .awsui_drawer_hyvsj_nbcko_151 > .awsui_drawer-content-container_hyvsj_nbcko_290 > .awsui_drawer-content_hyvsj_nbcko_290.awsui_drawer-content-hidden_hyvsj_nbcko_307:not(#\9) {
309
309
  display: none;
310
310
  }
311
- .awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-slider_hyvsj_oarcx_310:not(#\9) {
311
+ .awsui_drawer_hyvsj_nbcko_151 > .awsui_drawer-slider_hyvsj_nbcko_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_oarcx_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_oarcx_317) {
318
+ .awsui_drawer_hyvsj_nbcko_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_nbcko_317) {
319
319
  opacity: 0;
320
320
  inline-size: 0;
321
321
  }
322
- .awsui_drawer_hyvsj_oarcx_151.awsui_is-drawer-open_hyvsj_oarcx_317:not(#\9) {
322
+ .awsui_drawer_hyvsj_nbcko_151.awsui_is-drawer-open_hyvsj_nbcko_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-lgosor);
326
+ inline-size: var(--awsui-drawer-size-ud5fvm);
327
327
  }
328
328
  @media (min-width: 2541px) {
329
- .awsui_drawer_hyvsj_oarcx_151.awsui_is-drawer-open_hyvsj_oarcx_317:not(#\9) {
330
- --awsui-drawer-size-lgosor: 320px;
329
+ .awsui_drawer_hyvsj_nbcko_151.awsui_is-drawer-open_hyvsj_nbcko_317:not(#\9) {
330
+ --awsui-drawer-size-ud5fvm: 320px;
331
331
  }
332
332
  }
333
333
  @media (max-width: 688px) {
334
- .awsui_drawer_hyvsj_oarcx_151.awsui_is-drawer-open_hyvsj_oarcx_317:not(#\9) {
335
- --awsui-drawer-size-lgosor: 100vw;
334
+ .awsui_drawer_hyvsj_nbcko_151.awsui_is-drawer-open_hyvsj_nbcko_317:not(#\9) {
335
+ --awsui-drawer-size-ud5fvm: 100vw;
336
336
  inline-size: 100vw;
337
337
  }
338
338
  }
@@ -341,7 +341,7 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_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_oarcx_343:not(#\9) {
344
+ header.awsui_content_hyvsj_nbcko_343:not(#\9) {
345
345
  grid-area: header;
346
346
  }
347
347
 
@@ -362,35 +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_oarcx_364:not(#\9) {
366
- --awsui-breadcrumbs-gap-lgosor: 0px;
367
- --awsui-content-gap-left-lgosor: 0px;
368
- --awsui-content-gap-right-lgosor: 0px;
369
- --awsui-content-height-lgosor: calc(100vh - var(--awsui-header-height-lgosor) - var(--awsui-footer-height-lgosor));
370
- --awsui-default-max-content-width-lgosor: 1280px;
371
- --awsui-default-min-content-width-lgosor: 0px;
372
- --awsui-footer-height-lgosor: 0px;
373
- --awsui-header-gap-lgosor: 0px;
374
- --awsui-header-height-lgosor: 0px;
375
- --awsui-layout-width-lgosor: 0px;
376
- --awsui-main-gap-lgosor: 0px;
377
- --awsui-main-offset-left-lgosor: 0px;
378
- --awsui-main-template-rows-lgosor: 1fr;
379
- --awsui-max-content-width-lgosor: 0px;
380
- --awsui-min-content-width-lgosor: 280px;
381
- --awsui-mobile-bar-height-lgosor: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
382
- --awsui-notifications-gap-lgosor: 0px;
383
- --awsui-notifications-height-lgosor: 0px;
384
- --awsui-offset-top-lgosor: var(--awsui-header-height-lgosor);
385
- --awsui-offset-top-with-notifications-lgosor: 0px;
386
- --awsui-overlap-height-lgosor: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
365
+ .awsui_layout_hyvsj_nbcko_364:not(#\9) {
366
+ --awsui-breadcrumbs-gap-ud5fvm: 0px;
367
+ --awsui-content-gap-left-ud5fvm: 0px;
368
+ --awsui-content-gap-right-ud5fvm: 0px;
369
+ --awsui-content-height-ud5fvm: calc(100vh - var(--awsui-header-height-ud5fvm) - var(--awsui-footer-height-ud5fvm));
370
+ --awsui-default-max-content-width-ud5fvm: 1280px;
371
+ --awsui-default-min-content-width-ud5fvm: 0px;
372
+ --awsui-footer-height-ud5fvm: 0px;
373
+ --awsui-header-gap-ud5fvm: 0px;
374
+ --awsui-header-height-ud5fvm: 0px;
375
+ --awsui-layout-width-ud5fvm: 0px;
376
+ --awsui-main-gap-ud5fvm: 0px;
377
+ --awsui-main-offset-left-ud5fvm: 0px;
378
+ --awsui-main-template-rows-ud5fvm: 1fr;
379
+ --awsui-max-content-width-ud5fvm: 0px;
380
+ --awsui-min-content-width-ud5fvm: 280px;
381
+ --awsui-mobile-bar-height-ud5fvm: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
382
+ --awsui-notifications-gap-ud5fvm: 0px;
383
+ --awsui-notifications-height-ud5fvm: 0px;
384
+ --awsui-offset-top-ud5fvm: var(--awsui-header-height-ud5fvm);
385
+ --awsui-overlap-height-ud5fvm: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
387
386
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
388
387
  color: var(--color-text-body-default-at06ol, #000716);
389
388
  display: grid;
390
389
  grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
391
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-lgosor), 1fr) minmax(var(--awsui-default-min-content-width-lgosor), var(--awsui-default-max-content-width-lgosor)) minmax(var(--awsui-content-gap-right-lgosor), 1fr) min-content;
392
- grid-template-rows: auto var(--awsui-notifications-gap-lgosor) auto var(--awsui-breadcrumbs-gap-lgosor) auto var(--awsui-header-gap-lgosor) auto var(--awsui-main-gap-lgosor) var(--awsui-overlap-height-lgosor) var(--awsui-main-template-rows-lgosor);
393
- min-block-size: var(--awsui-content-height-lgosor);
390
+ grid-template-columns: min-content minmax(var(--awsui-content-gap-left-ud5fvm), 1fr) minmax(var(--awsui-default-min-content-width-ud5fvm), var(--awsui-default-max-content-width-ud5fvm)) minmax(var(--awsui-content-gap-right-ud5fvm), 1fr) min-content;
391
+ grid-template-rows: auto var(--awsui-notifications-gap-ud5fvm) auto var(--awsui-breadcrumbs-gap-ud5fvm) auto var(--awsui-header-gap-ud5fvm) auto var(--awsui-main-gap-ud5fvm) var(--awsui-overlap-height-ud5fvm) var(--awsui-main-template-rows-ud5fvm);
392
+ min-block-size: var(--awsui-content-height-ud5fvm);
394
393
  position: relative;
395
394
  /*
396
395
  Add unified max-width for AppLayout content based on breakpoints. Only use the max content
@@ -412,15 +411,6 @@ explicitly set in script.
412
411
  isMobile breakpoint sets the drawers to overlay at 100vw.
413
412
  */
414
413
  /*
415
- The offset top value for components with position: sticky (AppBar, Navigation,
416
- Notifications, Tools) will be set to the header height value. The offset top value
417
- for AppLayout contentMain children with position: sticky will be the combined value
418
- of the header and notifications height in addition to the notifications top margin
419
- and some additional vertical space for aesthetics.
420
- */
421
- /* stylelint-disable scss/operator-no-newline-after */
422
- /* stylelint-enable scss/operator-no-newline-after */
423
- /*
424
414
  In desktop viewports the content gap property for the left and right
425
415
  columns should override the default of zero if the navigationHide
426
416
  or toolsHide property is set. This ensures adequate horizontal space
@@ -443,131 +433,113 @@ explicitly set in script.
443
433
  */
444
434
  }
445
435
  @media (min-width: 1401px) {
446
- .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445) {
447
- --awsui-default-max-content-width-lgosor: 1280px;
436
+ .awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435) {
437
+ --awsui-default-max-content-width-ud5fvm: 1280px;
448
438
  }
449
439
  }
450
440
  @media (min-width: 1921px) {
451
- .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445) {
452
- --awsui-default-max-content-width-lgosor: 1440px;
441
+ .awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435) {
442
+ --awsui-default-max-content-width-ud5fvm: 1440px;
453
443
  }
454
444
  }
455
445
  @media (min-width: 2541px) {
456
- .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445) {
457
- --awsui-default-max-content-width-lgosor: 1620px;
446
+ .awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435) {
447
+ --awsui-default-max-content-width-ud5fvm: 1620px;
458
448
  }
459
449
  }
460
450
  @media (min-width: 1401px) {
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
- --awsui-default-max-content-width-lgosor: 1280px;
451
+ .awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435).awsui_content-type-dashboard_hyvsj_nbcko_450 {
452
+ --awsui-default-max-content-width-ud5fvm: 1280px;
463
453
  }
464
454
  }
465
455
  @media (min-width: 1921px) {
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
- --awsui-default-max-content-width-lgosor: 1620px;
456
+ .awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435).awsui_content-type-dashboard_hyvsj_nbcko_450 {
457
+ --awsui-default-max-content-width-ud5fvm: 1620px;
468
458
  }
469
459
  }
470
460
  @media (min-width: 2541px) {
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
- --awsui-default-max-content-width-lgosor: 2160px;
461
+ .awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435).awsui_content-type-dashboard_hyvsj_nbcko_450 {
462
+ --awsui-default-max-content-width-ud5fvm: 2160px;
473
463
  }
474
464
  }
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
- --awsui-default-max-content-width-lgosor: 100%;
465
+ .awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435).awsui_content-type-table_hyvsj_nbcko_464, .awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435).awsui_content-type-cards_hyvsj_nbcko_464 {
466
+ --awsui-default-max-content-width-ud5fvm: 100%;
477
467
  }
478
- .awsui_layout_hyvsj_oarcx_364.awsui_has-max-content-width_hyvsj_oarcx_445:not(#\9) {
479
- --awsui-default-max-content-width-lgosor: var(--awsui-max-content-width-lgosor);
468
+ .awsui_layout_hyvsj_nbcko_364.awsui_has-max-content-width_hyvsj_nbcko_435:not(#\9) {
469
+ --awsui-default-max-content-width-ud5fvm: var(--awsui-max-content-width-ud5fvm);
480
470
  }
481
- .awsui_layout_hyvsj_oarcx_364.awsui_is-overlap-disabled_hyvsj_oarcx_480:not(#\9) {
482
- --awsui-overlap-height-lgosor: 0;
471
+ .awsui_layout_hyvsj_nbcko_364.awsui_is-overlap-disabled_hyvsj_nbcko_470:not(#\9) {
472
+ --awsui-overlap-height-ud5fvm: 0;
483
473
  }
484
- .awsui_layout_hyvsj_oarcx_364.awsui_is-hide-mobile-toolbar_hyvsj_oarcx_483:not(#\9) {
485
- --awsui-mobile-bar-height-lgosor: 0px;
474
+ .awsui_layout_hyvsj_nbcko_364.awsui_is-hide-mobile-toolbar_hyvsj_nbcko_473:not(#\9) {
475
+ --awsui-mobile-bar-height-ud5fvm: 0px;
486
476
  }
487
477
  @media (min-width: 993px) {
488
- .awsui_layout_hyvsj_oarcx_364:not(#\9) {
489
- --awsui-default-min-content-width-lgosor: var(--awsui-min-content-width-lgosor, 280px);
478
+ .awsui_layout_hyvsj_nbcko_364:not(#\9) {
479
+ --awsui-default-min-content-width-ud5fvm: var(--awsui-min-content-width-ud5fvm, 280px);
490
480
  }
491
481
  }
492
482
  @media (max-width: 992px) {
493
- .awsui_layout_hyvsj_oarcx_364:not(#\9) {
494
- --awsui-default-min-content-width-lgosor: 0px;
483
+ .awsui_layout_hyvsj_nbcko_364:not(#\9) {
484
+ --awsui-default-min-content-width-ud5fvm: 0px;
495
485
  }
496
486
  }
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
- --awsui-offset-top-with-notifications-lgosor: var(--awsui-header-height-lgosor);
499
- }
500
- .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116).awsui_has-sticky-background_hyvsj_oarcx_139 {
501
- --awsui-offset-top-with-notifications-lgosor: calc(var(--awsui-header-height-lgosor) + var(--space-scaled-s-aqzyko, 12px));
502
- }
503
- .awsui_layout_hyvsj_oarcx_364.awsui_has-sticky-notifications_hyvsj_oarcx_116:not(#\9):not(.awsui_has-sticky-background_hyvsj_oarcx_139) {
504
- --awsui-offset-top-with-notifications-lgosor: calc(
505
- var(--awsui-offset-top-lgosor) + var(--awsui-notifications-gap-lgosor) +
506
- var(--awsui-notifications-height-lgosor) + var(--space-xxxs-zbmxqb, 2px)
507
- );
508
- }
509
- .awsui_layout_hyvsj_oarcx_364.awsui_has-sticky-notifications_hyvsj_oarcx_116.awsui_has-sticky-background_hyvsj_oarcx_139:not(#\9) {
510
- --awsui-offset-top-with-notifications-lgosor: calc(
511
- var(--awsui-offset-top-lgosor) + var(--awsui-notifications-gap-lgosor) +
512
- var(--awsui-notifications-height-lgosor) + var(--space-scaled-s-aqzyko, 12px)
513
- );
514
- }
515
487
  @media (min-width: 689px) {
516
- .awsui_layout_hyvsj_oarcx_364.awsui_has-content-gap-left_hyvsj_oarcx_515:not(#\9) {
517
- --awsui-content-gap-left-lgosor: var(--space-layout-content-horizontal-7l52k3, 24px);
488
+ .awsui_layout_hyvsj_nbcko_364.awsui_has-content-gap-left_hyvsj_nbcko_487:not(#\9) {
489
+ --awsui-content-gap-left-ud5fvm: var(--space-layout-content-horizontal-7l52k3, 24px);
518
490
  }
519
- .awsui_layout_hyvsj_oarcx_364.awsui_has-content-gap-right_hyvsj_oarcx_518:not(#\9) {
520
- --awsui-content-gap-right-lgosor: var(--space-layout-content-horizontal-7l52k3, 24px);
491
+ .awsui_layout_hyvsj_nbcko_364.awsui_has-content-gap-right_hyvsj_nbcko_490:not(#\9) {
492
+ --awsui-content-gap-right-ud5fvm: var(--space-layout-content-horizontal-7l52k3, 24px);
521
493
  }
522
494
  }
523
495
  @media (max-width: 688px) {
524
- .awsui_layout_hyvsj_oarcx_364:not(#\9) {
525
- --awsui-content-gap-left-lgosor: var(--space-l-t419sm, 20px);
526
- --awsui-content-gap-right-lgosor: var(--space-l-t419sm, 20px);
496
+ .awsui_layout_hyvsj_nbcko_364:not(#\9) {
497
+ --awsui-content-gap-left-ud5fvm: var(--space-l-t419sm, 20px);
498
+ --awsui-content-gap-right-ud5fvm: var(--space-l-t419sm, 20px);
527
499
  }
528
500
  }
529
- .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9) {
530
- --awsui-notifications-gap-lgosor: var(--space-xs-zb16t3, 8px);
501
+ .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9) {
502
+ --awsui-notifications-gap-ud5fvm: var(--space-xs-zb16t3, 8px);
531
503
  }
532
- .awsui_layout_hyvsj_oarcx_364.awsui_has-breadcrumbs_hyvsj_oarcx_531:not(#\9) {
533
- --awsui-breadcrumbs-gap-lgosor: var(--space-scaled-m-mo5yse, 16px);
504
+ .awsui_layout_hyvsj_nbcko_364.awsui_has-breadcrumbs_hyvsj_nbcko_503:not(#\9) {
505
+ --awsui-breadcrumbs-gap-ud5fvm: var(--space-scaled-m-mo5yse, 16px);
534
506
  }
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
- --awsui-header-gap-lgosor: var(--space-scaled-xs-26e2du, 8px);
507
+ .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-header_hyvsj_nbcko_506:not(#\9), .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nbcko_503).awsui_has-header_hyvsj_nbcko_506 {
508
+ --awsui-header-gap-ud5fvm: var(--space-scaled-xs-26e2du, 8px);
537
509
  }
538
- .awsui_layout_hyvsj_oarcx_364.awsui_has-breadcrumbs_hyvsj_oarcx_531.awsui_has-header_hyvsj_oarcx_534:not(#\9) {
539
- --awsui-header-gap-lgosor: var(--space-scaled-xs-26e2du, 8px);
510
+ .awsui_layout_hyvsj_nbcko_364.awsui_has-breadcrumbs_hyvsj_nbcko_503.awsui_has-header_hyvsj_nbcko_506:not(#\9) {
511
+ --awsui-header-gap-ud5fvm: var(--space-scaled-xs-26e2du, 8px);
540
512
  }
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
- --awsui-main-gap-lgosor: var(--space-xs-zb16t3, 8px);
513
+ .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nbcko_503):not(.awsui_has-header_hyvsj_nbcko_506) {
514
+ --awsui-main-gap-ud5fvm: var(--space-xs-zb16t3, 8px);
543
515
  }
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
- --awsui-main-gap-lgosor: var(--space-scaled-m-mo5yse, 16px);
516
+ .awsui_layout_hyvsj_nbcko_364.awsui_has-breadcrumbs_hyvsj_nbcko_503:not(#\9):not(.awsui_has-header_hyvsj_nbcko_506).awsui_is-overlap-disabled_hyvsj_nbcko_470 {
517
+ --awsui-main-gap-ud5fvm: var(--space-scaled-m-mo5yse, 16px);
546
518
  }
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
- --awsui-main-gap-lgosor: var(--space-scaled-xxs-7597g1, 4px);
519
+ .awsui_layout_hyvsj_nbcko_364.awsui_has-breadcrumbs_hyvsj_nbcko_503:not(#\9):not(.awsui_has-header_hyvsj_nbcko_506):not(.awsui_is-overlap-disabled_hyvsj_nbcko_470) {
520
+ --awsui-main-gap-ud5fvm: var(--space-scaled-xxs-7597g1, 4px);
549
521
  }
550
- .awsui_layout_hyvsj_oarcx_364.awsui_has-header_hyvsj_oarcx_534:not(#\9) {
551
- --awsui-main-gap-lgosor: var(--space-content-header-padding-bottom-y2enua, 16px);
522
+ .awsui_layout_hyvsj_nbcko_364.awsui_has-header_hyvsj_nbcko_506:not(#\9) {
523
+ --awsui-main-gap-ud5fvm: var(--space-content-header-padding-bottom-y2enua, 16px);
552
524
  }
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
- --awsui-main-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
525
+ .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-main_hyvsj_nbcko_524:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_nbcko_470), .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-main_hyvsj_nbcko_524.awsui_is-overlap-disabled_hyvsj_nbcko_470:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nbcko_524) {
526
+ --awsui-main-gap-ud5fvm: var(--space-scaled-s-aqzyko, 12px);
555
527
  }
556
528
  @media (max-width: 688px) {
557
- .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9) {
558
- --awsui-notifications-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
529
+ .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9) {
530
+ --awsui-notifications-gap-ud5fvm: var(--space-scaled-s-aqzyko, 12px);
559
531
  }
560
- .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-header_hyvsj_oarcx_534:not(#\9) {
561
- --awsui-header-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
532
+ .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-header_hyvsj_nbcko_506:not(#\9) {
533
+ --awsui-header-gap-ud5fvm: var(--space-scaled-s-aqzyko, 12px);
562
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
- --awsui-header-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
535
+ .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nbcko_503).awsui_has-header_hyvsj_nbcko_506 {
536
+ --awsui-header-gap-ud5fvm: var(--space-scaled-s-aqzyko, 12px);
565
537
  }
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
- --awsui-main-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
538
+ .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nbcko_503):not(.awsui_has-header_hyvsj_nbcko_506), .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-main_hyvsj_nbcko_524:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_nbcko_470) {
539
+ --awsui-main-gap-ud5fvm: var(--space-scaled-s-aqzyko, 12px);
568
540
  }
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
- --awsui-main-gap-lgosor: var(--space-scaled-m-mo5yse, 16px);
541
+ .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-main_hyvsj_nbcko_524.awsui_is-overlap-disabled_hyvsj_nbcko_470:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nbcko_524) {
542
+ --awsui-main-gap-ud5fvm: var(--space-scaled-m-mo5yse, 16px);
571
543
  }
572
544
  }
573
545
 
@@ -581,35 +553,27 @@ not matter. The offset top value for AppLayout contentMain children with
581
553
  position: sticky will be the value of the notifications height in addition to the
582
554
  notifications top margin and some additional vertical space for aesthetics.
583
555
  */
584
- .awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
585
- --awsui-main-template-rows-lgosor: 1fr auto;
586
- --awsui-offset-top-lgosor: 0px;
587
- block-size: var(--awsui-content-height-lgosor);
556
+ .awsui_layout_hyvsj_nbcko_364.awsui_disable-body-scroll_hyvsj_nbcko_185:not(#\9) {
557
+ --awsui-main-template-rows-ud5fvm: 1fr auto;
558
+ --awsui-offset-top-ud5fvm: 0px;
559
+ block-size: var(--awsui-content-height-ud5fvm);
588
560
  overflow-y: scroll;
589
561
  }
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
- --awsui-main-template-rows-lgosor: repeat(2, auto);
592
- }
593
- .awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116) {
594
- --awsui-offset-top-with-notifications-lgosor: 0px;
595
- }
596
- .awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185.awsui_has-sticky-notifications_hyvsj_oarcx_116:not(#\9) {
597
- --awsui-offset-top-with-notifications-lgosor: calc(
598
- var(--awsui-notifications-height-lgosor) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
599
- );
562
+ .awsui_layout_hyvsj_nbcko_364.awsui_disable-body-scroll_hyvsj_nbcko_185.awsui_has-split-panel_hyvsj_nbcko_561.awsui_split-panel-position-bottom_hyvsj_nbcko_561:not(#\9) {
563
+ --awsui-main-template-rows-ud5fvm: repeat(2, auto);
600
564
  }
601
565
 
602
566
  /*
603
567
  This CSS class is applied to the document body to prevent overflow scrolling
604
568
  when the navigation or tools drawers are open in responsive viewports.
605
569
  */
606
- .awsui_block-body-scroll_hyvsj_oarcx_605:not(#\9) {
570
+ .awsui_block-body-scroll_hyvsj_nbcko_569:not(#\9) {
607
571
  overflow: hidden;
608
572
  }
609
573
 
610
574
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
611
- .awsui_unfocusable_hyvsj_oarcx_610:not(#\9),
612
- .awsui_unfocusable_hyvsj_oarcx_610 *:not(#\9) {
575
+ .awsui_unfocusable_hyvsj_nbcko_574:not(#\9),
576
+ .awsui_unfocusable_hyvsj_nbcko_574 *:not(#\9) {
613
577
  visibility: hidden !important;
614
578
  }
615
579
 
@@ -618,7 +582,7 @@ when the navigation or tools drawers are open in responsive viewports.
618
582
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
619
583
  SPDX-License-Identifier: Apache-2.0
620
584
  */
621
- .awsui_container_hyvsj_oarcx_620:not(#\9) {
585
+ .awsui_container_hyvsj_nbcko_584:not(#\9) {
622
586
  grid-area: main;
623
587
  padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
624
588
  /*
@@ -635,19 +599,19 @@ when the navigation or tools drawers are open in responsive viewports.
635
599
  on the right, we decrement the column end by one.
636
600
  */
637
601
  }
638
- .awsui_container_hyvsj_oarcx_620.awsui_has-split-panel_hyvsj_oarcx_589.awsui_split-panel-position-bottom_hyvsj_oarcx_589:not(#\9) {
639
- padding-block-end: calc(var(--awsui-split-panel-height-lgosor) + var(--space-layout-content-bottom-noqzmw, 40px));
602
+ .awsui_container_hyvsj_nbcko_584.awsui_has-split-panel_hyvsj_nbcko_561.awsui_split-panel-position-bottom_hyvsj_nbcko_561:not(#\9) {
603
+ padding-block-end: calc(var(--awsui-split-panel-height-ud5fvm) + var(--space-layout-content-bottom-noqzmw, 40px));
640
604
  }
641
- .awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552:not(#\9) {
605
+ .awsui_container_hyvsj_nbcko_584.awsui_disable-content-paddings_hyvsj_nbcko_524:not(#\9) {
642
606
  grid-column: 1/6;
643
607
  padding-block: 0;
644
608
  padding-inline: 0;
645
609
  }
646
610
  @media (min-width: 689px) {
647
- .awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552.awsui_is-navigation-open_hyvsj_oarcx_646:not(#\9) {
611
+ .awsui_container_hyvsj_nbcko_584.awsui_disable-content-paddings_hyvsj_nbcko_524.awsui_is-navigation-open_hyvsj_nbcko_610:not(#\9) {
648
612
  grid-column-start: 2;
649
613
  }
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) {
614
+ .awsui_container_hyvsj_nbcko_584.awsui_disable-content-paddings_hyvsj_nbcko_524.awsui_is-tools-open_hyvsj_nbcko_613:not(#\9), .awsui_container_hyvsj_nbcko_584.awsui_disable-content-paddings_hyvsj_nbcko_524.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_split-panel-position-side_hyvsj_nbcko_613:not(#\9), .awsui_container_hyvsj_nbcko_584.awsui_disable-content-paddings_hyvsj_nbcko_524.awsui_has-active-drawer_hyvsj_nbcko_613:not(#\9) {
651
615
  grid-column-end: 5;
652
616
  }
653
617
  }
@@ -656,13 +620,13 @@ when the navigation or tools drawers are open in responsive viewports.
656
620
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
657
621
  SPDX-License-Identifier: Apache-2.0
658
622
  */
659
- section.awsui_mobile-toolbar_hyvsj_oarcx_658:not(#\9) {
623
+ section.awsui_mobile-toolbar_hyvsj_nbcko_622:not(#\9) {
660
624
  align-items: center;
661
625
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
662
626
  border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
663
627
  box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
664
628
  box-sizing: border-box;
665
- block-size: var(--awsui-mobile-bar-height-lgosor);
629
+ block-size: var(--awsui-mobile-bar-height-ud5fvm);
666
630
  display: grid;
667
631
  grid-area: mobileToolbar;
668
632
  grid-column: 1/span 5;
@@ -670,22 +634,22 @@ section.awsui_mobile-toolbar_hyvsj_oarcx_658:not(#\9) {
670
634
  padding-block: 0;
671
635
  padding-inline: var(--space-m-udix3p, 16px);
672
636
  position: sticky;
673
- inset-block-start: var(--awsui-offset-top-lgosor);
637
+ inset-block-start: var(--awsui-offset-top-ud5fvm);
674
638
  z-index: 1000;
675
639
  }
676
- section.awsui_mobile-toolbar_hyvsj_oarcx_658:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_oarcx_675) {
640
+ section.awsui_mobile-toolbar_hyvsj_nbcko_622:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_nbcko_639) {
677
641
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
678
642
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
679
643
  }
680
- section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-nav_hyvsj_oarcx_679:not(#\9) {
644
+ section.awsui_mobile-toolbar_hyvsj_nbcko_622 > .awsui_mobile-toolbar-nav_hyvsj_nbcko_643:not(#\9) {
681
645
  grid-column: 1;
682
646
  margin-inline-end: var(--space-m-udix3p, 16px);
683
647
  }
684
- section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_oarcx_683:not(#\9) {
648
+ section.awsui_mobile-toolbar_hyvsj_nbcko_622 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_nbcko_647:not(#\9) {
685
649
  grid-column: 2;
686
650
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
687
651
  }
688
- section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-tools_hyvsj_oarcx_687:not(#\9) {
652
+ section.awsui_mobile-toolbar_hyvsj_nbcko_622 > .awsui_mobile-toolbar-tools_hyvsj_nbcko_651:not(#\9) {
689
653
  grid-column: 3;
690
654
  margin-inline-start: var(--space-m-udix3p, 16px);
691
655
  }
@@ -694,13 +658,13 @@ section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-tools_hyvsj
694
658
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
695
659
  SPDX-License-Identifier: Apache-2.0
696
660
  */
697
- .awsui_navigation-container_hyvsj_oarcx_696:not(#\9) {
661
+ .awsui_navigation-container_hyvsj_nbcko_660:not(#\9) {
698
662
  display: flex;
699
663
  grid-column: 1;
700
664
  grid-row: 1/span 10;
701
- block-size: var(--awsui-content-height-lgosor);
665
+ block-size: var(--awsui-content-height-ud5fvm);
702
666
  position: sticky;
703
- inset-block-start: var(--awsui-offset-top-lgosor);
667
+ inset-block-start: var(--awsui-offset-top-ud5fvm);
704
668
  z-index: 830;
705
669
  /*
706
670
  The navigation and tools containers (that contain the toggle buttons)
@@ -715,7 +679,7 @@ section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-tools_hyvsj
715
679
  pointer-events: none;
716
680
  }
717
681
  @media (max-width: 688px) {
718
- .awsui_navigation-container_hyvsj_oarcx_696:not(#\9) {
682
+ .awsui_navigation-container_hyvsj_nbcko_660:not(#\9) {
719
683
  inset-inline-start: 0;
720
684
  position: fixed;
721
685
  z-index: 1001;
@@ -727,12 +691,12 @@ section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-tools_hyvsj
727
691
  relative to the body.
728
692
  */
729
693
  }
730
- .awsui_navigation-container_hyvsj_oarcx_696.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
731
- inset-block-start: var(--awsui-header-height-lgosor);
694
+ .awsui_navigation-container_hyvsj_nbcko_660.awsui_disable-body-scroll_hyvsj_nbcko_185:not(#\9) {
695
+ inset-block-start: var(--awsui-header-height-ud5fvm);
732
696
  }
733
697
  }
734
698
 
735
- nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9) {
699
+ nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9) {
736
700
  padding-block: var(--space-scaled-s-aqzyko, 12px);
737
701
  padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
738
702
  /*
@@ -740,7 +704,7 @@ nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9) {
740
704
  take control in responsive viewports.
741
705
  */
742
706
  }
743
- @keyframes awsui_showButtons_hyvsj_oarcx_1 {
707
+ @keyframes awsui_showButtons_hyvsj_nbcko_1 {
744
708
  0% {
745
709
  opacity: 0;
746
710
  }
@@ -748,31 +712,31 @@ nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9) {
748
712
  opacity: 1;
749
713
  }
750
714
  }
751
- nav.awsui_show-navigation_hyvsj_oarcx_734.awsui_is-navigation-open_hyvsj_oarcx_646:not(#\9) {
715
+ nav.awsui_show-navigation_hyvsj_nbcko_698.awsui_is-navigation-open_hyvsj_nbcko_610:not(#\9) {
752
716
  display: none;
753
717
  }
754
718
  @media (min-width: 689px) {
755
- nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646) {
719
+ nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610) {
756
720
  display: block;
757
721
  }
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);
722
+ nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610).awsui_animating_hyvsj_nbcko_721 {
723
+ animation: awsui_showButtons_hyvsj_nbcko_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
760
724
  }
761
725
  }
762
726
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
763
- nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646).awsui_animating_hyvsj_oarcx_757 {
727
+ nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610).awsui_animating_hyvsj_nbcko_721 {
764
728
  animation: none;
765
729
  transition: none;
766
730
  }
767
731
  }
768
732
  @media (min-width: 689px) {
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 {
733
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610).awsui_animating_hyvsj_nbcko_721, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610).awsui_animating_hyvsj_nbcko_721 {
770
734
  animation: none;
771
735
  transition: none;
772
736
  }
773
737
  }
774
738
 
775
- nav.awsui_navigation_hyvsj_oarcx_696:not(#\9) {
739
+ nav.awsui_navigation_hyvsj_nbcko_660:not(#\9) {
776
740
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
777
741
  inset-block-end: 0;
778
742
  block-size: 100%;
@@ -790,43 +754,43 @@ nav.awsui_navigation_hyvsj_oarcx_696:not(#\9) {
790
754
  prevent unwanted text wrapping.
791
755
  */
792
756
  }
793
- @keyframes awsui_openNavigation_hyvsj_oarcx_1 {
757
+ @keyframes awsui_openNavigation_hyvsj_nbcko_1 {
794
758
  from {
795
759
  opacity: 0;
796
760
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
797
761
  }
798
762
  to {
799
763
  opacity: 1;
800
- inline-size: var(--awsui-navigation-width-lgosor);
764
+ inline-size: var(--awsui-navigation-width-ud5fvm);
801
765
  }
802
766
  }
803
- nav.awsui_navigation_hyvsj_oarcx_696:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646) {
767
+ nav.awsui_navigation_hyvsj_nbcko_660:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610) {
804
768
  inline-size: 0;
805
769
  display: none;
806
770
  }
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);
771
+ nav.awsui_navigation_hyvsj_nbcko_660.awsui_is-navigation-open_hyvsj_nbcko_610.awsui_animating_hyvsj_nbcko_721:not(#\9) {
772
+ animation: awsui_openNavigation_hyvsj_nbcko_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
809
773
  }
810
774
  @media (prefers-reduced-motion: reduce) {
811
- nav.awsui_navigation_hyvsj_oarcx_696.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_animating_hyvsj_oarcx_757:not(#\9) {
775
+ nav.awsui_navigation_hyvsj_nbcko_660.awsui_is-navigation-open_hyvsj_nbcko_610.awsui_animating_hyvsj_nbcko_721:not(#\9) {
812
776
  animation: none;
813
777
  transition: none;
814
778
  }
815
779
  }
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) {
780
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_nbcko_660.awsui_is-navigation-open_hyvsj_nbcko_610.awsui_animating_hyvsj_nbcko_721:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_nbcko_660.awsui_is-navigation-open_hyvsj_nbcko_610.awsui_animating_hyvsj_nbcko_721:not(#\9) {
817
781
  animation: none;
818
782
  transition: none;
819
783
  }
820
- nav.awsui_navigation_hyvsj_oarcx_696 > .awsui_animated-content_hyvsj_oarcx_819:not(#\9) {
821
- inline-size: var(--awsui-navigation-width-lgosor);
784
+ nav.awsui_navigation_hyvsj_nbcko_660 > .awsui_animated-content_hyvsj_nbcko_783:not(#\9) {
785
+ inline-size: var(--awsui-navigation-width-ud5fvm);
822
786
  }
823
787
  @media (max-width: 688px) {
824
- nav.awsui_navigation_hyvsj_oarcx_696:not(#\9) {
825
- --awsui-navigation-width-lgosor: 100vw;
788
+ nav.awsui_navigation_hyvsj_nbcko_660:not(#\9) {
789
+ --awsui-navigation-width-ud5fvm: 100vw;
826
790
  }
827
791
  }
828
792
 
829
- .awsui_hide-navigation_hyvsj_oarcx_828:not(#\9) {
793
+ .awsui_hide-navigation_hyvsj_nbcko_792:not(#\9) {
830
794
  position: absolute;
831
795
  inset-inline-end: var(--space-m-udix3p, 16px);
832
796
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -836,16 +800,16 @@ nav.awsui_navigation_hyvsj_oarcx_696 > .awsui_animated-content_hyvsj_oarcx_819:n
836
800
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
837
801
  SPDX-License-Identifier: Apache-2.0
838
802
  */
839
- .awsui_notifications_hyvsj_oarcx_838:not(#\9) {
803
+ .awsui_notifications_hyvsj_nbcko_802:not(#\9) {
840
804
  color: var(--color-text-body-default-at06ol, #000716);
841
805
  grid-area: notifications;
842
806
  z-index: 850;
843
807
  }
844
808
  @media (min-width: 689px) {
845
- .awsui_notifications_hyvsj_oarcx_838.awsui_sticky-notifications_hyvsj_oarcx_844:not(#\9) {
846
- --awsui-flashbar-sticky-bottom-margin-lgosor: var(--space-xxl-cu2m1r, 32px);
809
+ .awsui_notifications_hyvsj_nbcko_802.awsui_sticky-notifications_hyvsj_nbcko_808:not(#\9) {
810
+ --awsui-flashbar-sticky-bottom-margin-ud5fvm: var(--space-xxl-cu2m1r, 32px);
847
811
  position: sticky;
848
- inset-block-start: calc(var(--awsui-offset-top-lgosor) + var(--space-xs-zb16t3, 8px));
812
+ inset-block-start: calc(var(--awsui-offset-top-ud5fvm) + var(--space-xs-zb16t3, 8px));
849
813
  }
850
814
  }
851
815
 
@@ -859,13 +823,13 @@ as the content area. This row is defined as 1 fractional unit which will
859
823
  consume the remaining vertical space in the grid after the notifications
860
824
  and breadcrumbs.
861
825
  */
862
- section.awsui_split-panel-bottom_hyvsj_oarcx_861:not(#\9) {
826
+ section.awsui_split-panel-bottom_hyvsj_nbcko_825:not(#\9) {
863
827
  /*
864
828
  The align self property will position the split panel at the bottom of the grid row.
865
829
  This could be off the viewport if the content area has enough content to be scrollable.
866
830
  */
867
831
  align-self: end;
868
- inset-block-end: var(--awsui-footer-height-lgosor);
832
+ inset-block-end: var(--awsui-footer-height-ud5fvm);
869
833
  display: none;
870
834
  grid-column: 1/6;
871
835
  grid-row: 10;
@@ -895,47 +859,47 @@ section.awsui_split-panel-bottom_hyvsj_oarcx_861:not(#\9) {
895
859
  apply the animation to the height property.
896
860
  */
897
861
  }
898
- @keyframes awsui_openSplitPanelBottom_hyvsj_oarcx_1 {
862
+ @keyframes awsui_openSplitPanelBottom_hyvsj_nbcko_1 {
899
863
  from {
900
- block-size: var(--awsui-split-panel-reported-header-size-lgosor, 0);
864
+ block-size: var(--awsui-split-panel-reported-header-size-ud5fvm, 0);
901
865
  }
902
866
  to {
903
- block-size: var(--awsui-split-panel-reported-size-lgosor);
867
+ block-size: var(--awsui-split-panel-reported-size-ud5fvm);
904
868
  }
905
869
  }
906
- section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
870
+ section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_disable-body-scroll_hyvsj_nbcko_185:not(#\9) {
907
871
  inset-block-end: 0;
908
872
  }
909
- section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
873
+ section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-navigation-open_hyvsj_nbcko_610.awsui_position-bottom_hyvsj_nbcko_872:not(#\9) {
910
874
  grid-column-start: 2;
911
875
  }
912
- section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_has-open-drawer_hyvsj_oarcx_162.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
876
+ section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_has-open-drawer_hyvsj_nbcko_162.awsui_position-bottom_hyvsj_nbcko_872:not(#\9) {
913
877
  grid-column-end: 5;
914
878
  }
915
- section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
879
+ section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_position-bottom_hyvsj_nbcko_872:not(#\9) {
916
880
  display: block;
917
881
  }
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 {
882
+ section.awsui_split-panel-bottom_hyvsj_nbcko_825:not(#\9):not(.awsui_is-split-panel-open_hyvsj_nbcko_613).awsui_position-bottom_hyvsj_nbcko_872 {
919
883
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
920
884
  }
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) {
885
+ section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-bottom_hyvsj_nbcko_872:not(#\9) {
922
886
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
923
887
  }
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);
888
+ section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-bottom_hyvsj_nbcko_872.awsui_animating_hyvsj_nbcko_721:not(#\9) {
889
+ animation: awsui_openSplitPanelBottom_hyvsj_nbcko_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
926
890
  }
927
891
  @media (prefers-reduced-motion: reduce) {
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) {
892
+ section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-bottom_hyvsj_nbcko_872.awsui_animating_hyvsj_nbcko_721:not(#\9) {
929
893
  animation: none;
930
894
  transition: none;
931
895
  }
932
896
  }
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) {
897
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-bottom_hyvsj_nbcko_872.awsui_animating_hyvsj_nbcko_721:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-bottom_hyvsj_nbcko_872.awsui_animating_hyvsj_nbcko_721:not(#\9) {
934
898
  animation: none;
935
899
  transition: none;
936
900
  }
937
901
 
938
- section.awsui_split-panel-side_hyvsj_oarcx_937:not(#\9) {
902
+ section.awsui_split-panel-side_hyvsj_nbcko_901:not(#\9) {
939
903
  block-size: 100%;
940
904
  overflow-x: hidden;
941
905
  pointer-events: auto;
@@ -945,15 +909,15 @@ section.awsui_split-panel-side_hyvsj_oarcx_937:not(#\9) {
945
909
  be persistent in the DOM when closed.
946
910
  */
947
911
  }
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) {
912
+ section.awsui_split-panel-side_hyvsj_nbcko_901:not(#\9):not(.awsui_is-split-panel-open_hyvsj_nbcko_613), section.awsui_split-panel-side_hyvsj_nbcko_901.awsui_position-bottom_hyvsj_nbcko_872:not(#\9) {
949
913
  inline-size: 0;
950
914
  }
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
- max-inline-size: var(--awsui-split-panel-max-width-lgosor, 280px);
953
- min-inline-size: var(--awsui-split-panel-min-width-lgosor, 280px);
915
+ section.awsui_split-panel-side_hyvsj_nbcko_901.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-side_hyvsj_nbcko_914:not(#\9) {
916
+ max-inline-size: var(--awsui-split-panel-max-width-ud5fvm, 280px);
917
+ min-inline-size: var(--awsui-split-panel-min-width-ud5fvm, 280px);
954
918
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
955
919
  }
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) {
920
+ section.awsui_split-panel-side_hyvsj_nbcko_901.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-side_hyvsj_nbcko_914:not(#\9):not(.awsui_has-open-drawer_hyvsj_nbcko_162) {
957
921
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
958
922
  }
959
923
 
@@ -970,24 +934,24 @@ content width has a default value that can be set directly with the minContentWi
970
934
  property. The content gap right is computed in the Layout styles based on the
971
935
  viewport size and state of the Tools drawer.
972
936
  */
973
- .awsui_tools-container_hyvsj_oarcx_972:not(#\9) {
937
+ .awsui_tools-container_hyvsj_nbcko_936:not(#\9) {
974
938
  /* stylelint-disable scss/operator-no-newline-after */
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));
939
+ --awsui-tools-max-width-ud5fvm: calc(var(--awsui-layout-width-ud5fvm) - var(--awsui-main-offset-left-ud5fvm) - var(--awsui-default-min-content-width-ud5fvm) - var(--awsui-content-gap-right-ud5fvm));
976
940
  /* stylelint-enable scss/operator-no-newline-after */
977
941
  display: flex;
978
942
  grid-column: 5;
979
943
  grid-row: 1/span 10;
980
- block-size: var(--awsui-content-height-lgosor);
981
- max-inline-size: var(--awsui-tools-max-width-lgosor);
944
+ block-size: var(--awsui-content-height-ud5fvm);
945
+ max-inline-size: var(--awsui-tools-max-width-ud5fvm);
982
946
  position: sticky;
983
- inset-block-start: var(--awsui-offset-top-lgosor);
947
+ inset-block-start: var(--awsui-offset-top-ud5fvm);
984
948
  z-index: 830;
985
949
  pointer-events: none;
986
950
  }
987
951
  @media (max-width: 688px) {
988
- .awsui_tools-container_hyvsj_oarcx_972:not(#\9) {
989
- --awsui-tools-max-width-lgosor: none;
990
- --awsui-tools-width-lgosor: auto;
952
+ .awsui_tools-container_hyvsj_nbcko_936:not(#\9) {
953
+ --awsui-tools-max-width-ud5fvm: none;
954
+ --awsui-tools-width-ud5fvm: auto;
991
955
  position: fixed;
992
956
  inset-inline-end: 0;
993
957
  z-index: 1001;
@@ -999,12 +963,12 @@ viewport size and state of the Tools drawer.
999
963
  relative to the body.
1000
964
  */
1001
965
  }
1002
- .awsui_tools-container_hyvsj_oarcx_972.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
1003
- inset-block-start: var(--awsui-header-height-lgosor);
966
+ .awsui_tools-container_hyvsj_nbcko_936.awsui_disable-body-scroll_hyvsj_nbcko_185:not(#\9) {
967
+ inset-block-start: var(--awsui-header-height-ud5fvm);
1004
968
  }
1005
969
  }
1006
970
 
1007
- .awsui_tools_hyvsj_oarcx_972:not(#\9) {
971
+ .awsui_tools_hyvsj_nbcko_936:not(#\9) {
1008
972
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1009
973
  flex-shrink: 0;
1010
974
  block-size: 100%;
@@ -1027,51 +991,51 @@ viewport size and state of the Tools drawer.
1027
991
  in the side position.
1028
992
  */
1029
993
  }
1030
- @keyframes awsui_openTools_hyvsj_oarcx_1 {
994
+ @keyframes awsui_openTools_hyvsj_nbcko_1 {
1031
995
  from {
1032
- opacity: var(--awsui-tools-animation-starting-opacity-lgosor, 0);
996
+ opacity: var(--awsui-tools-animation-starting-opacity-ud5fvm, 0);
1033
997
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
1034
998
  }
1035
999
  to {
1036
1000
  opacity: 1;
1037
- inline-size: var(--awsui-tools-width-lgosor);
1001
+ inline-size: var(--awsui-tools-width-ud5fvm);
1038
1002
  }
1039
1003
  }
1040
- .awsui_tools_hyvsj_oarcx_972:not(#\9):not(.awsui_is-tools-open_hyvsj_oarcx_649) {
1004
+ .awsui_tools_hyvsj_nbcko_936:not(#\9):not(.awsui_is-tools-open_hyvsj_nbcko_613) {
1041
1005
  inline-size: 0;
1042
1006
  display: none;
1043
1007
  }
1044
- .awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649:not(#\9) {
1008
+ .awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613:not(#\9) {
1045
1009
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
1046
1010
  }
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);
1011
+ .awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613.awsui_animating_hyvsj_nbcko_721:not(#\9) {
1012
+ animation: awsui_openTools_hyvsj_nbcko_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1049
1013
  }
1050
1014
  @media (prefers-reduced-motion: reduce) {
1051
- .awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_animating_hyvsj_oarcx_757:not(#\9) {
1015
+ .awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613.awsui_animating_hyvsj_nbcko_721:not(#\9) {
1052
1016
  animation: none;
1053
1017
  transition: none;
1054
1018
  }
1055
1019
  }
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) {
1020
+ .awsui-motion-disabled .awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613.awsui_animating_hyvsj_nbcko_721:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613.awsui_animating_hyvsj_nbcko_721:not(#\9) {
1057
1021
  animation: none;
1058
1022
  transition: none;
1059
1023
  }
1060
- .awsui_tools_hyvsj_oarcx_972 > .awsui_animated-content_hyvsj_oarcx_819:not(#\9) {
1061
- inline-size: var(--awsui-tools-width-lgosor);
1024
+ .awsui_tools_hyvsj_nbcko_936 > .awsui_animated-content_hyvsj_nbcko_783:not(#\9) {
1025
+ inline-size: var(--awsui-tools-width-ud5fvm);
1062
1026
  }
1063
1027
  @media (min-width: 689px) {
1064
- .awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_has-tools-form-persistence_hyvsj_oarcx_1063:not(#\9) {
1028
+ .awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613.awsui_has-tools-form-persistence_hyvsj_nbcko_1027:not(#\9) {
1065
1029
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
1066
1030
  }
1067
1031
  }
1068
1032
  @media (max-width: 688px) {
1069
- .awsui_tools_hyvsj_oarcx_972:not(#\9) {
1070
- --awsui-tools-width-lgosor: 100vw;
1033
+ .awsui_tools_hyvsj_nbcko_936:not(#\9) {
1034
+ --awsui-tools-width-ud5fvm: 100vw;
1071
1035
  }
1072
1036
  }
1073
1037
 
1074
- .awsui_hide-tools_hyvsj_oarcx_1073:not(#\9) {
1038
+ .awsui_hide-tools_hyvsj_nbcko_1037:not(#\9) {
1075
1039
  position: absolute;
1076
1040
  inset-inline-end: var(--space-m-udix3p, 16px);
1077
1041
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1083,7 +1047,7 @@ Warning! If these design tokens for padding change it will adversely impact
1083
1047
  the calculation used to determine the Split Panel maximum width in the
1084
1048
  handleSplitPanelMaxWidth function in the context.
1085
1049
  */
1086
- .awsui_show-tools_hyvsj_oarcx_1085:not(#\9) {
1050
+ .awsui_show-tools_hyvsj_nbcko_1049:not(#\9) {
1087
1051
  border-collapse: separate;
1088
1052
  border-spacing: 0;
1089
1053
  box-sizing: border-box;
@@ -1125,7 +1089,7 @@ handleSplitPanelMaxWidth function in the context.
1125
1089
  take control in responsive viewports.
1126
1090
  */
1127
1091
  }
1128
- @keyframes awsui_showButtons_hyvsj_oarcx_1 {
1092
+ @keyframes awsui_showButtons_hyvsj_nbcko_1 {
1129
1093
  0% {
1130
1094
  opacity: 0;
1131
1095
  }
@@ -1133,31 +1097,31 @@ handleSplitPanelMaxWidth function in the context.
1133
1097
  opacity: 1;
1134
1098
  }
1135
1099
  }
1136
- .awsui_show-tools_hyvsj_oarcx_1085:not(#\9):not(.awsui_has-tools-form_hyvsj_oarcx_1063) {
1100
+ .awsui_show-tools_hyvsj_nbcko_1049:not(#\9):not(.awsui_has-tools-form_hyvsj_nbcko_1027) {
1137
1101
  display: none;
1138
1102
  }
1139
1103
  @media (min-width: 689px) {
1140
- .awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063:not(#\9) {
1104
+ .awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form_hyvsj_nbcko_1027:not(#\9) {
1141
1105
  display: flex;
1142
1106
  flex-direction: column;
1143
1107
  gap: var(--space-xs-zb16t3, 8px);
1144
1108
  }
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);
1109
+ .awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form_hyvsj_nbcko_1027.awsui_animating_hyvsj_nbcko_721:not(#\9) {
1110
+ animation: awsui_showButtons_hyvsj_nbcko_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1147
1111
  }
1148
1112
  }
1149
1113
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1150
- .awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063.awsui_animating_hyvsj_oarcx_757:not(#\9) {
1114
+ .awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form_hyvsj_nbcko_1027.awsui_animating_hyvsj_nbcko_721:not(#\9) {
1151
1115
  animation: none;
1152
1116
  transition: none;
1153
1117
  }
1154
1118
  }
1155
1119
  @media (min-width: 689px) {
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) {
1120
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form_hyvsj_nbcko_1027.awsui_animating_hyvsj_nbcko_721:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form_hyvsj_nbcko_1027.awsui_animating_hyvsj_nbcko_721:not(#\9) {
1157
1121
  animation: none;
1158
1122
  transition: none;
1159
1123
  }
1160
- .awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form-persistence_hyvsj_oarcx_1063:not(#\9) {
1124
+ .awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form-persistence_hyvsj_nbcko_1027:not(#\9) {
1161
1125
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1162
1126
  z-index: 1;
1163
1127
  }
@@ -1167,7 +1131,7 @@ handleSplitPanelMaxWidth function in the context.
1167
1131
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1168
1132
  SPDX-License-Identifier: Apache-2.0
1169
1133
  */
1170
- .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9) {
1134
+ .awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9) {
1171
1135
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1172
1136
  border-start-start-radius: 50%;
1173
1137
  border-start-end-radius: 50%;
@@ -1183,13 +1147,13 @@ handleSplitPanelMaxWidth function in the context.
1183
1147
  align-items: center;
1184
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");
1185
1149
  }
1186
- .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):hover {
1150
+ .awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9):hover {
1187
1151
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1188
1152
  }
1189
- .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):active {
1153
+ .awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9):active {
1190
1154
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1191
1155
  }
1192
- .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):dir(rtl) {
1156
+ .awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9):dir(rtl) {
1193
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");
1194
1158
  }
1195
1159
 
@@ -1198,7 +1162,7 @@ Warning! If these design tokens for width change it will adversely impact
1198
1162
  the calculation used to determine the Split Panel maximum width in the
1199
1163
  handleSplitPanelMaxWidth function in the context.
1200
1164
  */
1201
- .awsui_trigger_hyvsj_oarcx_1168:not(#\9) {
1165
+ .awsui_trigger_hyvsj_nbcko_1132:not(#\9) {
1202
1166
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1203
1167
  border-start-start-radius: 50%;
1204
1168
  border-start-end-radius: 50%;
@@ -1214,20 +1178,20 @@ handleSplitPanelMaxWidth function in the context.
1214
1178
  pointer-events: auto;
1215
1179
  position: relative;
1216
1180
  }
1217
- .awsui_trigger_hyvsj_oarcx_1168:not(#\9):hover {
1181
+ .awsui_trigger_hyvsj_nbcko_1132:not(#\9):hover {
1218
1182
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1219
1183
  }
1220
- .awsui_trigger_hyvsj_oarcx_1168:not(#\9):active {
1184
+ .awsui_trigger_hyvsj_nbcko_1132:not(#\9):active {
1221
1185
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1222
1186
  }
1223
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus {
1187
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nbcko_1132:not(#\9):focus {
1224
1188
  position: relative;
1225
1189
  }
1226
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus {
1190
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nbcko_1132:not(#\9):focus {
1227
1191
  outline: 2px dotted transparent;
1228
1192
  outline-offset: calc(3px - 1px);
1229
1193
  }
1230
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus::before {
1194
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nbcko_1132:not(#\9):focus::before {
1231
1195
  content: " ";
1232
1196
  display: block;
1233
1197
  position: absolute;
@@ -1241,45 +1205,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_oarcx_1168:not(#\9):foc
1241
1205
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1242
1206
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1243
1207
  }
1244
- .awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus {
1208
+ .awsui_trigger_hyvsj_nbcko_1132:not(#\9):focus {
1245
1209
  outline: none;
1246
1210
  }
1247
- .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245:not(#\9) {
1211
+ .awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209:not(#\9) {
1248
1212
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1249
1213
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1250
1214
  }
1251
- .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245:not(#\9):hover {
1215
+ .awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209:not(#\9):hover {
1252
1216
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1253
1217
  }
1254
- .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245:not(#\9):active {
1218
+ .awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209:not(#\9):active {
1255
1219
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1256
1220
  }
1257
- .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245 > .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9) {
1221
+ .awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209 > .awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9) {
1258
1222
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1259
1223
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1260
1224
  }
1261
- .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245 > .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):hover {
1225
+ .awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209 > .awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9):hover {
1262
1226
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1263
1227
  }
1264
- .awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245 > .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):active {
1228
+ .awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209 > .awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9):active {
1265
1229
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1266
1230
  }
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 {
1231
+ .awsui_trigger_hyvsj_nbcko_1132.awsui_badge_hyvsj_nbcko_1229:not(#\9), .awsui_trigger_hyvsj_nbcko_1132.awsui_badge_hyvsj_nbcko_1229:not(#\9):hover, .awsui_trigger_hyvsj_nbcko_1132.awsui_badge_hyvsj_nbcko_1229:not(#\9):active {
1268
1232
  background: transparent;
1269
1233
  }
1270
1234
 
1271
- .awsui_trigger-wrapper_hyvsj_oarcx_1269:not(#\9) {
1235
+ .awsui_trigger-wrapper_hyvsj_nbcko_1233:not(#\9) {
1272
1236
  position: relative;
1273
1237
  border-start-start-radius: 50%;
1274
1238
  border-start-end-radius: 50%;
1275
1239
  border-end-start-radius: 50%;
1276
1240
  border-end-end-radius: 50%;
1277
1241
  }
1278
- .awsui_trigger-wrapper_hyvsj_oarcx_1269:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_oarcx_675) {
1242
+ .awsui_trigger-wrapper_hyvsj_nbcko_1233:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_nbcko_639) {
1279
1243
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1280
1244
  }
1281
1245
 
1282
- .awsui_dot_hyvsj_oarcx_1280:not(#\9) {
1246
+ .awsui_dot_hyvsj_nbcko_1244:not(#\9) {
1283
1247
  position: absolute;
1284
1248
  inline-size: 9px;
1285
1249
  block-size: 9px;