@cloudscape-design/components 3.0.34 → 3.0.37

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 (187) hide show
  1. package/app-layout/interfaces.d.ts +2 -0
  2. package/app-layout/interfaces.d.ts.map +1 -1
  3. package/app-layout/interfaces.js.map +1 -1
  4. package/app-layout/styles.css.js +37 -37
  5. package/app-layout/styles.scoped.css +51 -51
  6. package/app-layout/styles.selectors.js +37 -37
  7. package/app-layout/visual-refresh/styles.css.js +59 -59
  8. package/app-layout/visual-refresh/styles.scoped.css +147 -147
  9. package/app-layout/visual-refresh/styles.selectors.js +59 -59
  10. package/autosuggest/autosuggest-option.d.ts +2 -1
  11. package/autosuggest/autosuggest-option.d.ts.map +1 -1
  12. package/autosuggest/autosuggest-option.js +2 -2
  13. package/autosuggest/autosuggest-option.js.map +1 -1
  14. package/autosuggest/controller.d.ts +3 -3
  15. package/autosuggest/controller.d.ts.map +1 -1
  16. package/autosuggest/controller.js +7 -7
  17. package/autosuggest/controller.js.map +1 -1
  18. package/autosuggest/dropdown-controller.d.ts +20 -0
  19. package/autosuggest/dropdown-controller.d.ts.map +1 -0
  20. package/autosuggest/dropdown-controller.js +27 -0
  21. package/autosuggest/dropdown-controller.js.map +1 -0
  22. package/autosuggest/internal.d.ts.map +1 -1
  23. package/autosuggest/internal.js +29 -56
  24. package/autosuggest/internal.js.map +1 -1
  25. package/autosuggest/options-controller.d.ts +12 -13
  26. package/autosuggest/options-controller.d.ts.map +1 -1
  27. package/autosuggest/options-controller.js +50 -21
  28. package/autosuggest/options-controller.js.map +1 -1
  29. package/autosuggest/options-list.d.ts +4 -7
  30. package/autosuggest/options-list.d.ts.map +1 -1
  31. package/autosuggest/options-list.js +8 -9
  32. package/autosuggest/options-list.js.map +1 -1
  33. package/autosuggest/plain-list.d.ts +4 -6
  34. package/autosuggest/plain-list.d.ts.map +1 -1
  35. package/autosuggest/plain-list.js +9 -9
  36. package/autosuggest/plain-list.js.map +1 -1
  37. package/autosuggest/virtual-list.d.ts +1 -1
  38. package/autosuggest/virtual-list.d.ts.map +1 -1
  39. package/autosuggest/virtual-list.js +9 -9
  40. package/autosuggest/virtual-list.js.map +1 -1
  41. package/checkbox/internal.js +1 -1
  42. package/checkbox/internal.js.map +1 -1
  43. package/checkbox/styles.css.js +3 -3
  44. package/checkbox/styles.scoped.css +5 -8
  45. package/checkbox/styles.selectors.js +3 -3
  46. package/{internal/components/content-layout → content-layout}/index.d.ts +1 -1
  47. package/content-layout/index.d.ts.map +1 -0
  48. package/content-layout/index.js +39 -0
  49. package/content-layout/index.js.map +1 -0
  50. package/content-layout/interfaces.d.ts +19 -0
  51. package/content-layout/interfaces.d.ts.map +1 -0
  52. package/{internal/components/content-layout → content-layout}/interfaces.js +0 -0
  53. package/content-layout/interfaces.js.map +1 -0
  54. package/content-layout/styles.css.js +12 -0
  55. package/{internal/components/content-layout → content-layout}/styles.scoped.css +21 -16
  56. package/content-layout/styles.selectors.js +13 -0
  57. package/date-range-picker/embedded.d.ts.map +1 -1
  58. package/date-range-picker/embedded.js +3 -4
  59. package/date-range-picker/embedded.js.map +1 -1
  60. package/date-range-picker/index.d.ts.map +1 -1
  61. package/date-range-picker/index.js +7 -6
  62. package/date-range-picker/index.js.map +1 -1
  63. package/date-range-picker/time-offset.d.ts +2 -2
  64. package/date-range-picker/time-offset.d.ts.map +1 -1
  65. package/date-range-picker/time-offset.js +2 -3
  66. package/date-range-picker/time-offset.js.map +1 -1
  67. package/date-range-picker/use-date-range-picker.d.ts +1 -1
  68. package/date-range-picker/use-date-range-picker.d.ts.map +1 -1
  69. package/date-range-picker/use-date-range-picker.js.map +1 -1
  70. package/index.d.ts +1 -0
  71. package/index.d.ts.map +1 -1
  72. package/index.js +1 -0
  73. package/index.js.map +1 -1
  74. package/internal/base-component/styles.scoped.css +2 -2
  75. package/internal/components/abstract-switch/index.d.ts +2 -1
  76. package/internal/components/abstract-switch/index.d.ts.map +1 -1
  77. package/internal/components/abstract-switch/index.js +3 -3
  78. package/internal/components/abstract-switch/index.js.map +1 -1
  79. package/internal/components/abstract-switch/styles.css.js +12 -11
  80. package/internal/components/abstract-switch/styles.scoped.css +27 -17
  81. package/internal/components/abstract-switch/styles.selectors.js +12 -11
  82. package/internal/components/options-list/utils/use-highlight-option.d.ts +17 -15
  83. package/internal/components/options-list/utils/use-highlight-option.d.ts.map +1 -1
  84. package/internal/components/options-list/utils/use-highlight-option.js +36 -37
  85. package/internal/components/options-list/utils/use-highlight-option.js.map +1 -1
  86. package/internal/components/options-list/utils/use-keyboard.d.ts +0 -2
  87. package/internal/components/options-list/utils/use-keyboard.d.ts.map +1 -1
  88. package/internal/components/options-list/utils/use-keyboard.js +4 -6
  89. package/internal/components/options-list/utils/use-keyboard.js.map +1 -1
  90. package/internal/components/selectable-item/index.d.ts +2 -1
  91. package/internal/components/selectable-item/index.d.ts.map +1 -1
  92. package/internal/components/selectable-item/index.js +2 -2
  93. package/internal/components/selectable-item/index.js.map +1 -1
  94. package/internal/environment.js +1 -1
  95. package/internal/generated/theming/index.cjs +6 -6
  96. package/internal/generated/theming/index.js +6 -6
  97. package/internal/utils/date-time/format-timezone-offset.d.ts +1 -1
  98. package/internal/utils/date-time/format-timezone-offset.d.ts.map +1 -1
  99. package/internal/utils/date-time/format-timezone-offset.js +2 -1
  100. package/internal/utils/date-time/format-timezone-offset.js.map +1 -1
  101. package/internal/utils/date-time/index.d.ts +0 -1
  102. package/internal/utils/date-time/index.d.ts.map +1 -1
  103. package/internal/utils/date-time/index.js +0 -1
  104. package/internal/utils/date-time/index.js.map +1 -1
  105. package/internal/utils/date-time/parse-timezone-offset.d.ts +1 -1
  106. package/internal/utils/date-time/parse-timezone-offset.d.ts.map +1 -1
  107. package/internal/utils/date-time/parse-timezone-offset.js +7 -7
  108. package/internal/utils/date-time/parse-timezone-offset.js.map +1 -1
  109. package/internal/utils/date-time/shift-timezone-offset.d.ts +1 -1
  110. package/internal/utils/date-time/shift-timezone-offset.d.ts.map +1 -1
  111. package/internal/utils/date-time/shift-timezone-offset.js +2 -1
  112. package/internal/utils/date-time/shift-timezone-offset.js.map +1 -1
  113. package/internal/utils/scrollable-containers.d.ts +0 -7
  114. package/internal/utils/scrollable-containers.d.ts.map +1 -1
  115. package/internal/utils/scrollable-containers.js +0 -18
  116. package/internal/utils/scrollable-containers.js.map +1 -1
  117. package/multiselect/internal.d.ts.map +1 -1
  118. package/multiselect/internal.js +2 -3
  119. package/multiselect/internal.js.map +1 -1
  120. package/package.json +2 -1
  121. package/property-filter/property-filter-autosuggest.d.ts.map +1 -1
  122. package/property-filter/property-filter-autosuggest.js +26 -55
  123. package/property-filter/property-filter-autosuggest.js.map +1 -1
  124. package/radio-group/radio-button.js +1 -1
  125. package/radio-group/radio-button.js.map +1 -1
  126. package/radio-group/styles.css.js +9 -9
  127. package/radio-group/styles.scoped.css +15 -18
  128. package/radio-group/styles.selectors.js +9 -9
  129. package/select/internal.d.ts.map +1 -1
  130. package/select/internal.js +3 -4
  131. package/select/internal.js.map +1 -1
  132. package/select/parts/item.d.ts +2 -1
  133. package/select/parts/item.d.ts.map +1 -1
  134. package/select/parts/item.js +2 -2
  135. package/select/parts/item.js.map +1 -1
  136. package/select/parts/multiselect-item.d.ts +2 -1
  137. package/select/parts/multiselect-item.d.ts.map +1 -1
  138. package/select/parts/multiselect-item.js +2 -2
  139. package/select/parts/multiselect-item.js.map +1 -1
  140. package/select/parts/plain-list.d.ts +2 -1
  141. package/select/parts/plain-list.d.ts.map +1 -1
  142. package/select/parts/plain-list.js +6 -6
  143. package/select/parts/plain-list.js.map +1 -1
  144. package/select/parts/virtual-list.js +4 -4
  145. package/select/parts/virtual-list.js.map +1 -1
  146. package/select/utils/render-options.d.ts +3 -2
  147. package/select/utils/render-options.d.ts.map +1 -1
  148. package/select/utils/render-options.js +2 -2
  149. package/select/utils/render-options.js.map +1 -1
  150. package/select/utils/use-native-search.d.ts +1 -2
  151. package/select/utils/use-native-search.d.ts.map +1 -1
  152. package/select/utils/use-native-search.js +1 -2
  153. package/select/utils/use-native-search.js.map +1 -1
  154. package/select/utils/use-select.d.ts +2 -3
  155. package/select/utils/use-select.d.ts.map +1 -1
  156. package/select/utils/use-select.js +16 -22
  157. package/select/utils/use-select.js.map +1 -1
  158. package/test-utils/dom/content-layout/index.d.ts +6 -0
  159. package/test-utils/dom/content-layout/index.js +37 -0
  160. package/test-utils/dom/content-layout/index.js.map +1 -0
  161. package/test-utils/dom/index.d.ts +3 -0
  162. package/test-utils/dom/index.js +10 -2
  163. package/test-utils/dom/index.js.map +1 -1
  164. package/test-utils/selectors/content-layout/index.d.ts +6 -0
  165. package/test-utils/selectors/content-layout/index.js +37 -0
  166. package/test-utils/selectors/content-layout/index.js.map +1 -0
  167. package/test-utils/selectors/index.d.ts +3 -0
  168. package/test-utils/selectors/index.js +10 -2
  169. package/test-utils/selectors/index.js.map +1 -1
  170. package/test-utils/tsconfig.tsbuildinfo +1 -1
  171. package/toggle/internal.js +1 -1
  172. package/toggle/internal.js.map +1 -1
  173. package/toggle/styles.css.js +8 -8
  174. package/toggle/styles.scoped.css +13 -16
  175. package/toggle/styles.selectors.js +8 -8
  176. package/internal/components/content-layout/index.d.ts.map +0 -1
  177. package/internal/components/content-layout/index.js +0 -24
  178. package/internal/components/content-layout/index.js.map +0 -1
  179. package/internal/components/content-layout/interfaces.d.ts +0 -7
  180. package/internal/components/content-layout/interfaces.d.ts.map +0 -1
  181. package/internal/components/content-layout/interfaces.js.map +0 -1
  182. package/internal/components/content-layout/styles.css.js +0 -12
  183. package/internal/components/content-layout/styles.selectors.js +0 -13
  184. package/internal/utils/date-time/get-browser-timezone-offset.d.ts +0 -7
  185. package/internal/utils/date-time/get-browser-timezone-offset.d.ts.map +0 -1
  186. package/internal/utils/date-time/get-browser-timezone-offset.js +0 -11
  187. package/internal/utils/date-time/get-browser-timezone-offset.js.map +0 -1
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- section.awsui_appbar_hyvsj_zgnc1_93:not(#\9) {
93
+ section.awsui_appbar_hyvsj_10dcz_93:not(#\9) {
94
94
  align-items: center;
95
95
  box-sizing: border-box;
96
96
  display: grid;
@@ -114,20 +114,20 @@ section.awsui_appbar_hyvsj_zgnc1_93:not(#\9) {
114
114
  span the entire column definition of the Layout grid.
115
115
  */
116
116
  }
117
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_appbar-nav_hyvsj_zgnc1_117:not(#\9) {
117
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-nav_hyvsj_10dcz_117:not(#\9) {
118
118
  grid-column: 1;
119
119
  margin-right: var(--space-m-17eucw, 16px);
120
120
  }
121
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_breadcrumbs_hyvsj_zgnc1_121:not(#\9) {
121
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9) {
122
122
  grid-column: 2;
123
123
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
124
124
  }
125
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_appbar-tools_hyvsj_zgnc1_125:not(#\9) {
125
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-tools_hyvsj_10dcz_125:not(#\9) {
126
126
  grid-column: 3;
127
127
  margin-left: var(--space-m-17eucw, 16px);
128
128
  }
129
129
  @media (min-width: 689px) {
130
- section.awsui_appbar_hyvsj_zgnc1_93:not(#\9) {
130
+ section.awsui_appbar_hyvsj_10dcz_93:not(#\9) {
131
131
  /*
132
132
  If Breadcrumbs do not exist then the AppBar should be suppressed
133
133
  because in large viewports the triggers are rendered
@@ -157,31 +157,31 @@ section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_appbar-tools_hyvsj_zgnc1_125:not(#\
157
157
  reduce the the vertical distance from the main content.
158
158
  */
159
159
  }
160
- section.awsui_appbar_hyvsj_zgnc1_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_zgnc1_160) {
160
+ section.awsui_appbar_hyvsj_10dcz_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160) {
161
161
  display: none;
162
162
  }
163
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_appbar-nav_hyvsj_zgnc1_117:not(#\9),
164
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_appbar-tools_hyvsj_zgnc1_125:not(#\9) {
163
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-nav_hyvsj_10dcz_117:not(#\9),
164
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-tools_hyvsj_10dcz_125:not(#\9) {
165
165
  display: none;
166
166
  }
167
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_breadcrumbs_hyvsj_zgnc1_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_zgnc1_167) {
167
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167) {
168
168
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
169
169
  }
170
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_breadcrumbs_hyvsj_zgnc1_121.awsui_has-notifications-content_hyvsj_zgnc1_167:not(#\9) {
170
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121.awsui_has-notifications-content_hyvsj_10dcz_167:not(#\9) {
171
171
  padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
172
172
  }
173
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_breadcrumbs_hyvsj_zgnc1_121:not(#\9):not(.awsui_has-header_hyvsj_zgnc1_173):not(.awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173),
174
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_breadcrumbs_hyvsj_zgnc1_121:not(#\9):not(.awsui_has-header_hyvsj_zgnc1_173).awsui_content-type-wizard_hyvsj_zgnc1_174 {
173
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173),
174
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9):not(.awsui_has-header_hyvsj_10dcz_173).awsui_content-type-wizard_hyvsj_10dcz_174 {
175
175
  padding-bottom: var(--space-m-17eucw, 16px);
176
176
  }
177
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_breadcrumbs_hyvsj_zgnc1_121.awsui_content-type-cards_hyvsj_zgnc1_177:not(#\9),
178
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_breadcrumbs_hyvsj_zgnc1_121.awsui_content-type-table_hyvsj_zgnc1_178:not(#\9) {
177
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121.awsui_content-type-cards_hyvsj_10dcz_177:not(#\9),
178
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121.awsui_content-type-table_hyvsj_10dcz_178:not(#\9) {
179
179
  padding-bottom: var(--space-xxs-ynfts5, 4px);
180
180
  z-index: 799;
181
181
  }
182
182
  }
183
183
  @media (max-width: 688px) {
184
- section.awsui_appbar_hyvsj_zgnc1_93:not(#\9) {
184
+ section.awsui_appbar_hyvsj_10dcz_93:not(#\9) {
185
185
  background-color: var(--color-background-home-header-mpq08f, #000716);
186
186
  border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
187
187
  box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
@@ -197,11 +197,11 @@ section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_breadcrumbs_hyvsj_zgnc1_121.awsui_c
197
197
  they are now sticky positioned in the viewport with the AppBar.
198
198
  */
199
199
  }
200
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_appbar-nav_hyvsj_zgnc1_117:not(#\9),
201
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_appbar-tools_hyvsj_zgnc1_125:not(#\9) {
200
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-nav_hyvsj_10dcz_117:not(#\9),
201
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-tools_hyvsj_10dcz_125:not(#\9) {
202
202
  display: block;
203
203
  }
204
- section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_breadcrumbs_hyvsj_zgnc1_121:not(#\9) {
204
+ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9) {
205
205
  padding: 0;
206
206
  }
207
207
  }
@@ -210,10 +210,10 @@ section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_appbar-tools_hyvsj_zgnc1_125:not(#\
210
210
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
211
211
  SPDX-License-Identifier: Apache-2.0
212
212
  */
213
- div.awsui_background_hyvsj_zgnc1_213:not(#\9) {
213
+ div.awsui_background_hyvsj_10dcz_213:not(#\9) {
214
214
  display: contents;
215
215
  }
216
- div.awsui_background_hyvsj_zgnc1_213 > .awsui_notifications-appbar-header_hyvsj_zgnc1_216:not(#\9) {
216
+ div.awsui_background_hyvsj_10dcz_213 > .awsui_notifications-appbar-header_hyvsj_10dcz_216:not(#\9) {
217
217
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
218
218
  grid-column: 1/span 5;
219
219
  grid-row: 1/span 3;
@@ -225,13 +225,13 @@ div.awsui_background_hyvsj_zgnc1_213 > .awsui_notifications-appbar-header_hyvsj_
225
225
  */
226
226
  }
227
227
  @media (min-width: 689px) {
228
- div.awsui_background_hyvsj_zgnc1_213 > .awsui_notifications-appbar-header_hyvsj_zgnc1_216.awsui_content-type-cards_hyvsj_zgnc1_177.awsui_has-notifications-content_hyvsj_zgnc1_167.awsui_sticky-notifications_hyvsj_zgnc1_228:not(#\9), div.awsui_background_hyvsj_zgnc1_213 > .awsui_notifications-appbar-header_hyvsj_zgnc1_216.awsui_content-type-table_hyvsj_zgnc1_178.awsui_has-notifications-content_hyvsj_zgnc1_167.awsui_sticky-notifications_hyvsj_zgnc1_228:not(#\9) {
228
+ div.awsui_background_hyvsj_10dcz_213 > .awsui_notifications-appbar-header_hyvsj_10dcz_216.awsui_content-type-cards_hyvsj_10dcz_177.awsui_has-notifications-content_hyvsj_10dcz_167.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9), div.awsui_background_hyvsj_10dcz_213 > .awsui_notifications-appbar-header_hyvsj_10dcz_216.awsui_content-type-table_hyvsj_10dcz_178.awsui_has-notifications-content_hyvsj_10dcz_167.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9) {
229
229
  position: sticky;
230
230
  top: var(--awsui-offset-top-ujkcpl);
231
231
  z-index: 799;
232
232
  }
233
233
  }
234
- div.awsui_background_hyvsj_zgnc1_213 > .awsui_overlap_hyvsj_zgnc1_234:not(#\9) {
234
+ div.awsui_background_hyvsj_10dcz_213 > .awsui_overlap_hyvsj_10dcz_234:not(#\9) {
235
235
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
236
236
  grid-column: 1/span 5;
237
237
  grid-row: 4;
@@ -244,7 +244,7 @@ div.awsui_background_hyvsj_zgnc1_213 > .awsui_overlap_hyvsj_zgnc1_234:not(#\9) {
244
244
  */
245
245
  }
246
246
  @media (min-width: 689px) {
247
- div.awsui_background_hyvsj_zgnc1_213 > .awsui_overlap_hyvsj_zgnc1_234.awsui_content-type-cards_hyvsj_zgnc1_177:not(#\9), div.awsui_background_hyvsj_zgnc1_213 > .awsui_overlap_hyvsj_zgnc1_234.awsui_content-type-table_hyvsj_zgnc1_178:not(#\9) {
247
+ div.awsui_background_hyvsj_10dcz_213 > .awsui_overlap_hyvsj_10dcz_234.awsui_content-type-cards_hyvsj_10dcz_177:not(#\9), div.awsui_background_hyvsj_10dcz_213 > .awsui_overlap_hyvsj_10dcz_234.awsui_content-type-table_hyvsj_10dcz_178:not(#\9) {
248
248
  position: sticky;
249
249
  top: var(--awsui-offset-top-with-notifications-ujkcpl);
250
250
  z-index: 799;
@@ -255,13 +255,13 @@ div.awsui_background_hyvsj_zgnc1_213 > .awsui_overlap_hyvsj_zgnc1_234:not(#\9) {
255
255
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
256
256
  SPDX-License-Identifier: Apache-2.0
257
257
  */
258
- header.awsui_content_hyvsj_zgnc1_174:not(#\9) {
258
+ header.awsui_content_hyvsj_10dcz_174:not(#\9) {
259
259
  grid-column: 3;
260
260
  grid-row: 3;
261
- padding-bottom: var(--space-dark-header-padding-bottom-jg1586, 24px);
261
+ padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
262
262
  }
263
263
  @media (min-width: 689px) {
264
- header.awsui_content_hyvsj_zgnc1_174:not(#\9) {
264
+ header.awsui_content_hyvsj_10dcz_174:not(#\9) {
265
265
  /*
266
266
  If Notifications exist and Breadcrumbs do not then Notifications
267
267
  is the previous adjacent sibling to the Header. Add minimal top padding
@@ -279,25 +279,25 @@ header.awsui_content_hyvsj_zgnc1_174:not(#\9) {
279
279
  circular buttons.
280
280
  */
281
281
  }
282
- header.awsui_content_hyvsj_zgnc1_174.awsui_has-notifications-content_hyvsj_zgnc1_167:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_zgnc1_160) {
282
+ header.awsui_content_hyvsj_10dcz_174.awsui_has-notifications-content_hyvsj_10dcz_167:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160) {
283
283
  padding-top: var(--space-scaled-xs-6859qs, 8px);
284
284
  }
285
- header.awsui_content_hyvsj_zgnc1_174.awsui_has-breadcrumbs_hyvsj_zgnc1_160:not(#\9) {
285
+ header.awsui_content_hyvsj_10dcz_174.awsui_has-breadcrumbs_hyvsj_10dcz_160:not(#\9) {
286
286
  padding-top: var(--space-xxs-ynfts5, 4px);
287
287
  }
288
- header.awsui_content_hyvsj_zgnc1_174:not(#\9):not(.awsui_has-notifications-content_hyvsj_zgnc1_167):not(.awsui_has-breadcrumbs_hyvsj_zgnc1_160) {
288
+ header.awsui_content_hyvsj_10dcz_174:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160) {
289
289
  padding-top: var(--space-scaled-xs-6859qs, 8px);
290
290
  }
291
291
  }
292
292
  @media (max-width: 688px) {
293
- header.awsui_content_hyvsj_zgnc1_174:not(#\9) {
294
- padding: var(--space-m-17eucw, 16px) 0 var(--space-dark-header-padding-bottom-jg1586, 24px);
293
+ header.awsui_content_hyvsj_10dcz_174:not(#\9) {
294
+ padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
295
295
  /*
296
296
  Breadcrumbs has moved to first position and sticky so Notifications
297
297
  are now the previous adjacent sibling if they exist.
298
298
  */
299
299
  }
300
- header.awsui_content_hyvsj_zgnc1_174.awsui_has-notifications-content_hyvsj_zgnc1_167:not(#\9) {
300
+ header.awsui_content_hyvsj_10dcz_174.awsui_has-notifications-content_hyvsj_10dcz_167:not(#\9) {
301
301
  padding-top: var(--space-scaled-xs-6859qs, 8px);
302
302
  }
303
303
  }
@@ -319,7 +319,7 @@ header.awsui_content_hyvsj_zgnc1_174:not(#\9) {
319
319
  circumstances regardless of whether the minContentWidth property is
320
320
  explicitly set in script.
321
321
  */
322
- .awsui_layout_hyvsj_zgnc1_322:not(#\9) {
322
+ .awsui_layout_hyvsj_10dcz_322:not(#\9) {
323
323
  --awsui-content-gap-left-ujkcpl: 0px;
324
324
  --awsui-content-gap-right-ujkcpl: 0px;
325
325
  --awsui-content-height-ujkcpl: calc(100vh - var(--awsui-header-height-ujkcpl) - var(--awsui-footer-height-ujkcpl));
@@ -401,75 +401,75 @@ header.awsui_content_hyvsj_zgnc1_174:not(#\9) {
401
401
  */
402
402
  }
403
403
  @media (min-width: 1401px) {
404
- .awsui_layout_hyvsj_zgnc1_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_zgnc1_404) {
404
+ .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_10dcz_404) {
405
405
  --awsui-default-max-content-width-ujkcpl: 1280px;
406
406
  }
407
407
  }
408
408
  @media (min-width: 1921px) {
409
- .awsui_layout_hyvsj_zgnc1_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_zgnc1_404) {
409
+ .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_10dcz_404) {
410
410
  --awsui-default-max-content-width-ujkcpl: 1440px;
411
411
  }
412
412
  }
413
413
  @media (min-width: 2541px) {
414
- .awsui_layout_hyvsj_zgnc1_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_zgnc1_404) {
414
+ .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_10dcz_404) {
415
415
  --awsui-default-max-content-width-ujkcpl: 1620px;
416
416
  }
417
417
  }
418
- .awsui_layout_hyvsj_zgnc1_322.awsui_has-max-content-width_hyvsj_zgnc1_404:not(#\9) {
418
+ .awsui_layout_hyvsj_10dcz_322.awsui_has-max-content-width_hyvsj_10dcz_404:not(#\9) {
419
419
  --awsui-default-max-content-width-ujkcpl: var(--awsui-max-content-width-ujkcpl);
420
420
  }
421
421
  @media (min-width: 993px) {
422
- .awsui_layout_hyvsj_zgnc1_322:not(#\9) {
422
+ .awsui_layout_hyvsj_10dcz_322:not(#\9) {
423
423
  --awsui-default-min-content-width-ujkcpl: var(--awsui-min-content-width-ujkcpl, 280px);
424
424
  }
425
425
  }
426
426
  @media (max-width: 992px) {
427
- .awsui_layout_hyvsj_zgnc1_322:not(#\9) {
427
+ .awsui_layout_hyvsj_10dcz_322:not(#\9) {
428
428
  --awsui-default-min-content-width-ujkcpl: 0px;
429
429
  }
430
430
  }
431
- .awsui_layout_hyvsj_zgnc1_322.awsui_is-overlap-disabled_hyvsj_zgnc1_431:not(#\9) {
431
+ .awsui_layout_hyvsj_10dcz_322.awsui_is-overlap-disabled_hyvsj_10dcz_431:not(#\9) {
432
432
  --awsui-overlap-height-ujkcpl: 0;
433
433
  }
434
- .awsui_layout_hyvsj_zgnc1_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_zgnc1_434) {
434
+ .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10dcz_434) {
435
435
  --awsui-offset-top-ujkcpl: var(--awsui-header-height-ujkcpl);
436
436
  min-height: var(--awsui-content-height-ujkcpl);
437
437
  }
438
- .awsui_layout_hyvsj_zgnc1_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_zgnc1_434):not(.awsui_has-sticky-notifications_hyvsj_zgnc1_438) {
438
+ .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10dcz_434):not(.awsui_has-sticky-notifications_hyvsj_10dcz_438) {
439
439
  --awsui-offset-top-with-notifications-ujkcpl: var(--awsui-header-height-ujkcpl);
440
440
  }
441
- .awsui_layout_hyvsj_zgnc1_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_zgnc1_434).awsui_has-sticky-notifications_hyvsj_zgnc1_438 {
441
+ .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10dcz_434).awsui_has-sticky-notifications_hyvsj_10dcz_438 {
442
442
  --awsui-offset-top-with-notifications-ujkcpl: calc(
443
443
  var(--awsui-header-height-ujkcpl) + var(--awsui-notifications-height-ujkcpl) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
444
444
  );
445
445
  }
446
- .awsui_layout_hyvsj_zgnc1_322.awsui_disable-body-scroll_hyvsj_zgnc1_434:not(#\9) {
446
+ .awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434:not(#\9) {
447
447
  --awsui-offset-top-ujkcpl: 0px;
448
448
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) 1fr auto;
449
449
  height: var(--awsui-content-height-ujkcpl);
450
450
  overflow-y: scroll;
451
451
  }
452
- .awsui_layout_hyvsj_zgnc1_322.awsui_disable-body-scroll_hyvsj_zgnc1_434.awsui_has-split-panel_hyvsj_zgnc1_452.awsui_split-panel-position-bottom_hyvsj_zgnc1_452:not(#\9) {
452
+ .awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434.awsui_has-split-panel_hyvsj_10dcz_452.awsui_split-panel-position-bottom_hyvsj_10dcz_452:not(#\9) {
453
453
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) repeat(2, auto);
454
454
  }
455
- .awsui_layout_hyvsj_zgnc1_322.awsui_disable-body-scroll_hyvsj_zgnc1_434:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_zgnc1_438) {
455
+ .awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_10dcz_438) {
456
456
  --awsui-offset-top-with-notifications-ujkcpl: 0px;
457
457
  }
458
- .awsui_layout_hyvsj_zgnc1_322.awsui_disable-body-scroll_hyvsj_zgnc1_434.awsui_has-sticky-notifications_hyvsj_zgnc1_438:not(#\9) {
458
+ .awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434.awsui_has-sticky-notifications_hyvsj_10dcz_438:not(#\9) {
459
459
  --awsui-offset-top-with-notifications-ujkcpl: calc(
460
460
  var(--awsui-notifications-height-ujkcpl) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
461
461
  );
462
462
  }
463
463
  @media (min-width: 689px) {
464
- .awsui_layout_hyvsj_zgnc1_322.awsui_has-content-gap-left_hyvsj_zgnc1_464:not(#\9) {
464
+ .awsui_layout_hyvsj_10dcz_322.awsui_has-content-gap-left_hyvsj_10dcz_464:not(#\9) {
465
465
  --awsui-content-gap-left-ujkcpl: var(--space-scaled-2x-xxxl-lbp35j, 40px);
466
466
  }
467
- .awsui_layout_hyvsj_zgnc1_322.awsui_has-content-gap-right_hyvsj_zgnc1_467:not(#\9) {
467
+ .awsui_layout_hyvsj_10dcz_322.awsui_has-content-gap-right_hyvsj_10dcz_467:not(#\9) {
468
468
  --awsui-content-gap-right-ujkcpl: var(--space-scaled-2x-xxxl-lbp35j, 40px);
469
469
  }
470
470
  }
471
471
  @media (max-width: 688px) {
472
- .awsui_layout_hyvsj_zgnc1_322:not(#\9) {
472
+ .awsui_layout_hyvsj_10dcz_322:not(#\9) {
473
473
  --awsui-content-gap-left-ujkcpl: var(--space-l-4vl6xu, 20px);
474
474
  --awsui-content-gap-right-ujkcpl: var(--space-l-4vl6xu, 20px);
475
475
  }
@@ -479,7 +479,7 @@ header.awsui_content_hyvsj_zgnc1_174:not(#\9) {
479
479
  This CSS class is applied to the document body to prevent overflow scrolling
480
480
  when the navigation or tools drawers are open in responsive viewports.
481
481
  */
482
- .awsui_block-body-scroll_hyvsj_zgnc1_482:not(#\9) {
482
+ .awsui_block-body-scroll_hyvsj_10dcz_482:not(#\9) {
483
483
  overflow: hidden;
484
484
  }
485
485
 
@@ -487,7 +487,7 @@ when the navigation or tools drawers are open in responsive viewports.
487
487
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
488
488
  SPDX-License-Identifier: Apache-2.0
489
489
  */
490
- .awsui_container_hyvsj_zgnc1_490:not(#\9) {
490
+ .awsui_container_hyvsj_10dcz_490:not(#\9) {
491
491
  grid-column: 3;
492
492
  grid-row: 4/span 2;
493
493
  padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
@@ -504,20 +504,20 @@ when the navigation or tools drawers are open in responsive viewports.
504
504
  under various circumstances.
505
505
  */
506
506
  }
507
- .awsui_container_hyvsj_zgnc1_490.awsui_disable-content-paddings_hyvsj_zgnc1_507:not(#\9) {
507
+ .awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507:not(#\9) {
508
508
  grid-column: 1/6;
509
509
  padding: 0;
510
510
  }
511
511
  @media (min-width: 689px) {
512
- .awsui_container_hyvsj_zgnc1_490.awsui_disable-content-paddings_hyvsj_zgnc1_507.awsui_is-navigation-open_hyvsj_zgnc1_512:not(#\9) {
512
+ .awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507.awsui_is-navigation-open_hyvsj_10dcz_512:not(#\9) {
513
513
  grid-column-start: 2;
514
514
  }
515
- .awsui_container_hyvsj_zgnc1_490.awsui_disable-content-paddings_hyvsj_zgnc1_507.awsui_is-tools-open_hyvsj_zgnc1_515:not(#\9), .awsui_container_hyvsj_zgnc1_490.awsui_disable-content-paddings_hyvsj_zgnc1_507.awsui_is-split-panel-open_hyvsj_zgnc1_515.awsui_split-panel-position-side_hyvsj_zgnc1_515:not(#\9) {
515
+ .awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507.awsui_is-tools-open_hyvsj_10dcz_515:not(#\9), .awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_split-panel-position-side_hyvsj_10dcz_515:not(#\9) {
516
516
  grid-column-end: 5;
517
517
  }
518
518
  }
519
519
  @media (min-width: 689px) {
520
- .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507) {
520
+ .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507) {
521
521
  /*
522
522
  Notifications is the previous adjacent sibling to the Main in
523
523
  desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -532,18 +532,18 @@ when the navigation or tools drawers are open in responsive viewports.
532
532
  sibling to the Main which requires no top padding.
533
533
  */
534
534
  }
535
- .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_content-type-default_hyvsj_zgnc1_535.awsui_has-notifications-content_hyvsj_zgnc1_167:not(.awsui_has-breadcrumbs_hyvsj_zgnc1_160):not(.awsui_has-header_hyvsj_zgnc1_173):not(.awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173), .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_content-type-form_hyvsj_zgnc1_535.awsui_has-notifications-content_hyvsj_zgnc1_167:not(.awsui_has-breadcrumbs_hyvsj_zgnc1_160):not(.awsui_has-header_hyvsj_zgnc1_173):not(.awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173) {
535
+ .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
536
536
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
537
537
  }
538
- .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_content-type-default_hyvsj_zgnc1_535:not(.awsui_has-notifications-content_hyvsj_zgnc1_167):not(.awsui_has-breadcrumbs_hyvsj_zgnc1_160):not(.awsui_has-header_hyvsj_zgnc1_173):not(.awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173), .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_content-type-form_hyvsj_zgnc1_535:not(.awsui_has-notifications-content_hyvsj_zgnc1_167):not(.awsui_has-breadcrumbs_hyvsj_zgnc1_160):not(.awsui_has-header_hyvsj_zgnc1_173):not(.awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173) {
538
+ .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
539
539
  padding-top: var(--space-scaled-xs-6859qs, 8px);
540
540
  }
541
- .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_has-header_hyvsj_zgnc1_173, .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173 {
541
+ .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-header_hyvsj_10dcz_173, .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-dynamic-overlap-height_hyvsj_10dcz_173 {
542
542
  padding-top: 0;
543
543
  }
544
544
  }
545
545
  @media (max-width: 688px) {
546
- .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507) {
546
+ .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507) {
547
547
  /*
548
548
  If the Notifications exist but the Header does not then the
549
549
  Notifications is the previous adjacent sibling to the Main
@@ -558,22 +558,22 @@ when the navigation or tools drawers are open in responsive viewports.
558
558
  sibling to the Main which requires no top padding.
559
559
  */
560
560
  }
561
- .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_content-type-default_hyvsj_zgnc1_535.awsui_has-notifications-content_hyvsj_zgnc1_167:not(.awsui_has-header_hyvsj_zgnc1_173):not(.awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173), .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_content-type-form_hyvsj_zgnc1_535.awsui_has-notifications-content_hyvsj_zgnc1_167:not(.awsui_has-header_hyvsj_zgnc1_173):not(.awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173) {
561
+ .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
562
562
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
563
563
  }
564
- .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_content-type-default_hyvsj_zgnc1_535:not(.awsui_has-notifications-content_hyvsj_zgnc1_167):not(.awsui_has-header_hyvsj_zgnc1_173):not(.awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173), .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_content-type-form_hyvsj_zgnc1_535:not(.awsui_has-notifications-content_hyvsj_zgnc1_167):not(.awsui_has-header_hyvsj_zgnc1_173):not(.awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173) {
564
+ .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
565
565
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
566
566
  }
567
- .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_has-header_hyvsj_zgnc1_173, .awsui_container_hyvsj_zgnc1_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zgnc1_507).awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173 {
567
+ .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-header_hyvsj_10dcz_173, .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-dynamic-overlap-height_hyvsj_10dcz_173 {
568
568
  padding-top: 0;
569
569
  }
570
570
  }
571
- .awsui_container_hyvsj_zgnc1_490.awsui_content-type-cards_hyvsj_zgnc1_177:not(#\9), .awsui_container_hyvsj_zgnc1_490.awsui_content-type-table_hyvsj_zgnc1_178:not(#\9), .awsui_container_hyvsj_zgnc1_490.awsui_content-type-wizard_hyvsj_zgnc1_174:not(#\9) {
571
+ .awsui_container_hyvsj_10dcz_490.awsui_content-type-cards_hyvsj_10dcz_177:not(#\9), .awsui_container_hyvsj_10dcz_490.awsui_content-type-table_hyvsj_10dcz_178:not(#\9), .awsui_container_hyvsj_10dcz_490.awsui_content-type-wizard_hyvsj_10dcz_174:not(#\9) {
572
572
  padding-top: 0;
573
573
  }
574
574
 
575
575
  /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
576
- .awsui_unfocusable_hyvsj_zgnc1_576 *:not(#\9) {
576
+ .awsui_unfocusable_hyvsj_10dcz_576 *:not(#\9) {
577
577
  visibility: hidden !important;
578
578
  }
579
579
 
@@ -581,7 +581,7 @@ when the navigation or tools drawers are open in responsive viewports.
581
581
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
582
582
  SPDX-License-Identifier: Apache-2.0
583
583
  */
584
- .awsui_navigation-container_hyvsj_zgnc1_584:not(#\9) {
584
+ .awsui_navigation-container_hyvsj_10dcz_584:not(#\9) {
585
585
  --awsui-navigation-width-ujkcpl: 280px;
586
586
  display: flex;
587
587
  grid-column: 1;
@@ -592,12 +592,12 @@ when the navigation or tools drawers are open in responsive viewports.
592
592
  z-index: 850;
593
593
  }
594
594
  @media (min-width: 2541px) {
595
- .awsui_navigation-container_hyvsj_zgnc1_584:not(#\9) {
595
+ .awsui_navigation-container_hyvsj_10dcz_584:not(#\9) {
596
596
  --awsui-navigation-width-ujkcpl: 320px;
597
597
  }
598
598
  }
599
599
  @media (max-width: 688px) {
600
- .awsui_navigation-container_hyvsj_zgnc1_584:not(#\9) {
600
+ .awsui_navigation-container_hyvsj_10dcz_584:not(#\9) {
601
601
  left: 0;
602
602
  position: fixed;
603
603
  top: var(--awsui-offset-top-ujkcpl);
@@ -605,14 +605,14 @@ when the navigation or tools drawers are open in responsive viewports.
605
605
  }
606
606
  }
607
607
 
608
- nav.awsui_show-navigation_hyvsj_zgnc1_608:not(#\9) {
608
+ nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9) {
609
609
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
610
610
  /*
611
611
  Apply the animation only in desktop viewports because the AppBar will
612
612
  take control in responsive viewports.
613
613
  */
614
614
  }
615
- @keyframes awsui_showButtons_hyvsj_zgnc1_1 {
615
+ @keyframes awsui_showButtons_hyvsj_10dcz_1 {
616
616
  0% {
617
617
  opacity: 0;
618
618
  }
@@ -620,31 +620,31 @@ nav.awsui_show-navigation_hyvsj_zgnc1_608:not(#\9) {
620
620
  opacity: 1;
621
621
  }
622
622
  }
623
- nav.awsui_show-navigation_hyvsj_zgnc1_608.awsui_is-navigation-open_hyvsj_zgnc1_512:not(#\9) {
623
+ nav.awsui_show-navigation_hyvsj_10dcz_608.awsui_is-navigation-open_hyvsj_10dcz_512:not(#\9) {
624
624
  display: none;
625
625
  }
626
626
  @media (min-width: 689px) {
627
- nav.awsui_show-navigation_hyvsj_zgnc1_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_zgnc1_512) {
627
+ nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512) {
628
628
  display: block;
629
629
  }
630
- nav.awsui_show-navigation_hyvsj_zgnc1_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_zgnc1_512).awsui_animating_hyvsj_zgnc1_630 {
631
- animation: awsui_showButtons_hyvsj_zgnc1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
630
+ nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630 {
631
+ animation: awsui_showButtons_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
632
632
  }
633
633
  }
634
634
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
635
- nav.awsui_show-navigation_hyvsj_zgnc1_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_zgnc1_512).awsui_animating_hyvsj_zgnc1_630 {
635
+ nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630 {
636
636
  animation: none;
637
637
  transition: none;
638
638
  }
639
639
  }
640
640
  @media (min-width: 689px) {
641
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_zgnc1_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_zgnc1_512).awsui_animating_hyvsj_zgnc1_630, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_zgnc1_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_zgnc1_512).awsui_animating_hyvsj_zgnc1_630 {
641
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630 {
642
642
  animation: none;
643
643
  transition: none;
644
644
  }
645
645
  }
646
646
 
647
- nav.awsui_navigation_hyvsj_zgnc1_584:not(#\9) {
647
+ nav.awsui_navigation_hyvsj_10dcz_584:not(#\9) {
648
648
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
649
649
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
650
650
  bottom: 0;
@@ -660,7 +660,7 @@ nav.awsui_navigation_hyvsj_zgnc1_584:not(#\9) {
660
660
  prevent unwanted text wrapping.
661
661
  */
662
662
  }
663
- @keyframes awsui_openNavigation_hyvsj_zgnc1_1 {
663
+ @keyframes awsui_openNavigation_hyvsj_10dcz_1 {
664
664
  from {
665
665
  opacity: 0;
666
666
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -670,33 +670,33 @@ nav.awsui_navigation_hyvsj_zgnc1_584:not(#\9) {
670
670
  width: var(--awsui-navigation-width-ujkcpl);
671
671
  }
672
672
  }
673
- nav.awsui_navigation_hyvsj_zgnc1_584:not(#\9):not(.awsui_is-navigation-open_hyvsj_zgnc1_512) {
673
+ nav.awsui_navigation_hyvsj_10dcz_584:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512) {
674
674
  width: 0;
675
675
  display: none;
676
676
  }
677
- nav.awsui_navigation_hyvsj_zgnc1_584.awsui_is-navigation-open_hyvsj_zgnc1_512.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
678
- animation: awsui_openNavigation_hyvsj_zgnc1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
677
+ nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9) {
678
+ animation: awsui_openNavigation_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
679
679
  }
680
680
  @media (prefers-reduced-motion: reduce) {
681
- nav.awsui_navigation_hyvsj_zgnc1_584.awsui_is-navigation-open_hyvsj_zgnc1_512.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
681
+ nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9) {
682
682
  animation: none;
683
683
  transition: none;
684
684
  }
685
685
  }
686
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_zgnc1_584.awsui_is-navigation-open_hyvsj_zgnc1_512.awsui_animating_hyvsj_zgnc1_630:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_zgnc1_584.awsui_is-navigation-open_hyvsj_zgnc1_512.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
686
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9) {
687
687
  animation: none;
688
688
  transition: none;
689
689
  }
690
- nav.awsui_navigation_hyvsj_zgnc1_584 > .awsui_animated-content_hyvsj_zgnc1_690:not(#\9) {
690
+ nav.awsui_navigation_hyvsj_10dcz_584 > .awsui_animated-content_hyvsj_10dcz_690:not(#\9) {
691
691
  width: var(--awsui-navigation-width-ujkcpl);
692
692
  }
693
693
  @media (max-width: 688px) {
694
- nav.awsui_navigation_hyvsj_zgnc1_584:not(#\9) {
694
+ nav.awsui_navigation_hyvsj_10dcz_584:not(#\9) {
695
695
  --awsui-navigation-width-ujkcpl: 100vw;
696
696
  }
697
697
  }
698
698
 
699
- .awsui_hide-navigation_hyvsj_zgnc1_699:not(#\9) {
699
+ .awsui_hide-navigation_hyvsj_10dcz_699:not(#\9) {
700
700
  position: absolute;
701
701
  right: var(--space-m-17eucw, 16px);
702
702
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -706,7 +706,7 @@ nav.awsui_navigation_hyvsj_zgnc1_584 > .awsui_animated-content_hyvsj_zgnc1_690:n
706
706
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
707
707
  SPDX-License-Identifier: Apache-2.0
708
708
  */
709
- .awsui_notifications_hyvsj_zgnc1_216:not(#\9) {
709
+ .awsui_notifications_hyvsj_10dcz_216:not(#\9) {
710
710
  grid-column: 3;
711
711
  grid-row: 1;
712
712
  z-index: 825;
@@ -723,30 +723,30 @@ nav.awsui_navigation_hyvsj_zgnc1_584 > .awsui_animated-content_hyvsj_zgnc1_690:n
723
723
  */
724
724
  }
725
725
  @media (min-width: 689px) {
726
- .awsui_notifications_hyvsj_zgnc1_216:not(#\9) {
726
+ .awsui_notifications_hyvsj_10dcz_216:not(#\9) {
727
727
  margin: var(--space-xs-rsr2qu, 8px) 0;
728
728
  /*
729
729
  var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
730
730
  calculation in the layout CSS.
731
731
  */
732
732
  }
733
- .awsui_notifications_hyvsj_zgnc1_216.awsui_sticky-notifications_hyvsj_zgnc1_228:not(#\9) {
733
+ .awsui_notifications_hyvsj_10dcz_216.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9) {
734
734
  position: sticky;
735
735
  top: calc(var(--awsui-offset-top-ujkcpl) + var(--space-xs-rsr2qu, 8px));
736
736
  }
737
- .awsui_notifications_hyvsj_zgnc1_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_zgnc1_167) {
737
+ .awsui_notifications_hyvsj_10dcz_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167) {
738
738
  margin: 0;
739
739
  }
740
740
  }
741
741
  @media (max-width: 688px) {
742
- .awsui_notifications_hyvsj_zgnc1_216:not(#\9) {
742
+ .awsui_notifications_hyvsj_10dcz_216:not(#\9) {
743
743
  grid-row: 2;
744
744
  margin: var(--space-scaled-s-cu1hzn, 12px) 0;
745
745
  }
746
- .awsui_notifications_hyvsj_zgnc1_216.awsui_sticky-notifications_hyvsj_zgnc1_228:not(#\9) {
746
+ .awsui_notifications_hyvsj_10dcz_216.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9) {
747
747
  position: static;
748
748
  }
749
- .awsui_notifications_hyvsj_zgnc1_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_zgnc1_167) {
749
+ .awsui_notifications_hyvsj_10dcz_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167) {
750
750
  margin: 0;
751
751
  }
752
752
  }
@@ -763,7 +763,7 @@ within. In the bottom position, the Split Panel is simply a direct child
763
763
  of the Tools component flex container and should consume 100% of the
764
764
  parent height.
765
765
  */
766
- section.awsui_split-panel-bottom_hyvsj_zgnc1_766:not(#\9) {
766
+ section.awsui_split-panel-bottom_hyvsj_10dcz_766:not(#\9) {
767
767
  bottom: var(--awsui-footer-height-ujkcpl);
768
768
  display: none;
769
769
  grid-column: 1/6;
@@ -787,7 +787,7 @@ section.awsui_split-panel-bottom_hyvsj_zgnc1_766:not(#\9) {
787
787
  apply the animation to the height property.
788
788
  */
789
789
  }
790
- @keyframes awsui_openSplitPanelBottom_hyvsj_zgnc1_1 {
790
+ @keyframes awsui_openSplitPanelBottom_hyvsj_10dcz_1 {
791
791
  from {
792
792
  height: var(--awsui-split-panel-reported-header-size-ujkcpl, 0);
793
793
  }
@@ -795,39 +795,39 @@ section.awsui_split-panel-bottom_hyvsj_zgnc1_766:not(#\9) {
795
795
  height: var(--awsui-split-panel-reported-size-ujkcpl);
796
796
  }
797
797
  }
798
- section.awsui_split-panel-bottom_hyvsj_zgnc1_766.awsui_disable-body-scroll_hyvsj_zgnc1_434:not(#\9) {
798
+ section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_disable-body-scroll_hyvsj_10dcz_434:not(#\9) {
799
799
  bottom: 0;
800
800
  }
801
- section.awsui_split-panel-bottom_hyvsj_zgnc1_766.awsui_is-navigation-open_hyvsj_zgnc1_512.awsui_position-bottom_hyvsj_zgnc1_801:not(#\9) {
801
+ section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
802
802
  grid-column-start: 2;
803
803
  }
804
- section.awsui_split-panel-bottom_hyvsj_zgnc1_766.awsui_is-tools-open_hyvsj_zgnc1_515.awsui_position-bottom_hyvsj_zgnc1_801:not(#\9) {
804
+ section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-tools-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
805
805
  grid-column-end: 5;
806
806
  }
807
- section.awsui_split-panel-bottom_hyvsj_zgnc1_766.awsui_position-bottom_hyvsj_zgnc1_801:not(#\9) {
807
+ section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
808
808
  display: block;
809
809
  }
810
- section.awsui_split-panel-bottom_hyvsj_zgnc1_766:not(#\9):not(.awsui_is-split-panel-open_hyvsj_zgnc1_515).awsui_position-bottom_hyvsj_zgnc1_801 {
810
+ section.awsui_split-panel-bottom_hyvsj_10dcz_766:not(#\9):not(.awsui_is-split-panel-open_hyvsj_10dcz_515).awsui_position-bottom_hyvsj_10dcz_801 {
811
811
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
812
812
  }
813
- section.awsui_split-panel-bottom_hyvsj_zgnc1_766.awsui_is-split-panel-open_hyvsj_zgnc1_515.awsui_position-bottom_hyvsj_zgnc1_801:not(#\9) {
813
+ section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
814
814
  box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
815
815
  }
816
- section.awsui_split-panel-bottom_hyvsj_zgnc1_766.awsui_is-split-panel-open_hyvsj_zgnc1_515.awsui_position-bottom_hyvsj_zgnc1_801.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
817
- animation: awsui_openSplitPanelBottom_hyvsj_zgnc1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
816
+ section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9) {
817
+ animation: awsui_openSplitPanelBottom_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
818
818
  }
819
819
  @media (prefers-reduced-motion: reduce) {
820
- section.awsui_split-panel-bottom_hyvsj_zgnc1_766.awsui_is-split-panel-open_hyvsj_zgnc1_515.awsui_position-bottom_hyvsj_zgnc1_801.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
820
+ section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9) {
821
821
  animation: none;
822
822
  transition: none;
823
823
  }
824
824
  }
825
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_zgnc1_766.awsui_is-split-panel-open_hyvsj_zgnc1_515.awsui_position-bottom_hyvsj_zgnc1_801.awsui_animating_hyvsj_zgnc1_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_zgnc1_766.awsui_is-split-panel-open_hyvsj_zgnc1_515.awsui_position-bottom_hyvsj_zgnc1_801.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
825
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9) {
826
826
  animation: none;
827
827
  transition: none;
828
828
  }
829
829
 
830
- section.awsui_split-panel-side_hyvsj_zgnc1_830:not(#\9) {
830
+ section.awsui_split-panel-side_hyvsj_10dcz_830:not(#\9) {
831
831
  height: 100%;
832
832
  overflow-x: hidden;
833
833
  /*
@@ -841,7 +841,7 @@ section.awsui_split-panel-side_hyvsj_zgnc1_830:not(#\9) {
841
841
  prevent unwanted text wrapping.
842
842
  */
843
843
  }
844
- @keyframes awsui_openSplitPanelSide_hyvsj_zgnc1_1 {
844
+ @keyframes awsui_openSplitPanelSide_hyvsj_10dcz_1 {
845
845
  from {
846
846
  opacity: 0;
847
847
  width: var(--awsui-split-panel-min-width-ujkcpl, 280px);
@@ -851,28 +851,28 @@ section.awsui_split-panel-side_hyvsj_zgnc1_830:not(#\9) {
851
851
  width: var(--awsui-split-panel-reported-size-ujkcpl);
852
852
  }
853
853
  }
854
- section.awsui_split-panel-side_hyvsj_zgnc1_830:not(#\9):not(.awsui_is-split-panel-open_hyvsj_zgnc1_515), section.awsui_split-panel-side_hyvsj_zgnc1_830.awsui_position-bottom_hyvsj_zgnc1_801:not(#\9) {
854
+ section.awsui_split-panel-side_hyvsj_10dcz_830:not(#\9):not(.awsui_is-split-panel-open_hyvsj_10dcz_515), section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
855
855
  width: 0;
856
856
  }
857
- section.awsui_split-panel-side_hyvsj_zgnc1_830.awsui_is-split-panel-open_hyvsj_zgnc1_515.awsui_position-side_hyvsj_zgnc1_857:not(#\9) {
857
+ section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857:not(#\9) {
858
858
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
859
859
  max-width: var(--awsui-split-panel-max-width-ujkcpl, 280px);
860
860
  min-width: var(--awsui-split-panel-min-width-ujkcpl, 280px);
861
861
  }
862
- section.awsui_split-panel-side_hyvsj_zgnc1_830.awsui_is-split-panel-open_hyvsj_zgnc1_515.awsui_position-side_hyvsj_zgnc1_857.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
863
- animation: awsui_openSplitPanelSide_hyvsj_zgnc1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
862
+ section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9) {
863
+ animation: awsui_openSplitPanelSide_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
864
864
  }
865
865
  @media (prefers-reduced-motion: reduce) {
866
- section.awsui_split-panel-side_hyvsj_zgnc1_830.awsui_is-split-panel-open_hyvsj_zgnc1_515.awsui_position-side_hyvsj_zgnc1_857.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
866
+ section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9) {
867
867
  animation: none;
868
868
  transition: none;
869
869
  }
870
870
  }
871
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_zgnc1_830.awsui_is-split-panel-open_hyvsj_zgnc1_515.awsui_position-side_hyvsj_zgnc1_857.awsui_animating_hyvsj_zgnc1_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_zgnc1_830.awsui_is-split-panel-open_hyvsj_zgnc1_515.awsui_position-side_hyvsj_zgnc1_857.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
871
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9) {
872
872
  animation: none;
873
873
  transition: none;
874
874
  }
875
- section.awsui_split-panel-side_hyvsj_zgnc1_830 > .awsui_animated-content_hyvsj_zgnc1_690:not(#\9) {
875
+ section.awsui_split-panel-side_hyvsj_10dcz_830 > .awsui_animated-content_hyvsj_10dcz_690:not(#\9) {
876
876
  height: 100%;
877
877
  max-width: inherit;
878
878
  width: var(--awsui-split-panel-reported-size-ujkcpl);
@@ -891,7 +891,7 @@ content width has a default value that can be set directly with the minContentWi
891
891
  property. The content gap right is computed in the Layout styles based on the
892
892
  viewport size and state of the Tools drawer.
893
893
  */
894
- .awsui_tools-container_hyvsj_zgnc1_894:not(#\9) {
894
+ .awsui_tools-container_hyvsj_10dcz_894:not(#\9) {
895
895
  /* stylelint-disable scss/operator-no-newline-after */
896
896
  --awsui-tools-max-width-ujkcpl: calc(var(--awsui-layout-width-ujkcpl) - var(--awsui-main-offset-left-ujkcpl) - var(--awsui-default-min-content-width-ujkcpl) - var(--awsui-content-gap-right-ujkcpl));
897
897
  /* stylelint-enable scss/operator-no-newline-after */
@@ -906,12 +906,12 @@ viewport size and state of the Tools drawer.
906
906
  z-index: 850;
907
907
  }
908
908
  @media (min-width: 2541px) {
909
- .awsui_tools-container_hyvsj_zgnc1_894:not(#\9) {
909
+ .awsui_tools-container_hyvsj_10dcz_894:not(#\9) {
910
910
  --awsui-tools-width-ujkcpl: 360px;
911
911
  }
912
912
  }
913
913
  @media (max-width: 688px) {
914
- .awsui_tools-container_hyvsj_zgnc1_894:not(#\9) {
914
+ .awsui_tools-container_hyvsj_10dcz_894:not(#\9) {
915
915
  --awsui-tools-max-width-ujkcpl: none;
916
916
  --awsui-tools-width-ujkcpl: auto;
917
917
  position: fixed;
@@ -921,7 +921,7 @@ viewport size and state of the Tools drawer.
921
921
  }
922
922
  }
923
923
 
924
- .awsui_tools_hyvsj_zgnc1_894:not(#\9) {
924
+ .awsui_tools_hyvsj_10dcz_894:not(#\9) {
925
925
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
926
926
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
927
927
  flex-shrink: 0;
@@ -943,7 +943,7 @@ viewport size and state of the Tools drawer.
943
943
  in the side position.
944
944
  */
945
945
  }
946
- @keyframes awsui_openTools_hyvsj_zgnc1_1 {
946
+ @keyframes awsui_openTools_hyvsj_10dcz_1 {
947
947
  from {
948
948
  opacity: var(--awsui-tools-animation-starting-opacity-ujkcpl, 0);
949
949
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -953,38 +953,38 @@ viewport size and state of the Tools drawer.
953
953
  width: var(--awsui-tools-width-ujkcpl);
954
954
  }
955
955
  }
956
- .awsui_tools_hyvsj_zgnc1_894:not(#\9):not(.awsui_is-tools-open_hyvsj_zgnc1_515) {
956
+ .awsui_tools_hyvsj_10dcz_894:not(#\9):not(.awsui_is-tools-open_hyvsj_10dcz_515) {
957
957
  width: 0;
958
958
  display: none;
959
959
  }
960
- .awsui_tools_hyvsj_zgnc1_894.awsui_is-tools-open_hyvsj_zgnc1_515.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
961
- animation: awsui_openTools_hyvsj_zgnc1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
960
+ .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9) {
961
+ animation: awsui_openTools_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
962
962
  }
963
963
  @media (prefers-reduced-motion: reduce) {
964
- .awsui_tools_hyvsj_zgnc1_894.awsui_is-tools-open_hyvsj_zgnc1_515.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
964
+ .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9) {
965
965
  animation: none;
966
966
  transition: none;
967
967
  }
968
968
  }
969
- .awsui-motion-disabled .awsui_tools_hyvsj_zgnc1_894.awsui_is-tools-open_hyvsj_zgnc1_515.awsui_animating_hyvsj_zgnc1_630:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_zgnc1_894.awsui_is-tools-open_hyvsj_zgnc1_515.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
969
+ .awsui-motion-disabled .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9) {
970
970
  animation: none;
971
971
  transition: none;
972
972
  }
973
- .awsui_tools_hyvsj_zgnc1_894 > .awsui_animated-content_hyvsj_zgnc1_690:not(#\9) {
973
+ .awsui_tools_hyvsj_10dcz_894 > .awsui_animated-content_hyvsj_10dcz_690:not(#\9) {
974
974
  width: var(--awsui-tools-width-ujkcpl);
975
975
  }
976
976
  @media (min-width: 689px) {
977
- .awsui_tools_hyvsj_zgnc1_894.awsui_is-tools-open_hyvsj_zgnc1_515.awsui_has-tools-form-persistence_hyvsj_zgnc1_977:not(#\9) {
977
+ .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_has-tools-form-persistence_hyvsj_10dcz_977:not(#\9) {
978
978
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
979
979
  }
980
980
  }
981
981
  @media (max-width: 688px) {
982
- .awsui_tools_hyvsj_zgnc1_894:not(#\9) {
982
+ .awsui_tools_hyvsj_10dcz_894:not(#\9) {
983
983
  --awsui-tools-width-ujkcpl: 100vw;
984
984
  }
985
985
  }
986
986
 
987
- .awsui_hide-tools_hyvsj_zgnc1_987:not(#\9) {
987
+ .awsui_hide-tools_hyvsj_10dcz_987:not(#\9) {
988
988
  position: absolute;
989
989
  right: var(--space-m-17eucw, 16px);
990
990
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -996,7 +996,7 @@ Warning! If these design tokens for padding change it will adversely impact
996
996
  the calculation used to determine the Split Panel maximum width in the
997
997
  handleSplitPanelMaxWidth function in the context.
998
998
  */
999
- .awsui_show-tools_hyvsj_zgnc1_999:not(#\9) {
999
+ .awsui_show-tools_hyvsj_10dcz_999:not(#\9) {
1000
1000
  box-sizing: border-box;
1001
1001
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
1002
1002
  /*
@@ -1004,7 +1004,7 @@ handleSplitPanelMaxWidth function in the context.
1004
1004
  take control in responsive viewports.
1005
1005
  */
1006
1006
  }
1007
- @keyframes awsui_showButtons_hyvsj_zgnc1_1 {
1007
+ @keyframes awsui_showButtons_hyvsj_10dcz_1 {
1008
1008
  0% {
1009
1009
  opacity: 0;
1010
1010
  }
@@ -1012,33 +1012,33 @@ handleSplitPanelMaxWidth function in the context.
1012
1012
  opacity: 1;
1013
1013
  }
1014
1014
  }
1015
- .awsui_show-tools_hyvsj_zgnc1_999:not(#\9):not(.awsui_has-tools-form_hyvsj_zgnc1_977) {
1015
+ .awsui_show-tools_hyvsj_10dcz_999:not(#\9):not(.awsui_has-tools-form_hyvsj_10dcz_977) {
1016
1016
  display: none;
1017
1017
  }
1018
1018
  @media (min-width: 689px) {
1019
- .awsui_show-tools_hyvsj_zgnc1_999.awsui_has-tools-form_hyvsj_zgnc1_977:not(#\9) {
1019
+ .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977:not(#\9) {
1020
1020
  display: flex;
1021
1021
  flex-direction: column;
1022
1022
  gap: var(--space-xs-rsr2qu, 8px);
1023
1023
  }
1024
- .awsui_show-tools_hyvsj_zgnc1_999.awsui_has-tools-form_hyvsj_zgnc1_977.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
1025
- animation: awsui_showButtons_hyvsj_zgnc1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1024
+ .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9) {
1025
+ animation: awsui_showButtons_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1026
1026
  }
1027
1027
  }
1028
1028
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1029
- .awsui_show-tools_hyvsj_zgnc1_999.awsui_has-tools-form_hyvsj_zgnc1_977.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
1029
+ .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9) {
1030
1030
  animation: none;
1031
1031
  transition: none;
1032
1032
  }
1033
1033
  }
1034
1034
  @media (min-width: 689px) {
1035
- .awsui-motion-disabled .awsui_show-tools_hyvsj_zgnc1_999.awsui_has-tools-form_hyvsj_zgnc1_977.awsui_animating_hyvsj_zgnc1_630:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_zgnc1_999.awsui_has-tools-form_hyvsj_zgnc1_977.awsui_animating_hyvsj_zgnc1_630:not(#\9) {
1035
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9) {
1036
1036
  animation: none;
1037
1037
  transition: none;
1038
1038
  }
1039
1039
  }
1040
1040
  @media (min-width: 689px) {
1041
- .awsui_show-tools_hyvsj_zgnc1_999.awsui_has-tools-form-persistence_hyvsj_zgnc1_977:not(#\9) {
1041
+ .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form-persistence_hyvsj_10dcz_977:not(#\9) {
1042
1042
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
1043
1043
  z-index: 1;
1044
1044
  }
@@ -1053,7 +1053,7 @@ Warning! If these design tokens for width change it will adversely impact
1053
1053
  the calculation used to determine the Split Panel maximum width in the
1054
1054
  handleSplitPanelMaxWidth function in the context.
1055
1055
  */
1056
- .awsui_trigger_hyvsj_zgnc1_1056:not(#\9) {
1056
+ .awsui_trigger_hyvsj_10dcz_1056:not(#\9) {
1057
1057
  background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
1058
1058
  border: none;
1059
1059
  border-radius: 50%;
@@ -1064,14 +1064,14 @@ handleSplitPanelMaxWidth function in the context.
1064
1064
  padding: 0 var(--space-s-hv8c1d, 12px);
1065
1065
  width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
1066
1066
  }
1067
- .awsui_trigger_hyvsj_zgnc1_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1067
+ .awsui_trigger_hyvsj_10dcz_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1068
1068
  position: relative;
1069
1069
  }
1070
- .awsui_trigger_hyvsj_zgnc1_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1070
+ .awsui_trigger_hyvsj_10dcz_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1071
1071
  outline: 2px dotted transparent;
1072
1072
  outline-offset: calc(3px - 1px);
1073
1073
  }
1074
- .awsui_trigger_hyvsj_zgnc1_1056[data-awsui-focus-visible=true]:not(#\9):focus::before {
1074
+ .awsui_trigger_hyvsj_10dcz_1056[data-awsui-focus-visible=true]:not(#\9):focus::before {
1075
1075
  content: " ";
1076
1076
  display: block;
1077
1077
  position: absolute;
@@ -1082,23 +1082,23 @@ handleSplitPanelMaxWidth function in the context.
1082
1082
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
1083
1083
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
1084
1084
  }
1085
- .awsui_trigger_hyvsj_zgnc1_1056:not(#\9):focus {
1085
+ .awsui_trigger_hyvsj_10dcz_1056:not(#\9):focus {
1086
1086
  outline: none;
1087
1087
  }
1088
- .awsui_trigger_hyvsj_zgnc1_1056:not(#\9):hover {
1088
+ .awsui_trigger_hyvsj_10dcz_1056:not(#\9):hover {
1089
1089
  background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
1090
1090
  }
1091
- .awsui_trigger_hyvsj_zgnc1_1056:not(#\9):active {
1091
+ .awsui_trigger_hyvsj_10dcz_1056:not(#\9):active {
1092
1092
  background: var(--color-background-layout-toggle-active-d15dki, #354150);
1093
1093
  }
1094
- .awsui_trigger_hyvsj_zgnc1_1056.awsui_selected_hyvsj_zgnc1_1094:not(#\9) {
1094
+ .awsui_trigger_hyvsj_10dcz_1056.awsui_selected_hyvsj_10dcz_1094:not(#\9) {
1095
1095
  background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
1096
1096
  color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
1097
1097
  }
1098
- .awsui_trigger_hyvsj_zgnc1_1056.awsui_selected_hyvsj_zgnc1_1094:not(#\9):hover {
1098
+ .awsui_trigger_hyvsj_10dcz_1056.awsui_selected_hyvsj_10dcz_1094:not(#\9):hover {
1099
1099
  background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
1100
1100
  }
1101
- .awsui_trigger_hyvsj_zgnc1_1056.awsui_selected_hyvsj_zgnc1_1094:not(#\9):active {
1101
+ .awsui_trigger_hyvsj_10dcz_1056.awsui_selected_hyvsj_10dcz_1094:not(#\9):active {
1102
1102
  background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
1103
1103
  }
1104
1104