@cloudscape-design/components 3.0.684 → 3.0.686

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 (216) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +31 -31
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/notifications/styles.css.js +3 -3
  5. package/app-layout/notifications/styles.scoped.css +7 -7
  6. package/app-layout/notifications/styles.selectors.js +3 -3
  7. package/app-layout/visual-refresh/styles.css.js +82 -82
  8. package/app-layout/visual-refresh/styles.scoped.css +255 -255
  9. package/app-layout/visual-refresh/styles.selectors.js +82 -82
  10. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  11. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +13 -13
  12. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  13. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +16 -16
  14. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +37 -37
  15. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +16 -16
  16. package/area-chart/model/use-chart-model.d.ts.map +1 -1
  17. package/area-chart/model/use-chart-model.js +2 -1
  18. package/area-chart/model/use-chart-model.js.map +1 -1
  19. package/area-chart/model/utils.d.ts +0 -1
  20. package/area-chart/model/utils.d.ts.map +1 -1
  21. package/area-chart/model/utils.js +0 -10
  22. package/area-chart/model/utils.js.map +1 -1
  23. package/button/interfaces.d.ts +1 -1
  24. package/button/interfaces.js.map +1 -1
  25. package/button-dropdown/item-element/index.js +1 -1
  26. package/button-dropdown/item-element/index.js.map +1 -1
  27. package/button-dropdown/item-element/styles.css.js +12 -11
  28. package/button-dropdown/item-element/styles.scoped.css +14 -14
  29. package/button-dropdown/item-element/styles.selectors.js +12 -11
  30. package/button-dropdown/tooltip.d.ts +2 -1
  31. package/button-dropdown/tooltip.d.ts.map +1 -1
  32. package/button-dropdown/tooltip.js +2 -2
  33. package/button-dropdown/tooltip.js.map +1 -1
  34. package/content-layout/styles.css.js +14 -14
  35. package/content-layout/styles.scoped.css +27 -27
  36. package/content-layout/styles.selectors.js +14 -14
  37. package/copy-to-clipboard/index.d.ts +1 -1
  38. package/copy-to-clipboard/index.d.ts.map +1 -1
  39. package/copy-to-clipboard/index.js +2 -2
  40. package/copy-to-clipboard/index.js.map +1 -1
  41. package/copy-to-clipboard/interfaces.d.ts +8 -0
  42. package/copy-to-clipboard/interfaces.d.ts.map +1 -1
  43. package/copy-to-clipboard/interfaces.js.map +1 -1
  44. package/copy-to-clipboard/internal.d.ts +1 -1
  45. package/copy-to-clipboard/internal.d.ts.map +1 -1
  46. package/copy-to-clipboard/internal.js +2 -2
  47. package/copy-to-clipboard/internal.js.map +1 -1
  48. package/flashbar/styles.css.js +47 -47
  49. package/flashbar/styles.scoped.css +171 -171
  50. package/flashbar/styles.selectors.js +47 -47
  51. package/i18n/dynamic.js +2 -0
  52. package/i18n/messages/all.all.js +1 -1
  53. package/i18n/messages/all.all.json +1 -1
  54. package/i18n/messages/all.ar.d.ts +3 -0
  55. package/i18n/messages/all.ar.js +1 -0
  56. package/i18n/messages/all.ar.json +1 -0
  57. package/i18n/messages/all.de.js +1 -1
  58. package/i18n/messages/all.de.json +1 -1
  59. package/i18n/messages/all.en-GB.js +1 -1
  60. package/i18n/messages/all.en-GB.json +1 -1
  61. package/i18n/messages/all.en.js +1 -1
  62. package/i18n/messages/all.en.json +1 -1
  63. package/i18n/messages/all.es.js +1 -1
  64. package/i18n/messages/all.es.json +1 -1
  65. package/i18n/messages/all.fr.js +1 -1
  66. package/i18n/messages/all.fr.json +1 -1
  67. package/i18n/messages/all.id.js +1 -1
  68. package/i18n/messages/all.id.json +1 -1
  69. package/i18n/messages/all.it.js +1 -1
  70. package/i18n/messages/all.it.json +1 -1
  71. package/i18n/messages/all.ja.js +1 -1
  72. package/i18n/messages/all.ja.json +1 -1
  73. package/i18n/messages/all.ko.js +1 -1
  74. package/i18n/messages/all.ko.json +1 -1
  75. package/i18n/messages/all.pt-BR.js +1 -1
  76. package/i18n/messages/all.pt-BR.json +1 -1
  77. package/i18n/messages/all.tr.js +1 -1
  78. package/i18n/messages/all.tr.json +1 -1
  79. package/i18n/messages/all.zh-CN.js +1 -1
  80. package/i18n/messages/all.zh-CN.json +1 -1
  81. package/i18n/messages/all.zh-TW.js +1 -1
  82. package/i18n/messages/all.zh-TW.json +1 -1
  83. package/i18n/messages-types.d.ts +12 -0
  84. package/i18n/messages-types.d.ts.map +1 -1
  85. package/i18n/messages-types.js.map +1 -1
  86. package/icon/styles.css.js +38 -37
  87. package/icon/styles.scoped.css +82 -80
  88. package/icon/styles.selectors.js +38 -37
  89. package/index.d.ts +1 -0
  90. package/index.d.ts.map +1 -1
  91. package/index.js +1 -0
  92. package/index.js.map +1 -1
  93. package/internal/components/chart-plot/focus-outline.js +1 -1
  94. package/internal/components/chart-plot/focus-outline.js.map +1 -1
  95. package/internal/components/dropdown/styles.css.js +20 -20
  96. package/internal/components/dropdown/styles.scoped.css +40 -40
  97. package/internal/components/dropdown/styles.selectors.js +20 -20
  98. package/internal/environment.js +1 -1
  99. package/internal/environment.json +1 -1
  100. package/internal/generated/custom-css-properties/index.d.ts +2 -0
  101. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  102. package/internal/generated/custom-css-properties/index.js +57 -55
  103. package/internal/generated/custom-css-properties/index.js.map +1 -1
  104. package/internal/hooks/use-base-component/index.d.ts.map +1 -1
  105. package/internal/hooks/use-base-component/index.js +1 -2
  106. package/internal/hooks/use-base-component/index.js.map +1 -1
  107. package/internal/manifest.json +1 -1
  108. package/internal/utils/circle-index.d.ts +2 -0
  109. package/internal/utils/circle-index.d.ts.map +1 -0
  110. package/internal/utils/circle-index.js +13 -0
  111. package/internal/utils/circle-index.js.map +1 -0
  112. package/key-value-pairs/index.d.ts +1 -1
  113. package/key-value-pairs/index.d.ts.map +1 -1
  114. package/key-value-pairs/index.js +2 -2
  115. package/key-value-pairs/index.js.map +1 -1
  116. package/key-value-pairs/interfaces.d.ts +11 -0
  117. package/key-value-pairs/interfaces.d.ts.map +1 -1
  118. package/key-value-pairs/interfaces.js.map +1 -1
  119. package/key-value-pairs/internal.d.ts.map +1 -1
  120. package/key-value-pairs/internal.js +2 -2
  121. package/key-value-pairs/internal.js.map +1 -1
  122. package/mixed-line-bar-chart/hooks/use-navigation.d.ts.map +1 -1
  123. package/mixed-line-bar-chart/hooks/use-navigation.js +1 -10
  124. package/mixed-line-bar-chart/hooks/use-navigation.js.map +1 -1
  125. package/package.json +4 -1
  126. package/prompt-input/index.d.ts +6 -0
  127. package/prompt-input/index.d.ts.map +1 -0
  128. package/prompt-input/index.js +27 -0
  129. package/prompt-input/index.js.map +1 -0
  130. package/prompt-input/interfaces.d.ts +82 -0
  131. package/prompt-input/interfaces.d.ts.map +1 -0
  132. package/prompt-input/interfaces.js +2 -0
  133. package/prompt-input/interfaces.js.map +1 -0
  134. package/prompt-input/internal.d.ts +8 -0
  135. package/prompt-input/internal.d.ts.map +1 -0
  136. package/prompt-input/internal.js +109 -0
  137. package/prompt-input/internal.js.map +1 -0
  138. package/prompt-input/styles.css.js +13 -0
  139. package/prompt-input/styles.scoped.css +248 -0
  140. package/prompt-input/styles.selectors.js +14 -0
  141. package/prompt-input/test-classes/styles.css.js +8 -0
  142. package/prompt-input/test-classes/styles.scoped.css +15 -0
  143. package/prompt-input/test-classes/styles.selectors.js +9 -0
  144. package/property-filter/filtering-token/index.d.ts.map +1 -0
  145. package/{internal/components → property-filter}/filtering-token/index.js +7 -6
  146. package/property-filter/filtering-token/index.js.map +1 -0
  147. package/property-filter/filtering-token/styles.css.js +12 -0
  148. package/{internal/components → property-filter}/filtering-token/styles.scoped.css +15 -15
  149. package/property-filter/filtering-token/styles.selectors.js +13 -0
  150. package/property-filter/test-classes/styles.css.js +14 -0
  151. package/property-filter/test-classes/styles.scoped.css +39 -0
  152. package/property-filter/test-classes/styles.selectors.js +15 -0
  153. package/property-filter/token-editor.d.ts.map +1 -1
  154. package/property-filter/token-editor.js +7 -5
  155. package/property-filter/token-editor.js.map +1 -1
  156. package/property-filter/token.js +1 -1
  157. package/property-filter/token.js.map +1 -1
  158. package/select/parts/filter.d.ts +1 -1
  159. package/slider/styles.css.js +26 -27
  160. package/slider/styles.scoped.css +90 -90
  161. package/slider/styles.selectors.js +26 -27
  162. package/spinner/styles.css.js +13 -13
  163. package/spinner/styles.scoped.css +39 -39
  164. package/spinner/styles.selectors.js +13 -13
  165. package/table/body-cell/styles.css.js +46 -46
  166. package/table/body-cell/styles.scoped.css +525 -274
  167. package/table/body-cell/styles.selectors.js +46 -46
  168. package/table/body-cell/td-element.d.ts.map +1 -1
  169. package/table/body-cell/td-element.js +3 -4
  170. package/table/body-cell/td-element.js.map +1 -1
  171. package/tabs/styles.css.js +28 -28
  172. package/tabs/styles.scoped.css +53 -53
  173. package/tabs/styles.selectors.js +28 -28
  174. package/tabs/tab-header-bar.d.ts.map +1 -1
  175. package/tabs/tab-header-bar.js +1 -9
  176. package/tabs/tab-header-bar.js.map +1 -1
  177. package/test-utils/dom/copy-to-clipboard/index.d.ts +3 -1
  178. package/test-utils/dom/copy-to-clipboard/index.js +2 -2
  179. package/test-utils/dom/copy-to-clipboard/index.js.map +1 -1
  180. package/test-utils/dom/index.d.ts +3 -0
  181. package/test-utils/dom/index.js +10 -2
  182. package/test-utils/dom/index.js.map +1 -1
  183. package/test-utils/dom/prompt-input/index.d.ts +18 -0
  184. package/test-utils/dom/prompt-input/index.js +49 -0
  185. package/test-utils/dom/prompt-input/index.js.map +1 -0
  186. package/test-utils/dom/property-filter/index.d.ts +25 -2
  187. package/test-utils/dom/property-filter/index.js +59 -6
  188. package/test-utils/dom/property-filter/index.js.map +1 -1
  189. package/test-utils/selectors/copy-to-clipboard/index.d.ts +3 -1
  190. package/test-utils/selectors/copy-to-clipboard/index.js +4 -2
  191. package/test-utils/selectors/copy-to-clipboard/index.js.map +1 -1
  192. package/test-utils/selectors/index.d.ts +3 -0
  193. package/test-utils/selectors/index.js +10 -2
  194. package/test-utils/selectors/index.js.map +1 -1
  195. package/test-utils/selectors/prompt-input/index.d.ts +6 -0
  196. package/test-utils/selectors/prompt-input/index.js +15 -0
  197. package/test-utils/selectors/prompt-input/index.js.map +1 -0
  198. package/test-utils/selectors/property-filter/index.d.ts +25 -2
  199. package/test-utils/selectors/property-filter/index.js +61 -6
  200. package/test-utils/selectors/property-filter/index.js.map +1 -1
  201. package/test-utils/tsconfig.tsbuildinfo +1 -1
  202. package/internal/components/filtering-token/index.d.ts.map +0 -1
  203. package/internal/components/filtering-token/index.js.map +0 -1
  204. package/internal/components/filtering-token/styles.css.js +0 -12
  205. package/internal/components/filtering-token/styles.selectors.js +0 -13
  206. package/internal/hooks/focus-visible/index.d.ts +0 -3
  207. package/internal/hooks/focus-visible/index.d.ts.map +0 -1
  208. package/internal/hooks/focus-visible/index.js +0 -49
  209. package/internal/hooks/focus-visible/index.js.map +0 -1
  210. package/test-utils/dom/internal/filtering-token.d.ts +0 -8
  211. package/test-utils/dom/internal/filtering-token.js +0 -21
  212. package/test-utils/dom/internal/filtering-token.js.map +0 -1
  213. package/test-utils/selectors/internal/filtering-token.d.ts +0 -8
  214. package/test-utils/selectors/internal/filtering-token.js +0 -21
  215. package/test-utils/selectors/internal/filtering-token.js.map +0 -1
  216. /package/{internal/components → property-filter}/filtering-token/index.d.ts +0 -0
@@ -94,10 +94,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- div.awsui_background_hyvsj_gc2xf_97:not(#\9) {
97
+ div.awsui_background_hyvsj_fae1z_97:not(#\9) {
98
98
  display: contents;
99
99
  }
100
- div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_100:not(#\9) {
100
+ div.awsui_background_hyvsj_fae1z_97 > .awsui_scrolling-background_hyvsj_fae1z_100:not(#\9) {
101
101
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
102
102
  color: var(--color-text-body-default-at06ol, #000716);
103
103
  grid-column: 1/span 5;
@@ -108,7 +108,7 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
108
108
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
109
109
  SPDX-License-Identifier: Apache-2.0
110
110
  */
111
- .awsui_breadcrumbs_hyvsj_gc2xf_111:not(#\9) {
111
+ .awsui_breadcrumbs_hyvsj_fae1z_111:not(#\9) {
112
112
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
113
113
  grid-area: breadcrumbs;
114
114
  }
@@ -121,27 +121,27 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
121
121
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
122
122
  SPDX-License-Identifier: Apache-2.0
123
123
  */
124
- .awsui_drawers-container_hyvsj_gc2xf_124:not(#\9) {
124
+ .awsui_drawers-container_hyvsj_fae1z_124:not(#\9) {
125
125
  background-color: transparent;
126
126
  display: flex;
127
127
  grid-column: 5;
128
128
  grid-row: 1/span 9;
129
- block-size: var(--awsui-content-height-9rhwr5);
129
+ block-size: var(--awsui-content-height-g964ok);
130
130
  pointer-events: none;
131
131
  position: sticky;
132
- inset-block-start: var(--awsui-offset-top-9rhwr5);
132
+ inset-block-start: var(--awsui-offset-top-g964ok);
133
133
  z-index: 830;
134
134
  }
135
- .awsui_drawers-container_hyvsj_gc2xf_124.awsui_has-open-drawer_hyvsj_gc2xf_135:not(#\9) {
135
+ .awsui_drawers-container_hyvsj_fae1z_124.awsui_has-open-drawer_hyvsj_fae1z_135:not(#\9) {
136
136
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
137
137
  }
138
138
  @media (min-width: 689px) {
139
- .awsui_drawers-container_hyvsj_gc2xf_124:not(#\9) {
140
- max-inline-size: calc(var(--awsui-layout-width-9rhwr5) - var(--awsui-main-offset-left-9rhwr5) - var(--awsui-default-min-content-width-9rhwr5) - var(--awsui-content-gap-right-9rhwr5));
139
+ .awsui_drawers-container_hyvsj_fae1z_124:not(#\9) {
140
+ max-inline-size: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
141
141
  }
142
142
  }
143
143
  @media (max-width: 688px) {
144
- .awsui_drawers-container_hyvsj_gc2xf_124:not(#\9) {
144
+ .awsui_drawers-container_hyvsj_fae1z_124:not(#\9) {
145
145
  position: fixed;
146
146
  inset-inline-end: 0;
147
147
  z-index: 1001;
@@ -153,12 +153,12 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
153
153
  relative to the body.
154
154
  */
155
155
  }
156
- .awsui_drawers-container_hyvsj_gc2xf_124.awsui_disable-body-scroll_hyvsj_gc2xf_156:not(#\9) {
157
- inset-block-start: var(--awsui-header-height-9rhwr5);
156
+ .awsui_drawers-container_hyvsj_fae1z_124.awsui_disable-body-scroll_hyvsj_fae1z_156:not(#\9) {
157
+ inset-block-start: var(--awsui-header-height-g964ok);
158
158
  }
159
159
  }
160
160
 
161
- .awsui_drawers-desktop-triggers-container_hyvsj_gc2xf_161:not(#\9) {
161
+ .awsui_drawers-desktop-triggers-container_hyvsj_fae1z_161:not(#\9) {
162
162
  border-collapse: separate;
163
163
  border-spacing: 0;
164
164
  box-sizing: border-box;
@@ -200,22 +200,22 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
200
200
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
201
201
  overscroll-behavior-y: contain;
202
202
  }
203
- .awsui_drawers-desktop-triggers-container_hyvsj_gc2xf_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gc2xf_202).awsui_has-open-drawer_hyvsj_gc2xf_135 {
203
+ .awsui_drawers-desktop-triggers-container_hyvsj_fae1z_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_fae1z_202).awsui_has-open-drawer_hyvsj_fae1z_135 {
204
204
  inline-size: 0;
205
205
  }
206
- .awsui_drawers-desktop-triggers-container_hyvsj_gc2xf_161.awsui_has-multiple-triggers_hyvsj_gc2xf_202.awsui_has-open-drawer_hyvsj_gc2xf_135:not(#\9) {
206
+ .awsui_drawers-desktop-triggers-container_hyvsj_fae1z_161.awsui_has-multiple-triggers_hyvsj_fae1z_202.awsui_has-open-drawer_hyvsj_fae1z_135:not(#\9) {
207
207
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
208
208
  }
209
- .awsui_drawers-desktop-triggers-container_hyvsj_gc2xf_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gc2xf_202):not(.awsui_has-open-drawer_hyvsj_gc2xf_135) {
209
+ .awsui_drawers-desktop-triggers-container_hyvsj_fae1z_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_fae1z_202):not(.awsui_has-open-drawer_hyvsj_fae1z_135) {
210
210
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
211
211
  }
212
212
 
213
- .awsui_drawers-mobile-triggers-container_hyvsj_gc2xf_212:not(#\9) {
213
+ .awsui_drawers-mobile-triggers-container_hyvsj_fae1z_212:not(#\9) {
214
214
  display: flex;
215
215
  justify-content: flex-end;
216
216
  }
217
217
 
218
- .awsui_drawers-trigger-content_hyvsj_gc2xf_217:not(#\9) {
218
+ .awsui_drawers-trigger-content_hyvsj_fae1z_217:not(#\9) {
219
219
  align-items: center;
220
220
  display: flex;
221
221
  flex-direction: column;
@@ -223,13 +223,13 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
223
223
  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
224
224
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
225
225
  }
226
- .awsui_drawers-trigger-content_hyvsj_gc2xf_217:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gc2xf_202).awsui_has-open-drawer_hyvsj_gc2xf_135 {
226
+ .awsui_drawers-trigger-content_hyvsj_fae1z_217:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_fae1z_202).awsui_has-open-drawer_hyvsj_fae1z_135 {
227
227
  opacity: 0;
228
228
  }
229
- .awsui_drawers-trigger-content_hyvsj_gc2xf_217:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gc2xf_202):not(.awsui_has-open-drawer_hyvsj_gc2xf_135) {
229
+ .awsui_drawers-trigger-content_hyvsj_fae1z_217:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_fae1z_202):not(.awsui_has-open-drawer_hyvsj_fae1z_135) {
230
230
  opacity: 1;
231
231
  }
232
- .awsui_drawers-trigger-content_hyvsj_gc2xf_217 > .awsui_drawers-trigger-overflow_hyvsj_gc2xf_231:not(#\9) {
232
+ .awsui_drawers-trigger-content_hyvsj_fae1z_217 > .awsui_drawers-trigger-overflow_hyvsj_fae1z_231:not(#\9) {
233
233
  padding-block: 0;
234
234
  padding-inline: 1px;
235
235
  display: flex;
@@ -238,15 +238,15 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
238
238
  }
239
239
 
240
240
  @media (max-width: 688px) {
241
- .awsui_drawers-trigger_hyvsj_gc2xf_217:not(#\9) {
241
+ .awsui_drawers-trigger_hyvsj_fae1z_217:not(#\9) {
242
242
  inline-size: 40px;
243
243
  display: flex;
244
244
  justify-content: center;
245
245
  }
246
246
  }
247
247
 
248
- .awsui_drawer_hyvsj_gc2xf_124:not(#\9) {
249
- --awsui-drawer-size-9rhwr5: 290px;
248
+ .awsui_drawer_hyvsj_fae1z_124:not(#\9) {
249
+ --awsui-drawer-size-g964ok: 290px;
250
250
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
251
251
  border-color: transparent;
252
252
  display: grid;
@@ -260,51 +260,51 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
260
260
  pointer-events: auto;
261
261
  word-wrap: break-word;
262
262
  }
263
- .awsui_drawer_hyvsj_gc2xf_124 > .awsui_drawer-content-container_hyvsj_gc2xf_262:not(#\9) {
263
+ .awsui_drawer_hyvsj_fae1z_124 > .awsui_drawer-content-container_hyvsj_fae1z_262:not(#\9) {
264
264
  grid-column: 1/span 2;
265
265
  grid-row: 1;
266
- inline-size: var(--awsui-drawer-size-9rhwr5);
266
+ inline-size: var(--awsui-drawer-size-g964ok);
267
267
  display: grid;
268
268
  grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
269
269
  grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
270
270
  overflow-y: auto;
271
271
  }
272
- .awsui_drawer_hyvsj_gc2xf_124 > .awsui_drawer-content-container_hyvsj_gc2xf_262 > .awsui_drawer-close-button_hyvsj_gc2xf_271:not(#\9) {
272
+ .awsui_drawer_hyvsj_fae1z_124 > .awsui_drawer-content-container_hyvsj_fae1z_262 > .awsui_drawer-close-button_hyvsj_fae1z_271:not(#\9) {
273
273
  grid-column: 3;
274
274
  grid-row: 2;
275
275
  z-index: 1;
276
276
  }
277
- .awsui_drawer_hyvsj_gc2xf_124 > .awsui_drawer-content-container_hyvsj_gc2xf_262 > .awsui_drawer-content_hyvsj_gc2xf_262:not(#\9) {
277
+ .awsui_drawer_hyvsj_fae1z_124 > .awsui_drawer-content-container_hyvsj_fae1z_262 > .awsui_drawer-content_hyvsj_fae1z_262:not(#\9) {
278
278
  grid-column: 1/span 4;
279
279
  }
280
- .awsui_drawer_hyvsj_gc2xf_124 > .awsui_drawer-content-container_hyvsj_gc2xf_262 > .awsui_drawer-content_hyvsj_gc2xf_262.awsui_drawer-content-hidden_hyvsj_gc2xf_279:not(#\9) {
280
+ .awsui_drawer_hyvsj_fae1z_124 > .awsui_drawer-content-container_hyvsj_fae1z_262 > .awsui_drawer-content_hyvsj_fae1z_262.awsui_drawer-content-hidden_hyvsj_fae1z_279:not(#\9) {
281
281
  display: none;
282
282
  }
283
- .awsui_drawer_hyvsj_gc2xf_124 > .awsui_drawer-slider_hyvsj_gc2xf_282:not(#\9) {
283
+ .awsui_drawer_hyvsj_fae1z_124 > .awsui_drawer-slider_hyvsj_fae1z_282:not(#\9) {
284
284
  grid-column: 1;
285
285
  grid-row: 1;
286
286
  block-size: 100%;
287
287
  display: flex;
288
288
  align-items: center;
289
289
  }
290
- .awsui_drawer_hyvsj_gc2xf_124:not(#\9):not(.awsui_is-drawer-open_hyvsj_gc2xf_289) {
290
+ .awsui_drawer_hyvsj_fae1z_124:not(#\9):not(.awsui_is-drawer-open_hyvsj_fae1z_289) {
291
291
  opacity: 0;
292
292
  inline-size: 0;
293
293
  }
294
- .awsui_drawer_hyvsj_gc2xf_124.awsui_is-drawer-open_hyvsj_gc2xf_289:not(#\9) {
294
+ .awsui_drawer_hyvsj_fae1z_124.awsui_is-drawer-open_hyvsj_fae1z_289:not(#\9) {
295
295
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
296
296
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
297
297
  opacity: 1;
298
- inline-size: var(--awsui-drawer-size-9rhwr5);
298
+ inline-size: var(--awsui-drawer-size-g964ok);
299
299
  }
300
300
  @media (min-width: 2541px) {
301
- .awsui_drawer_hyvsj_gc2xf_124.awsui_is-drawer-open_hyvsj_gc2xf_289:not(#\9) {
302
- --awsui-drawer-size-9rhwr5: 320px;
301
+ .awsui_drawer_hyvsj_fae1z_124.awsui_is-drawer-open_hyvsj_fae1z_289:not(#\9) {
302
+ --awsui-drawer-size-g964ok: 320px;
303
303
  }
304
304
  }
305
305
  @media (max-width: 688px) {
306
- .awsui_drawer_hyvsj_gc2xf_124.awsui_is-drawer-open_hyvsj_gc2xf_289:not(#\9) {
307
- --awsui-drawer-size-9rhwr5: 100vw;
306
+ .awsui_drawer_hyvsj_fae1z_124.awsui_is-drawer-open_hyvsj_fae1z_289:not(#\9) {
307
+ --awsui-drawer-size-g964ok: 100vw;
308
308
  inline-size: 100vw;
309
309
  }
310
310
  }
@@ -313,7 +313,7 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
313
313
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
314
314
  SPDX-License-Identifier: Apache-2.0
315
315
  */
316
- header.awsui_content_hyvsj_gc2xf_315:not(#\9) {
316
+ header.awsui_content_hyvsj_fae1z_315:not(#\9) {
317
317
  grid-area: header;
318
318
  }
319
319
 
@@ -334,35 +334,35 @@ The minimum content width property is set to zero and applied under all
334
334
  circumstances regardless of whether the minContentWidth property is
335
335
  explicitly set in script.
336
336
  */
337
- .awsui_layout_hyvsj_gc2xf_336:not(#\9) {
338
- --awsui-breadcrumbs-gap-9rhwr5: 0px;
339
- --awsui-content-gap-left-9rhwr5: 0px;
340
- --awsui-content-gap-right-9rhwr5: 0px;
341
- --awsui-content-height-9rhwr5: calc(100vh - var(--awsui-header-height-9rhwr5) - var(--awsui-footer-height-9rhwr5));
342
- --awsui-default-max-content-width-9rhwr5: 1280px;
343
- --awsui-default-min-content-width-9rhwr5: 0px;
344
- --awsui-footer-height-9rhwr5: 0px;
345
- --awsui-header-gap-9rhwr5: 0px;
346
- --awsui-header-height-9rhwr5: 0px;
347
- --awsui-layout-width-9rhwr5: 0px;
348
- --awsui-main-gap-9rhwr5: 0px;
349
- --awsui-main-offset-left-9rhwr5: 0px;
350
- --awsui-main-template-rows-9rhwr5: 1fr;
351
- --awsui-max-content-width-9rhwr5: 0px;
352
- --awsui-min-content-width-9rhwr5: 280px;
353
- --awsui-mobile-bar-height-9rhwr5: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
354
- --awsui-notifications-height-9rhwr5: 0px;
355
- --awsui-offset-top-9rhwr5: var(--awsui-header-height-9rhwr5);
356
- --awsui-overlap-height-9rhwr5: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
357
- --awsui-toggles-left-width-9rhwr5: 0px;
358
- --awsui-toggles-right-width-9rhwr5: 0px;
337
+ .awsui_layout_hyvsj_fae1z_336:not(#\9) {
338
+ --awsui-breadcrumbs-gap-g964ok: 0px;
339
+ --awsui-content-gap-left-g964ok: 0px;
340
+ --awsui-content-gap-right-g964ok: 0px;
341
+ --awsui-content-height-g964ok: calc(100vh - var(--awsui-header-height-g964ok) - var(--awsui-footer-height-g964ok));
342
+ --awsui-default-max-content-width-g964ok: 1280px;
343
+ --awsui-default-min-content-width-g964ok: 0px;
344
+ --awsui-footer-height-g964ok: 0px;
345
+ --awsui-header-gap-g964ok: 0px;
346
+ --awsui-header-height-g964ok: 0px;
347
+ --awsui-layout-width-g964ok: 0px;
348
+ --awsui-main-gap-g964ok: 0px;
349
+ --awsui-main-offset-left-g964ok: 0px;
350
+ --awsui-main-template-rows-g964ok: 1fr;
351
+ --awsui-max-content-width-g964ok: 0px;
352
+ --awsui-min-content-width-g964ok: 280px;
353
+ --awsui-mobile-bar-height-g964ok: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
354
+ --awsui-notifications-height-g964ok: 0px;
355
+ --awsui-offset-top-g964ok: var(--awsui-header-height-g964ok);
356
+ --awsui-overlap-height-g964ok: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
357
+ --awsui-toggles-left-width-g964ok: 0px;
358
+ --awsui-toggles-right-width-g964ok: 0px;
359
359
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
360
360
  color: var(--color-text-body-default-at06ol, #000716);
361
361
  display: grid;
362
362
  grid-template-areas: ". . mobileToolbar . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
363
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-9rhwr5), 1fr) minmax(var(--awsui-default-min-content-width-9rhwr5), var(--awsui-default-max-content-width-9rhwr5)) minmax(var(--awsui-content-gap-right-9rhwr5), 1fr) min-content;
364
- grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-9rhwr5) auto var(--awsui-header-gap-9rhwr5) auto var(--awsui-main-gap-9rhwr5) var(--awsui-overlap-height-9rhwr5) var(--awsui-main-template-rows-9rhwr5);
365
- min-block-size: var(--awsui-content-height-9rhwr5);
363
+ grid-template-columns: min-content minmax(var(--awsui-content-gap-left-g964ok), 1fr) minmax(var(--awsui-default-min-content-width-g964ok), var(--awsui-default-max-content-width-g964ok)) minmax(var(--awsui-content-gap-right-g964ok), 1fr) min-content;
364
+ grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-g964ok) auto var(--awsui-header-gap-g964ok) auto var(--awsui-main-gap-g964ok) var(--awsui-overlap-height-g964ok) var(--awsui-main-template-rows-g964ok);
365
+ min-block-size: var(--awsui-content-height-g964ok);
366
366
  position: relative;
367
367
  /*
368
368
  Add unified max-width for AppLayout content based on breakpoints. Only use the max content
@@ -406,114 +406,114 @@ explicitly set in script.
406
406
  */
407
407
  }
408
408
  @media (min-width: 1401px) {
409
- .awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408) {
410
- --awsui-default-max-content-width-9rhwr5: 1280px;
409
+ .awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408) {
410
+ --awsui-default-max-content-width-g964ok: 1280px;
411
411
  }
412
412
  }
413
413
  @media (min-width: 1921px) {
414
- .awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408) {
415
- --awsui-default-max-content-width-9rhwr5: 1440px;
414
+ .awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408) {
415
+ --awsui-default-max-content-width-g964ok: 1440px;
416
416
  }
417
417
  }
418
418
  @media (min-width: 2541px) {
419
- .awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408) {
420
- --awsui-default-max-content-width-9rhwr5: 1620px;
419
+ .awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408) {
420
+ --awsui-default-max-content-width-g964ok: 1620px;
421
421
  }
422
422
  }
423
423
  @media (min-width: 1401px) {
424
- .awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408).awsui_content-type-dashboard_hyvsj_gc2xf_423 {
425
- --awsui-default-max-content-width-9rhwr5: 1280px;
424
+ .awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408).awsui_content-type-dashboard_hyvsj_fae1z_423 {
425
+ --awsui-default-max-content-width-g964ok: 1280px;
426
426
  }
427
427
  }
428
428
  @media (min-width: 1921px) {
429
- .awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408).awsui_content-type-dashboard_hyvsj_gc2xf_423 {
430
- --awsui-default-max-content-width-9rhwr5: 1620px;
429
+ .awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408).awsui_content-type-dashboard_hyvsj_fae1z_423 {
430
+ --awsui-default-max-content-width-g964ok: 1620px;
431
431
  }
432
432
  }
433
433
  @media (min-width: 2541px) {
434
- .awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408).awsui_content-type-dashboard_hyvsj_gc2xf_423 {
435
- --awsui-default-max-content-width-9rhwr5: 2160px;
434
+ .awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408).awsui_content-type-dashboard_hyvsj_fae1z_423 {
435
+ --awsui-default-max-content-width-g964ok: 2160px;
436
436
  }
437
437
  }
438
- .awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408).awsui_content-type-table_hyvsj_gc2xf_437, .awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408).awsui_content-type-cards_hyvsj_gc2xf_437 {
439
- --awsui-default-max-content-width-9rhwr5: 100%;
438
+ .awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408).awsui_content-type-table_hyvsj_fae1z_437, .awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408).awsui_content-type-cards_hyvsj_fae1z_437 {
439
+ --awsui-default-max-content-width-g964ok: 100%;
440
440
  }
441
- .awsui_layout_hyvsj_gc2xf_336.awsui_has-max-content-width_hyvsj_gc2xf_408:not(#\9) {
442
- --awsui-default-max-content-width-9rhwr5: var(--awsui-max-content-width-9rhwr5);
441
+ .awsui_layout_hyvsj_fae1z_336.awsui_has-max-content-width_hyvsj_fae1z_408:not(#\9) {
442
+ --awsui-default-max-content-width-g964ok: var(--awsui-max-content-width-g964ok);
443
443
  }
444
- .awsui_layout_hyvsj_gc2xf_336.awsui_is-overlap-disabled_hyvsj_gc2xf_443:not(#\9) {
445
- --awsui-overlap-height-9rhwr5: 0;
444
+ .awsui_layout_hyvsj_fae1z_336.awsui_is-overlap-disabled_hyvsj_fae1z_443:not(#\9) {
445
+ --awsui-overlap-height-g964ok: 0;
446
446
  }
447
- .awsui_layout_hyvsj_gc2xf_336.awsui_is-hide-mobile-toolbar_hyvsj_gc2xf_446:not(#\9) {
448
- --awsui-mobile-bar-height-9rhwr5: 0px;
447
+ .awsui_layout_hyvsj_fae1z_336.awsui_is-hide-mobile-toolbar_hyvsj_fae1z_446:not(#\9) {
448
+ --awsui-mobile-bar-height-g964ok: 0px;
449
449
  }
450
450
  @media (min-width: 993px) {
451
- .awsui_layout_hyvsj_gc2xf_336:not(#\9) {
452
- --awsui-default-min-content-width-9rhwr5: var(--awsui-min-content-width-9rhwr5, 280px);
451
+ .awsui_layout_hyvsj_fae1z_336:not(#\9) {
452
+ --awsui-default-min-content-width-g964ok: var(--awsui-min-content-width-g964ok, 280px);
453
453
  }
454
454
  }
455
455
  @media (max-width: 992px) {
456
- .awsui_layout_hyvsj_gc2xf_336:not(#\9) {
457
- --awsui-default-min-content-width-9rhwr5: 0px;
456
+ .awsui_layout_hyvsj_fae1z_336:not(#\9) {
457
+ --awsui-default-min-content-width-g964ok: 0px;
458
458
  }
459
459
  }
460
460
  @media (min-width: 689px) {
461
- .awsui_layout_hyvsj_gc2xf_336.awsui_has-content-gap-left_hyvsj_gc2xf_460:not(#\9) {
462
- --awsui-content-gap-left-9rhwr5: var(--space-layout-content-horizontal-7l52k3, 24px);
461
+ .awsui_layout_hyvsj_fae1z_336.awsui_has-content-gap-left_hyvsj_fae1z_460:not(#\9) {
462
+ --awsui-content-gap-left-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
463
463
  }
464
- .awsui_layout_hyvsj_gc2xf_336.awsui_has-content-gap-right_hyvsj_gc2xf_463:not(#\9) {
465
- --awsui-content-gap-right-9rhwr5: var(--space-layout-content-horizontal-7l52k3, 24px);
464
+ .awsui_layout_hyvsj_fae1z_336.awsui_has-content-gap-right_hyvsj_fae1z_463:not(#\9) {
465
+ --awsui-content-gap-right-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
466
466
  }
467
467
  }
468
468
  @media (max-width: 688px) {
469
- .awsui_layout_hyvsj_gc2xf_336:not(#\9) {
470
- --awsui-content-gap-left-9rhwr5: var(--space-l-t419sm, 20px);
471
- --awsui-content-gap-right-9rhwr5: var(--space-l-t419sm, 20px);
469
+ .awsui_layout_hyvsj_fae1z_336:not(#\9) {
470
+ --awsui-content-gap-left-g964ok: var(--space-l-t419sm, 20px);
471
+ --awsui-content-gap-right-g964ok: var(--space-l-t419sm, 20px);
472
472
  }
473
473
  }
474
- .awsui_layout_hyvsj_gc2xf_336.awsui_has-breadcrumbs_hyvsj_gc2xf_473:not(#\9) {
475
- --awsui-breadcrumbs-gap-9rhwr5: var(--space-scaled-m-mo5yse, 16px);
474
+ .awsui_layout_hyvsj_fae1z_336.awsui_has-breadcrumbs_hyvsj_fae1z_473:not(#\9) {
475
+ --awsui-breadcrumbs-gap-g964ok: var(--space-scaled-m-mo5yse, 16px);
476
476
  }
477
- .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-header_hyvsj_gc2xf_476:not(#\9), .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-notifications_hyvsj_gc2xf_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gc2xf_473).awsui_has-header_hyvsj_gc2xf_476 {
478
- --awsui-header-gap-9rhwr5: var(--space-scaled-xs-26e2du, 8px);
477
+ .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-header_hyvsj_fae1z_476:not(#\9), .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-notifications_hyvsj_fae1z_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_fae1z_473).awsui_has-header_hyvsj_fae1z_476 {
478
+ --awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
479
479
  }
480
- .awsui_layout_hyvsj_gc2xf_336.awsui_has-breadcrumbs_hyvsj_gc2xf_473.awsui_has-header_hyvsj_gc2xf_476:not(#\9) {
481
- --awsui-header-gap-9rhwr5: var(--space-scaled-xs-26e2du, 8px);
480
+ .awsui_layout_hyvsj_fae1z_336.awsui_has-breadcrumbs_hyvsj_fae1z_473.awsui_has-header_hyvsj_fae1z_476:not(#\9) {
481
+ --awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
482
482
  }
483
- .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-notifications_hyvsj_gc2xf_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gc2xf_473):not(.awsui_has-header_hyvsj_gc2xf_476) {
484
- --awsui-main-gap-9rhwr5: var(--space-xs-zb16t3, 8px);
483
+ .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-notifications_hyvsj_fae1z_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_fae1z_473):not(.awsui_has-header_hyvsj_fae1z_476) {
484
+ --awsui-main-gap-g964ok: var(--space-xs-zb16t3, 8px);
485
485
  }
486
- .awsui_layout_hyvsj_gc2xf_336.awsui_has-breadcrumbs_hyvsj_gc2xf_473:not(#\9):not(.awsui_has-header_hyvsj_gc2xf_476) {
487
- --awsui-main-gap-9rhwr5: var(--space-scaled-xxs-7597g1, 4px);
486
+ .awsui_layout_hyvsj_fae1z_336.awsui_has-breadcrumbs_hyvsj_fae1z_473:not(#\9):not(.awsui_has-header_hyvsj_fae1z_476) {
487
+ --awsui-main-gap-g964ok: var(--space-scaled-xxs-7597g1, 4px);
488
488
  }
489
- .awsui_layout_hyvsj_gc2xf_336.awsui_has-header_hyvsj_gc2xf_476:not(#\9) {
490
- --awsui-main-gap-9rhwr5: var(--space-content-header-padding-bottom-y2enua, 16px);
489
+ .awsui_layout_hyvsj_fae1z_336.awsui_has-header_hyvsj_fae1z_476:not(#\9) {
490
+ --awsui-main-gap-g964ok: var(--space-content-header-padding-bottom-y2enua, 16px);
491
491
  }
492
- .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-main_hyvsj_gc2xf_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_gc2xf_491) {
493
- --awsui-main-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
492
+ .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-main_hyvsj_fae1z_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_fae1z_491) {
493
+ --awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
494
494
  }
495
- .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-main_hyvsj_gc2xf_491.awsui_disable-content-paddings_hyvsj_gc2xf_491:not(#\9) {
496
- --awsui-main-gap-9rhwr5: 0px;
495
+ .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-main_hyvsj_fae1z_491.awsui_disable-content-paddings_hyvsj_fae1z_491:not(#\9) {
496
+ --awsui-main-gap-g964ok: 0px;
497
497
  }
498
498
  @media (max-width: 688px) {
499
- .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-header_hyvsj_gc2xf_476:not(#\9) {
500
- --awsui-header-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
499
+ .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-header_hyvsj_fae1z_476:not(#\9) {
500
+ --awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
501
501
  }
502
- .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-notifications_hyvsj_gc2xf_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gc2xf_473).awsui_has-header_hyvsj_gc2xf_476 {
503
- --awsui-header-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
502
+ .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-notifications_hyvsj_fae1z_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_fae1z_473).awsui_has-header_hyvsj_fae1z_476 {
503
+ --awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
504
504
  }
505
- .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-notifications_hyvsj_gc2xf_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gc2xf_473):not(.awsui_has-header_hyvsj_gc2xf_476), .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-main_hyvsj_gc2xf_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_gc2xf_491) {
506
- --awsui-main-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
505
+ .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-notifications_hyvsj_fae1z_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_fae1z_473):not(.awsui_has-header_hyvsj_fae1z_476), .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-main_hyvsj_fae1z_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_fae1z_491) {
506
+ --awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
507
507
  }
508
- .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-main_hyvsj_gc2xf_491.awsui_disable-content-paddings_hyvsj_gc2xf_491:not(#\9) {
509
- --awsui-main-gap-9rhwr5: 0px;
508
+ .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-main_hyvsj_fae1z_491.awsui_disable-content-paddings_hyvsj_fae1z_491:not(#\9) {
509
+ --awsui-main-gap-g964ok: 0px;
510
510
  }
511
511
  }
512
- .awsui_layout_hyvsj_gc2xf_336.awsui_has-left-toggles-gutter_hyvsj_gc2xf_511:not(#\9) {
513
- --awsui-toggles-left-width-9rhwr5: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
512
+ .awsui_layout_hyvsj_fae1z_336.awsui_has-left-toggles-gutter_hyvsj_fae1z_511:not(#\9) {
513
+ --awsui-toggles-left-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
514
514
  }
515
- .awsui_layout_hyvsj_gc2xf_336.awsui_has-right-toggles-gutter_hyvsj_gc2xf_514:not(#\9) {
516
- --awsui-toggles-right-width-9rhwr5: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
515
+ .awsui_layout_hyvsj_fae1z_336.awsui_has-right-toggles-gutter_hyvsj_fae1z_514:not(#\9) {
516
+ --awsui-toggles-right-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
517
517
  }
518
518
 
519
519
  /*
@@ -526,27 +526,27 @@ not matter. The offset top value for AppLayout contentMain children with
526
526
  position: sticky will be the value of the notifications height in addition to the
527
527
  notifications top margin and some additional vertical space for aesthetics.
528
528
  */
529
- .awsui_layout_hyvsj_gc2xf_336.awsui_disable-body-scroll_hyvsj_gc2xf_156:not(#\9) {
530
- --awsui-main-template-rows-9rhwr5: 1fr auto;
531
- --awsui-offset-top-9rhwr5: 0px;
532
- block-size: var(--awsui-content-height-9rhwr5);
529
+ .awsui_layout_hyvsj_fae1z_336.awsui_disable-body-scroll_hyvsj_fae1z_156:not(#\9) {
530
+ --awsui-main-template-rows-g964ok: 1fr auto;
531
+ --awsui-offset-top-g964ok: 0px;
532
+ block-size: var(--awsui-content-height-g964ok);
533
533
  overflow-y: scroll;
534
534
  }
535
- .awsui_layout_hyvsj_gc2xf_336.awsui_disable-body-scroll_hyvsj_gc2xf_156.awsui_has-split-panel_hyvsj_gc2xf_534.awsui_split-panel-position-bottom_hyvsj_gc2xf_534:not(#\9) {
536
- --awsui-main-template-rows-9rhwr5: repeat(2, auto);
535
+ .awsui_layout_hyvsj_fae1z_336.awsui_disable-body-scroll_hyvsj_fae1z_156.awsui_has-split-panel_hyvsj_fae1z_534.awsui_split-panel-position-bottom_hyvsj_fae1z_534:not(#\9) {
536
+ --awsui-main-template-rows-g964ok: repeat(2, auto);
537
537
  }
538
538
 
539
539
  /*
540
540
  This CSS class is applied to the document body to prevent overflow scrolling
541
541
  when the navigation or tools drawers are open in responsive viewports.
542
542
  */
543
- .awsui_block-body-scroll_hyvsj_gc2xf_542:not(#\9) {
543
+ .awsui_block-body-scroll_hyvsj_fae1z_542:not(#\9) {
544
544
  overflow: hidden;
545
545
  }
546
546
 
547
547
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
548
- .awsui_unfocusable_hyvsj_gc2xf_547:not(#\9),
549
- .awsui_unfocusable_hyvsj_gc2xf_547 *:not(#\9) {
548
+ .awsui_unfocusable_hyvsj_fae1z_547:not(#\9),
549
+ .awsui_unfocusable_hyvsj_fae1z_547 *:not(#\9) {
550
550
  visibility: hidden !important;
551
551
  }
552
552
 
@@ -555,7 +555,7 @@ when the navigation or tools drawers are open in responsive viewports.
555
555
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
556
556
  SPDX-License-Identifier: Apache-2.0
557
557
  */
558
- .awsui_container_hyvsj_gc2xf_557:not(#\9) {
558
+ .awsui_container_hyvsj_fae1z_557:not(#\9) {
559
559
  grid-area: main;
560
560
  padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
561
561
  /*
@@ -572,19 +572,19 @@ when the navigation or tools drawers are open in responsive viewports.
572
572
  on the right, we decrement the column end by one.
573
573
  */
574
574
  }
575
- .awsui_container_hyvsj_gc2xf_557.awsui_has-split-panel_hyvsj_gc2xf_534.awsui_split-panel-position-bottom_hyvsj_gc2xf_534:not(#\9) {
576
- padding-block-end: calc(var(--awsui-split-panel-height-9rhwr5) + var(--space-layout-content-bottom-noqzmw, 40px));
575
+ .awsui_container_hyvsj_fae1z_557.awsui_has-split-panel_hyvsj_fae1z_534.awsui_split-panel-position-bottom_hyvsj_fae1z_534:not(#\9) {
576
+ padding-block-end: calc(var(--awsui-split-panel-height-g964ok) + var(--space-layout-content-bottom-noqzmw, 40px));
577
577
  }
578
- .awsui_container_hyvsj_gc2xf_557.awsui_disable-content-paddings_hyvsj_gc2xf_491:not(#\9) {
578
+ .awsui_container_hyvsj_fae1z_557.awsui_disable-content-paddings_hyvsj_fae1z_491:not(#\9) {
579
579
  grid-column: 1/6;
580
580
  padding-block: 0;
581
581
  padding-inline: 0;
582
582
  }
583
583
  @media (min-width: 689px) {
584
- .awsui_container_hyvsj_gc2xf_557.awsui_disable-content-paddings_hyvsj_gc2xf_491.awsui_is-navigation-open_hyvsj_gc2xf_583:not(#\9) {
584
+ .awsui_container_hyvsj_fae1z_557.awsui_disable-content-paddings_hyvsj_fae1z_491.awsui_is-navigation-open_hyvsj_fae1z_583:not(#\9) {
585
585
  grid-column-start: 2;
586
586
  }
587
- .awsui_container_hyvsj_gc2xf_557.awsui_disable-content-paddings_hyvsj_gc2xf_491.awsui_is-tools-open_hyvsj_gc2xf_586:not(#\9), .awsui_container_hyvsj_gc2xf_557.awsui_disable-content-paddings_hyvsj_gc2xf_491.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_split-panel-position-side_hyvsj_gc2xf_586:not(#\9), .awsui_container_hyvsj_gc2xf_557.awsui_disable-content-paddings_hyvsj_gc2xf_491.awsui_has-active-drawer_hyvsj_gc2xf_586:not(#\9) {
587
+ .awsui_container_hyvsj_fae1z_557.awsui_disable-content-paddings_hyvsj_fae1z_491.awsui_is-tools-open_hyvsj_fae1z_586:not(#\9), .awsui_container_hyvsj_fae1z_557.awsui_disable-content-paddings_hyvsj_fae1z_491.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_split-panel-position-side_hyvsj_fae1z_586:not(#\9), .awsui_container_hyvsj_fae1z_557.awsui_disable-content-paddings_hyvsj_fae1z_491.awsui_has-active-drawer_hyvsj_fae1z_586:not(#\9) {
588
588
  grid-column-end: 5;
589
589
  }
590
590
  }
@@ -593,13 +593,13 @@ when the navigation or tools drawers are open in responsive viewports.
593
593
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
594
594
  SPDX-License-Identifier: Apache-2.0
595
595
  */
596
- section.awsui_mobile-toolbar_hyvsj_gc2xf_595:not(#\9) {
596
+ section.awsui_mobile-toolbar_hyvsj_fae1z_595:not(#\9) {
597
597
  align-items: center;
598
598
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
599
599
  border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
600
600
  box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
601
601
  box-sizing: border-box;
602
- block-size: var(--awsui-mobile-bar-height-9rhwr5);
602
+ block-size: var(--awsui-mobile-bar-height-g964ok);
603
603
  display: grid;
604
604
  grid-area: mobileToolbar;
605
605
  grid-column: 1/span 5;
@@ -607,22 +607,22 @@ section.awsui_mobile-toolbar_hyvsj_gc2xf_595:not(#\9) {
607
607
  padding-block: 0;
608
608
  padding-inline: var(--space-m-udix3p, 16px);
609
609
  position: sticky;
610
- inset-block-start: var(--awsui-offset-top-9rhwr5);
610
+ inset-block-start: var(--awsui-offset-top-g964ok);
611
611
  z-index: 1000;
612
612
  }
613
- section.awsui_mobile-toolbar_hyvsj_gc2xf_595:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_gc2xf_612) {
613
+ section.awsui_mobile-toolbar_hyvsj_fae1z_595:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_fae1z_612) {
614
614
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
615
615
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
616
616
  }
617
- section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-nav_hyvsj_gc2xf_616:not(#\9) {
617
+ section.awsui_mobile-toolbar_hyvsj_fae1z_595 > .awsui_mobile-toolbar-nav_hyvsj_fae1z_616:not(#\9) {
618
618
  grid-column: 1;
619
619
  margin-inline-end: var(--space-m-udix3p, 16px);
620
620
  }
621
- section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_gc2xf_620:not(#\9) {
621
+ section.awsui_mobile-toolbar_hyvsj_fae1z_595 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_fae1z_620:not(#\9) {
622
622
  grid-column: 2;
623
623
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
624
624
  }
625
- section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-tools_hyvsj_gc2xf_624:not(#\9) {
625
+ section.awsui_mobile-toolbar_hyvsj_fae1z_595 > .awsui_mobile-toolbar-tools_hyvsj_fae1z_624:not(#\9) {
626
626
  grid-column: 3;
627
627
  margin-inline-start: var(--space-m-udix3p, 16px);
628
628
  }
@@ -631,13 +631,13 @@ section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-tools_hyvsj
631
631
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
632
632
  SPDX-License-Identifier: Apache-2.0
633
633
  */
634
- .awsui_navigation-container_hyvsj_gc2xf_633:not(#\9) {
634
+ .awsui_navigation-container_hyvsj_fae1z_633:not(#\9) {
635
635
  display: flex;
636
636
  grid-column: 1;
637
637
  grid-row: 1/span 9;
638
- block-size: var(--awsui-content-height-9rhwr5);
638
+ block-size: var(--awsui-content-height-g964ok);
639
639
  position: sticky;
640
- inset-block-start: var(--awsui-offset-top-9rhwr5);
640
+ inset-block-start: var(--awsui-offset-top-g964ok);
641
641
  z-index: 830;
642
642
  /*
643
643
  The navigation and tools containers (that contain the toggle buttons)
@@ -652,7 +652,7 @@ section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-tools_hyvsj
652
652
  pointer-events: none;
653
653
  }
654
654
  @media (max-width: 688px) {
655
- .awsui_navigation-container_hyvsj_gc2xf_633:not(#\9) {
655
+ .awsui_navigation-container_hyvsj_fae1z_633:not(#\9) {
656
656
  inset-inline-start: 0;
657
657
  position: fixed;
658
658
  z-index: 1001;
@@ -664,12 +664,12 @@ section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-tools_hyvsj
664
664
  relative to the body.
665
665
  */
666
666
  }
667
- .awsui_navigation-container_hyvsj_gc2xf_633.awsui_disable-body-scroll_hyvsj_gc2xf_156:not(#\9) {
668
- inset-block-start: var(--awsui-header-height-9rhwr5);
667
+ .awsui_navigation-container_hyvsj_fae1z_633.awsui_disable-body-scroll_hyvsj_fae1z_156:not(#\9) {
668
+ inset-block-start: var(--awsui-header-height-g964ok);
669
669
  }
670
670
  }
671
671
 
672
- nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9) {
672
+ nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9) {
673
673
  padding-block: var(--space-scaled-s-aqzyko, 12px);
674
674
  padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
675
675
  /*
@@ -677,7 +677,7 @@ nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9) {
677
677
  take control in responsive viewports.
678
678
  */
679
679
  }
680
- @keyframes awsui_showButtons_hyvsj_gc2xf_1 {
680
+ @keyframes awsui_showButtons_hyvsj_fae1z_1 {
681
681
  0% {
682
682
  opacity: 0;
683
683
  }
@@ -685,31 +685,31 @@ nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9) {
685
685
  opacity: 1;
686
686
  }
687
687
  }
688
- nav.awsui_show-navigation_hyvsj_gc2xf_671.awsui_is-navigation-open_hyvsj_gc2xf_583:not(#\9) {
688
+ nav.awsui_show-navigation_hyvsj_fae1z_671.awsui_is-navigation-open_hyvsj_fae1z_583:not(#\9) {
689
689
  display: none;
690
690
  }
691
691
  @media (min-width: 689px) {
692
- nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583) {
692
+ nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583) {
693
693
  display: block;
694
694
  }
695
- nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583).awsui_animating_hyvsj_gc2xf_694 {
696
- animation: awsui_showButtons_hyvsj_gc2xf_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
695
+ nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583).awsui_animating_hyvsj_fae1z_694 {
696
+ animation: awsui_showButtons_hyvsj_fae1z_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
697
697
  }
698
698
  }
699
699
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
700
- nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583).awsui_animating_hyvsj_gc2xf_694 {
700
+ nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583).awsui_animating_hyvsj_fae1z_694 {
701
701
  animation: none;
702
702
  transition: none;
703
703
  }
704
704
  }
705
705
  @media (min-width: 689px) {
706
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583).awsui_animating_hyvsj_gc2xf_694, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583).awsui_animating_hyvsj_gc2xf_694 {
706
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583).awsui_animating_hyvsj_fae1z_694, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583).awsui_animating_hyvsj_fae1z_694 {
707
707
  animation: none;
708
708
  transition: none;
709
709
  }
710
710
  }
711
711
 
712
- nav.awsui_navigation_hyvsj_gc2xf_633:not(#\9) {
712
+ nav.awsui_navigation_hyvsj_fae1z_633:not(#\9) {
713
713
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
714
714
  inset-block-end: 0;
715
715
  block-size: 100%;
@@ -727,43 +727,43 @@ nav.awsui_navigation_hyvsj_gc2xf_633:not(#\9) {
727
727
  prevent unwanted text wrapping.
728
728
  */
729
729
  }
730
- @keyframes awsui_openNavigation_hyvsj_gc2xf_1 {
730
+ @keyframes awsui_openNavigation_hyvsj_fae1z_1 {
731
731
  from {
732
732
  opacity: 0;
733
733
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
734
734
  }
735
735
  to {
736
736
  opacity: 1;
737
- inline-size: var(--awsui-navigation-width-9rhwr5);
737
+ inline-size: var(--awsui-navigation-width-g964ok);
738
738
  }
739
739
  }
740
- nav.awsui_navigation_hyvsj_gc2xf_633:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583) {
740
+ nav.awsui_navigation_hyvsj_fae1z_633:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583) {
741
741
  inline-size: 0;
742
742
  display: none;
743
743
  }
744
- nav.awsui_navigation_hyvsj_gc2xf_633.awsui_is-navigation-open_hyvsj_gc2xf_583.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
745
- animation: awsui_openNavigation_hyvsj_gc2xf_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
744
+ nav.awsui_navigation_hyvsj_fae1z_633.awsui_is-navigation-open_hyvsj_fae1z_583.awsui_animating_hyvsj_fae1z_694:not(#\9) {
745
+ animation: awsui_openNavigation_hyvsj_fae1z_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
746
746
  }
747
747
  @media (prefers-reduced-motion: reduce) {
748
- nav.awsui_navigation_hyvsj_gc2xf_633.awsui_is-navigation-open_hyvsj_gc2xf_583.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
748
+ nav.awsui_navigation_hyvsj_fae1z_633.awsui_is-navigation-open_hyvsj_fae1z_583.awsui_animating_hyvsj_fae1z_694:not(#\9) {
749
749
  animation: none;
750
750
  transition: none;
751
751
  }
752
752
  }
753
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_gc2xf_633.awsui_is-navigation-open_hyvsj_gc2xf_583.awsui_animating_hyvsj_gc2xf_694:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_gc2xf_633.awsui_is-navigation-open_hyvsj_gc2xf_583.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
753
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_fae1z_633.awsui_is-navigation-open_hyvsj_fae1z_583.awsui_animating_hyvsj_fae1z_694:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_fae1z_633.awsui_is-navigation-open_hyvsj_fae1z_583.awsui_animating_hyvsj_fae1z_694:not(#\9) {
754
754
  animation: none;
755
755
  transition: none;
756
756
  }
757
- nav.awsui_navigation_hyvsj_gc2xf_633 > .awsui_animated-content_hyvsj_gc2xf_756:not(#\9) {
758
- inline-size: var(--awsui-navigation-width-9rhwr5);
757
+ nav.awsui_navigation_hyvsj_fae1z_633 > .awsui_animated-content_hyvsj_fae1z_756:not(#\9) {
758
+ inline-size: var(--awsui-navigation-width-g964ok);
759
759
  }
760
760
  @media (max-width: 688px) {
761
- nav.awsui_navigation_hyvsj_gc2xf_633:not(#\9) {
762
- --awsui-navigation-width-9rhwr5: 100vw;
761
+ nav.awsui_navigation_hyvsj_fae1z_633:not(#\9) {
762
+ --awsui-navigation-width-g964ok: 100vw;
763
763
  }
764
764
  }
765
765
 
766
- .awsui_hide-navigation_hyvsj_gc2xf_765:not(#\9) {
766
+ .awsui_hide-navigation_hyvsj_fae1z_765:not(#\9) {
767
767
  position: absolute;
768
768
  inset-inline-end: var(--space-m-udix3p, 16px);
769
769
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -773,24 +773,24 @@ nav.awsui_navigation_hyvsj_gc2xf_633 > .awsui_animated-content_hyvsj_gc2xf_756:n
773
773
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
774
774
  SPDX-License-Identifier: Apache-2.0
775
775
  */
776
- .awsui_notifications_hyvsj_gc2xf_775:not(#\9) {
776
+ .awsui_notifications_hyvsj_fae1z_775:not(#\9) {
777
777
  color: var(--color-text-body-default-at06ol, #000716);
778
778
  grid-area: notifications;
779
779
  z-index: 850;
780
780
  }
781
- .awsui_notifications_hyvsj_gc2xf_775.awsui_has-notification-content_hyvsj_gc2xf_780:not(#\9) {
781
+ .awsui_notifications_hyvsj_fae1z_775.awsui_has-notification-content_hyvsj_fae1z_780:not(#\9) {
782
782
  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
783
783
  }
784
784
  @media (min-width: 689px) {
785
- .awsui_notifications_hyvsj_gc2xf_775.awsui_sticky-notifications_hyvsj_gc2xf_784:not(#\9) {
786
- --awsui-flashbar-sticky-bottom-margin-9rhwr5: var(--space-xxl-cu2m1r, 32px);
785
+ .awsui_notifications_hyvsj_fae1z_775.awsui_sticky-notifications_hyvsj_fae1z_784:not(#\9) {
786
+ --awsui-flashbar-sticky-bottom-margin-g964ok: var(--space-xxl-cu2m1r, 32px);
787
787
  position: sticky;
788
- inset-block-start: var(--awsui-offset-top-9rhwr5);
788
+ inset-block-start: var(--awsui-offset-top-g964ok);
789
789
  }
790
- .awsui_notifications_hyvsj_gc2xf_775.awsui_sticky-notifications_hyvsj_gc2xf_784:not(#\9):not(.awsui_high-contrast_hyvsj_gc2xf_789) {
790
+ .awsui_notifications_hyvsj_fae1z_775.awsui_sticky-notifications_hyvsj_fae1z_784:not(#\9):not(.awsui_high-contrast_hyvsj_fae1z_789) {
791
791
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
792
792
  }
793
- .awsui_notifications_hyvsj_gc2xf_775.awsui_has-notification-content_hyvsj_gc2xf_780:not(#\9) {
793
+ .awsui_notifications_hyvsj_fae1z_775.awsui_has-notification-content_hyvsj_fae1z_780:not(#\9) {
794
794
  padding-block-start: var(--space-xs-zb16t3, 8px);
795
795
  }
796
796
  }
@@ -805,13 +805,13 @@ as the content area. This row is defined as 1 fractional unit which will
805
805
  consume the remaining vertical space in the grid after the notifications
806
806
  and breadcrumbs.
807
807
  */
808
- section.awsui_split-panel-bottom_hyvsj_gc2xf_807:not(#\9) {
808
+ section.awsui_split-panel-bottom_hyvsj_fae1z_807:not(#\9) {
809
809
  /*
810
810
  The align self property will position the split panel at the bottom of the grid row.
811
811
  This could be off the viewport if the content area has enough content to be scrollable.
812
812
  */
813
813
  align-self: end;
814
- inset-block-end: var(--awsui-footer-height-9rhwr5);
814
+ inset-block-end: var(--awsui-footer-height-g964ok);
815
815
  display: none;
816
816
  grid-column: 1/6;
817
817
  grid-row: 9;
@@ -841,47 +841,47 @@ section.awsui_split-panel-bottom_hyvsj_gc2xf_807:not(#\9) {
841
841
  apply the animation to the height property.
842
842
  */
843
843
  }
844
- @keyframes awsui_openSplitPanelBottom_hyvsj_gc2xf_1 {
844
+ @keyframes awsui_openSplitPanelBottom_hyvsj_fae1z_1 {
845
845
  from {
846
- block-size: var(--awsui-split-panel-reported-header-size-9rhwr5, 0);
846
+ block-size: var(--awsui-split-panel-reported-header-size-g964ok, 0);
847
847
  }
848
848
  to {
849
- block-size: var(--awsui-split-panel-reported-size-9rhwr5);
849
+ block-size: var(--awsui-split-panel-reported-size-g964ok);
850
850
  }
851
851
  }
852
- section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_disable-body-scroll_hyvsj_gc2xf_156:not(#\9) {
852
+ section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_disable-body-scroll_hyvsj_fae1z_156:not(#\9) {
853
853
  inset-block-end: 0;
854
854
  }
855
- section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-navigation-open_hyvsj_gc2xf_583.awsui_position-bottom_hyvsj_gc2xf_854:not(#\9) {
855
+ section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-navigation-open_hyvsj_fae1z_583.awsui_position-bottom_hyvsj_fae1z_854:not(#\9) {
856
856
  grid-column-start: 2;
857
857
  }
858
- section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_has-open-drawer_hyvsj_gc2xf_135.awsui_position-bottom_hyvsj_gc2xf_854:not(#\9) {
858
+ section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_has-open-drawer_hyvsj_fae1z_135.awsui_position-bottom_hyvsj_fae1z_854:not(#\9) {
859
859
  grid-column-end: 5;
860
860
  }
861
- section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_position-bottom_hyvsj_gc2xf_854:not(#\9) {
861
+ section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_position-bottom_hyvsj_fae1z_854:not(#\9) {
862
862
  display: block;
863
863
  }
864
- section.awsui_split-panel-bottom_hyvsj_gc2xf_807:not(#\9):not(.awsui_is-split-panel-open_hyvsj_gc2xf_586).awsui_position-bottom_hyvsj_gc2xf_854 {
864
+ section.awsui_split-panel-bottom_hyvsj_fae1z_807:not(#\9):not(.awsui_is-split-panel-open_hyvsj_fae1z_586).awsui_position-bottom_hyvsj_fae1z_854 {
865
865
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
866
866
  }
867
- section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-bottom_hyvsj_gc2xf_854:not(#\9) {
867
+ section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-bottom_hyvsj_fae1z_854:not(#\9) {
868
868
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
869
869
  }
870
- section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-bottom_hyvsj_gc2xf_854.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
871
- animation: awsui_openSplitPanelBottom_hyvsj_gc2xf_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
870
+ section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-bottom_hyvsj_fae1z_854.awsui_animating_hyvsj_fae1z_694:not(#\9) {
871
+ animation: awsui_openSplitPanelBottom_hyvsj_fae1z_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
872
872
  }
873
873
  @media (prefers-reduced-motion: reduce) {
874
- section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-bottom_hyvsj_gc2xf_854.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
874
+ section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-bottom_hyvsj_fae1z_854.awsui_animating_hyvsj_fae1z_694:not(#\9) {
875
875
  animation: none;
876
876
  transition: none;
877
877
  }
878
878
  }
879
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-bottom_hyvsj_gc2xf_854.awsui_animating_hyvsj_gc2xf_694:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-bottom_hyvsj_gc2xf_854.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
879
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-bottom_hyvsj_fae1z_854.awsui_animating_hyvsj_fae1z_694:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-bottom_hyvsj_fae1z_854.awsui_animating_hyvsj_fae1z_694:not(#\9) {
880
880
  animation: none;
881
881
  transition: none;
882
882
  }
883
883
 
884
- section.awsui_split-panel-side_hyvsj_gc2xf_883:not(#\9) {
884
+ section.awsui_split-panel-side_hyvsj_fae1z_883:not(#\9) {
885
885
  block-size: 100%;
886
886
  overflow-x: hidden;
887
887
  pointer-events: auto;
@@ -891,15 +891,15 @@ section.awsui_split-panel-side_hyvsj_gc2xf_883:not(#\9) {
891
891
  be persistent in the DOM when closed.
892
892
  */
893
893
  }
894
- section.awsui_split-panel-side_hyvsj_gc2xf_883:not(#\9):not(.awsui_is-split-panel-open_hyvsj_gc2xf_586), section.awsui_split-panel-side_hyvsj_gc2xf_883.awsui_position-bottom_hyvsj_gc2xf_854:not(#\9) {
894
+ section.awsui_split-panel-side_hyvsj_fae1z_883:not(#\9):not(.awsui_is-split-panel-open_hyvsj_fae1z_586), section.awsui_split-panel-side_hyvsj_fae1z_883.awsui_position-bottom_hyvsj_fae1z_854:not(#\9) {
895
895
  inline-size: 0;
896
896
  }
897
- section.awsui_split-panel-side_hyvsj_gc2xf_883.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-side_hyvsj_gc2xf_896:not(#\9) {
898
- max-inline-size: var(--awsui-split-panel-max-width-9rhwr5, 280px);
899
- min-inline-size: var(--awsui-split-panel-min-width-9rhwr5, 280px);
897
+ section.awsui_split-panel-side_hyvsj_fae1z_883.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-side_hyvsj_fae1z_896:not(#\9) {
898
+ max-inline-size: var(--awsui-split-panel-max-width-g964ok, 280px);
899
+ min-inline-size: var(--awsui-split-panel-min-width-g964ok, 280px);
900
900
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
901
901
  }
902
- section.awsui_split-panel-side_hyvsj_gc2xf_883.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-side_hyvsj_gc2xf_896:not(#\9):not(.awsui_has-open-drawer_hyvsj_gc2xf_135) {
902
+ section.awsui_split-panel-side_hyvsj_fae1z_883.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-side_hyvsj_fae1z_896:not(#\9):not(.awsui_has-open-drawer_hyvsj_fae1z_135) {
903
903
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
904
904
  }
905
905
 
@@ -916,22 +916,22 @@ content width has a default value that can be set directly with the minContentWi
916
916
  property. The content gap right is computed in the Layout styles based on the
917
917
  viewport size and state of the Tools drawer.
918
918
  */
919
- .awsui_tools-container_hyvsj_gc2xf_918:not(#\9) {
920
- --awsui-tools-max-width-9rhwr5: calc(var(--awsui-layout-width-9rhwr5) - var(--awsui-main-offset-left-9rhwr5) - var(--awsui-default-min-content-width-9rhwr5) - var(--awsui-content-gap-right-9rhwr5));
919
+ .awsui_tools-container_hyvsj_fae1z_918:not(#\9) {
920
+ --awsui-tools-max-width-g964ok: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
921
921
  display: flex;
922
922
  grid-column: 5;
923
923
  grid-row: 1/span 9;
924
- block-size: var(--awsui-content-height-9rhwr5);
925
- max-inline-size: var(--awsui-tools-max-width-9rhwr5);
924
+ block-size: var(--awsui-content-height-g964ok);
925
+ max-inline-size: var(--awsui-tools-max-width-g964ok);
926
926
  position: sticky;
927
- inset-block-start: var(--awsui-offset-top-9rhwr5);
927
+ inset-block-start: var(--awsui-offset-top-g964ok);
928
928
  z-index: 830;
929
929
  pointer-events: none;
930
930
  }
931
931
  @media (max-width: 688px) {
932
- .awsui_tools-container_hyvsj_gc2xf_918:not(#\9) {
933
- --awsui-tools-max-width-9rhwr5: none;
934
- --awsui-tools-width-9rhwr5: auto;
932
+ .awsui_tools-container_hyvsj_fae1z_918:not(#\9) {
933
+ --awsui-tools-max-width-g964ok: none;
934
+ --awsui-tools-width-g964ok: auto;
935
935
  position: fixed;
936
936
  inset-inline-end: 0;
937
937
  z-index: 1001;
@@ -943,12 +943,12 @@ viewport size and state of the Tools drawer.
943
943
  relative to the body.
944
944
  */
945
945
  }
946
- .awsui_tools-container_hyvsj_gc2xf_918.awsui_disable-body-scroll_hyvsj_gc2xf_156:not(#\9) {
947
- inset-block-start: var(--awsui-header-height-9rhwr5);
946
+ .awsui_tools-container_hyvsj_fae1z_918.awsui_disable-body-scroll_hyvsj_fae1z_156:not(#\9) {
947
+ inset-block-start: var(--awsui-header-height-g964ok);
948
948
  }
949
949
  }
950
950
 
951
- .awsui_tools_hyvsj_gc2xf_918:not(#\9) {
951
+ .awsui_tools_hyvsj_fae1z_918:not(#\9) {
952
952
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
953
953
  flex-shrink: 0;
954
954
  block-size: 100%;
@@ -971,51 +971,51 @@ viewport size and state of the Tools drawer.
971
971
  in the side position.
972
972
  */
973
973
  }
974
- @keyframes awsui_openTools_hyvsj_gc2xf_1 {
974
+ @keyframes awsui_openTools_hyvsj_fae1z_1 {
975
975
  from {
976
- opacity: var(--awsui-tools-animation-starting-opacity-9rhwr5, 0);
976
+ opacity: var(--awsui-tools-animation-starting-opacity-g964ok, 0);
977
977
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
978
978
  }
979
979
  to {
980
980
  opacity: 1;
981
- inline-size: var(--awsui-tools-width-9rhwr5);
981
+ inline-size: var(--awsui-tools-width-g964ok);
982
982
  }
983
983
  }
984
- .awsui_tools_hyvsj_gc2xf_918:not(#\9):not(.awsui_is-tools-open_hyvsj_gc2xf_586) {
984
+ .awsui_tools_hyvsj_fae1z_918:not(#\9):not(.awsui_is-tools-open_hyvsj_fae1z_586) {
985
985
  inline-size: 0;
986
986
  display: none;
987
987
  }
988
- .awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586:not(#\9) {
988
+ .awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586:not(#\9) {
989
989
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
990
990
  }
991
- .awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
992
- animation: awsui_openTools_hyvsj_gc2xf_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
991
+ .awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586.awsui_animating_hyvsj_fae1z_694:not(#\9) {
992
+ animation: awsui_openTools_hyvsj_fae1z_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
993
993
  }
994
994
  @media (prefers-reduced-motion: reduce) {
995
- .awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
995
+ .awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586.awsui_animating_hyvsj_fae1z_694:not(#\9) {
996
996
  animation: none;
997
997
  transition: none;
998
998
  }
999
999
  }
1000
- .awsui-motion-disabled .awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586.awsui_animating_hyvsj_gc2xf_694:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
1000
+ .awsui-motion-disabled .awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586.awsui_animating_hyvsj_fae1z_694:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586.awsui_animating_hyvsj_fae1z_694:not(#\9) {
1001
1001
  animation: none;
1002
1002
  transition: none;
1003
1003
  }
1004
- .awsui_tools_hyvsj_gc2xf_918 > .awsui_animated-content_hyvsj_gc2xf_756:not(#\9) {
1005
- inline-size: var(--awsui-tools-width-9rhwr5);
1004
+ .awsui_tools_hyvsj_fae1z_918 > .awsui_animated-content_hyvsj_fae1z_756:not(#\9) {
1005
+ inline-size: var(--awsui-tools-width-g964ok);
1006
1006
  }
1007
1007
  @media (min-width: 689px) {
1008
- .awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586.awsui_has-tools-form-persistence_hyvsj_gc2xf_1007:not(#\9) {
1008
+ .awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586.awsui_has-tools-form-persistence_hyvsj_fae1z_1007:not(#\9) {
1009
1009
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
1010
1010
  }
1011
1011
  }
1012
1012
  @media (max-width: 688px) {
1013
- .awsui_tools_hyvsj_gc2xf_918:not(#\9) {
1014
- --awsui-tools-width-9rhwr5: 100vw;
1013
+ .awsui_tools_hyvsj_fae1z_918:not(#\9) {
1014
+ --awsui-tools-width-g964ok: 100vw;
1015
1015
  }
1016
1016
  }
1017
1017
 
1018
- .awsui_hide-tools_hyvsj_gc2xf_1017:not(#\9) {
1018
+ .awsui_hide-tools_hyvsj_fae1z_1017:not(#\9) {
1019
1019
  position: absolute;
1020
1020
  inset-inline-end: var(--space-m-udix3p, 16px);
1021
1021
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1027,7 +1027,7 @@ Warning! If these design tokens for padding change it will adversely impact
1027
1027
  the calculation used to determine the Split Panel maximum width in the
1028
1028
  handleSplitPanelMaxWidth function in the context.
1029
1029
  */
1030
- .awsui_show-tools_hyvsj_gc2xf_1029:not(#\9) {
1030
+ .awsui_show-tools_hyvsj_fae1z_1029:not(#\9) {
1031
1031
  border-collapse: separate;
1032
1032
  border-spacing: 0;
1033
1033
  box-sizing: border-box;
@@ -1069,7 +1069,7 @@ handleSplitPanelMaxWidth function in the context.
1069
1069
  take control in responsive viewports.
1070
1070
  */
1071
1071
  }
1072
- @keyframes awsui_showButtons_hyvsj_gc2xf_1 {
1072
+ @keyframes awsui_showButtons_hyvsj_fae1z_1 {
1073
1073
  0% {
1074
1074
  opacity: 0;
1075
1075
  }
@@ -1077,31 +1077,31 @@ handleSplitPanelMaxWidth function in the context.
1077
1077
  opacity: 1;
1078
1078
  }
1079
1079
  }
1080
- .awsui_show-tools_hyvsj_gc2xf_1029:not(#\9):not(.awsui_has-tools-form_hyvsj_gc2xf_1007) {
1080
+ .awsui_show-tools_hyvsj_fae1z_1029:not(#\9):not(.awsui_has-tools-form_hyvsj_fae1z_1007) {
1081
1081
  display: none;
1082
1082
  }
1083
1083
  @media (min-width: 689px) {
1084
- .awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form_hyvsj_gc2xf_1007:not(#\9) {
1084
+ .awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form_hyvsj_fae1z_1007:not(#\9) {
1085
1085
  display: flex;
1086
1086
  flex-direction: column;
1087
1087
  gap: var(--space-xs-zb16t3, 8px);
1088
1088
  }
1089
- .awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form_hyvsj_gc2xf_1007.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
1090
- animation: awsui_showButtons_hyvsj_gc2xf_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1089
+ .awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form_hyvsj_fae1z_1007.awsui_animating_hyvsj_fae1z_694:not(#\9) {
1090
+ animation: awsui_showButtons_hyvsj_fae1z_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1091
1091
  }
1092
1092
  }
1093
1093
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1094
- .awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form_hyvsj_gc2xf_1007.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
1094
+ .awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form_hyvsj_fae1z_1007.awsui_animating_hyvsj_fae1z_694:not(#\9) {
1095
1095
  animation: none;
1096
1096
  transition: none;
1097
1097
  }
1098
1098
  }
1099
1099
  @media (min-width: 689px) {
1100
- .awsui-motion-disabled .awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form_hyvsj_gc2xf_1007.awsui_animating_hyvsj_gc2xf_694:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form_hyvsj_gc2xf_1007.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
1100
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form_hyvsj_fae1z_1007.awsui_animating_hyvsj_fae1z_694:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form_hyvsj_fae1z_1007.awsui_animating_hyvsj_fae1z_694:not(#\9) {
1101
1101
  animation: none;
1102
1102
  transition: none;
1103
1103
  }
1104
- .awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form-persistence_hyvsj_gc2xf_1007:not(#\9) {
1104
+ .awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form-persistence_hyvsj_fae1z_1007:not(#\9) {
1105
1105
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1106
1106
  z-index: 1;
1107
1107
  }
@@ -1111,7 +1111,7 @@ handleSplitPanelMaxWidth function in the context.
1111
1111
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1112
1112
  SPDX-License-Identifier: Apache-2.0
1113
1113
  */
1114
- .awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9) {
1114
+ .awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9) {
1115
1115
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1116
1116
  border-start-start-radius: 50%;
1117
1117
  border-start-end-radius: 50%;
@@ -1128,13 +1128,13 @@ handleSplitPanelMaxWidth function in the context.
1128
1128
  clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
1129
1129
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1130
1130
  }
1131
- .awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9):hover {
1131
+ .awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9):hover {
1132
1132
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1133
1133
  }
1134
- .awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9):active {
1134
+ .awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9):active {
1135
1135
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1136
1136
  }
1137
- .awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9):dir(rtl) {
1137
+ .awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9):dir(rtl) {
1138
1138
  clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
1139
1139
  }
1140
1140
 
@@ -1143,7 +1143,7 @@ Warning! If these design tokens for width change it will adversely impact
1143
1143
  the calculation used to determine the Split Panel maximum width in the
1144
1144
  handleSplitPanelMaxWidth function in the context.
1145
1145
  */
1146
- .awsui_trigger_hyvsj_gc2xf_1112:not(#\9) {
1146
+ .awsui_trigger_hyvsj_fae1z_1112:not(#\9) {
1147
1147
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1148
1148
  border-start-start-radius: 50%;
1149
1149
  border-start-end-radius: 50%;
@@ -1159,20 +1159,20 @@ handleSplitPanelMaxWidth function in the context.
1159
1159
  pointer-events: auto;
1160
1160
  position: relative;
1161
1161
  }
1162
- .awsui_trigger_hyvsj_gc2xf_1112:not(#\9):hover {
1162
+ .awsui_trigger_hyvsj_fae1z_1112:not(#\9):hover {
1163
1163
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1164
1164
  }
1165
- .awsui_trigger_hyvsj_gc2xf_1112:not(#\9):active {
1165
+ .awsui_trigger_hyvsj_fae1z_1112:not(#\9):active {
1166
1166
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1167
1167
  }
1168
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gc2xf_1112:not(#\9):focus {
1168
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_fae1z_1112:not(#\9):focus {
1169
1169
  position: relative;
1170
1170
  }
1171
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gc2xf_1112:not(#\9):focus {
1171
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_fae1z_1112:not(#\9):focus {
1172
1172
  outline: 2px dotted transparent;
1173
1173
  outline-offset: calc(3px - 1px);
1174
1174
  }
1175
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gc2xf_1112:not(#\9):focus::before {
1175
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_fae1z_1112:not(#\9):focus::before {
1176
1176
  content: " ";
1177
1177
  display: block;
1178
1178
  position: absolute;
@@ -1186,45 +1186,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gc2xf_1112:not(#\9):foc
1186
1186
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1187
1187
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1188
1188
  }
1189
- .awsui_trigger_hyvsj_gc2xf_1112:not(#\9):focus {
1189
+ .awsui_trigger_hyvsj_fae1z_1112:not(#\9):focus {
1190
1190
  outline: none;
1191
1191
  }
1192
- .awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190:not(#\9) {
1192
+ .awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190:not(#\9) {
1193
1193
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1194
1194
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1195
1195
  }
1196
- .awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190:not(#\9):hover {
1196
+ .awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190:not(#\9):hover {
1197
1197
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1198
1198
  }
1199
- .awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190:not(#\9):active {
1199
+ .awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190:not(#\9):active {
1200
1200
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1201
1201
  }
1202
- .awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190 > .awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9) {
1202
+ .awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190 > .awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9) {
1203
1203
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1204
1204
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1205
1205
  }
1206
- .awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190 > .awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9):hover {
1206
+ .awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190 > .awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9):hover {
1207
1207
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1208
1208
  }
1209
- .awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190 > .awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9):active {
1209
+ .awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190 > .awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9):active {
1210
1210
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1211
1211
  }
1212
- .awsui_trigger_hyvsj_gc2xf_1112.awsui_badge_hyvsj_gc2xf_1210:not(#\9), .awsui_trigger_hyvsj_gc2xf_1112.awsui_badge_hyvsj_gc2xf_1210:not(#\9):hover, .awsui_trigger_hyvsj_gc2xf_1112.awsui_badge_hyvsj_gc2xf_1210:not(#\9):active {
1212
+ .awsui_trigger_hyvsj_fae1z_1112.awsui_badge_hyvsj_fae1z_1210:not(#\9), .awsui_trigger_hyvsj_fae1z_1112.awsui_badge_hyvsj_fae1z_1210:not(#\9):hover, .awsui_trigger_hyvsj_fae1z_1112.awsui_badge_hyvsj_fae1z_1210:not(#\9):active {
1213
1213
  background: transparent;
1214
1214
  }
1215
1215
 
1216
- .awsui_trigger-wrapper_hyvsj_gc2xf_1214:not(#\9) {
1216
+ .awsui_trigger-wrapper_hyvsj_fae1z_1214:not(#\9) {
1217
1217
  position: relative;
1218
1218
  border-start-start-radius: 50%;
1219
1219
  border-start-end-radius: 50%;
1220
1220
  border-end-start-radius: 50%;
1221
1221
  border-end-end-radius: 50%;
1222
1222
  }
1223
- .awsui_trigger-wrapper_hyvsj_gc2xf_1214:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_gc2xf_612) {
1223
+ .awsui_trigger-wrapper_hyvsj_fae1z_1214:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_fae1z_612) {
1224
1224
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1225
1225
  }
1226
1226
 
1227
- .awsui_dot_hyvsj_gc2xf_1225:not(#\9) {
1227
+ .awsui_dot_hyvsj_fae1z_1225:not(#\9) {
1228
1228
  position: absolute;
1229
1229
  inline-size: 9px;
1230
1230
  block-size: 9px;