@cloudscape-design/components 3.0.317 → 3.0.319

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 (203) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +30 -30
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/drawer/interfaces.d.ts +0 -7
  5. package/app-layout/drawer/interfaces.d.ts.map +1 -1
  6. package/app-layout/drawer/interfaces.js.map +1 -1
  7. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
  8. package/app-layout/drawer/resizable-drawer.js +3 -3
  9. package/app-layout/drawer/resizable-drawer.js.map +1 -1
  10. package/app-layout/index.d.ts.map +1 -1
  11. package/app-layout/index.js +19 -2
  12. package/app-layout/index.js.map +1 -1
  13. package/app-layout/notifications/styles.css.js +3 -3
  14. package/app-layout/notifications/styles.scoped.css +7 -7
  15. package/app-layout/notifications/styles.selectors.js +3 -3
  16. package/app-layout/runtime-api.d.ts +8 -0
  17. package/app-layout/runtime-api.d.ts.map +1 -0
  18. package/app-layout/runtime-api.js +35 -0
  19. package/app-layout/runtime-api.js.map +1 -0
  20. package/app-layout/styles.css.js +17 -13
  21. package/app-layout/styles.scoped.css +44 -13
  22. package/app-layout/styles.selectors.js +17 -13
  23. package/app-layout/utils/interfaces.d.ts +10 -0
  24. package/app-layout/utils/interfaces.d.ts.map +1 -0
  25. package/app-layout/utils/interfaces.js +2 -0
  26. package/app-layout/utils/interfaces.js.map +1 -0
  27. package/app-layout/utils/use-drawer-focus-control.d.ts.map +1 -1
  28. package/app-layout/utils/use-drawer-focus-control.js +8 -3
  29. package/app-layout/utils/use-drawer-focus-control.js.map +1 -1
  30. package/app-layout/utils/use-keyboard-events.d.ts +4 -0
  31. package/app-layout/utils/use-keyboard-events.d.ts.map +1 -0
  32. package/{split-panel → app-layout}/utils/use-keyboard-events.js +10 -11
  33. package/app-layout/utils/use-keyboard-events.js.map +1 -0
  34. package/app-layout/utils/use-pointer-events.d.ts +3 -0
  35. package/app-layout/utils/use-pointer-events.d.ts.map +1 -0
  36. package/{split-panel → app-layout}/utils/use-pointer-events.js +15 -8
  37. package/app-layout/utils/use-pointer-events.js.map +1 -0
  38. package/app-layout/utils/use-resize.d.ts +16 -0
  39. package/app-layout/utils/use-resize.d.ts.map +1 -0
  40. package/app-layout/utils/use-resize.js +84 -0
  41. package/app-layout/utils/use-resize.js.map +1 -0
  42. package/app-layout/visual-refresh/context.d.ts +11 -6
  43. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  44. package/app-layout/visual-refresh/context.js +26 -7
  45. package/app-layout/visual-refresh/context.js.map +1 -1
  46. package/app-layout/visual-refresh/drawers.d.ts +1 -33
  47. package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  48. package/app-layout/visual-refresh/drawers.js +14 -7
  49. package/app-layout/visual-refresh/drawers.js.map +1 -1
  50. package/app-layout/visual-refresh/styles.css.js +69 -68
  51. package/app-layout/visual-refresh/styles.scoped.css +294 -298
  52. package/app-layout/visual-refresh/styles.selectors.js +69 -68
  53. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  54. package/app-layout/visual-refresh/trigger-button.js +1 -2
  55. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  56. package/area-chart/{model/async-store.d.ts → async-store/index.d.ts} +1 -1
  57. package/area-chart/async-store/index.d.ts.map +1 -0
  58. package/area-chart/{model/async-store.js → async-store/index.js} +1 -1
  59. package/area-chart/async-store/index.js.map +1 -0
  60. package/area-chart/elements/area-chart-legend.d.ts.map +1 -1
  61. package/area-chart/elements/area-chart-legend.js +1 -1
  62. package/area-chart/elements/area-chart-legend.js.map +1 -1
  63. package/area-chart/elements/data-series.js +1 -1
  64. package/area-chart/elements/data-series.js.map +1 -1
  65. package/area-chart/elements/highlighted-point.js +1 -1
  66. package/area-chart/elements/highlighted-point.js.map +1 -1
  67. package/area-chart/elements/use-highlight-details.d.ts.map +1 -1
  68. package/area-chart/elements/use-highlight-details.js +3 -1
  69. package/area-chart/elements/use-highlight-details.js.map +1 -1
  70. package/area-chart/elements/vertical-marker.js +1 -1
  71. package/area-chart/elements/vertical-marker.js.map +1 -1
  72. package/area-chart/model/index.d.ts +1 -1
  73. package/area-chart/model/index.d.ts.map +1 -1
  74. package/area-chart/model/index.js.map +1 -1
  75. package/area-chart/model/interactions-store.d.ts +1 -1
  76. package/area-chart/model/interactions-store.d.ts.map +1 -1
  77. package/area-chart/model/interactions-store.js +1 -1
  78. package/area-chart/model/interactions-store.js.map +1 -1
  79. package/area-chart/model/use-chart-model.d.ts.map +1 -1
  80. package/area-chart/model/use-chart-model.js +1 -1
  81. package/area-chart/model/use-chart-model.js.map +1 -1
  82. package/attribute-editor/interfaces.d.ts +1 -1
  83. package/attribute-editor/interfaces.d.ts.map +1 -1
  84. package/attribute-editor/interfaces.js.map +1 -1
  85. package/content-layout/styles.css.js +7 -7
  86. package/content-layout/styles.scoped.css +13 -13
  87. package/content-layout/styles.selectors.js +7 -7
  88. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  89. package/expandable-section/expandable-section-header.js +10 -10
  90. package/expandable-section/expandable-section-header.js.map +1 -1
  91. package/expandable-section/interfaces.d.ts +1 -1
  92. package/expandable-section/interfaces.js.map +1 -1
  93. package/expandable-section/styles.css.js +31 -29
  94. package/expandable-section/styles.scoped.css +56 -51
  95. package/expandable-section/styles.selectors.js +31 -29
  96. package/expandable-section/utils.js +1 -1
  97. package/expandable-section/utils.js.map +1 -1
  98. package/flashbar/styles.css.js +45 -45
  99. package/flashbar/styles.scoped.css +169 -169
  100. package/flashbar/styles.selectors.js +45 -45
  101. package/internal/environment.js +1 -1
  102. package/internal/generated/custom-css-properties/index.js +39 -39
  103. package/internal/generated/custom-css-properties/index.js.map +1 -1
  104. package/internal/manifest.json +1 -1
  105. package/internal/plugins/api.d.ts +15 -0
  106. package/internal/plugins/api.d.ts.map +1 -0
  107. package/internal/plugins/api.js +50 -0
  108. package/internal/plugins/api.js.map +1 -0
  109. package/internal/plugins/drawers-controller.d.ts +22 -0
  110. package/internal/plugins/drawers-controller.d.ts.map +1 -0
  111. package/internal/plugins/drawers-controller.js +34 -0
  112. package/internal/plugins/drawers-controller.js.map +1 -0
  113. package/internal/plugins/index.d.ts +2 -0
  114. package/internal/plugins/index.d.ts.map +1 -0
  115. package/internal/plugins/index.js +4 -0
  116. package/internal/plugins/index.js.map +1 -0
  117. package/mixed-line-bar-chart/data-series.d.ts.map +1 -1
  118. package/mixed-line-bar-chart/data-series.js +8 -2
  119. package/mixed-line-bar-chart/data-series.js.map +1 -1
  120. package/package.json +1 -1
  121. package/split-panel/index.d.ts.map +1 -1
  122. package/split-panel/index.js +3 -3
  123. package/split-panel/index.js.map +1 -1
  124. package/split-panel/interfaces.d.ts +0 -7
  125. package/split-panel/interfaces.d.ts.map +1 -1
  126. package/split-panel/interfaces.js.map +1 -1
  127. package/split-panel/styles.css.js +56 -59
  128. package/split-panel/styles.scoped.css +77 -93
  129. package/split-panel/styles.selectors.js +56 -59
  130. package/table/body-cell/td-element.d.ts +2 -2
  131. package/table/body-cell/td-element.d.ts.map +1 -1
  132. package/table/body-cell/td-element.js +2 -2
  133. package/table/body-cell/td-element.js.map +1 -1
  134. package/table/column-widths-utils.d.ts +3 -0
  135. package/table/column-widths-utils.d.ts.map +1 -0
  136. package/table/column-widths-utils.js +16 -0
  137. package/table/column-widths-utils.js.map +1 -0
  138. package/table/header-cell/index.d.ts +3 -3
  139. package/table/header-cell/index.d.ts.map +1 -1
  140. package/table/header-cell/index.js +2 -2
  141. package/table/header-cell/index.js.map +1 -1
  142. package/table/internal.d.ts.map +1 -1
  143. package/table/internal.js +15 -10
  144. package/table/internal.js.map +1 -1
  145. package/table/resizer/index.d.ts.map +1 -1
  146. package/table/resizer/index.js +2 -2
  147. package/table/resizer/index.js.map +1 -1
  148. package/table/sticky-columns/index.d.ts +2 -0
  149. package/table/sticky-columns/index.d.ts.map +1 -0
  150. package/table/sticky-columns/index.js +4 -0
  151. package/table/sticky-columns/index.js.map +1 -0
  152. package/table/{use-sticky-columns.d.ts → sticky-columns/use-sticky-columns.d.ts} +7 -9
  153. package/table/sticky-columns/use-sticky-columns.d.ts.map +1 -0
  154. package/table/{use-sticky-columns.js → sticky-columns/use-sticky-columns.js} +3 -4
  155. package/table/sticky-columns/use-sticky-columns.js.map +1 -0
  156. package/table/sticky-scrollbar/index.d.ts +2 -0
  157. package/table/sticky-scrollbar/index.d.ts.map +1 -0
  158. package/table/sticky-scrollbar/index.js +4 -0
  159. package/table/sticky-scrollbar/index.js.map +1 -0
  160. package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -0
  161. package/table/{sticky-scrollbar.js → sticky-scrollbar/sticky-scrollbar.js} +2 -2
  162. package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -0
  163. package/table/sticky-scrollbar/styles.css.js +9 -0
  164. package/table/sticky-scrollbar/styles.scoped.css +22 -0
  165. package/table/sticky-scrollbar/styles.selectors.js +10 -0
  166. package/table/sticky-scrollbar/use-sticky-scrollbar.d.ts.map +1 -0
  167. package/table/{use-sticky-scrollbar.js → sticky-scrollbar/use-sticky-scrollbar.js} +3 -3
  168. package/table/sticky-scrollbar/use-sticky-scrollbar.js.map +1 -0
  169. package/table/styles.css.js +32 -36
  170. package/table/styles.scoped.css +40 -59
  171. package/table/styles.selectors.js +32 -36
  172. package/table/thead.d.ts +2 -1
  173. package/table/thead.d.ts.map +1 -1
  174. package/table/thead.js +4 -4
  175. package/table/thead.js.map +1 -1
  176. package/table/use-column-widths.d.ts +10 -8
  177. package/table/use-column-widths.d.ts.map +1 -1
  178. package/table/use-column-widths.js +30 -47
  179. package/table/use-column-widths.js.map +1 -1
  180. package/table/utils.d.ts +1 -1
  181. package/table/utils.d.ts.map +1 -1
  182. package/table/utils.js.map +1 -1
  183. package/test-utils/dom/app-layout/index.d.ts +1 -1
  184. package/test-utils/tsconfig.tsbuildinfo +1 -1
  185. package/wizard/styles.css.js +31 -31
  186. package/wizard/styles.scoped.css +63 -63
  187. package/wizard/styles.selectors.js +31 -31
  188. package/area-chart/model/async-store.d.ts.map +0 -1
  189. package/area-chart/model/async-store.js.map +0 -1
  190. package/split-panel/utils/use-keyboard-events.d.ts +0 -4
  191. package/split-panel/utils/use-keyboard-events.d.ts.map +0 -1
  192. package/split-panel/utils/use-keyboard-events.js.map +0 -1
  193. package/split-panel/utils/use-pointer-events.d.ts +0 -3
  194. package/split-panel/utils/use-pointer-events.d.ts.map +0 -1
  195. package/split-panel/utils/use-pointer-events.js.map +0 -1
  196. package/table/sticky-scrollbar.d.ts.map +0 -1
  197. package/table/sticky-scrollbar.js.map +0 -1
  198. package/table/use-sticky-columns.d.ts.map +0 -1
  199. package/table/use-sticky-columns.js.map +0 -1
  200. package/table/use-sticky-scrollbar.d.ts.map +0 -1
  201. package/table/use-sticky-scrollbar.js.map +0 -1
  202. /package/table/{sticky-scrollbar.d.ts → sticky-scrollbar/sticky-scrollbar.d.ts} +0 -0
  203. /package/table/{use-sticky-scrollbar.d.ts → sticky-scrollbar/use-sticky-scrollbar.d.ts} +0 -0
@@ -90,29 +90,29 @@ 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
- div.awsui_background_hyvsj_kjwsu_93:not(#\9) {
93
+ div.awsui_background_hyvsj_hfd5p_93:not(#\9) {
94
94
  display: contents;
95
95
  }
96
- div.awsui_background_hyvsj_kjwsu_93 > .awsui_scrolling-background_hyvsj_kjwsu_96:not(#\9) {
96
+ div.awsui_background_hyvsj_hfd5p_93 > .awsui_scrolling-background_hyvsj_hfd5p_96:not(#\9) {
97
97
  background-color: var(--color-background-layout-main-m49752, #ffffff);
98
98
  color: var(--color-text-body-default-mmvcvg, #000716);
99
99
  grid-column: 1/span 5;
100
100
  grid-row: 1/10;
101
101
  }
102
- div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102:not(#\9) {
102
+ div.awsui_background_hyvsj_hfd5p_93 > .awsui_sticky-background_hyvsj_hfd5p_102:not(#\9) {
103
103
  background-color: var(--color-background-layout-main-m49752, #ffffff);
104
104
  grid-column: 1/span 5;
105
105
  grid-row: 1/10;
106
106
  position: sticky;
107
- top: var(--awsui-header-height-8nglyc);
107
+ top: var(--awsui-header-height-zw2xxa);
108
108
  z-index: 799;
109
109
  }
110
- div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110) {
111
- height: calc(var(--space-scaled-s-913kwi, 12px) + var(--awsui-overlap-height-8nglyc));
110
+ div.awsui_background_hyvsj_hfd5p_93 > .awsui_sticky-background_hyvsj_hfd5p_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_hfd5p_110) {
111
+ height: calc(var(--space-scaled-s-913kwi, 12px) + var(--awsui-overlap-height-zw2xxa));
112
112
  }
113
- div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.awsui_has-sticky-notifications_hyvsj_kjwsu_110:not(#\9) {
113
+ div.awsui_background_hyvsj_hfd5p_93 > .awsui_sticky-background_hyvsj_hfd5p_102.awsui_has-sticky-notifications_hyvsj_hfd5p_110:not(#\9) {
114
114
  height: calc(
115
- var(--awsui-notifications-gap-8nglyc) + var(--awsui-notifications-height-8nglyc) + var(--space-s-hdd878, 12px) + var(--awsui-overlap-height-8nglyc)
115
+ var(--awsui-notifications-gap-zw2xxa) + var(--awsui-notifications-height-zw2xxa) + var(--space-s-hdd878, 12px) + var(--awsui-overlap-height-zw2xxa)
116
116
  );
117
117
  }
118
118
 
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
120
120
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
121
121
  SPDX-License-Identifier: Apache-2.0
122
122
  */
123
- .awsui_breadcrumbs_hyvsj_kjwsu_123:not(#\9) {
123
+ .awsui_breadcrumbs_hyvsj_hfd5p_123:not(#\9) {
124
124
  background-color: var(--color-background-layout-main-m49752, #ffffff);
125
125
  grid-area: breadcrumbs;
126
126
  /*
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
130
130
  be lifted so it doesn't render behind the background element.
131
131
  */
132
132
  }
133
- .awsui_breadcrumbs_hyvsj_kjwsu_123.awsui_has-sticky-background_hyvsj_kjwsu_133:not(#\9) {
133
+ .awsui_breadcrumbs_hyvsj_hfd5p_123.awsui_has-sticky-background_hyvsj_hfd5p_133:not(#\9) {
134
134
  z-index: 799;
135
135
  }
136
136
 
@@ -142,41 +142,41 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
142
142
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
143
143
  SPDX-License-Identifier: Apache-2.0
144
144
  */
145
- .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9) {
145
+ .awsui_drawers-container_hyvsj_hfd5p_145:not(#\9) {
146
146
  background-color: transparent;
147
147
  display: flex;
148
148
  grid-column: 5;
149
149
  grid-row: 1/span 10;
150
- height: var(--awsui-content-height-8nglyc);
150
+ height: var(--awsui-content-height-zw2xxa);
151
151
  pointer-events: none;
152
152
  position: sticky;
153
- top: var(--awsui-offset-top-8nglyc);
153
+ top: var(--awsui-offset-top-zw2xxa);
154
154
  z-index: 830;
155
155
  transition: background-color var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
156
156
  }
157
- .awsui_drawers-container_hyvsj_kjwsu_145.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
157
+ .awsui_drawers-container_hyvsj_hfd5p_145.awsui_has-open-drawer_hyvsj_hfd5p_157:not(#\9) {
158
158
  background-color: var(--color-background-container-content-og3y0v, #ffffff);
159
159
  box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
160
160
  }
161
161
  @media (prefers-reduced-motion: reduce) {
162
- .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9) {
162
+ .awsui_drawers-container_hyvsj_hfd5p_145:not(#\9) {
163
163
  animation: none;
164
164
  transition: none;
165
165
  }
166
166
  }
167
- .awsui-motion-disabled .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9) {
167
+ .awsui-motion-disabled .awsui_drawers-container_hyvsj_hfd5p_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_hfd5p_145:not(#\9) {
168
168
  animation: none;
169
169
  transition: none;
170
170
  }
171
171
  @media (min-width: 689px) {
172
- .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9) {
172
+ .awsui_drawers-container_hyvsj_hfd5p_145:not(#\9) {
173
173
  /* stylelint-disable scss/operator-no-newline-after */
174
- max-width: calc(var(--awsui-layout-width-8nglyc) - var(--awsui-main-offset-left-8nglyc) - var(--awsui-default-min-content-width-8nglyc) - var(--awsui-content-gap-right-8nglyc));
174
+ max-width: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
175
175
  /* stylelint-enable scss/operator-no-newline-after */
176
176
  }
177
177
  }
178
178
  @media (max-width: 688px) {
179
- .awsui_drawers-container_hyvsj_kjwsu_145:not(#\9) {
179
+ .awsui_drawers-container_hyvsj_hfd5p_145:not(#\9) {
180
180
  position: fixed;
181
181
  right: 0;
182
182
  z-index: 1001;
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
188
188
  relative to the body.
189
189
  */
190
190
  }
191
- .awsui_drawers-container_hyvsj_kjwsu_145.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
192
- top: var(--awsui-header-height-8nglyc);
191
+ .awsui_drawers-container_hyvsj_hfd5p_145.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9) {
192
+ top: var(--awsui-header-height-zw2xxa);
193
193
  }
194
194
  }
195
195
 
196
- .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9) {
196
+ .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9) {
197
197
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
198
198
  border-collapse: separate;
199
199
  border-spacing: 0;
@@ -237,39 +237,39 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
237
237
  overflow-x: hidden;
238
238
  overscroll-behavior-y: contain;
239
239
  }
240
- .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214).awsui_has-open-drawer_hyvsj_kjwsu_157 {
240
+ .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214).awsui_has-open-drawer_hyvsj_hfd5p_157 {
241
241
  width: 0;
242
242
  }
243
- .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
243
+ .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196.awsui_has-multiple-triggers_hyvsj_hfd5p_214.awsui_has-open-drawer_hyvsj_hfd5p_157:not(#\9) {
244
244
  background-color: var(--color-background-container-content-og3y0v, #ffffff);
245
245
  transition: background-color var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
246
246
  }
247
247
  @media (prefers-reduced-motion: reduce) {
248
- .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
248
+ .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196.awsui_has-multiple-triggers_hyvsj_hfd5p_214.awsui_has-open-drawer_hyvsj_hfd5p_157:not(#\9) {
249
249
  animation: none;
250
250
  transition: none;
251
251
  }
252
252
  }
253
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
253
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196.awsui_has-multiple-triggers_hyvsj_hfd5p_214.awsui_has-open-drawer_hyvsj_hfd5p_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196.awsui_has-multiple-triggers_hyvsj_hfd5p_214.awsui_has-open-drawer_hyvsj_hfd5p_157:not(#\9) {
254
254
  animation: none;
255
255
  transition: none;
256
256
  }
257
- .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
257
+ .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
258
258
  width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
259
259
  transition: width var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
260
260
  }
261
261
  @media (prefers-reduced-motion: reduce) {
262
- .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
262
+ .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
263
263
  animation: none;
264
264
  transition: none;
265
265
  }
266
266
  }
267
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
267
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
268
268
  animation: none;
269
269
  transition: none;
270
270
  }
271
271
 
272
- .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9) {
272
+ .awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9) {
273
273
  align-items: center;
274
274
  display: flex;
275
275
  flex-direction: column;
@@ -277,39 +277,39 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
277
277
  padding-top: var(--space-scaled-s-913kwi, 12px);
278
278
  width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
279
279
  }
280
- .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214).awsui_has-open-drawer_hyvsj_kjwsu_157 {
280
+ .awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214).awsui_has-open-drawer_hyvsj_hfd5p_157 {
281
281
  opacity: 0;
282
282
  }
283
- .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
283
+ .awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
284
284
  opacity: 1;
285
285
  transition: opacity var(--motion-duration-refresh-only-medium-wkp575, 165ms);
286
286
  transition-delay: calc(var(--motion-duration-refresh-only-fast-q2mprk, 115ms) / 1.5);
287
287
  }
288
288
  @media (prefers-reduced-motion: reduce) {
289
- .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
289
+ .awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
290
290
  animation: none;
291
291
  transition: none;
292
292
  }
293
293
  }
294
- .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
294
+ .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
295
295
  animation: none;
296
296
  transition: none;
297
297
  }
298
298
 
299
299
  @media (max-width: 688px) {
300
- .awsui_drawers-trigger_hyvsj_kjwsu_246:not(#\9) {
300
+ .awsui_drawers-trigger_hyvsj_hfd5p_246:not(#\9) {
301
301
  width: 40px;
302
302
  text-align: right;
303
303
  }
304
304
  }
305
305
 
306
- .awsui_drawer_hyvsj_kjwsu_145:not(#\9) {
307
- --awsui-active-drawer-width-8nglyc: 290px;
306
+ .awsui_drawer_hyvsj_hfd5p_145:not(#\9) {
307
+ --awsui-drawer-size-zw2xxa: 290px;
308
308
  background-color: var(--color-background-container-content-og3y0v, #ffffff);
309
309
  border-color: transparent;
310
310
  display: grid;
311
311
  flex-shrink: 0;
312
- grid-template-columns: 1fr auto var(--space-m-h2th94, 16px);
312
+ grid-template-columns: var(--space-m-h2th94, 16px) 1fr auto var(--space-m-h2th94, 16px);
313
313
  grid-template-rows: var(--size-vertical-panel-icon-offset-zd2rli, 15px) auto 1fr;
314
314
  height: 100%;
315
315
  overflow-y: auto;
@@ -317,46 +317,42 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
317
317
  overscroll-behavior-y: contain;
318
318
  pointer-events: auto;
319
319
  word-wrap: break-word;
320
- transition: var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
321
- transition-property: border-color, opacity, width;
322
320
  }
323
- .awsui_drawer_hyvsj_kjwsu_145 > .awsui_drawer-close-button_hyvsj_kjwsu_297:not(#\9) {
324
- grid-column: 2;
321
+ .awsui_drawer_hyvsj_hfd5p_145 > .awsui_drawer-close-button_hyvsj_hfd5p_295:not(#\9) {
322
+ grid-column: 3;
325
323
  grid-row: 2;
326
324
  z-index: 1;
327
325
  }
328
- .awsui_drawer_hyvsj_kjwsu_145 > .awsui_drawer-content_hyvsj_kjwsu_302:not(#\9) {
329
- grid-column: 1/span 3;
326
+ .awsui_drawer_hyvsj_hfd5p_145 > .awsui_drawer-content_hyvsj_hfd5p_300:not(#\9) {
327
+ grid-column: 1/span 4;
330
328
  grid-row: 1/span 3;
331
- width: var(--awsui-active-drawer-width-8nglyc);
329
+ width: var(--awsui-drawer-size-zw2xxa);
330
+ }
331
+ .awsui_drawer_hyvsj_hfd5p_145 > .awsui_drawer-slider_hyvsj_hfd5p_305:not(#\9) {
332
+ grid-column: 1;
333
+ grid-row: 3;
334
+ height: 100%;
335
+ display: flex;
336
+ align-items: center;
332
337
  }
333
- .awsui_drawer_hyvsj_kjwsu_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_kjwsu_307) {
338
+ .awsui_drawer_hyvsj_hfd5p_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_hfd5p_312) {
334
339
  opacity: 0;
335
340
  width: 0;
336
341
  }
337
- .awsui_drawer_hyvsj_kjwsu_145.awsui_is-drawer-open_hyvsj_kjwsu_307:not(#\9) {
342
+ .awsui_drawer_hyvsj_hfd5p_145.awsui_is-drawer-open_hyvsj_hfd5p_312:not(#\9) {
338
343
  border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
339
344
  opacity: 1;
340
- width: var(--awsui-active-drawer-width-8nglyc);
341
- }
342
- @media (prefers-reduced-motion: reduce) {
343
- .awsui_drawer_hyvsj_kjwsu_145:not(#\9) {
344
- animation: none;
345
- transition: none;
346
- }
347
- }
348
- .awsui-motion-disabled .awsui_drawer_hyvsj_kjwsu_145:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_kjwsu_145:not(#\9) {
349
- animation: none;
350
- transition: none;
345
+ width: var(--awsui-drawer-size-zw2xxa);
351
346
  }
352
347
  @media (min-width: 2541px) {
353
- .awsui_drawer_hyvsj_kjwsu_145.awsui_is-drawer-open_hyvsj_kjwsu_307:not(#\9) {
354
- --awsui-active-drawer-width-8nglyc: 320px;
348
+ .awsui_drawer_hyvsj_hfd5p_145.awsui_is-drawer-open_hyvsj_hfd5p_312:not(#\9) {
349
+ --awsui-drawer-size-zw2xxa: 320px;
355
350
  }
356
351
  }
357
352
  @media (max-width: 688px) {
358
- .awsui_drawer_hyvsj_kjwsu_145.awsui_is-drawer-open_hyvsj_kjwsu_307:not(#\9) {
359
- --awsui-active-drawer-width-8nglyc: 100vw;
353
+ .awsui_drawer_hyvsj_hfd5p_145.awsui_is-drawer-open_hyvsj_hfd5p_312:not(#\9) {
354
+ --awsui-drawer-size-zw2xxa: 100vw;
355
+ width: 100vw;
360
356
  }
361
357
  }
362
358
 
@@ -364,7 +360,7 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
364
360
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
365
361
  SPDX-License-Identifier: Apache-2.0
366
362
  */
367
- header.awsui_content_hyvsj_kjwsu_341:not(#\9) {
363
+ header.awsui_content_hyvsj_hfd5p_337:not(#\9) {
368
364
  grid-area: header;
369
365
  }
370
366
 
@@ -385,37 +381,37 @@ The minimum content width property is set to zero and applied under all
385
381
  circumstances regardless of whether the minContentWidth property is
386
382
  explicitly set in script.
387
383
  */
388
- .awsui_layout_hyvsj_kjwsu_362:not(#\9) {
389
- --awsui-breadcrumbs-gap-8nglyc: 0px;
390
- --awsui-content-gap-left-8nglyc: 0px;
391
- --awsui-content-gap-right-8nglyc: 0px;
392
- --awsui-content-height-8nglyc: calc(100vh - var(--awsui-header-height-8nglyc) - var(--awsui-footer-height-8nglyc));
393
- --awsui-container-first-gap-8nglyc: 0px;
394
- --awsui-container-first-overlap-extension-8nglyc: 0px;
395
- --awsui-default-max-content-width-8nglyc: 1280px;
396
- --awsui-default-min-content-width-8nglyc: 0px;
397
- --awsui-footer-height-8nglyc: 0px;
398
- --awsui-header-gap-8nglyc: 0px;
399
- --awsui-header-height-8nglyc: 0px;
400
- --awsui-layout-width-8nglyc: 0px;
401
- --awsui-main-gap-8nglyc: 0px;
402
- --awsui-main-offset-left-8nglyc: 0px;
403
- --awsui-main-template-rows-8nglyc: 1fr;
404
- --awsui-max-content-width-8nglyc: 0px;
405
- --awsui-min-content-width-8nglyc: 280px;
406
- --awsui-mobile-bar-height-8nglyc: calc(2 * var(--space-m-h2th94, 16px) + var(--space-scaled-xs-wbfgrv, 8px));
407
- --awsui-notifications-gap-8nglyc: 0px;
408
- --awsui-notifications-height-8nglyc: 0px;
409
- --awsui-offset-top-8nglyc: var(--awsui-header-height-8nglyc);
410
- --awsui-offset-top-with-notifications-8nglyc: 0px;
411
- --awsui-overlap-height-8nglyc: var(--space-dark-header-overlap-distance-l9lxfl, 36px);
384
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9) {
385
+ --awsui-breadcrumbs-gap-zw2xxa: 0px;
386
+ --awsui-content-gap-left-zw2xxa: 0px;
387
+ --awsui-content-gap-right-zw2xxa: 0px;
388
+ --awsui-content-height-zw2xxa: calc(100vh - var(--awsui-header-height-zw2xxa) - var(--awsui-footer-height-zw2xxa));
389
+ --awsui-container-first-gap-zw2xxa: 0px;
390
+ --awsui-container-first-overlap-extension-zw2xxa: 0px;
391
+ --awsui-default-max-content-width-zw2xxa: 1280px;
392
+ --awsui-default-min-content-width-zw2xxa: 0px;
393
+ --awsui-footer-height-zw2xxa: 0px;
394
+ --awsui-header-gap-zw2xxa: 0px;
395
+ --awsui-header-height-zw2xxa: 0px;
396
+ --awsui-layout-width-zw2xxa: 0px;
397
+ --awsui-main-gap-zw2xxa: 0px;
398
+ --awsui-main-offset-left-zw2xxa: 0px;
399
+ --awsui-main-template-rows-zw2xxa: 1fr;
400
+ --awsui-max-content-width-zw2xxa: 0px;
401
+ --awsui-min-content-width-zw2xxa: 280px;
402
+ --awsui-mobile-bar-height-zw2xxa: calc(2 * var(--space-m-h2th94, 16px) + var(--space-scaled-xs-wbfgrv, 8px));
403
+ --awsui-notifications-gap-zw2xxa: 0px;
404
+ --awsui-notifications-height-zw2xxa: 0px;
405
+ --awsui-offset-top-zw2xxa: var(--awsui-header-height-zw2xxa);
406
+ --awsui-offset-top-with-notifications-zw2xxa: 0px;
407
+ --awsui-overlap-height-zw2xxa: var(--space-dark-header-overlap-distance-l9lxfl, 36px);
412
408
  background-color: var(--color-background-layout-main-m49752, #ffffff);
413
409
  color: var(--color-text-body-default-mmvcvg, #000716);
414
410
  display: grid;
415
411
  grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
416
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-8nglyc), 1fr) minmax(var(--awsui-default-min-content-width-8nglyc), var(--awsui-default-max-content-width-8nglyc)) minmax(var(--awsui-content-gap-right-8nglyc), 1fr) min-content;
417
- grid-template-rows: auto var(--awsui-notifications-gap-8nglyc) auto var(--awsui-breadcrumbs-gap-8nglyc) auto var(--awsui-header-gap-8nglyc) auto var(--awsui-main-gap-8nglyc) var(--awsui-overlap-height-8nglyc) var(--awsui-main-template-rows-8nglyc);
418
- min-height: var(--awsui-content-height-8nglyc);
412
+ grid-template-columns: min-content minmax(var(--awsui-content-gap-left-zw2xxa), 1fr) minmax(var(--awsui-default-min-content-width-zw2xxa), var(--awsui-default-max-content-width-zw2xxa)) minmax(var(--awsui-content-gap-right-zw2xxa), 1fr) min-content;
413
+ grid-template-rows: auto var(--awsui-notifications-gap-zw2xxa) auto var(--awsui-breadcrumbs-gap-zw2xxa) auto var(--awsui-header-gap-zw2xxa) auto var(--awsui-main-gap-zw2xxa) var(--awsui-overlap-height-zw2xxa) var(--awsui-main-template-rows-zw2xxa);
414
+ min-height: var(--awsui-content-height-zw2xxa);
419
415
  position: relative;
420
416
  /*
421
417
  Add unified max-width for AppLayout content based on breakpoints. Only use the max content
@@ -468,134 +464,134 @@ explicitly set in script.
468
464
  */
469
465
  }
470
466
  @media (min-width: 1401px) {
471
- .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445) {
472
- --awsui-default-max-content-width-8nglyc: 1280px;
467
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441) {
468
+ --awsui-default-max-content-width-zw2xxa: 1280px;
473
469
  }
474
470
  }
475
471
  @media (min-width: 1921px) {
476
- .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445) {
477
- --awsui-default-max-content-width-8nglyc: 1440px;
472
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441) {
473
+ --awsui-default-max-content-width-zw2xxa: 1440px;
478
474
  }
479
475
  }
480
476
  @media (min-width: 2541px) {
481
- .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445) {
482
- --awsui-default-max-content-width-8nglyc: 1620px;
477
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441) {
478
+ --awsui-default-max-content-width-zw2xxa: 1620px;
483
479
  }
484
480
  }
485
481
  @media (min-width: 1401px) {
486
- .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445).awsui_content-type-dashboard_hyvsj_kjwsu_460 {
487
- --awsui-default-max-content-width-8nglyc: 1280px;
482
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441).awsui_content-type-dashboard_hyvsj_hfd5p_456 {
483
+ --awsui-default-max-content-width-zw2xxa: 1280px;
488
484
  }
489
485
  }
490
486
  @media (min-width: 1921px) {
491
- .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445).awsui_content-type-dashboard_hyvsj_kjwsu_460 {
492
- --awsui-default-max-content-width-8nglyc: 1620px;
487
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441).awsui_content-type-dashboard_hyvsj_hfd5p_456 {
488
+ --awsui-default-max-content-width-zw2xxa: 1620px;
493
489
  }
494
490
  }
495
491
  @media (min-width: 2541px) {
496
- .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445).awsui_content-type-dashboard_hyvsj_kjwsu_460 {
497
- --awsui-default-max-content-width-8nglyc: 2160px;
492
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441).awsui_content-type-dashboard_hyvsj_hfd5p_456 {
493
+ --awsui-default-max-content-width-zw2xxa: 2160px;
498
494
  }
499
495
  }
500
- .awsui_layout_hyvsj_kjwsu_362.awsui_has-max-content-width_hyvsj_kjwsu_445:not(#\9) {
501
- --awsui-default-max-content-width-8nglyc: var(--awsui-max-content-width-8nglyc);
496
+ .awsui_layout_hyvsj_hfd5p_358.awsui_has-max-content-width_hyvsj_hfd5p_441:not(#\9) {
497
+ --awsui-default-max-content-width-zw2xxa: var(--awsui-max-content-width-zw2xxa);
502
498
  }
503
- .awsui_layout_hyvsj_kjwsu_362.awsui_is-overlap-disabled_hyvsj_kjwsu_477:not(#\9) {
504
- --awsui-overlap-height-8nglyc: 0;
499
+ .awsui_layout_hyvsj_hfd5p_358.awsui_is-overlap-disabled_hyvsj_hfd5p_473:not(#\9) {
500
+ --awsui-overlap-height-zw2xxa: 0;
505
501
  }
506
502
  @media (min-width: 993px) {
507
- .awsui_layout_hyvsj_kjwsu_362:not(#\9) {
508
- --awsui-default-min-content-width-8nglyc: var(--awsui-min-content-width-8nglyc, 280px);
503
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9) {
504
+ --awsui-default-min-content-width-zw2xxa: var(--awsui-min-content-width-zw2xxa, 280px);
509
505
  }
510
506
  }
511
507
  @media (max-width: 992px) {
512
- .awsui_layout_hyvsj_kjwsu_362:not(#\9) {
513
- --awsui-default-min-content-width-8nglyc: 0px;
508
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9) {
509
+ --awsui-default-min-content-width-zw2xxa: 0px;
514
510
  }
515
511
  }
516
- .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110):not(.awsui_has-sticky-background_hyvsj_kjwsu_133) {
517
- --awsui-offset-top-with-notifications-8nglyc: var(--awsui-header-height-8nglyc);
512
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_hfd5p_110):not(.awsui_has-sticky-background_hyvsj_hfd5p_133) {
513
+ --awsui-offset-top-with-notifications-zw2xxa: var(--awsui-header-height-zw2xxa);
518
514
  }
519
- .awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110).awsui_has-sticky-background_hyvsj_kjwsu_133 {
520
- --awsui-offset-top-with-notifications-8nglyc: calc(var(--awsui-header-height-8nglyc) + var(--space-scaled-s-913kwi, 12px));
515
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_hfd5p_110).awsui_has-sticky-background_hyvsj_hfd5p_133 {
516
+ --awsui-offset-top-with-notifications-zw2xxa: calc(var(--awsui-header-height-zw2xxa) + var(--space-scaled-s-913kwi, 12px));
521
517
  }
522
- .awsui_layout_hyvsj_kjwsu_362.awsui_has-sticky-notifications_hyvsj_kjwsu_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_kjwsu_133) {
523
- --awsui-offset-top-with-notifications-8nglyc: calc(
524
- var(--awsui-offset-top-8nglyc) + var(--awsui-notifications-gap-8nglyc) +
525
- var(--awsui-notifications-height-8nglyc) + var(--space-xxxs-j6dpcy, 2px)
518
+ .awsui_layout_hyvsj_hfd5p_358.awsui_has-sticky-notifications_hyvsj_hfd5p_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_hfd5p_133) {
519
+ --awsui-offset-top-with-notifications-zw2xxa: calc(
520
+ var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
521
+ var(--awsui-notifications-height-zw2xxa) + var(--space-xxxs-j6dpcy, 2px)
526
522
  );
527
523
  }
528
- .awsui_layout_hyvsj_kjwsu_362.awsui_has-sticky-notifications_hyvsj_kjwsu_110.awsui_has-sticky-background_hyvsj_kjwsu_133:not(#\9) {
529
- --awsui-offset-top-with-notifications-8nglyc: calc(
530
- var(--awsui-offset-top-8nglyc) + var(--awsui-notifications-gap-8nglyc) +
531
- var(--awsui-notifications-height-8nglyc) + var(--space-scaled-s-913kwi, 12px)
524
+ .awsui_layout_hyvsj_hfd5p_358.awsui_has-sticky-notifications_hyvsj_hfd5p_110.awsui_has-sticky-background_hyvsj_hfd5p_133:not(#\9) {
525
+ --awsui-offset-top-with-notifications-zw2xxa: calc(
526
+ var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
527
+ var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-913kwi, 12px)
532
528
  );
533
529
  }
534
530
  @media (min-width: 689px) {
535
- .awsui_layout_hyvsj_kjwsu_362.awsui_has-content-gap-left_hyvsj_kjwsu_509:not(#\9) {
536
- --awsui-content-gap-left-8nglyc: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
531
+ .awsui_layout_hyvsj_hfd5p_358.awsui_has-content-gap-left_hyvsj_hfd5p_505:not(#\9) {
532
+ --awsui-content-gap-left-zw2xxa: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
537
533
  }
538
- .awsui_layout_hyvsj_kjwsu_362.awsui_has-content-gap-right_hyvsj_kjwsu_512:not(#\9) {
539
- --awsui-content-gap-right-8nglyc: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
534
+ .awsui_layout_hyvsj_hfd5p_358.awsui_has-content-gap-right_hyvsj_hfd5p_508:not(#\9) {
535
+ --awsui-content-gap-right-zw2xxa: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
540
536
  }
541
537
  }
542
538
  @media (max-width: 688px) {
543
- .awsui_layout_hyvsj_kjwsu_362:not(#\9) {
544
- --awsui-content-gap-left-8nglyc: var(--space-l-f4l5gr, 20px);
545
- --awsui-content-gap-right-8nglyc: var(--space-l-f4l5gr, 20px);
539
+ .awsui_layout_hyvsj_hfd5p_358:not(#\9) {
540
+ --awsui-content-gap-left-zw2xxa: var(--space-l-f4l5gr, 20px);
541
+ --awsui-content-gap-right-zw2xxa: var(--space-l-f4l5gr, 20px);
546
542
  }
547
543
  }
548
- .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9) {
549
- --awsui-notifications-gap-8nglyc: var(--space-xs-edba2s, 8px);
544
+ .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9) {
545
+ --awsui-notifications-gap-zw2xxa: var(--space-xs-edba2s, 8px);
550
546
  }
551
- .awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9) {
552
- --awsui-breadcrumbs-gap-8nglyc: var(--space-scaled-m-gxhdpl, 16px);
547
+ .awsui_layout_hyvsj_hfd5p_358.awsui_has-breadcrumbs_hyvsj_hfd5p_521:not(#\9) {
548
+ --awsui-breadcrumbs-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
553
549
  }
554
- .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-header_hyvsj_kjwsu_528:not(#\9), .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525).awsui_has-header_hyvsj_kjwsu_528 {
555
- --awsui-header-gap-8nglyc: var(--space-scaled-xs-wbfgrv, 8px);
550
+ .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-header_hyvsj_hfd5p_524:not(#\9), .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_hfd5p_521).awsui_has-header_hyvsj_hfd5p_524 {
551
+ --awsui-header-gap-zw2xxa: var(--space-scaled-xs-wbfgrv, 8px);
556
552
  }
557
- .awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525.awsui_has-header_hyvsj_kjwsu_528:not(#\9) {
558
- --awsui-header-gap-8nglyc: var(--space-scaled-xxs-t2t62i, 4px);
553
+ .awsui_layout_hyvsj_hfd5p_358.awsui_has-breadcrumbs_hyvsj_hfd5p_521.awsui_has-header_hyvsj_hfd5p_524:not(#\9) {
554
+ --awsui-header-gap-zw2xxa: var(--space-scaled-xxs-t2t62i, 4px);
559
555
  }
560
- .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525):not(.awsui_has-header_hyvsj_kjwsu_528) {
561
- --awsui-main-gap-8nglyc: var(--space-xs-edba2s, 8px);
556
+ .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_hfd5p_521):not(.awsui_has-header_hyvsj_hfd5p_524) {
557
+ --awsui-main-gap-zw2xxa: var(--space-xs-edba2s, 8px);
562
558
  }
563
- .awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528) {
564
- --awsui-container-first-gap-8nglyc: calc(var(--awsui-breadcrumbs-gap-8nglyc) - var(--awsui-main-gap-8nglyc));
559
+ .awsui_layout_hyvsj_hfd5p_358.awsui_has-breadcrumbs_hyvsj_hfd5p_521:not(#\9):not(.awsui_has-header_hyvsj_hfd5p_524) {
560
+ --awsui-container-first-gap-zw2xxa: calc(var(--awsui-breadcrumbs-gap-zw2xxa) - var(--awsui-main-gap-zw2xxa));
565
561
  }
566
- .awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528).awsui_is-overlap-disabled_hyvsj_kjwsu_477 {
567
- --awsui-main-gap-8nglyc: var(--space-scaled-m-gxhdpl, 16px);
562
+ .awsui_layout_hyvsj_hfd5p_358.awsui_has-breadcrumbs_hyvsj_hfd5p_521:not(#\9):not(.awsui_has-header_hyvsj_hfd5p_524).awsui_is-overlap-disabled_hyvsj_hfd5p_473 {
563
+ --awsui-main-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
568
564
  }
569
- .awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528):not(.awsui_is-overlap-disabled_hyvsj_kjwsu_477) {
570
- --awsui-main-gap-8nglyc: var(--space-scaled-xxs-t2t62i, 4px);
565
+ .awsui_layout_hyvsj_hfd5p_358.awsui_has-breadcrumbs_hyvsj_hfd5p_521:not(#\9):not(.awsui_has-header_hyvsj_hfd5p_524):not(.awsui_is-overlap-disabled_hyvsj_hfd5p_473) {
566
+ --awsui-main-gap-zw2xxa: var(--space-scaled-xxs-t2t62i, 4px);
571
567
  }
572
- .awsui_layout_hyvsj_kjwsu_362.awsui_has-header_hyvsj_kjwsu_528:not(#\9) {
573
- --awsui-main-gap-8nglyc: var(--space-scaled-xl-jawob6, 24px);
568
+ .awsui_layout_hyvsj_hfd5p_358.awsui_has-header_hyvsj_hfd5p_524:not(#\9) {
569
+ --awsui-main-gap-zw2xxa: var(--space-scaled-xl-jawob6, 24px);
574
570
  }
575
- .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_kjwsu_477), .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549.awsui_is-overlap-disabled_hyvsj_kjwsu_477:not(#\9):not(.awsui_disable-content-paddings_hyvsj_kjwsu_549) {
576
- --awsui-main-gap-8nglyc: var(--space-scaled-xs-wbfgrv, 8px);
571
+ .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-main_hyvsj_hfd5p_545:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_hfd5p_473), .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-main_hyvsj_hfd5p_545.awsui_is-overlap-disabled_hyvsj_hfd5p_473:not(#\9):not(.awsui_disable-content-paddings_hyvsj_hfd5p_545) {
572
+ --awsui-main-gap-zw2xxa: var(--space-scaled-xs-wbfgrv, 8px);
577
573
  }
578
574
  @media (min-width: 689px) {
579
- .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528) {
580
- --awsui-container-first-overlap-extension-8nglyc: var(--space-m-h2th94, 16px);
581
- --awsui-container-first-gap-8nglyc: var(--space-xxs-ja5cp8, 4px);
575
+ .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-main_hyvsj_hfd5p_545:not(#\9):not(.awsui_has-header_hyvsj_hfd5p_524) {
576
+ --awsui-container-first-overlap-extension-zw2xxa: var(--space-m-h2th94, 16px);
577
+ --awsui-container-first-gap-zw2xxa: var(--space-xxs-ja5cp8, 4px);
582
578
  }
583
579
  }
584
580
  @media (max-width: 688px) {
585
- .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9) {
586
- --awsui-notifications-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
581
+ .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9) {
582
+ --awsui-notifications-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
587
583
  }
588
- .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-header_hyvsj_kjwsu_528:not(#\9) {
589
- --awsui-header-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
584
+ .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-header_hyvsj_hfd5p_524:not(#\9) {
585
+ --awsui-header-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
590
586
  }
591
- .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525).awsui_has-header_hyvsj_kjwsu_528 {
592
- --awsui-header-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
587
+ .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_hfd5p_521).awsui_has-header_hyvsj_hfd5p_524 {
588
+ --awsui-header-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
593
589
  }
594
- .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525):not(.awsui_has-header_hyvsj_kjwsu_528), .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_kjwsu_477) {
595
- --awsui-main-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
590
+ .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_hfd5p_521):not(.awsui_has-header_hyvsj_hfd5p_524), .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-main_hyvsj_hfd5p_545:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_hfd5p_473) {
591
+ --awsui-main-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
596
592
  }
597
- .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549.awsui_is-overlap-disabled_hyvsj_kjwsu_477:not(#\9):not(.awsui_disable-content-paddings_hyvsj_kjwsu_549) {
598
- --awsui-main-gap-8nglyc: var(--space-scaled-m-gxhdpl, 16px);
593
+ .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-main_hyvsj_hfd5p_545.awsui_is-overlap-disabled_hyvsj_hfd5p_473:not(#\9):not(.awsui_disable-content-paddings_hyvsj_hfd5p_545) {
594
+ --awsui-main-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
599
595
  }
600
596
  }
601
597
 
@@ -609,21 +605,21 @@ not matter. The offset top value for AppLayout contentMain children with
609
605
  position: sticky will be the value of the notifications height in addition to the
610
606
  notifications top margin and some additional vertical space for aesthetics.
611
607
  */
612
- .awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
613
- --awsui-main-template-rows-8nglyc: 1fr auto;
614
- --awsui-offset-top-8nglyc: 0px;
615
- height: var(--awsui-content-height-8nglyc);
608
+ .awsui_layout_hyvsj_hfd5p_358.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9) {
609
+ --awsui-main-template-rows-zw2xxa: 1fr auto;
610
+ --awsui-offset-top-zw2xxa: 0px;
611
+ height: var(--awsui-content-height-zw2xxa);
616
612
  overflow-y: scroll;
617
613
  }
618
- .awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191.awsui_has-split-panel_hyvsj_kjwsu_592.awsui_split-panel-position-bottom_hyvsj_kjwsu_592:not(#\9) {
619
- --awsui-main-template-rows-8nglyc: repeat(2, auto);
614
+ .awsui_layout_hyvsj_hfd5p_358.awsui_disable-body-scroll_hyvsj_hfd5p_191.awsui_has-split-panel_hyvsj_hfd5p_588.awsui_split-panel-position-bottom_hyvsj_hfd5p_588:not(#\9) {
615
+ --awsui-main-template-rows-zw2xxa: repeat(2, auto);
620
616
  }
621
- .awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110) {
622
- --awsui-offset-top-with-notifications-8nglyc: 0px;
617
+ .awsui_layout_hyvsj_hfd5p_358.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_hfd5p_110) {
618
+ --awsui-offset-top-with-notifications-zw2xxa: 0px;
623
619
  }
624
- .awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191.awsui_has-sticky-notifications_hyvsj_kjwsu_110:not(#\9) {
625
- --awsui-offset-top-with-notifications-8nglyc: calc(
626
- var(--awsui-notifications-height-8nglyc) + var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
620
+ .awsui_layout_hyvsj_hfd5p_358.awsui_disable-body-scroll_hyvsj_hfd5p_191.awsui_has-sticky-notifications_hyvsj_hfd5p_110:not(#\9) {
621
+ --awsui-offset-top-with-notifications-zw2xxa: calc(
622
+ var(--awsui-notifications-height-zw2xxa) + var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
627
623
  );
628
624
  }
629
625
 
@@ -631,13 +627,13 @@ notifications top margin and some additional vertical space for aesthetics.
631
627
  This CSS class is applied to the document body to prevent overflow scrolling
632
628
  when the navigation or tools drawers are open in responsive viewports.
633
629
  */
634
- .awsui_block-body-scroll_hyvsj_kjwsu_608:not(#\9) {
630
+ .awsui_block-body-scroll_hyvsj_hfd5p_604:not(#\9) {
635
631
  overflow: hidden;
636
632
  }
637
633
 
638
634
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
639
- .awsui_unfocusable_hyvsj_kjwsu_613:not(#\9),
640
- .awsui_unfocusable_hyvsj_kjwsu_613 *:not(#\9) {
635
+ .awsui_unfocusable_hyvsj_hfd5p_609:not(#\9),
636
+ .awsui_unfocusable_hyvsj_hfd5p_609 *:not(#\9) {
641
637
  visibility: hidden !important;
642
638
  }
643
639
 
@@ -646,7 +642,7 @@ when the navigation or tools drawers are open in responsive viewports.
646
642
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
647
643
  SPDX-License-Identifier: Apache-2.0
648
644
  */
649
- .awsui_container_hyvsj_kjwsu_623:not(#\9) {
645
+ .awsui_container_hyvsj_hfd5p_619:not(#\9) {
650
646
  grid-area: main;
651
647
  padding-bottom: var(--space-layout-content-bottom-zwsyun, 40px);
652
648
  /*
@@ -663,18 +659,18 @@ when the navigation or tools drawers are open in responsive viewports.
663
659
  on the right, we decrement the column end by one.
664
660
  */
665
661
  }
666
- .awsui_container_hyvsj_kjwsu_623.awsui_has-split-panel_hyvsj_kjwsu_592.awsui_split-panel-position-bottom_hyvsj_kjwsu_592:not(#\9) {
667
- padding-bottom: calc(var(--awsui-split-panel-height-8nglyc) + var(--space-layout-content-bottom-zwsyun, 40px));
662
+ .awsui_container_hyvsj_hfd5p_619.awsui_has-split-panel_hyvsj_hfd5p_588.awsui_split-panel-position-bottom_hyvsj_hfd5p_588:not(#\9) {
663
+ padding-bottom: calc(var(--awsui-split-panel-height-zw2xxa) + var(--space-layout-content-bottom-zwsyun, 40px));
668
664
  }
669
- .awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549:not(#\9) {
665
+ .awsui_container_hyvsj_hfd5p_619.awsui_disable-content-paddings_hyvsj_hfd5p_545:not(#\9) {
670
666
  grid-column: 1/6;
671
667
  padding: 0;
672
668
  }
673
669
  @media (min-width: 689px) {
674
- .awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549.awsui_is-navigation-open_hyvsj_kjwsu_648:not(#\9) {
670
+ .awsui_container_hyvsj_hfd5p_619.awsui_disable-content-paddings_hyvsj_hfd5p_545.awsui_is-navigation-open_hyvsj_hfd5p_644:not(#\9) {
675
671
  grid-column-start: 2;
676
672
  }
677
- .awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549.awsui_is-tools-open_hyvsj_kjwsu_651:not(#\9), .awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_split-panel-position-side_hyvsj_kjwsu_651:not(#\9) {
673
+ .awsui_container_hyvsj_hfd5p_619.awsui_disable-content-paddings_hyvsj_hfd5p_545.awsui_is-tools-open_hyvsj_hfd5p_647:not(#\9), .awsui_container_hyvsj_hfd5p_619.awsui_disable-content-paddings_hyvsj_hfd5p_545.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_split-panel-position-side_hyvsj_hfd5p_647:not(#\9) {
678
674
  grid-column-end: 5;
679
675
  }
680
676
  }
@@ -683,31 +679,31 @@ when the navigation or tools drawers are open in responsive viewports.
683
679
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
684
680
  SPDX-License-Identifier: Apache-2.0
685
681
  */
686
- section.awsui_mobile-toolbar_hyvsj_kjwsu_660:not(#\9) {
682
+ section.awsui_mobile-toolbar_hyvsj_hfd5p_656:not(#\9) {
687
683
  align-items: center;
688
684
  background-color: var(--color-background-home-header-qnhw1k, #000716);
689
685
  border-bottom: 1px solid var(--color-border-divider-default-9o8zql, #e9ebed);
690
686
  box-shadow: var(--shadow-panel-toggle-5grp58, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
691
687
  box-sizing: border-box;
692
- height: var(--awsui-mobile-bar-height-8nglyc);
688
+ height: var(--awsui-mobile-bar-height-zw2xxa);
693
689
  display: grid;
694
690
  grid-area: mobileToolbar;
695
691
  grid-column: 1/span 5;
696
692
  grid-template-columns: auto minmax(0, 1fr) auto;
697
693
  padding: 0 var(--space-m-h2th94, 16px);
698
694
  position: sticky;
699
- top: var(--awsui-offset-top-8nglyc);
695
+ top: var(--awsui-offset-top-zw2xxa);
700
696
  z-index: 1000;
701
697
  }
702
- section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-nav_hyvsj_kjwsu_676:not(#\9) {
698
+ section.awsui_mobile-toolbar_hyvsj_hfd5p_656 > .awsui_mobile-toolbar-nav_hyvsj_hfd5p_672:not(#\9) {
703
699
  grid-column: 1;
704
700
  margin-right: var(--space-m-h2th94, 16px);
705
701
  }
706
- section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_kjwsu_680:not(#\9) {
702
+ section.awsui_mobile-toolbar_hyvsj_hfd5p_656 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_hfd5p_676:not(#\9) {
707
703
  grid-column: 2;
708
704
  background-color: var(--color-background-layout-main-m49752, #ffffff);
709
705
  }
710
- section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-tools_hyvsj_kjwsu_684:not(#\9) {
706
+ section.awsui_mobile-toolbar_hyvsj_hfd5p_656 > .awsui_mobile-toolbar-tools_hyvsj_hfd5p_680:not(#\9) {
711
707
  grid-column: 3;
712
708
  margin-left: var(--space-m-h2th94, 16px);
713
709
  }
@@ -716,14 +712,14 @@ section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-tools_hyvsj
716
712
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
717
713
  SPDX-License-Identifier: Apache-2.0
718
714
  */
719
- .awsui_navigation-container_hyvsj_kjwsu_693:not(#\9) {
720
- --awsui-navigation-width-8nglyc: 280px;
715
+ .awsui_navigation-container_hyvsj_hfd5p_689:not(#\9) {
716
+ --awsui-navigation-width-zw2xxa: 280px;
721
717
  display: flex;
722
718
  grid-column: 1;
723
719
  grid-row: 1/span 10;
724
- height: var(--awsui-content-height-8nglyc);
720
+ height: var(--awsui-content-height-zw2xxa);
725
721
  position: sticky;
726
- top: var(--awsui-offset-top-8nglyc);
722
+ top: var(--awsui-offset-top-zw2xxa);
727
723
  z-index: 830;
728
724
  /*
729
725
  The navigation and tools containers (that contain the toggle buttons)
@@ -738,12 +734,12 @@ section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-tools_hyvsj
738
734
  pointer-events: none;
739
735
  }
740
736
  @media (min-width: 2541px) {
741
- .awsui_navigation-container_hyvsj_kjwsu_693:not(#\9) {
742
- --awsui-navigation-width-8nglyc: 320px;
737
+ .awsui_navigation-container_hyvsj_hfd5p_689:not(#\9) {
738
+ --awsui-navigation-width-zw2xxa: 320px;
743
739
  }
744
740
  }
745
741
  @media (max-width: 688px) {
746
- .awsui_navigation-container_hyvsj_kjwsu_693:not(#\9) {
742
+ .awsui_navigation-container_hyvsj_hfd5p_689:not(#\9) {
747
743
  left: 0;
748
744
  position: fixed;
749
745
  z-index: 1001;
@@ -755,19 +751,19 @@ section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-tools_hyvsj
755
751
  relative to the body.
756
752
  */
757
753
  }
758
- .awsui_navigation-container_hyvsj_kjwsu_693.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
759
- top: var(--awsui-header-height-8nglyc);
754
+ .awsui_navigation-container_hyvsj_hfd5p_689.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9) {
755
+ top: var(--awsui-header-height-zw2xxa);
760
756
  }
761
757
  }
762
758
 
763
- nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9) {
759
+ nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9) {
764
760
  padding: var(--space-scaled-s-913kwi, 12px) var(--space-layout-toggle-padding-dhzjwp, 20px);
765
761
  /*
766
762
  Apply the animation only in desktop viewports because the MobileToolbar will
767
763
  take control in responsive viewports.
768
764
  */
769
765
  }
770
- @keyframes awsui_showButtons_hyvsj_kjwsu_1 {
766
+ @keyframes awsui_showButtons_hyvsj_hfd5p_1 {
771
767
  0% {
772
768
  opacity: 0;
773
769
  }
@@ -775,31 +771,31 @@ nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9) {
775
771
  opacity: 1;
776
772
  }
777
773
  }
778
- nav.awsui_show-navigation_hyvsj_kjwsu_737.awsui_is-navigation-open_hyvsj_kjwsu_648:not(#\9) {
774
+ nav.awsui_show-navigation_hyvsj_hfd5p_733.awsui_is-navigation-open_hyvsj_hfd5p_644:not(#\9) {
779
775
  display: none;
780
776
  }
781
777
  @media (min-width: 689px) {
782
- nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648) {
778
+ nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644) {
783
779
  display: block;
784
780
  }
785
- nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759 {
786
- animation: awsui_showButtons_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
781
+ nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644).awsui_animating_hyvsj_hfd5p_755 {
782
+ animation: awsui_showButtons_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
787
783
  }
788
784
  }
789
785
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
790
- nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759 {
786
+ nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644).awsui_animating_hyvsj_hfd5p_755 {
791
787
  animation: none;
792
788
  transition: none;
793
789
  }
794
790
  }
795
791
  @media (min-width: 689px) {
796
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759 {
792
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644).awsui_animating_hyvsj_hfd5p_755, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644).awsui_animating_hyvsj_hfd5p_755 {
797
793
  animation: none;
798
794
  transition: none;
799
795
  }
800
796
  }
801
797
 
802
- nav.awsui_navigation_hyvsj_kjwsu_693:not(#\9) {
798
+ nav.awsui_navigation_hyvsj_hfd5p_689:not(#\9) {
803
799
  background-color: var(--color-background-container-content-og3y0v, #ffffff);
804
800
  box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
805
801
  bottom: 0;
@@ -816,43 +812,43 @@ nav.awsui_navigation_hyvsj_kjwsu_693:not(#\9) {
816
812
  prevent unwanted text wrapping.
817
813
  */
818
814
  }
819
- @keyframes awsui_openNavigation_hyvsj_kjwsu_1 {
815
+ @keyframes awsui_openNavigation_hyvsj_hfd5p_1 {
820
816
  from {
821
817
  opacity: 0;
822
818
  width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
823
819
  }
824
820
  to {
825
821
  opacity: 1;
826
- width: var(--awsui-navigation-width-8nglyc);
822
+ width: var(--awsui-navigation-width-zw2xxa);
827
823
  }
828
824
  }
829
- nav.awsui_navigation_hyvsj_kjwsu_693:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648) {
825
+ nav.awsui_navigation_hyvsj_hfd5p_689:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644) {
830
826
  width: 0;
831
827
  display: none;
832
828
  }
833
- nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
834
- animation: awsui_openNavigation_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
829
+ nav.awsui_navigation_hyvsj_hfd5p_689.awsui_is-navigation-open_hyvsj_hfd5p_644.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
830
+ animation: awsui_openNavigation_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
835
831
  }
836
832
  @media (prefers-reduced-motion: reduce) {
837
- nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
833
+ nav.awsui_navigation_hyvsj_hfd5p_689.awsui_is-navigation-open_hyvsj_hfd5p_644.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
838
834
  animation: none;
839
835
  transition: none;
840
836
  }
841
837
  }
842
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
838
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_hfd5p_689.awsui_is-navigation-open_hyvsj_hfd5p_644.awsui_animating_hyvsj_hfd5p_755:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_hfd5p_689.awsui_is-navigation-open_hyvsj_hfd5p_644.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
843
839
  animation: none;
844
840
  transition: none;
845
841
  }
846
- nav.awsui_navigation_hyvsj_kjwsu_693 > .awsui_animated-content_hyvsj_kjwsu_820:not(#\9) {
847
- width: var(--awsui-navigation-width-8nglyc);
842
+ nav.awsui_navigation_hyvsj_hfd5p_689 > .awsui_animated-content_hyvsj_hfd5p_816:not(#\9) {
843
+ width: var(--awsui-navigation-width-zw2xxa);
848
844
  }
849
845
  @media (max-width: 688px) {
850
- nav.awsui_navigation_hyvsj_kjwsu_693:not(#\9) {
851
- --awsui-navigation-width-8nglyc: 100vw;
846
+ nav.awsui_navigation_hyvsj_hfd5p_689:not(#\9) {
847
+ --awsui-navigation-width-zw2xxa: 100vw;
852
848
  }
853
849
  }
854
850
 
855
- .awsui_hide-navigation_hyvsj_kjwsu_829:not(#\9) {
851
+ .awsui_hide-navigation_hyvsj_hfd5p_825:not(#\9) {
856
852
  position: absolute;
857
853
  right: var(--space-m-h2th94, 16px);
858
854
  top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
@@ -862,16 +858,16 @@ nav.awsui_navigation_hyvsj_kjwsu_693 > .awsui_animated-content_hyvsj_kjwsu_820:n
862
858
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
863
859
  SPDX-License-Identifier: Apache-2.0
864
860
  */
865
- .awsui_notifications_hyvsj_kjwsu_839:not(#\9) {
861
+ .awsui_notifications_hyvsj_hfd5p_835:not(#\9) {
866
862
  color: var(--color-text-body-default-mmvcvg, #000716);
867
863
  grid-area: notifications;
868
864
  z-index: 850;
869
865
  }
870
866
  @media (min-width: 689px) {
871
- .awsui_notifications_hyvsj_kjwsu_839.awsui_sticky-notifications_hyvsj_kjwsu_845:not(#\9) {
872
- --awsui-flashbar-sticky-bottom-margin-8nglyc: var(--space-xxl-sgg5p8, 32px);
867
+ .awsui_notifications_hyvsj_hfd5p_835.awsui_sticky-notifications_hyvsj_hfd5p_841:not(#\9) {
868
+ --awsui-flashbar-sticky-bottom-margin-zw2xxa: var(--space-xxl-sgg5p8, 32px);
873
869
  position: sticky;
874
- top: calc(var(--awsui-offset-top-8nglyc) + var(--space-xs-edba2s, 8px));
870
+ top: calc(var(--awsui-offset-top-zw2xxa) + var(--space-xs-edba2s, 8px));
875
871
  }
876
872
  }
877
873
 
@@ -885,13 +881,13 @@ as the content area. This row is defined as 1 fractional unit which will
885
881
  consume the remaining vertical space in the grid after the notifications
886
882
  and breadcrumbs.
887
883
  */
888
- section.awsui_split-panel-bottom_hyvsj_kjwsu_862:not(#\9) {
884
+ section.awsui_split-panel-bottom_hyvsj_hfd5p_858:not(#\9) {
889
885
  /*
890
886
  The align self property will position the split panel at the bottom of the grid row.
891
887
  This could be off the viewport if the content area has enough content to be scrollable.
892
888
  */
893
889
  align-self: end;
894
- bottom: var(--awsui-footer-height-8nglyc);
890
+ bottom: var(--awsui-footer-height-zw2xxa);
895
891
  display: none;
896
892
  grid-column: 1/6;
897
893
  grid-row: 10;
@@ -920,47 +916,47 @@ section.awsui_split-panel-bottom_hyvsj_kjwsu_862:not(#\9) {
920
916
  apply the animation to the height property.
921
917
  */
922
918
  }
923
- @keyframes awsui_openSplitPanelBottom_hyvsj_kjwsu_1 {
919
+ @keyframes awsui_openSplitPanelBottom_hyvsj_hfd5p_1 {
924
920
  from {
925
- height: var(--awsui-split-panel-reported-header-size-8nglyc, 0);
921
+ height: var(--awsui-split-panel-reported-header-size-zw2xxa, 0);
926
922
  }
927
923
  to {
928
- height: var(--awsui-split-panel-reported-size-8nglyc);
924
+ height: var(--awsui-split-panel-reported-size-zw2xxa);
929
925
  }
930
926
  }
931
- section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
927
+ section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9) {
932
928
  bottom: 0;
933
929
  }
934
- section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
930
+ section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-navigation-open_hyvsj_hfd5p_644.awsui_position-bottom_hyvsj_hfd5p_904:not(#\9) {
935
931
  grid-column-start: 2;
936
932
  }
937
- section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_has-open-drawer_hyvsj_kjwsu_157.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
933
+ section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_has-open-drawer_hyvsj_hfd5p_157.awsui_position-bottom_hyvsj_hfd5p_904:not(#\9) {
938
934
  grid-column-end: 5;
939
935
  }
940
- section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
936
+ section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_position-bottom_hyvsj_hfd5p_904:not(#\9) {
941
937
  display: block;
942
938
  }
943
- section.awsui_split-panel-bottom_hyvsj_kjwsu_862:not(#\9):not(.awsui_is-split-panel-open_hyvsj_kjwsu_651).awsui_position-bottom_hyvsj_kjwsu_908 {
939
+ section.awsui_split-panel-bottom_hyvsj_hfd5p_858:not(#\9):not(.awsui_is-split-panel-open_hyvsj_hfd5p_647).awsui_position-bottom_hyvsj_hfd5p_904 {
944
940
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
945
941
  }
946
- section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
942
+ section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-bottom_hyvsj_hfd5p_904:not(#\9) {
947
943
  box-shadow: var(--shadow-split-bottom-ijqtlb, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
948
944
  }
949
- section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
950
- animation: awsui_openSplitPanelBottom_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
945
+ section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-bottom_hyvsj_hfd5p_904.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
946
+ animation: awsui_openSplitPanelBottom_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
951
947
  }
952
948
  @media (prefers-reduced-motion: reduce) {
953
- section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
949
+ section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-bottom_hyvsj_hfd5p_904.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
954
950
  animation: none;
955
951
  transition: none;
956
952
  }
957
953
  }
958
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
954
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-bottom_hyvsj_hfd5p_904.awsui_animating_hyvsj_hfd5p_755:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-bottom_hyvsj_hfd5p_904.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
959
955
  animation: none;
960
956
  transition: none;
961
957
  }
962
958
 
963
- section.awsui_split-panel-side_hyvsj_kjwsu_937:not(#\9) {
959
+ section.awsui_split-panel-side_hyvsj_hfd5p_933:not(#\9) {
964
960
  height: 100%;
965
961
  overflow-x: hidden;
966
962
  pointer-events: auto;
@@ -975,41 +971,41 @@ section.awsui_split-panel-side_hyvsj_kjwsu_937:not(#\9) {
975
971
  prevent unwanted text wrapping.
976
972
  */
977
973
  }
978
- @keyframes awsui_openSplitPanelSide_hyvsj_kjwsu_1 {
974
+ @keyframes awsui_openSplitPanelSide_hyvsj_hfd5p_1 {
979
975
  from {
980
976
  opacity: 0;
981
- width: var(--awsui-split-panel-min-width-8nglyc, 280px);
977
+ width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
982
978
  }
983
979
  to {
984
980
  opacity: 1;
985
- width: var(--awsui-split-panel-reported-size-8nglyc);
981
+ width: var(--awsui-split-panel-reported-size-zw2xxa);
986
982
  }
987
983
  }
988
- section.awsui_split-panel-side_hyvsj_kjwsu_937:not(#\9):not(.awsui_is-split-panel-open_hyvsj_kjwsu_651), section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
984
+ section.awsui_split-panel-side_hyvsj_hfd5p_933:not(#\9):not(.awsui_is-split-panel-open_hyvsj_hfd5p_647), section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_position-bottom_hyvsj_hfd5p_904:not(#\9) {
989
985
  width: 0;
990
986
  }
991
- section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965:not(#\9) {
987
+ section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-side_hyvsj_hfd5p_961:not(#\9) {
992
988
  box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
993
- max-width: var(--awsui-split-panel-max-width-8nglyc, 280px);
994
- min-width: var(--awsui-split-panel-min-width-8nglyc, 280px);
989
+ max-width: var(--awsui-split-panel-max-width-zw2xxa, 280px);
990
+ min-width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
995
991
  }
996
- section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
997
- animation: awsui_openSplitPanelSide_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
992
+ section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-side_hyvsj_hfd5p_961.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
993
+ animation: awsui_openSplitPanelSide_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
998
994
  }
999
995
  @media (prefers-reduced-motion: reduce) {
1000
- section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
996
+ section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-side_hyvsj_hfd5p_961.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
1001
997
  animation: none;
1002
998
  transition: none;
1003
999
  }
1004
1000
  }
1005
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1001
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-side_hyvsj_hfd5p_961.awsui_animating_hyvsj_hfd5p_755:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-side_hyvsj_hfd5p_961.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
1006
1002
  animation: none;
1007
1003
  transition: none;
1008
1004
  }
1009
- section.awsui_split-panel-side_hyvsj_kjwsu_937 > .awsui_animated-content_hyvsj_kjwsu_820:not(#\9) {
1005
+ section.awsui_split-panel-side_hyvsj_hfd5p_933 > .awsui_animated-content_hyvsj_hfd5p_816:not(#\9) {
1010
1006
  height: 100%;
1011
1007
  max-width: inherit;
1012
- width: var(--awsui-split-panel-reported-size-8nglyc);
1008
+ width: var(--awsui-split-panel-reported-size-zw2xxa);
1013
1009
  }
1014
1010
 
1015
1011
  /*
@@ -1025,30 +1021,30 @@ content width has a default value that can be set directly with the minContentWi
1025
1021
  property. The content gap right is computed in the Layout styles based on the
1026
1022
  viewport size and state of the Tools drawer.
1027
1023
  */
1028
- .awsui_tools-container_hyvsj_kjwsu_1002:not(#\9) {
1024
+ .awsui_tools-container_hyvsj_hfd5p_998:not(#\9) {
1029
1025
  /* stylelint-disable scss/operator-no-newline-after */
1030
- --awsui-tools-max-width-8nglyc: calc(var(--awsui-layout-width-8nglyc) - var(--awsui-main-offset-left-8nglyc) - var(--awsui-default-min-content-width-8nglyc) - var(--awsui-content-gap-right-8nglyc));
1026
+ --awsui-tools-max-width-zw2xxa: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
1031
1027
  /* stylelint-enable scss/operator-no-newline-after */
1032
- --awsui-tools-width-8nglyc: 290px;
1028
+ --awsui-tools-width-zw2xxa: 290px;
1033
1029
  display: flex;
1034
1030
  grid-column: 5;
1035
1031
  grid-row: 1/span 10;
1036
- height: var(--awsui-content-height-8nglyc);
1037
- max-width: var(--awsui-tools-max-width-8nglyc);
1032
+ height: var(--awsui-content-height-zw2xxa);
1033
+ max-width: var(--awsui-tools-max-width-zw2xxa);
1038
1034
  position: sticky;
1039
- top: var(--awsui-offset-top-8nglyc);
1035
+ top: var(--awsui-offset-top-zw2xxa);
1040
1036
  z-index: 830;
1041
1037
  pointer-events: none;
1042
1038
  }
1043
1039
  @media (min-width: 2541px) {
1044
- .awsui_tools-container_hyvsj_kjwsu_1002:not(#\9) {
1045
- --awsui-tools-width-8nglyc: 360px;
1040
+ .awsui_tools-container_hyvsj_hfd5p_998:not(#\9) {
1041
+ --awsui-tools-width-zw2xxa: 360px;
1046
1042
  }
1047
1043
  }
1048
1044
  @media (max-width: 688px) {
1049
- .awsui_tools-container_hyvsj_kjwsu_1002:not(#\9) {
1050
- --awsui-tools-max-width-8nglyc: none;
1051
- --awsui-tools-width-8nglyc: auto;
1045
+ .awsui_tools-container_hyvsj_hfd5p_998:not(#\9) {
1046
+ --awsui-tools-max-width-zw2xxa: none;
1047
+ --awsui-tools-width-zw2xxa: auto;
1052
1048
  position: fixed;
1053
1049
  right: 0;
1054
1050
  z-index: 1001;
@@ -1060,12 +1056,12 @@ viewport size and state of the Tools drawer.
1060
1056
  relative to the body.
1061
1057
  */
1062
1058
  }
1063
- .awsui_tools-container_hyvsj_kjwsu_1002.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
1064
- top: var(--awsui-header-height-8nglyc);
1059
+ .awsui_tools-container_hyvsj_hfd5p_998.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9) {
1060
+ top: var(--awsui-header-height-zw2xxa);
1065
1061
  }
1066
1062
  }
1067
1063
 
1068
- .awsui_tools_hyvsj_kjwsu_1002:not(#\9) {
1064
+ .awsui_tools_hyvsj_hfd5p_998:not(#\9) {
1069
1065
  background-color: var(--color-background-container-content-og3y0v, #ffffff);
1070
1066
  box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
1071
1067
  flex-shrink: 0;
@@ -1088,48 +1084,48 @@ viewport size and state of the Tools drawer.
1088
1084
  in the side position.
1089
1085
  */
1090
1086
  }
1091
- @keyframes awsui_openTools_hyvsj_kjwsu_1 {
1087
+ @keyframes awsui_openTools_hyvsj_hfd5p_1 {
1092
1088
  from {
1093
- opacity: var(--awsui-tools-animation-starting-opacity-8nglyc, 0);
1089
+ opacity: var(--awsui-tools-animation-starting-opacity-zw2xxa, 0);
1094
1090
  width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
1095
1091
  }
1096
1092
  to {
1097
1093
  opacity: 1;
1098
- width: var(--awsui-tools-width-8nglyc);
1094
+ width: var(--awsui-tools-width-zw2xxa);
1099
1095
  }
1100
1096
  }
1101
- .awsui_tools_hyvsj_kjwsu_1002:not(#\9):not(.awsui_is-tools-open_hyvsj_kjwsu_651) {
1097
+ .awsui_tools_hyvsj_hfd5p_998:not(#\9):not(.awsui_is-tools-open_hyvsj_hfd5p_647) {
1102
1098
  width: 0;
1103
1099
  display: none;
1104
1100
  }
1105
- .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1106
- animation: awsui_openTools_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
1101
+ .awsui_tools_hyvsj_hfd5p_998.awsui_is-tools-open_hyvsj_hfd5p_647.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
1102
+ animation: awsui_openTools_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
1107
1103
  }
1108
1104
  @media (prefers-reduced-motion: reduce) {
1109
- .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1105
+ .awsui_tools_hyvsj_hfd5p_998.awsui_is-tools-open_hyvsj_hfd5p_647.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
1110
1106
  animation: none;
1111
1107
  transition: none;
1112
1108
  }
1113
1109
  }
1114
- .awsui-motion-disabled .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1110
+ .awsui-motion-disabled .awsui_tools_hyvsj_hfd5p_998.awsui_is-tools-open_hyvsj_hfd5p_647.awsui_animating_hyvsj_hfd5p_755:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_hfd5p_998.awsui_is-tools-open_hyvsj_hfd5p_647.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
1115
1111
  animation: none;
1116
1112
  transition: none;
1117
1113
  }
1118
- .awsui_tools_hyvsj_kjwsu_1002 > .awsui_animated-content_hyvsj_kjwsu_820:not(#\9) {
1119
- width: var(--awsui-tools-width-8nglyc);
1114
+ .awsui_tools_hyvsj_hfd5p_998 > .awsui_animated-content_hyvsj_hfd5p_816:not(#\9) {
1115
+ width: var(--awsui-tools-width-zw2xxa);
1120
1116
  }
1121
1117
  @media (min-width: 689px) {
1122
- .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_has-tools-form-persistence_hyvsj_kjwsu_1096:not(#\9) {
1118
+ .awsui_tools_hyvsj_hfd5p_998.awsui_is-tools-open_hyvsj_hfd5p_647.awsui_has-tools-form-persistence_hyvsj_hfd5p_1092:not(#\9) {
1123
1119
  border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
1124
1120
  }
1125
1121
  }
1126
1122
  @media (max-width: 688px) {
1127
- .awsui_tools_hyvsj_kjwsu_1002:not(#\9) {
1128
- --awsui-tools-width-8nglyc: 100vw;
1123
+ .awsui_tools_hyvsj_hfd5p_998:not(#\9) {
1124
+ --awsui-tools-width-zw2xxa: 100vw;
1129
1125
  }
1130
1126
  }
1131
1127
 
1132
- .awsui_hide-tools_hyvsj_kjwsu_1106:not(#\9) {
1128
+ .awsui_hide-tools_hyvsj_hfd5p_1102:not(#\9) {
1133
1129
  position: absolute;
1134
1130
  right: var(--space-m-h2th94, 16px);
1135
1131
  top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
@@ -1141,7 +1137,7 @@ Warning! If these design tokens for padding change it will adversely impact
1141
1137
  the calculation used to determine the Split Panel maximum width in the
1142
1138
  handleSplitPanelMaxWidth function in the context.
1143
1139
  */
1144
- .awsui_show-tools_hyvsj_kjwsu_1118:not(#\9) {
1140
+ .awsui_show-tools_hyvsj_hfd5p_1114:not(#\9) {
1145
1141
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1146
1142
  border-collapse: separate;
1147
1143
  border-spacing: 0;
@@ -1185,7 +1181,7 @@ handleSplitPanelMaxWidth function in the context.
1185
1181
  take control in responsive viewports.
1186
1182
  */
1187
1183
  }
1188
- @keyframes awsui_showButtons_hyvsj_kjwsu_1 {
1184
+ @keyframes awsui_showButtons_hyvsj_hfd5p_1 {
1189
1185
  0% {
1190
1186
  opacity: 0;
1191
1187
  }
@@ -1193,33 +1189,33 @@ handleSplitPanelMaxWidth function in the context.
1193
1189
  opacity: 1;
1194
1190
  }
1195
1191
  }
1196
- .awsui_show-tools_hyvsj_kjwsu_1118:not(#\9):not(.awsui_has-tools-form_hyvsj_kjwsu_1096) {
1192
+ .awsui_show-tools_hyvsj_hfd5p_1114:not(#\9):not(.awsui_has-tools-form_hyvsj_hfd5p_1092) {
1197
1193
  display: none;
1198
1194
  }
1199
1195
  @media (min-width: 689px) {
1200
- .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096:not(#\9) {
1196
+ .awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form_hyvsj_hfd5p_1092:not(#\9) {
1201
1197
  display: flex;
1202
1198
  flex-direction: column;
1203
1199
  gap: var(--space-xs-edba2s, 8px);
1204
1200
  }
1205
- .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1206
- animation: awsui_showButtons_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
1201
+ .awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form_hyvsj_hfd5p_1092.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
1202
+ animation: awsui_showButtons_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
1207
1203
  }
1208
1204
  }
1209
1205
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1210
- .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1206
+ .awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form_hyvsj_hfd5p_1092.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
1211
1207
  animation: none;
1212
1208
  transition: none;
1213
1209
  }
1214
1210
  }
1215
1211
  @media (min-width: 689px) {
1216
- .awsui-motion-disabled .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
1212
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form_hyvsj_hfd5p_1092.awsui_animating_hyvsj_hfd5p_755:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form_hyvsj_hfd5p_1092.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
1217
1213
  animation: none;
1218
1214
  transition: none;
1219
1215
  }
1220
1216
  }
1221
1217
  @media (min-width: 689px) {
1222
- .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form-persistence_hyvsj_kjwsu_1096:not(#\9) {
1218
+ .awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form-persistence_hyvsj_hfd5p_1092:not(#\9) {
1223
1219
  background-color: var(--color-background-container-content-og3y0v, #ffffff);
1224
1220
  z-index: 1;
1225
1221
  }
@@ -1234,7 +1230,7 @@ Warning! If these design tokens for width change it will adversely impact
1234
1230
  the calculation used to determine the Split Panel maximum width in the
1235
1231
  handleSplitPanelMaxWidth function in the context.
1236
1232
  */
1237
- .awsui_trigger_hyvsj_kjwsu_1185:not(#\9) {
1233
+ .awsui_trigger_hyvsj_hfd5p_1181:not(#\9) {
1238
1234
  background: var(--color-background-layout-toggle-default-q41mj7, #192534);
1239
1235
  border: none;
1240
1236
  border-radius: 50%;
@@ -1246,14 +1242,14 @@ handleSplitPanelMaxWidth function in the context.
1246
1242
  pointer-events: auto;
1247
1243
  width: var(--space-layout-toggle-diameter-i4mha3, 40px);
1248
1244
  }
1249
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus {
1245
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_hfd5p_1181:not(#\9):focus {
1250
1246
  position: relative;
1251
1247
  }
1252
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus {
1248
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_hfd5p_1181:not(#\9):focus {
1253
1249
  outline: 2px dotted transparent;
1254
1250
  outline-offset: calc(3px - 1px);
1255
1251
  }
1256
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus::before {
1252
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_hfd5p_1181:not(#\9):focus::before {
1257
1253
  content: " ";
1258
1254
  display: block;
1259
1255
  position: absolute;
@@ -1264,23 +1260,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):foc
1264
1260
  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
1265
1261
  box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
1266
1262
  }
1267
- .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus {
1263
+ .awsui_trigger_hyvsj_hfd5p_1181:not(#\9):focus {
1268
1264
  outline: none;
1269
1265
  }
1270
- .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):hover {
1266
+ .awsui_trigger_hyvsj_hfd5p_1181:not(#\9):hover {
1271
1267
  background: var(--color-background-layout-toggle-hover-im3a7d, #354150);
1272
1268
  }
1273
- .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):active {
1269
+ .awsui_trigger_hyvsj_hfd5p_1181:not(#\9):active {
1274
1270
  background: var(--color-background-layout-toggle-active-csmprm, #354150);
1275
1271
  }
1276
- .awsui_trigger_hyvsj_kjwsu_1185.awsui_selected_hyvsj_kjwsu_1224:not(#\9) {
1272
+ .awsui_trigger_hyvsj_hfd5p_1181.awsui_selected_hyvsj_hfd5p_1220:not(#\9) {
1277
1273
  background: var(--color-background-layout-toggle-selected-default-ir617m, #0972d3);
1278
1274
  color: var(--color-text-layout-toggle-selected-qzrnpy, #ffffff);
1279
1275
  }
1280
- .awsui_trigger_hyvsj_kjwsu_1185.awsui_selected_hyvsj_kjwsu_1224:not(#\9):hover {
1276
+ .awsui_trigger_hyvsj_hfd5p_1181.awsui_selected_hyvsj_hfd5p_1220:not(#\9):hover {
1281
1277
  background: var(--color-background-layout-toggle-selected-hover-0qwzgy, #065299);
1282
1278
  }
1283
- .awsui_trigger_hyvsj_kjwsu_1185.awsui_selected_hyvsj_kjwsu_1224:not(#\9):active {
1279
+ .awsui_trigger_hyvsj_hfd5p_1181.awsui_selected_hyvsj_hfd5p_1220:not(#\9):active {
1284
1280
  background: var(--color-background-layout-toggle-selected-active-kajyo0, #0972d3);
1285
1281
  }
1286
1282