@cloudscape-design/components 3.0.648 → 3.0.649

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 (152) hide show
  1. package/app-layout/drawer/index.js +2 -2
  2. package/app-layout/drawer/index.js.map +1 -1
  3. package/app-layout/mobile-toolbar/index.js +1 -1
  4. package/app-layout/mobile-toolbar/index.js.map +1 -1
  5. package/app-layout/utils/sticky-offsets.d.ts +1 -1
  6. package/app-layout/utils/sticky-offsets.d.ts.map +1 -1
  7. package/app-layout/utils/sticky-offsets.js +2 -2
  8. package/app-layout/utils/sticky-offsets.js.map +1 -1
  9. package/app-layout/visual-refresh/background.d.ts.map +1 -1
  10. package/app-layout/visual-refresh/background.js +2 -5
  11. package/app-layout/visual-refresh/background.js.map +1 -1
  12. package/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
  13. package/app-layout/visual-refresh/breadcrumbs.js +1 -2
  14. package/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
  15. package/app-layout/visual-refresh/context.d.ts +0 -2
  16. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  17. package/app-layout/visual-refresh/context.js +2 -7
  18. package/app-layout/visual-refresh/context.js.map +1 -1
  19. package/app-layout/visual-refresh/drawers.js +2 -2
  20. package/app-layout/visual-refresh/drawers.js.map +1 -1
  21. package/app-layout/visual-refresh/layout.d.ts.map +1 -1
  22. package/app-layout/visual-refresh/layout.js +1 -3
  23. package/app-layout/visual-refresh/layout.js.map +1 -1
  24. package/app-layout/visual-refresh/main.d.ts.map +1 -1
  25. package/app-layout/visual-refresh/main.js +2 -4
  26. package/app-layout/visual-refresh/main.js.map +1 -1
  27. package/app-layout/visual-refresh/navigation.js +2 -2
  28. package/app-layout/visual-refresh/navigation.js.map +1 -1
  29. package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
  30. package/app-layout/visual-refresh/notifications.js +3 -1
  31. package/app-layout/visual-refresh/notifications.js.map +1 -1
  32. package/app-layout/visual-refresh/styles.css.js +82 -83
  33. package/app-layout/visual-refresh/styles.scoped.css +168 -190
  34. package/app-layout/visual-refresh/styles.selectors.js +82 -83
  35. package/app-layout/visual-refresh/tools.js +2 -2
  36. package/app-layout/visual-refresh/tools.js.map +1 -1
  37. package/app-layout/visual-refresh/trigger-button.js +1 -1
  38. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  39. package/app-layout/visual-refresh/use-background-overlap.d.ts +0 -6
  40. package/app-layout/visual-refresh/use-background-overlap.d.ts.map +1 -1
  41. package/app-layout/visual-refresh/use-background-overlap.js +0 -6
  42. package/app-layout/visual-refresh/use-background-overlap.js.map +1 -1
  43. package/button-dropdown/category-elements/category-element.js +1 -1
  44. package/button-dropdown/category-elements/category-element.js.map +1 -1
  45. package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -1
  46. package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  47. package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js +1 -1
  48. package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js.map +1 -1
  49. package/container/internal.d.ts.map +1 -1
  50. package/container/internal.js +7 -25
  51. package/container/internal.js.map +1 -1
  52. package/container/styles.css.js +30 -29
  53. package/container/styles.scoped.css +60 -53
  54. package/container/styles.selectors.js +30 -29
  55. package/container/use-sticky-header.d.ts +3 -2
  56. package/container/use-sticky-header.d.ts.map +1 -1
  57. package/container/use-sticky-header.js +5 -3
  58. package/container/use-sticky-header.js.map +1 -1
  59. package/content-layout/internal.js +2 -2
  60. package/content-layout/internal.js.map +1 -1
  61. package/drawer/implementation.js +2 -2
  62. package/drawer/implementation.js.map +1 -1
  63. package/help-panel/implementation.js +2 -2
  64. package/help-panel/implementation.js.map +1 -1
  65. package/icon/icons.js +1 -1
  66. package/icon/interfaces.d.ts +1 -1
  67. package/icon/interfaces.d.ts.map +1 -1
  68. package/icon/interfaces.js.map +1 -1
  69. package/internal/analytics/index.d.ts +7 -1
  70. package/internal/analytics/index.d.ts.map +1 -1
  71. package/internal/analytics/index.js +10 -0
  72. package/internal/analytics/index.js.map +1 -1
  73. package/internal/analytics/interfaces.d.ts +12 -0
  74. package/internal/analytics/interfaces.d.ts.map +1 -1
  75. package/internal/analytics/interfaces.js.map +1 -1
  76. package/internal/base-component/index.d.ts +5 -3
  77. package/internal/base-component/index.d.ts.map +1 -1
  78. package/internal/base-component/index.js.map +1 -1
  79. package/internal/components/cartesian-chart/inline-start-labels.js +1 -1
  80. package/internal/components/cartesian-chart/inline-start-labels.js.map +1 -1
  81. package/internal/components/option/highlight-match.d.ts.map +1 -1
  82. package/internal/components/option/highlight-match.js +1 -2
  83. package/internal/components/option/highlight-match.js.map +1 -1
  84. package/internal/components/option/index.js +2 -2
  85. package/internal/components/option/index.js.map +1 -1
  86. package/internal/context/reset-contexts-for-modal.d.ts.map +1 -1
  87. package/internal/context/reset-contexts-for-modal.js +6 -8
  88. package/internal/context/reset-contexts-for-modal.js.map +1 -1
  89. package/internal/context/single-tab-stop-navigation-context.d.ts +16 -2
  90. package/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
  91. package/internal/context/single-tab-stop-navigation-context.js +51 -1
  92. package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
  93. package/internal/environment.js +1 -1
  94. package/internal/environment.json +1 -1
  95. package/internal/hooks/use-table-interaction-metrics/index.d.ts +10 -0
  96. package/internal/hooks/use-table-interaction-metrics/index.d.ts.map +1 -0
  97. package/internal/hooks/use-table-interaction-metrics/index.js +47 -0
  98. package/internal/hooks/use-table-interaction-metrics/index.js.map +1 -0
  99. package/internal/manifest.json +1 -1
  100. package/package.json +1 -1
  101. package/popover/index.d.ts +1 -1
  102. package/popover/index.d.ts.map +1 -1
  103. package/popover/index.js +2 -2
  104. package/popover/index.js.map +1 -1
  105. package/popover/interfaces.d.ts +5 -0
  106. package/popover/interfaces.d.ts.map +1 -1
  107. package/popover/interfaces.js.map +1 -1
  108. package/popover/internal.js +2 -2
  109. package/popover/internal.js.map +1 -1
  110. package/popover/styles.css.js +50 -49
  111. package/popover/styles.scoped.css +74 -66
  112. package/popover/styles.selectors.js +50 -49
  113. package/slider/internal.js +1 -1
  114. package/slider/internal.js.map +1 -1
  115. package/slider/slider-labels.js +1 -1
  116. package/slider/slider-labels.js.map +1 -1
  117. package/slider/tick-marks.js +2 -2
  118. package/slider/tick-marks.js.map +1 -1
  119. package/split-panel/side.js +3 -3
  120. package/split-panel/side.js.map +1 -1
  121. package/table/internal.d.ts.map +1 -1
  122. package/table/internal.js +23 -17
  123. package/table/internal.js.map +1 -1
  124. package/table/selection/selection-control.js +1 -1
  125. package/table/selection/selection-control.js.map +1 -1
  126. package/table/table-role/grid-navigation.d.ts.map +1 -1
  127. package/table/table-role/grid-navigation.js +40 -67
  128. package/table/table-role/grid-navigation.js.map +1 -1
  129. package/table/thead.d.ts +1 -0
  130. package/table/thead.d.ts.map +1 -1
  131. package/table/thead.js +5 -2
  132. package/table/thead.js.map +1 -1
  133. package/table/tools-header.d.ts +2 -1
  134. package/table/tools-header.d.ts.map +1 -1
  135. package/table/tools-header.js +4 -4
  136. package/table/tools-header.js.map +1 -1
  137. package/tabs/tab-header-bar.d.ts.map +1 -1
  138. package/tabs/tab-header-bar.js +19 -47
  139. package/tabs/tab-header-bar.js.map +1 -1
  140. package/token-group/dismiss-button.d.ts.map +1 -1
  141. package/token-group/dismiss-button.js +1 -2
  142. package/token-group/dismiss-button.js.map +1 -1
  143. package/wizard/wizard-form-header.js +1 -1
  144. package/wizard/wizard-form-header.js.map +1 -1
  145. package/wizard/wizard-form.js +1 -1
  146. package/wizard/wizard-form.js.map +1 -1
  147. package/wizard/wizard-navigation.js +3 -3
  148. package/wizard/wizard-navigation.js.map +1 -1
  149. package/internal/context/app-layout-context.d.ts +0 -8
  150. package/internal/context/app-layout-context.d.ts.map +0 -1
  151. package/internal/context/app-layout-context.js +0 -9
  152. package/internal/context/app-layout-context.js.map +0 -1
@@ -96,48 +96,23 @@ 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_5tvh0_99:not(#\9) {
99
+ div.awsui_background_hyvsj_14xql_99:not(#\9) {
100
100
  display: contents;
101
101
  }
102
- div.awsui_background_hyvsj_5tvh0_99 > .awsui_scrolling-background_hyvsj_5tvh0_102:not(#\9) {
102
+ div.awsui_background_hyvsj_14xql_99 > .awsui_scrolling-background_hyvsj_14xql_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_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108:not(#\9) {
109
- background-color: var(--color-background-layout-main-nx09lr, #ffffff);
110
- grid-column: 1/span 5;
111
- grid-row: 1/10;
112
- position: sticky;
113
- inset-block-start: var(--awsui-header-height-7t5ed6);
114
- z-index: 799;
115
- }
116
- div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_5tvh0_116) {
117
- block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-7t5ed6));
118
- }
119
- div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.awsui_has-sticky-notifications_hyvsj_5tvh0_116:not(#\9) {
120
- block-size: calc(
121
- var(--awsui-notifications-gap-7t5ed6) + var(--awsui-notifications-height-7t5ed6) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-7t5ed6)
122
- );
123
- }
124
108
 
125
109
  /*
126
110
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
127
111
  SPDX-License-Identifier: Apache-2.0
128
112
  */
129
- .awsui_breadcrumbs_hyvsj_5tvh0_129:not(#\9) {
113
+ .awsui_breadcrumbs_hyvsj_14xql_113:not(#\9) {
130
114
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
131
115
  grid-area: breadcrumbs;
132
- /*
133
- If a child component tells the AppLayout to have a sticky
134
- background (typically because of a stickyHeader with a
135
- full-page variant) the z-index of the breadcrumbs needs to
136
- be lifted so it doesn't render behind the background element.
137
- */
138
- }
139
- .awsui_breadcrumbs_hyvsj_5tvh0_129.awsui_has-sticky-background_hyvsj_5tvh0_139:not(#\9) {
140
- z-index: 799;
141
116
  }
142
117
 
143
118
  /*
@@ -148,7 +123,7 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
148
123
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
149
124
  SPDX-License-Identifier: Apache-2.0
150
125
  */
151
- .awsui_drawers-container_hyvsj_5tvh0_151:not(#\9) {
126
+ .awsui_drawers-container_hyvsj_14xql_126:not(#\9) {
152
127
  background-color: transparent;
153
128
  display: flex;
154
129
  grid-column: 5;
@@ -159,18 +134,18 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
159
134
  inset-block-start: var(--awsui-offset-top-7t5ed6);
160
135
  z-index: 830;
161
136
  }
162
- .awsui_drawers-container_hyvsj_5tvh0_151.awsui_has-open-drawer_hyvsj_5tvh0_162:not(#\9) {
137
+ .awsui_drawers-container_hyvsj_14xql_126.awsui_has-open-drawer_hyvsj_14xql_137:not(#\9) {
163
138
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
164
139
  }
165
140
  @media (min-width: 689px) {
166
- .awsui_drawers-container_hyvsj_5tvh0_151:not(#\9) {
141
+ .awsui_drawers-container_hyvsj_14xql_126:not(#\9) {
167
142
  /* stylelint-disable scss/operator-no-newline-after */
168
143
  max-inline-size: calc(var(--awsui-layout-width-7t5ed6) - var(--awsui-main-offset-left-7t5ed6) - var(--awsui-default-min-content-width-7t5ed6) - var(--awsui-content-gap-right-7t5ed6));
169
144
  /* stylelint-enable scss/operator-no-newline-after */
170
145
  }
171
146
  }
172
147
  @media (max-width: 688px) {
173
- .awsui_drawers-container_hyvsj_5tvh0_151:not(#\9) {
148
+ .awsui_drawers-container_hyvsj_14xql_126:not(#\9) {
174
149
  position: fixed;
175
150
  inset-inline-end: 0;
176
151
  z-index: 1001;
@@ -182,12 +157,12 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
182
157
  relative to the body.
183
158
  */
184
159
  }
185
- .awsui_drawers-container_hyvsj_5tvh0_151.awsui_disable-body-scroll_hyvsj_5tvh0_185:not(#\9) {
160
+ .awsui_drawers-container_hyvsj_14xql_126.awsui_disable-body-scroll_hyvsj_14xql_160:not(#\9) {
186
161
  inset-block-start: var(--awsui-header-height-7t5ed6);
187
162
  }
188
163
  }
189
164
 
190
- .awsui_drawers-desktop-triggers-container_hyvsj_5tvh0_190:not(#\9) {
165
+ .awsui_drawers-desktop-triggers-container_hyvsj_14xql_165:not(#\9) {
191
166
  border-collapse: separate;
192
167
  border-spacing: 0;
193
168
  box-sizing: border-box;
@@ -229,21 +204,21 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
229
204
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
230
205
  overscroll-behavior-y: contain;
231
206
  }
232
- .awsui_drawers-desktop-triggers-container_hyvsj_5tvh0_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_5tvh0_231).awsui_has-open-drawer_hyvsj_5tvh0_162 {
207
+ .awsui_drawers-desktop-triggers-container_hyvsj_14xql_165:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14xql_206).awsui_has-open-drawer_hyvsj_14xql_137 {
233
208
  inline-size: 0;
234
209
  }
235
- .awsui_drawers-desktop-triggers-container_hyvsj_5tvh0_190.awsui_has-multiple-triggers_hyvsj_5tvh0_231.awsui_has-open-drawer_hyvsj_5tvh0_162:not(#\9) {
210
+ .awsui_drawers-desktop-triggers-container_hyvsj_14xql_165.awsui_has-multiple-triggers_hyvsj_14xql_206.awsui_has-open-drawer_hyvsj_14xql_137:not(#\9) {
236
211
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
237
212
  }
238
- .awsui_drawers-desktop-triggers-container_hyvsj_5tvh0_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_5tvh0_231):not(.awsui_has-open-drawer_hyvsj_5tvh0_162) {
213
+ .awsui_drawers-desktop-triggers-container_hyvsj_14xql_165:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14xql_206):not(.awsui_has-open-drawer_hyvsj_14xql_137) {
239
214
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
240
215
  }
241
216
 
242
- .awsui_drawers-mobile-triggers-container_hyvsj_5tvh0_241:not(#\9) {
217
+ .awsui_drawers-mobile-triggers-container_hyvsj_14xql_216:not(#\9) {
243
218
  display: flex;
244
219
  }
245
220
 
246
- .awsui_drawers-trigger-content_hyvsj_5tvh0_245:not(#\9) {
221
+ .awsui_drawers-trigger-content_hyvsj_14xql_220:not(#\9) {
247
222
  align-items: center;
248
223
  display: flex;
249
224
  flex-direction: column;
@@ -251,13 +226,13 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
251
226
  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
252
227
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
253
228
  }
254
- .awsui_drawers-trigger-content_hyvsj_5tvh0_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_5tvh0_231).awsui_has-open-drawer_hyvsj_5tvh0_162 {
229
+ .awsui_drawers-trigger-content_hyvsj_14xql_220:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14xql_206).awsui_has-open-drawer_hyvsj_14xql_137 {
255
230
  opacity: 0;
256
231
  }
257
- .awsui_drawers-trigger-content_hyvsj_5tvh0_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_5tvh0_231):not(.awsui_has-open-drawer_hyvsj_5tvh0_162) {
232
+ .awsui_drawers-trigger-content_hyvsj_14xql_220:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14xql_206):not(.awsui_has-open-drawer_hyvsj_14xql_137) {
258
233
  opacity: 1;
259
234
  }
260
- .awsui_drawers-trigger-content_hyvsj_5tvh0_245 > .awsui_drawers-trigger-overflow_hyvsj_5tvh0_259:not(#\9) {
235
+ .awsui_drawers-trigger-content_hyvsj_14xql_220 > .awsui_drawers-trigger-overflow_hyvsj_14xql_234:not(#\9) {
261
236
  padding-block: 0;
262
237
  padding-inline: 1px;
263
238
  display: flex;
@@ -266,14 +241,14 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
266
241
  }
267
242
 
268
243
  @media (max-width: 688px) {
269
- .awsui_drawers-trigger_hyvsj_5tvh0_245:not(#\9) {
244
+ .awsui_drawers-trigger_hyvsj_14xql_220:not(#\9) {
270
245
  inline-size: 40px;
271
246
  display: flex;
272
247
  justify-content: center;
273
248
  }
274
249
  }
275
250
 
276
- .awsui_drawer_hyvsj_5tvh0_151:not(#\9) {
251
+ .awsui_drawer_hyvsj_14xql_126:not(#\9) {
277
252
  --awsui-drawer-size-7t5ed6: 290px;
278
253
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
279
254
  border-color: transparent;
@@ -288,7 +263,7 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
288
263
  pointer-events: auto;
289
264
  word-wrap: break-word;
290
265
  }
291
- .awsui_drawer_hyvsj_5tvh0_151 > .awsui_drawer-content-container_hyvsj_5tvh0_290:not(#\9) {
266
+ .awsui_drawer_hyvsj_14xql_126 > .awsui_drawer-content-container_hyvsj_14xql_265:not(#\9) {
292
267
  grid-column: 1/span 2;
293
268
  grid-row: 1;
294
269
  inline-size: var(--awsui-drawer-size-7t5ed6);
@@ -297,41 +272,41 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
297
272
  grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
298
273
  overflow-y: auto;
299
274
  }
300
- .awsui_drawer_hyvsj_5tvh0_151 > .awsui_drawer-content-container_hyvsj_5tvh0_290 > .awsui_drawer-close-button_hyvsj_5tvh0_299:not(#\9) {
275
+ .awsui_drawer_hyvsj_14xql_126 > .awsui_drawer-content-container_hyvsj_14xql_265 > .awsui_drawer-close-button_hyvsj_14xql_274:not(#\9) {
301
276
  grid-column: 3;
302
277
  grid-row: 2;
303
278
  z-index: 1;
304
279
  }
305
- .awsui_drawer_hyvsj_5tvh0_151 > .awsui_drawer-content-container_hyvsj_5tvh0_290 > .awsui_drawer-content_hyvsj_5tvh0_290:not(#\9) {
280
+ .awsui_drawer_hyvsj_14xql_126 > .awsui_drawer-content-container_hyvsj_14xql_265 > .awsui_drawer-content_hyvsj_14xql_265:not(#\9) {
306
281
  grid-column: 1/span 4;
307
282
  }
308
- .awsui_drawer_hyvsj_5tvh0_151 > .awsui_drawer-content-container_hyvsj_5tvh0_290 > .awsui_drawer-content_hyvsj_5tvh0_290.awsui_drawer-content-hidden_hyvsj_5tvh0_307:not(#\9) {
283
+ .awsui_drawer_hyvsj_14xql_126 > .awsui_drawer-content-container_hyvsj_14xql_265 > .awsui_drawer-content_hyvsj_14xql_265.awsui_drawer-content-hidden_hyvsj_14xql_282:not(#\9) {
309
284
  display: none;
310
285
  }
311
- .awsui_drawer_hyvsj_5tvh0_151 > .awsui_drawer-slider_hyvsj_5tvh0_310:not(#\9) {
286
+ .awsui_drawer_hyvsj_14xql_126 > .awsui_drawer-slider_hyvsj_14xql_285:not(#\9) {
312
287
  grid-column: 1;
313
288
  grid-row: 1;
314
289
  block-size: 100%;
315
290
  display: flex;
316
291
  align-items: center;
317
292
  }
318
- .awsui_drawer_hyvsj_5tvh0_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_5tvh0_317) {
293
+ .awsui_drawer_hyvsj_14xql_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_14xql_292) {
319
294
  opacity: 0;
320
295
  inline-size: 0;
321
296
  }
322
- .awsui_drawer_hyvsj_5tvh0_151.awsui_is-drawer-open_hyvsj_5tvh0_317:not(#\9) {
297
+ .awsui_drawer_hyvsj_14xql_126.awsui_is-drawer-open_hyvsj_14xql_292:not(#\9) {
323
298
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
324
299
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
325
300
  opacity: 1;
326
301
  inline-size: var(--awsui-drawer-size-7t5ed6);
327
302
  }
328
303
  @media (min-width: 2541px) {
329
- .awsui_drawer_hyvsj_5tvh0_151.awsui_is-drawer-open_hyvsj_5tvh0_317:not(#\9) {
304
+ .awsui_drawer_hyvsj_14xql_126.awsui_is-drawer-open_hyvsj_14xql_292:not(#\9) {
330
305
  --awsui-drawer-size-7t5ed6: 320px;
331
306
  }
332
307
  }
333
308
  @media (max-width: 688px) {
334
- .awsui_drawer_hyvsj_5tvh0_151.awsui_is-drawer-open_hyvsj_5tvh0_317:not(#\9) {
309
+ .awsui_drawer_hyvsj_14xql_126.awsui_is-drawer-open_hyvsj_14xql_292:not(#\9) {
335
310
  --awsui-drawer-size-7t5ed6: 100vw;
336
311
  inline-size: 100vw;
337
312
  }
@@ -341,7 +316,7 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
341
316
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
342
317
  SPDX-License-Identifier: Apache-2.0
343
318
  */
344
- header.awsui_content_hyvsj_5tvh0_343:not(#\9) {
319
+ header.awsui_content_hyvsj_14xql_318:not(#\9) {
345
320
  grid-area: header;
346
321
  }
347
322
 
@@ -362,7 +337,7 @@ The minimum content width property is set to zero and applied under all
362
337
  circumstances regardless of whether the minContentWidth property is
363
338
  explicitly set in script.
364
339
  */
365
- .awsui_layout_hyvsj_5tvh0_364:not(#\9) {
340
+ .awsui_layout_hyvsj_14xql_339:not(#\9) {
366
341
  --awsui-breadcrumbs-gap-7t5ed6: 0px;
367
342
  --awsui-content-gap-left-7t5ed6: 0px;
368
343
  --awsui-content-gap-right-7t5ed6: 0px;
@@ -435,119 +410,113 @@ explicitly set in script.
435
410
  */
436
411
  }
437
412
  @media (min-width: 1401px) {
438
- .awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437) {
413
+ .awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412) {
439
414
  --awsui-default-max-content-width-7t5ed6: 1280px;
440
415
  }
441
416
  }
442
417
  @media (min-width: 1921px) {
443
- .awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437) {
418
+ .awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412) {
444
419
  --awsui-default-max-content-width-7t5ed6: 1440px;
445
420
  }
446
421
  }
447
422
  @media (min-width: 2541px) {
448
- .awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437) {
423
+ .awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412) {
449
424
  --awsui-default-max-content-width-7t5ed6: 1620px;
450
425
  }
451
426
  }
452
427
  @media (min-width: 1401px) {
453
- .awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437).awsui_content-type-dashboard_hyvsj_5tvh0_452 {
428
+ .awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412).awsui_content-type-dashboard_hyvsj_14xql_427 {
454
429
  --awsui-default-max-content-width-7t5ed6: 1280px;
455
430
  }
456
431
  }
457
432
  @media (min-width: 1921px) {
458
- .awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437).awsui_content-type-dashboard_hyvsj_5tvh0_452 {
433
+ .awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412).awsui_content-type-dashboard_hyvsj_14xql_427 {
459
434
  --awsui-default-max-content-width-7t5ed6: 1620px;
460
435
  }
461
436
  }
462
437
  @media (min-width: 2541px) {
463
- .awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437).awsui_content-type-dashboard_hyvsj_5tvh0_452 {
438
+ .awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412).awsui_content-type-dashboard_hyvsj_14xql_427 {
464
439
  --awsui-default-max-content-width-7t5ed6: 2160px;
465
440
  }
466
441
  }
467
- .awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437).awsui_content-type-table_hyvsj_5tvh0_466, .awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437).awsui_content-type-cards_hyvsj_5tvh0_466 {
442
+ .awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412).awsui_content-type-table_hyvsj_14xql_441, .awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412).awsui_content-type-cards_hyvsj_14xql_441 {
468
443
  --awsui-default-max-content-width-7t5ed6: 100%;
469
444
  }
470
- .awsui_layout_hyvsj_5tvh0_364.awsui_has-max-content-width_hyvsj_5tvh0_437:not(#\9) {
445
+ .awsui_layout_hyvsj_14xql_339.awsui_has-max-content-width_hyvsj_14xql_412:not(#\9) {
471
446
  --awsui-default-max-content-width-7t5ed6: var(--awsui-max-content-width-7t5ed6);
472
447
  }
473
- .awsui_layout_hyvsj_5tvh0_364.awsui_is-overlap-disabled_hyvsj_5tvh0_472:not(#\9) {
448
+ .awsui_layout_hyvsj_14xql_339.awsui_is-overlap-disabled_hyvsj_14xql_447:not(#\9) {
474
449
  --awsui-overlap-height-7t5ed6: 0;
475
450
  }
476
- .awsui_layout_hyvsj_5tvh0_364.awsui_is-hide-mobile-toolbar_hyvsj_5tvh0_475:not(#\9) {
451
+ .awsui_layout_hyvsj_14xql_339.awsui_is-hide-mobile-toolbar_hyvsj_14xql_450:not(#\9) {
477
452
  --awsui-mobile-bar-height-7t5ed6: 0px;
478
453
  }
479
454
  @media (min-width: 993px) {
480
- .awsui_layout_hyvsj_5tvh0_364:not(#\9) {
455
+ .awsui_layout_hyvsj_14xql_339:not(#\9) {
481
456
  --awsui-default-min-content-width-7t5ed6: var(--awsui-min-content-width-7t5ed6, 280px);
482
457
  }
483
458
  }
484
459
  @media (max-width: 992px) {
485
- .awsui_layout_hyvsj_5tvh0_364:not(#\9) {
460
+ .awsui_layout_hyvsj_14xql_339:not(#\9) {
486
461
  --awsui-default-min-content-width-7t5ed6: 0px;
487
462
  }
488
463
  }
489
464
  @media (min-width: 689px) {
490
- .awsui_layout_hyvsj_5tvh0_364.awsui_has-content-gap-left_hyvsj_5tvh0_489:not(#\9) {
465
+ .awsui_layout_hyvsj_14xql_339.awsui_has-content-gap-left_hyvsj_14xql_464:not(#\9) {
491
466
  --awsui-content-gap-left-7t5ed6: var(--space-layout-content-horizontal-7l52k3, 24px);
492
467
  }
493
- .awsui_layout_hyvsj_5tvh0_364.awsui_has-content-gap-right_hyvsj_5tvh0_492:not(#\9) {
468
+ .awsui_layout_hyvsj_14xql_339.awsui_has-content-gap-right_hyvsj_14xql_467:not(#\9) {
494
469
  --awsui-content-gap-right-7t5ed6: var(--space-layout-content-horizontal-7l52k3, 24px);
495
470
  }
496
471
  }
497
472
  @media (max-width: 688px) {
498
- .awsui_layout_hyvsj_5tvh0_364:not(#\9) {
473
+ .awsui_layout_hyvsj_14xql_339:not(#\9) {
499
474
  --awsui-content-gap-left-7t5ed6: var(--space-l-t419sm, 20px);
500
475
  --awsui-content-gap-right-7t5ed6: var(--space-l-t419sm, 20px);
501
476
  }
502
477
  }
503
- .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9) {
504
- --awsui-notifications-gap-7t5ed6: var(--space-xs-zb16t3, 8px);
505
- }
506
- .awsui_layout_hyvsj_5tvh0_364.awsui_has-breadcrumbs_hyvsj_5tvh0_505:not(#\9) {
478
+ .awsui_layout_hyvsj_14xql_339.awsui_has-breadcrumbs_hyvsj_14xql_477:not(#\9) {
507
479
  --awsui-breadcrumbs-gap-7t5ed6: var(--space-scaled-m-mo5yse, 16px);
508
480
  }
509
- .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-header_hyvsj_5tvh0_508:not(#\9), .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_5tvh0_505).awsui_has-header_hyvsj_5tvh0_508 {
481
+ .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-header_hyvsj_14xql_480:not(#\9), .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-notifications_hyvsj_14xql_480:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14xql_477).awsui_has-header_hyvsj_14xql_480 {
510
482
  --awsui-header-gap-7t5ed6: var(--space-scaled-xs-26e2du, 8px);
511
483
  }
512
- .awsui_layout_hyvsj_5tvh0_364.awsui_has-breadcrumbs_hyvsj_5tvh0_505.awsui_has-header_hyvsj_5tvh0_508:not(#\9) {
484
+ .awsui_layout_hyvsj_14xql_339.awsui_has-breadcrumbs_hyvsj_14xql_477.awsui_has-header_hyvsj_14xql_480:not(#\9) {
513
485
  --awsui-header-gap-7t5ed6: var(--space-scaled-xs-26e2du, 8px);
514
486
  }
515
- .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_5tvh0_505):not(.awsui_has-header_hyvsj_5tvh0_508) {
487
+ .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-notifications_hyvsj_14xql_480:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14xql_477):not(.awsui_has-header_hyvsj_14xql_480) {
516
488
  --awsui-main-gap-7t5ed6: var(--space-xs-zb16t3, 8px);
517
489
  }
518
- .awsui_layout_hyvsj_5tvh0_364.awsui_has-breadcrumbs_hyvsj_5tvh0_505:not(#\9):not(.awsui_has-header_hyvsj_5tvh0_508) {
490
+ .awsui_layout_hyvsj_14xql_339.awsui_has-breadcrumbs_hyvsj_14xql_477:not(#\9):not(.awsui_has-header_hyvsj_14xql_480) {
519
491
  --awsui-main-gap-7t5ed6: var(--space-scaled-xxs-7597g1, 4px);
520
492
  }
521
- .awsui_layout_hyvsj_5tvh0_364.awsui_has-header_hyvsj_5tvh0_508:not(#\9) {
493
+ .awsui_layout_hyvsj_14xql_339.awsui_has-header_hyvsj_14xql_480:not(#\9) {
522
494
  --awsui-main-gap-7t5ed6: var(--space-content-header-padding-bottom-y2enua, 16px);
523
495
  }
524
- .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-main_hyvsj_5tvh0_523:not(#\9):not(.awsui_disable-content-paddings_hyvsj_5tvh0_523) {
496
+ .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-main_hyvsj_14xql_495:not(#\9):not(.awsui_disable-content-paddings_hyvsj_14xql_495) {
525
497
  --awsui-main-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
526
498
  }
527
- .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-main_hyvsj_5tvh0_523.awsui_disable-content-paddings_hyvsj_5tvh0_523:not(#\9) {
499
+ .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-main_hyvsj_14xql_495.awsui_disable-content-paddings_hyvsj_14xql_495:not(#\9) {
528
500
  --awsui-main-gap-7t5ed6: 0px;
529
501
  }
530
502
  @media (max-width: 688px) {
531
- .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9) {
532
- --awsui-notifications-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
533
- }
534
- .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-header_hyvsj_5tvh0_508:not(#\9) {
503
+ .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-header_hyvsj_14xql_480:not(#\9) {
535
504
  --awsui-header-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
536
505
  }
537
- .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_5tvh0_505).awsui_has-header_hyvsj_5tvh0_508 {
506
+ .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-notifications_hyvsj_14xql_480:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14xql_477).awsui_has-header_hyvsj_14xql_480 {
538
507
  --awsui-header-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
539
508
  }
540
- .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_5tvh0_505):not(.awsui_has-header_hyvsj_5tvh0_508), .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-main_hyvsj_5tvh0_523:not(#\9):not(.awsui_disable-content-paddings_hyvsj_5tvh0_523) {
509
+ .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-notifications_hyvsj_14xql_480:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14xql_477):not(.awsui_has-header_hyvsj_14xql_480), .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-main_hyvsj_14xql_495:not(#\9):not(.awsui_disable-content-paddings_hyvsj_14xql_495) {
541
510
  --awsui-main-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
542
511
  }
543
- .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-main_hyvsj_5tvh0_523.awsui_disable-content-paddings_hyvsj_5tvh0_523:not(#\9) {
512
+ .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-main_hyvsj_14xql_495.awsui_disable-content-paddings_hyvsj_14xql_495:not(#\9) {
544
513
  --awsui-main-gap-7t5ed6: 0px;
545
514
  }
546
515
  }
547
- .awsui_layout_hyvsj_5tvh0_364.awsui_has-left-toggles-gutter_hyvsj_5tvh0_546:not(#\9) {
516
+ .awsui_layout_hyvsj_14xql_339.awsui_has-left-toggles-gutter_hyvsj_14xql_515:not(#\9) {
548
517
  --awsui-toggles-left-width-7t5ed6: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
549
518
  }
550
- .awsui_layout_hyvsj_5tvh0_364.awsui_has-right-toggles-gutter_hyvsj_5tvh0_549:not(#\9) {
519
+ .awsui_layout_hyvsj_14xql_339.awsui_has-right-toggles-gutter_hyvsj_14xql_518:not(#\9) {
551
520
  --awsui-toggles-right-width-7t5ed6: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
552
521
  }
553
522
 
@@ -561,13 +530,13 @@ not matter. The offset top value for AppLayout contentMain children with
561
530
  position: sticky will be the value of the notifications height in addition to the
562
531
  notifications top margin and some additional vertical space for aesthetics.
563
532
  */
564
- .awsui_layout_hyvsj_5tvh0_364.awsui_disable-body-scroll_hyvsj_5tvh0_185:not(#\9) {
533
+ .awsui_layout_hyvsj_14xql_339.awsui_disable-body-scroll_hyvsj_14xql_160:not(#\9) {
565
534
  --awsui-main-template-rows-7t5ed6: 1fr auto;
566
535
  --awsui-offset-top-7t5ed6: 0px;
567
536
  block-size: var(--awsui-content-height-7t5ed6);
568
537
  overflow-y: scroll;
569
538
  }
570
- .awsui_layout_hyvsj_5tvh0_364.awsui_disable-body-scroll_hyvsj_5tvh0_185.awsui_has-split-panel_hyvsj_5tvh0_569.awsui_split-panel-position-bottom_hyvsj_5tvh0_569:not(#\9) {
539
+ .awsui_layout_hyvsj_14xql_339.awsui_disable-body-scroll_hyvsj_14xql_160.awsui_has-split-panel_hyvsj_14xql_538.awsui_split-panel-position-bottom_hyvsj_14xql_538:not(#\9) {
571
540
  --awsui-main-template-rows-7t5ed6: repeat(2, auto);
572
541
  }
573
542
 
@@ -575,13 +544,13 @@ notifications top margin and some additional vertical space for aesthetics.
575
544
  This CSS class is applied to the document body to prevent overflow scrolling
576
545
  when the navigation or tools drawers are open in responsive viewports.
577
546
  */
578
- .awsui_block-body-scroll_hyvsj_5tvh0_577:not(#\9) {
547
+ .awsui_block-body-scroll_hyvsj_14xql_546:not(#\9) {
579
548
  overflow: hidden;
580
549
  }
581
550
 
582
551
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
583
- .awsui_unfocusable_hyvsj_5tvh0_582:not(#\9),
584
- .awsui_unfocusable_hyvsj_5tvh0_582 *:not(#\9) {
552
+ .awsui_unfocusable_hyvsj_14xql_551:not(#\9),
553
+ .awsui_unfocusable_hyvsj_14xql_551 *:not(#\9) {
585
554
  visibility: hidden !important;
586
555
  }
587
556
 
@@ -590,7 +559,7 @@ when the navigation or tools drawers are open in responsive viewports.
590
559
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
591
560
  SPDX-License-Identifier: Apache-2.0
592
561
  */
593
- .awsui_container_hyvsj_5tvh0_592:not(#\9) {
562
+ .awsui_container_hyvsj_14xql_561:not(#\9) {
594
563
  grid-area: main;
595
564
  padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
596
565
  /*
@@ -607,19 +576,19 @@ when the navigation or tools drawers are open in responsive viewports.
607
576
  on the right, we decrement the column end by one.
608
577
  */
609
578
  }
610
- .awsui_container_hyvsj_5tvh0_592.awsui_has-split-panel_hyvsj_5tvh0_569.awsui_split-panel-position-bottom_hyvsj_5tvh0_569:not(#\9) {
579
+ .awsui_container_hyvsj_14xql_561.awsui_has-split-panel_hyvsj_14xql_538.awsui_split-panel-position-bottom_hyvsj_14xql_538:not(#\9) {
611
580
  padding-block-end: calc(var(--awsui-split-panel-height-7t5ed6) + var(--space-layout-content-bottom-noqzmw, 40px));
612
581
  }
613
- .awsui_container_hyvsj_5tvh0_592.awsui_disable-content-paddings_hyvsj_5tvh0_523:not(#\9) {
582
+ .awsui_container_hyvsj_14xql_561.awsui_disable-content-paddings_hyvsj_14xql_495:not(#\9) {
614
583
  grid-column: 1/6;
615
584
  padding-block: 0;
616
585
  padding-inline: 0;
617
586
  }
618
587
  @media (min-width: 689px) {
619
- .awsui_container_hyvsj_5tvh0_592.awsui_disable-content-paddings_hyvsj_5tvh0_523.awsui_is-navigation-open_hyvsj_5tvh0_618:not(#\9) {
588
+ .awsui_container_hyvsj_14xql_561.awsui_disable-content-paddings_hyvsj_14xql_495.awsui_is-navigation-open_hyvsj_14xql_587:not(#\9) {
620
589
  grid-column-start: 2;
621
590
  }
622
- .awsui_container_hyvsj_5tvh0_592.awsui_disable-content-paddings_hyvsj_5tvh0_523.awsui_is-tools-open_hyvsj_5tvh0_621:not(#\9), .awsui_container_hyvsj_5tvh0_592.awsui_disable-content-paddings_hyvsj_5tvh0_523.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_split-panel-position-side_hyvsj_5tvh0_621:not(#\9), .awsui_container_hyvsj_5tvh0_592.awsui_disable-content-paddings_hyvsj_5tvh0_523.awsui_has-active-drawer_hyvsj_5tvh0_621:not(#\9) {
591
+ .awsui_container_hyvsj_14xql_561.awsui_disable-content-paddings_hyvsj_14xql_495.awsui_is-tools-open_hyvsj_14xql_590:not(#\9), .awsui_container_hyvsj_14xql_561.awsui_disable-content-paddings_hyvsj_14xql_495.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_split-panel-position-side_hyvsj_14xql_590:not(#\9), .awsui_container_hyvsj_14xql_561.awsui_disable-content-paddings_hyvsj_14xql_495.awsui_has-active-drawer_hyvsj_14xql_590:not(#\9) {
623
592
  grid-column-end: 5;
624
593
  }
625
594
  }
@@ -628,7 +597,7 @@ when the navigation or tools drawers are open in responsive viewports.
628
597
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
629
598
  SPDX-License-Identifier: Apache-2.0
630
599
  */
631
- section.awsui_mobile-toolbar_hyvsj_5tvh0_630:not(#\9) {
600
+ section.awsui_mobile-toolbar_hyvsj_14xql_599:not(#\9) {
632
601
  align-items: center;
633
602
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
634
603
  border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
@@ -645,19 +614,19 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630:not(#\9) {
645
614
  inset-block-start: var(--awsui-offset-top-7t5ed6);
646
615
  z-index: 1000;
647
616
  }
648
- section.awsui_mobile-toolbar_hyvsj_5tvh0_630:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_5tvh0_647) {
617
+ section.awsui_mobile-toolbar_hyvsj_14xql_599:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_14xql_616) {
649
618
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
650
619
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
651
620
  }
652
- section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-nav_hyvsj_5tvh0_651:not(#\9) {
621
+ section.awsui_mobile-toolbar_hyvsj_14xql_599 > .awsui_mobile-toolbar-nav_hyvsj_14xql_620:not(#\9) {
653
622
  grid-column: 1;
654
623
  margin-inline-end: var(--space-m-udix3p, 16px);
655
624
  }
656
- section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_5tvh0_655:not(#\9) {
625
+ section.awsui_mobile-toolbar_hyvsj_14xql_599 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_14xql_624:not(#\9) {
657
626
  grid-column: 2;
658
627
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
659
628
  }
660
- section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-tools_hyvsj_5tvh0_659:not(#\9) {
629
+ section.awsui_mobile-toolbar_hyvsj_14xql_599 > .awsui_mobile-toolbar-tools_hyvsj_14xql_628:not(#\9) {
661
630
  grid-column: 3;
662
631
  margin-inline-start: var(--space-m-udix3p, 16px);
663
632
  }
@@ -666,7 +635,7 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-tools_hyvsj
666
635
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
667
636
  SPDX-License-Identifier: Apache-2.0
668
637
  */
669
- .awsui_navigation-container_hyvsj_5tvh0_668:not(#\9) {
638
+ .awsui_navigation-container_hyvsj_14xql_637:not(#\9) {
670
639
  display: flex;
671
640
  grid-column: 1;
672
641
  grid-row: 1/span 10;
@@ -687,7 +656,7 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-tools_hyvsj
687
656
  pointer-events: none;
688
657
  }
689
658
  @media (max-width: 688px) {
690
- .awsui_navigation-container_hyvsj_5tvh0_668:not(#\9) {
659
+ .awsui_navigation-container_hyvsj_14xql_637:not(#\9) {
691
660
  inset-inline-start: 0;
692
661
  position: fixed;
693
662
  z-index: 1001;
@@ -699,12 +668,12 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-tools_hyvsj
699
668
  relative to the body.
700
669
  */
701
670
  }
702
- .awsui_navigation-container_hyvsj_5tvh0_668.awsui_disable-body-scroll_hyvsj_5tvh0_185:not(#\9) {
671
+ .awsui_navigation-container_hyvsj_14xql_637.awsui_disable-body-scroll_hyvsj_14xql_160:not(#\9) {
703
672
  inset-block-start: var(--awsui-header-height-7t5ed6);
704
673
  }
705
674
  }
706
675
 
707
- nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9) {
676
+ nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9) {
708
677
  padding-block: var(--space-scaled-s-aqzyko, 12px);
709
678
  padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
710
679
  /*
@@ -712,7 +681,7 @@ nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9) {
712
681
  take control in responsive viewports.
713
682
  */
714
683
  }
715
- @keyframes awsui_showButtons_hyvsj_5tvh0_1 {
684
+ @keyframes awsui_showButtons_hyvsj_14xql_1 {
716
685
  0% {
717
686
  opacity: 0;
718
687
  }
@@ -720,31 +689,31 @@ nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9) {
720
689
  opacity: 1;
721
690
  }
722
691
  }
723
- nav.awsui_show-navigation_hyvsj_5tvh0_706.awsui_is-navigation-open_hyvsj_5tvh0_618:not(#\9) {
692
+ nav.awsui_show-navigation_hyvsj_14xql_675.awsui_is-navigation-open_hyvsj_14xql_587:not(#\9) {
724
693
  display: none;
725
694
  }
726
695
  @media (min-width: 689px) {
727
- nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618) {
696
+ nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587) {
728
697
  display: block;
729
698
  }
730
- nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618).awsui_animating_hyvsj_5tvh0_729 {
731
- animation: awsui_showButtons_hyvsj_5tvh0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
699
+ nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587).awsui_animating_hyvsj_14xql_698 {
700
+ animation: awsui_showButtons_hyvsj_14xql_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
732
701
  }
733
702
  }
734
703
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
735
- nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618).awsui_animating_hyvsj_5tvh0_729 {
704
+ nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587).awsui_animating_hyvsj_14xql_698 {
736
705
  animation: none;
737
706
  transition: none;
738
707
  }
739
708
  }
740
709
  @media (min-width: 689px) {
741
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618).awsui_animating_hyvsj_5tvh0_729, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618).awsui_animating_hyvsj_5tvh0_729 {
710
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587).awsui_animating_hyvsj_14xql_698, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587).awsui_animating_hyvsj_14xql_698 {
742
711
  animation: none;
743
712
  transition: none;
744
713
  }
745
714
  }
746
715
 
747
- nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9) {
716
+ nav.awsui_navigation_hyvsj_14xql_637:not(#\9) {
748
717
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
749
718
  inset-block-end: 0;
750
719
  block-size: 100%;
@@ -762,7 +731,7 @@ nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9) {
762
731
  prevent unwanted text wrapping.
763
732
  */
764
733
  }
765
- @keyframes awsui_openNavigation_hyvsj_5tvh0_1 {
734
+ @keyframes awsui_openNavigation_hyvsj_14xql_1 {
766
735
  from {
767
736
  opacity: 0;
768
737
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
@@ -772,33 +741,33 @@ nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9) {
772
741
  inline-size: var(--awsui-navigation-width-7t5ed6);
773
742
  }
774
743
  }
775
- nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618) {
744
+ nav.awsui_navigation_hyvsj_14xql_637:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587) {
776
745
  inline-size: 0;
777
746
  display: none;
778
747
  }
779
- nav.awsui_navigation_hyvsj_5tvh0_668.awsui_is-navigation-open_hyvsj_5tvh0_618.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
780
- animation: awsui_openNavigation_hyvsj_5tvh0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
748
+ nav.awsui_navigation_hyvsj_14xql_637.awsui_is-navigation-open_hyvsj_14xql_587.awsui_animating_hyvsj_14xql_698:not(#\9) {
749
+ animation: awsui_openNavigation_hyvsj_14xql_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
781
750
  }
782
751
  @media (prefers-reduced-motion: reduce) {
783
- nav.awsui_navigation_hyvsj_5tvh0_668.awsui_is-navigation-open_hyvsj_5tvh0_618.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
752
+ nav.awsui_navigation_hyvsj_14xql_637.awsui_is-navigation-open_hyvsj_14xql_587.awsui_animating_hyvsj_14xql_698:not(#\9) {
784
753
  animation: none;
785
754
  transition: none;
786
755
  }
787
756
  }
788
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_5tvh0_668.awsui_is-navigation-open_hyvsj_5tvh0_618.awsui_animating_hyvsj_5tvh0_729:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_5tvh0_668.awsui_is-navigation-open_hyvsj_5tvh0_618.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
757
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_14xql_637.awsui_is-navigation-open_hyvsj_14xql_587.awsui_animating_hyvsj_14xql_698:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_14xql_637.awsui_is-navigation-open_hyvsj_14xql_587.awsui_animating_hyvsj_14xql_698:not(#\9) {
789
758
  animation: none;
790
759
  transition: none;
791
760
  }
792
- nav.awsui_navigation_hyvsj_5tvh0_668 > .awsui_animated-content_hyvsj_5tvh0_791:not(#\9) {
761
+ nav.awsui_navigation_hyvsj_14xql_637 > .awsui_animated-content_hyvsj_14xql_760:not(#\9) {
793
762
  inline-size: var(--awsui-navigation-width-7t5ed6);
794
763
  }
795
764
  @media (max-width: 688px) {
796
- nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9) {
765
+ nav.awsui_navigation_hyvsj_14xql_637:not(#\9) {
797
766
  --awsui-navigation-width-7t5ed6: 100vw;
798
767
  }
799
768
  }
800
769
 
801
- .awsui_hide-navigation_hyvsj_5tvh0_800:not(#\9) {
770
+ .awsui_hide-navigation_hyvsj_14xql_769:not(#\9) {
802
771
  position: absolute;
803
772
  inset-inline-end: var(--space-m-udix3p, 16px);
804
773
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -808,16 +777,25 @@ nav.awsui_navigation_hyvsj_5tvh0_668 > .awsui_animated-content_hyvsj_5tvh0_791:n
808
777
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
809
778
  SPDX-License-Identifier: Apache-2.0
810
779
  */
811
- .awsui_notifications_hyvsj_5tvh0_810:not(#\9) {
780
+ .awsui_notifications_hyvsj_14xql_779:not(#\9) {
812
781
  color: var(--color-text-body-default-at06ol, #000716);
813
782
  grid-area: notifications;
814
783
  z-index: 850;
815
784
  }
785
+ .awsui_notifications_hyvsj_14xql_779.awsui_has-notification-content_hyvsj_14xql_784:not(#\9) {
786
+ padding-block-start: var(--space-scaled-s-aqzyko, 12px);
787
+ }
816
788
  @media (min-width: 689px) {
817
- .awsui_notifications_hyvsj_5tvh0_810.awsui_sticky-notifications_hyvsj_5tvh0_816:not(#\9) {
789
+ .awsui_notifications_hyvsj_14xql_779.awsui_sticky-notifications_hyvsj_14xql_788:not(#\9) {
818
790
  --awsui-flashbar-sticky-bottom-margin-7t5ed6: var(--space-xxl-cu2m1r, 32px);
819
791
  position: sticky;
820
- inset-block-start: calc(var(--awsui-offset-top-7t5ed6) + var(--space-xs-zb16t3, 8px));
792
+ inset-block-start: var(--awsui-offset-top-7t5ed6);
793
+ }
794
+ .awsui_notifications_hyvsj_14xql_779.awsui_sticky-notifications_hyvsj_14xql_788:not(#\9):not(.awsui_high-contrast_hyvsj_14xql_793) {
795
+ background-color: var(--color-background-layout-main-nx09lr, #ffffff);
796
+ }
797
+ .awsui_notifications_hyvsj_14xql_779.awsui_has-notification-content_hyvsj_14xql_784:not(#\9) {
798
+ padding-block-start: var(--space-xs-zb16t3, 8px);
821
799
  }
822
800
  }
823
801
 
@@ -831,7 +809,7 @@ as the content area. This row is defined as 1 fractional unit which will
831
809
  consume the remaining vertical space in the grid after the notifications
832
810
  and breadcrumbs.
833
811
  */
834
- section.awsui_split-panel-bottom_hyvsj_5tvh0_833:not(#\9) {
812
+ section.awsui_split-panel-bottom_hyvsj_14xql_811:not(#\9) {
835
813
  /*
836
814
  The align self property will position the split panel at the bottom of the grid row.
837
815
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -867,7 +845,7 @@ section.awsui_split-panel-bottom_hyvsj_5tvh0_833:not(#\9) {
867
845
  apply the animation to the height property.
868
846
  */
869
847
  }
870
- @keyframes awsui_openSplitPanelBottom_hyvsj_5tvh0_1 {
848
+ @keyframes awsui_openSplitPanelBottom_hyvsj_14xql_1 {
871
849
  from {
872
850
  block-size: var(--awsui-split-panel-reported-header-size-7t5ed6, 0);
873
851
  }
@@ -875,39 +853,39 @@ section.awsui_split-panel-bottom_hyvsj_5tvh0_833:not(#\9) {
875
853
  block-size: var(--awsui-split-panel-reported-size-7t5ed6);
876
854
  }
877
855
  }
878
- section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_disable-body-scroll_hyvsj_5tvh0_185:not(#\9) {
856
+ section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_disable-body-scroll_hyvsj_14xql_160:not(#\9) {
879
857
  inset-block-end: 0;
880
858
  }
881
- section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-navigation-open_hyvsj_5tvh0_618.awsui_position-bottom_hyvsj_5tvh0_880:not(#\9) {
859
+ section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-navigation-open_hyvsj_14xql_587.awsui_position-bottom_hyvsj_14xql_858:not(#\9) {
882
860
  grid-column-start: 2;
883
861
  }
884
- section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_has-open-drawer_hyvsj_5tvh0_162.awsui_position-bottom_hyvsj_5tvh0_880:not(#\9) {
862
+ section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_has-open-drawer_hyvsj_14xql_137.awsui_position-bottom_hyvsj_14xql_858:not(#\9) {
885
863
  grid-column-end: 5;
886
864
  }
887
- section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_position-bottom_hyvsj_5tvh0_880:not(#\9) {
865
+ section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_position-bottom_hyvsj_14xql_858:not(#\9) {
888
866
  display: block;
889
867
  }
890
- section.awsui_split-panel-bottom_hyvsj_5tvh0_833:not(#\9):not(.awsui_is-split-panel-open_hyvsj_5tvh0_621).awsui_position-bottom_hyvsj_5tvh0_880 {
868
+ section.awsui_split-panel-bottom_hyvsj_14xql_811:not(#\9):not(.awsui_is-split-panel-open_hyvsj_14xql_590).awsui_position-bottom_hyvsj_14xql_858 {
891
869
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
892
870
  }
893
- section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-bottom_hyvsj_5tvh0_880:not(#\9) {
871
+ section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-bottom_hyvsj_14xql_858:not(#\9) {
894
872
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
895
873
  }
896
- section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-bottom_hyvsj_5tvh0_880.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
897
- animation: awsui_openSplitPanelBottom_hyvsj_5tvh0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
874
+ section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-bottom_hyvsj_14xql_858.awsui_animating_hyvsj_14xql_698:not(#\9) {
875
+ animation: awsui_openSplitPanelBottom_hyvsj_14xql_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
898
876
  }
899
877
  @media (prefers-reduced-motion: reduce) {
900
- section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-bottom_hyvsj_5tvh0_880.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
878
+ section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-bottom_hyvsj_14xql_858.awsui_animating_hyvsj_14xql_698:not(#\9) {
901
879
  animation: none;
902
880
  transition: none;
903
881
  }
904
882
  }
905
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-bottom_hyvsj_5tvh0_880.awsui_animating_hyvsj_5tvh0_729:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-bottom_hyvsj_5tvh0_880.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
883
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-bottom_hyvsj_14xql_858.awsui_animating_hyvsj_14xql_698:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-bottom_hyvsj_14xql_858.awsui_animating_hyvsj_14xql_698:not(#\9) {
906
884
  animation: none;
907
885
  transition: none;
908
886
  }
909
887
 
910
- section.awsui_split-panel-side_hyvsj_5tvh0_909:not(#\9) {
888
+ section.awsui_split-panel-side_hyvsj_14xql_887:not(#\9) {
911
889
  block-size: 100%;
912
890
  overflow-x: hidden;
913
891
  pointer-events: auto;
@@ -917,15 +895,15 @@ section.awsui_split-panel-side_hyvsj_5tvh0_909:not(#\9) {
917
895
  be persistent in the DOM when closed.
918
896
  */
919
897
  }
920
- section.awsui_split-panel-side_hyvsj_5tvh0_909:not(#\9):not(.awsui_is-split-panel-open_hyvsj_5tvh0_621), section.awsui_split-panel-side_hyvsj_5tvh0_909.awsui_position-bottom_hyvsj_5tvh0_880:not(#\9) {
898
+ section.awsui_split-panel-side_hyvsj_14xql_887:not(#\9):not(.awsui_is-split-panel-open_hyvsj_14xql_590), section.awsui_split-panel-side_hyvsj_14xql_887.awsui_position-bottom_hyvsj_14xql_858:not(#\9) {
921
899
  inline-size: 0;
922
900
  }
923
- section.awsui_split-panel-side_hyvsj_5tvh0_909.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-side_hyvsj_5tvh0_922:not(#\9) {
901
+ section.awsui_split-panel-side_hyvsj_14xql_887.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-side_hyvsj_14xql_900:not(#\9) {
924
902
  max-inline-size: var(--awsui-split-panel-max-width-7t5ed6, 280px);
925
903
  min-inline-size: var(--awsui-split-panel-min-width-7t5ed6, 280px);
926
904
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
927
905
  }
928
- section.awsui_split-panel-side_hyvsj_5tvh0_909.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-side_hyvsj_5tvh0_922:not(#\9):not(.awsui_has-open-drawer_hyvsj_5tvh0_162) {
906
+ section.awsui_split-panel-side_hyvsj_14xql_887.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-side_hyvsj_14xql_900:not(#\9):not(.awsui_has-open-drawer_hyvsj_14xql_137) {
929
907
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
930
908
  }
931
909
 
@@ -942,7 +920,7 @@ content width has a default value that can be set directly with the minContentWi
942
920
  property. The content gap right is computed in the Layout styles based on the
943
921
  viewport size and state of the Tools drawer.
944
922
  */
945
- .awsui_tools-container_hyvsj_5tvh0_944:not(#\9) {
923
+ .awsui_tools-container_hyvsj_14xql_922:not(#\9) {
946
924
  /* stylelint-disable scss/operator-no-newline-after */
947
925
  --awsui-tools-max-width-7t5ed6: calc(var(--awsui-layout-width-7t5ed6) - var(--awsui-main-offset-left-7t5ed6) - var(--awsui-default-min-content-width-7t5ed6) - var(--awsui-content-gap-right-7t5ed6));
948
926
  /* stylelint-enable scss/operator-no-newline-after */
@@ -957,7 +935,7 @@ viewport size and state of the Tools drawer.
957
935
  pointer-events: none;
958
936
  }
959
937
  @media (max-width: 688px) {
960
- .awsui_tools-container_hyvsj_5tvh0_944:not(#\9) {
938
+ .awsui_tools-container_hyvsj_14xql_922:not(#\9) {
961
939
  --awsui-tools-max-width-7t5ed6: none;
962
940
  --awsui-tools-width-7t5ed6: auto;
963
941
  position: fixed;
@@ -971,12 +949,12 @@ viewport size and state of the Tools drawer.
971
949
  relative to the body.
972
950
  */
973
951
  }
974
- .awsui_tools-container_hyvsj_5tvh0_944.awsui_disable-body-scroll_hyvsj_5tvh0_185:not(#\9) {
952
+ .awsui_tools-container_hyvsj_14xql_922.awsui_disable-body-scroll_hyvsj_14xql_160:not(#\9) {
975
953
  inset-block-start: var(--awsui-header-height-7t5ed6);
976
954
  }
977
955
  }
978
956
 
979
- .awsui_tools_hyvsj_5tvh0_944:not(#\9) {
957
+ .awsui_tools_hyvsj_14xql_922:not(#\9) {
980
958
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
981
959
  flex-shrink: 0;
982
960
  block-size: 100%;
@@ -999,7 +977,7 @@ viewport size and state of the Tools drawer.
999
977
  in the side position.
1000
978
  */
1001
979
  }
1002
- @keyframes awsui_openTools_hyvsj_5tvh0_1 {
980
+ @keyframes awsui_openTools_hyvsj_14xql_1 {
1003
981
  from {
1004
982
  opacity: var(--awsui-tools-animation-starting-opacity-7t5ed6, 0);
1005
983
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
@@ -1009,41 +987,41 @@ viewport size and state of the Tools drawer.
1009
987
  inline-size: var(--awsui-tools-width-7t5ed6);
1010
988
  }
1011
989
  }
1012
- .awsui_tools_hyvsj_5tvh0_944:not(#\9):not(.awsui_is-tools-open_hyvsj_5tvh0_621) {
990
+ .awsui_tools_hyvsj_14xql_922:not(#\9):not(.awsui_is-tools-open_hyvsj_14xql_590) {
1013
991
  inline-size: 0;
1014
992
  display: none;
1015
993
  }
1016
- .awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621:not(#\9) {
994
+ .awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590:not(#\9) {
1017
995
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
1018
996
  }
1019
- .awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
1020
- animation: awsui_openTools_hyvsj_5tvh0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
997
+ .awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590.awsui_animating_hyvsj_14xql_698:not(#\9) {
998
+ animation: awsui_openTools_hyvsj_14xql_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1021
999
  }
1022
1000
  @media (prefers-reduced-motion: reduce) {
1023
- .awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
1001
+ .awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590.awsui_animating_hyvsj_14xql_698:not(#\9) {
1024
1002
  animation: none;
1025
1003
  transition: none;
1026
1004
  }
1027
1005
  }
1028
- .awsui-motion-disabled .awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621.awsui_animating_hyvsj_5tvh0_729:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
1006
+ .awsui-motion-disabled .awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590.awsui_animating_hyvsj_14xql_698:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590.awsui_animating_hyvsj_14xql_698:not(#\9) {
1029
1007
  animation: none;
1030
1008
  transition: none;
1031
1009
  }
1032
- .awsui_tools_hyvsj_5tvh0_944 > .awsui_animated-content_hyvsj_5tvh0_791:not(#\9) {
1010
+ .awsui_tools_hyvsj_14xql_922 > .awsui_animated-content_hyvsj_14xql_760:not(#\9) {
1033
1011
  inline-size: var(--awsui-tools-width-7t5ed6);
1034
1012
  }
1035
1013
  @media (min-width: 689px) {
1036
- .awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621.awsui_has-tools-form-persistence_hyvsj_5tvh0_1035:not(#\9) {
1014
+ .awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590.awsui_has-tools-form-persistence_hyvsj_14xql_1013:not(#\9) {
1037
1015
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
1038
1016
  }
1039
1017
  }
1040
1018
  @media (max-width: 688px) {
1041
- .awsui_tools_hyvsj_5tvh0_944:not(#\9) {
1019
+ .awsui_tools_hyvsj_14xql_922:not(#\9) {
1042
1020
  --awsui-tools-width-7t5ed6: 100vw;
1043
1021
  }
1044
1022
  }
1045
1023
 
1046
- .awsui_hide-tools_hyvsj_5tvh0_1045:not(#\9) {
1024
+ .awsui_hide-tools_hyvsj_14xql_1023:not(#\9) {
1047
1025
  position: absolute;
1048
1026
  inset-inline-end: var(--space-m-udix3p, 16px);
1049
1027
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1055,7 +1033,7 @@ Warning! If these design tokens for padding change it will adversely impact
1055
1033
  the calculation used to determine the Split Panel maximum width in the
1056
1034
  handleSplitPanelMaxWidth function in the context.
1057
1035
  */
1058
- .awsui_show-tools_hyvsj_5tvh0_1057:not(#\9) {
1036
+ .awsui_show-tools_hyvsj_14xql_1035:not(#\9) {
1059
1037
  border-collapse: separate;
1060
1038
  border-spacing: 0;
1061
1039
  box-sizing: border-box;
@@ -1097,7 +1075,7 @@ handleSplitPanelMaxWidth function in the context.
1097
1075
  take control in responsive viewports.
1098
1076
  */
1099
1077
  }
1100
- @keyframes awsui_showButtons_hyvsj_5tvh0_1 {
1078
+ @keyframes awsui_showButtons_hyvsj_14xql_1 {
1101
1079
  0% {
1102
1080
  opacity: 0;
1103
1081
  }
@@ -1105,31 +1083,31 @@ handleSplitPanelMaxWidth function in the context.
1105
1083
  opacity: 1;
1106
1084
  }
1107
1085
  }
1108
- .awsui_show-tools_hyvsj_5tvh0_1057:not(#\9):not(.awsui_has-tools-form_hyvsj_5tvh0_1035) {
1086
+ .awsui_show-tools_hyvsj_14xql_1035:not(#\9):not(.awsui_has-tools-form_hyvsj_14xql_1013) {
1109
1087
  display: none;
1110
1088
  }
1111
1089
  @media (min-width: 689px) {
1112
- .awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form_hyvsj_5tvh0_1035:not(#\9) {
1090
+ .awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form_hyvsj_14xql_1013:not(#\9) {
1113
1091
  display: flex;
1114
1092
  flex-direction: column;
1115
1093
  gap: var(--space-xs-zb16t3, 8px);
1116
1094
  }
1117
- .awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form_hyvsj_5tvh0_1035.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
1118
- animation: awsui_showButtons_hyvsj_5tvh0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1095
+ .awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form_hyvsj_14xql_1013.awsui_animating_hyvsj_14xql_698:not(#\9) {
1096
+ animation: awsui_showButtons_hyvsj_14xql_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1119
1097
  }
1120
1098
  }
1121
1099
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1122
- .awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form_hyvsj_5tvh0_1035.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
1100
+ .awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form_hyvsj_14xql_1013.awsui_animating_hyvsj_14xql_698:not(#\9) {
1123
1101
  animation: none;
1124
1102
  transition: none;
1125
1103
  }
1126
1104
  }
1127
1105
  @media (min-width: 689px) {
1128
- .awsui-motion-disabled .awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form_hyvsj_5tvh0_1035.awsui_animating_hyvsj_5tvh0_729:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form_hyvsj_5tvh0_1035.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
1106
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form_hyvsj_14xql_1013.awsui_animating_hyvsj_14xql_698:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form_hyvsj_14xql_1013.awsui_animating_hyvsj_14xql_698:not(#\9) {
1129
1107
  animation: none;
1130
1108
  transition: none;
1131
1109
  }
1132
- .awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form-persistence_hyvsj_5tvh0_1035:not(#\9) {
1110
+ .awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form-persistence_hyvsj_14xql_1013:not(#\9) {
1133
1111
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1134
1112
  z-index: 1;
1135
1113
  }
@@ -1139,7 +1117,7 @@ handleSplitPanelMaxWidth function in the context.
1139
1117
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1140
1118
  SPDX-License-Identifier: Apache-2.0
1141
1119
  */
1142
- .awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9) {
1120
+ .awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9) {
1143
1121
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1144
1122
  border-start-start-radius: 50%;
1145
1123
  border-start-end-radius: 50%;
@@ -1155,13 +1133,13 @@ handleSplitPanelMaxWidth function in the context.
1155
1133
  align-items: center;
1156
1134
  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");
1157
1135
  }
1158
- .awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9):hover {
1136
+ .awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9):hover {
1159
1137
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1160
1138
  }
1161
- .awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9):active {
1139
+ .awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9):active {
1162
1140
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1163
1141
  }
1164
- .awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9):dir(rtl) {
1142
+ .awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9):dir(rtl) {
1165
1143
  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");
1166
1144
  }
1167
1145
 
@@ -1170,7 +1148,7 @@ Warning! If these design tokens for width change it will adversely impact
1170
1148
  the calculation used to determine the Split Panel maximum width in the
1171
1149
  handleSplitPanelMaxWidth function in the context.
1172
1150
  */
1173
- .awsui_trigger_hyvsj_5tvh0_1140:not(#\9) {
1151
+ .awsui_trigger_hyvsj_14xql_1118:not(#\9) {
1174
1152
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1175
1153
  border-start-start-radius: 50%;
1176
1154
  border-start-end-radius: 50%;
@@ -1186,20 +1164,20 @@ handleSplitPanelMaxWidth function in the context.
1186
1164
  pointer-events: auto;
1187
1165
  position: relative;
1188
1166
  }
1189
- .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):hover {
1167
+ .awsui_trigger_hyvsj_14xql_1118:not(#\9):hover {
1190
1168
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1191
1169
  }
1192
- .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):active {
1170
+ .awsui_trigger_hyvsj_14xql_1118:not(#\9):active {
1193
1171
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1194
1172
  }
1195
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):focus {
1173
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14xql_1118:not(#\9):focus {
1196
1174
  position: relative;
1197
1175
  }
1198
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):focus {
1176
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14xql_1118:not(#\9):focus {
1199
1177
  outline: 2px dotted transparent;
1200
1178
  outline-offset: calc(3px - 1px);
1201
1179
  }
1202
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):focus::before {
1180
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14xql_1118:not(#\9):focus::before {
1203
1181
  content: " ";
1204
1182
  display: block;
1205
1183
  position: absolute;
@@ -1213,45 +1191,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):foc
1213
1191
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1214
1192
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1215
1193
  }
1216
- .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):focus {
1194
+ .awsui_trigger_hyvsj_14xql_1118:not(#\9):focus {
1217
1195
  outline: none;
1218
1196
  }
1219
- .awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217:not(#\9) {
1197
+ .awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195:not(#\9) {
1220
1198
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1221
1199
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1222
1200
  }
1223
- .awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217:not(#\9):hover {
1201
+ .awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195:not(#\9):hover {
1224
1202
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1225
1203
  }
1226
- .awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217:not(#\9):active {
1204
+ .awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195:not(#\9):active {
1227
1205
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1228
1206
  }
1229
- .awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217 > .awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9) {
1207
+ .awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195 > .awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9) {
1230
1208
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1231
1209
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1232
1210
  }
1233
- .awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217 > .awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9):hover {
1211
+ .awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195 > .awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9):hover {
1234
1212
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1235
1213
  }
1236
- .awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217 > .awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9):active {
1214
+ .awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195 > .awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9):active {
1237
1215
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1238
1216
  }
1239
- .awsui_trigger_hyvsj_5tvh0_1140.awsui_badge_hyvsj_5tvh0_1237:not(#\9), .awsui_trigger_hyvsj_5tvh0_1140.awsui_badge_hyvsj_5tvh0_1237:not(#\9):hover, .awsui_trigger_hyvsj_5tvh0_1140.awsui_badge_hyvsj_5tvh0_1237:not(#\9):active {
1217
+ .awsui_trigger_hyvsj_14xql_1118.awsui_badge_hyvsj_14xql_1215:not(#\9), .awsui_trigger_hyvsj_14xql_1118.awsui_badge_hyvsj_14xql_1215:not(#\9):hover, .awsui_trigger_hyvsj_14xql_1118.awsui_badge_hyvsj_14xql_1215:not(#\9):active {
1240
1218
  background: transparent;
1241
1219
  }
1242
1220
 
1243
- .awsui_trigger-wrapper_hyvsj_5tvh0_1241:not(#\9) {
1221
+ .awsui_trigger-wrapper_hyvsj_14xql_1219:not(#\9) {
1244
1222
  position: relative;
1245
1223
  border-start-start-radius: 50%;
1246
1224
  border-start-end-radius: 50%;
1247
1225
  border-end-start-radius: 50%;
1248
1226
  border-end-end-radius: 50%;
1249
1227
  }
1250
- .awsui_trigger-wrapper_hyvsj_5tvh0_1241:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_5tvh0_647) {
1228
+ .awsui_trigger-wrapper_hyvsj_14xql_1219:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_14xql_616) {
1251
1229
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1252
1230
  }
1253
1231
 
1254
- .awsui_dot_hyvsj_5tvh0_1252:not(#\9) {
1232
+ .awsui_dot_hyvsj_14xql_1230:not(#\9) {
1255
1233
  position: absolute;
1256
1234
  inline-size: 9px;
1257
1235
  block-size: 9px;