@cloudscape-design/components 3.0.1382 → 3.0.1384

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 (290) hide show
  1. package/app-layout/visual-refresh-toolbar/contexts.d.ts +5 -3
  2. package/app-layout/visual-refresh-toolbar/contexts.d.ts.map +1 -1
  3. package/app-layout/visual-refresh-toolbar/contexts.js.map +1 -1
  4. package/app-layout/visual-refresh-toolbar/interfaces.d.ts +3 -0
  5. package/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
  6. package/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
  7. package/app-layout/visual-refresh-toolbar/skeleton/slots.d.ts +4 -1
  8. package/app-layout/visual-refresh-toolbar/skeleton/slots.d.ts.map +1 -1
  9. package/app-layout/visual-refresh-toolbar/skeleton/slots.js +8 -5
  10. package/app-layout/visual-refresh-toolbar/skeleton/slots.js.map +1 -1
  11. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts +5 -0
  12. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
  13. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +3 -3
  14. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
  15. package/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
  16. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js +27 -3
  17. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  18. package/app-layout/visual-refresh-toolbar/state/use-own-breadcrumbs-props.d.ts +6 -0
  19. package/app-layout/visual-refresh-toolbar/state/use-own-breadcrumbs-props.d.ts.map +1 -0
  20. package/app-layout/visual-refresh-toolbar/state/use-own-breadcrumbs-props.js +16 -0
  21. package/app-layout/visual-refresh-toolbar/state/use-own-breadcrumbs-props.js.map +1 -0
  22. package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts +5 -1
  23. package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
  24. package/app-layout/visual-refresh-toolbar/toolbar/index.js +2 -2
  25. package/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
  26. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +15 -14
  27. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +35 -31
  28. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +15 -14
  29. package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.d.ts.map +1 -1
  30. package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js +2 -2
  31. package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map +1 -1
  32. package/breadcrumb-group/implementation.d.ts.map +1 -1
  33. package/breadcrumb-group/implementation.js +30 -1
  34. package/breadcrumb-group/implementation.js.map +1 -1
  35. package/button-dropdown/interfaces.d.ts +5 -0
  36. package/button-dropdown/interfaces.d.ts.map +1 -1
  37. package/button-dropdown/interfaces.js.map +1 -1
  38. package/button-dropdown/internal-interfaces.d.ts +1 -1
  39. package/button-dropdown/internal-interfaces.d.ts.map +1 -1
  40. package/button-dropdown/internal-interfaces.js.map +1 -1
  41. package/button-dropdown/internal.js +2 -2
  42. package/button-dropdown/internal.js.map +1 -1
  43. package/button-dropdown/items-list.d.ts +1 -1
  44. package/button-dropdown/items-list.d.ts.map +1 -1
  45. package/button-dropdown/items-list.js +2 -2
  46. package/button-dropdown/items-list.js.map +1 -1
  47. package/button-dropdown/utils/move-highlight.d.ts +4 -2
  48. package/button-dropdown/utils/move-highlight.d.ts.map +1 -1
  49. package/button-dropdown/utils/move-highlight.js +13 -21
  50. package/button-dropdown/utils/move-highlight.js.map +1 -1
  51. package/button-dropdown/utils/use-button-dropdown.d.ts +1 -1
  52. package/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  53. package/button-dropdown/utils/use-button-dropdown.js +8 -6
  54. package/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  55. package/button-dropdown/utils/use-highlighted-menu.d.ts +2 -2
  56. package/button-dropdown/utils/use-highlighted-menu.d.ts.map +1 -1
  57. package/button-dropdown/utils/use-highlighted-menu.js +14 -4
  58. package/button-dropdown/utils/use-highlighted-menu.js.map +1 -1
  59. package/button-dropdown/utils/utils.d.ts +1 -0
  60. package/button-dropdown/utils/utils.d.ts.map +1 -1
  61. package/button-dropdown/utils/utils.js +1 -0
  62. package/button-dropdown/utils/utils.js.map +1 -1
  63. package/calendar/interfaces.d.ts +2 -1
  64. package/calendar/interfaces.d.ts.map +1 -1
  65. package/calendar/interfaces.js.map +1 -1
  66. package/calendar/internal.d.ts.map +1 -1
  67. package/calendar/internal.js +3 -1
  68. package/calendar/internal.js.map +1 -1
  69. package/checkbox/internal.d.ts +6 -0
  70. package/checkbox/internal.d.ts.map +1 -1
  71. package/checkbox/internal.js +2 -2
  72. package/checkbox/internal.js.map +1 -1
  73. package/checkbox/styles.css.js +7 -3
  74. package/checkbox/styles.scoped.css +72 -16
  75. package/checkbox/styles.selectors.js +7 -3
  76. package/container/index.d.ts +3 -7
  77. package/container/index.d.ts.map +1 -1
  78. package/container/index.js +4 -3
  79. package/container/index.js.map +1 -1
  80. package/container/interfaces.d.ts +7 -0
  81. package/container/interfaces.d.ts.map +1 -1
  82. package/container/interfaces.js.map +1 -1
  83. package/container/internal.d.ts +3 -26
  84. package/container/internal.d.ts.map +1 -1
  85. package/container/internal.js +37 -8
  86. package/container/internal.js.map +1 -1
  87. package/container/styles.css.js +34 -33
  88. package/container/styles.scoped.css +77 -56
  89. package/container/styles.selectors.js +34 -33
  90. package/copy-to-clipboard/internal.d.ts.map +1 -1
  91. package/copy-to-clipboard/internal.js +3 -1
  92. package/copy-to-clipboard/internal.js.map +1 -1
  93. package/date-range-picker/index.d.ts.map +1 -1
  94. package/date-range-picker/index.js +3 -2
  95. package/date-range-picker/index.js.map +1 -1
  96. package/date-range-picker/interfaces.d.ts +2 -1
  97. package/date-range-picker/interfaces.d.ts.map +1 -1
  98. package/date-range-picker/interfaces.js.map +1 -1
  99. package/dialog/index.d.ts +3 -0
  100. package/dialog/index.d.ts.map +1 -0
  101. package/dialog/index.js +21 -0
  102. package/dialog/index.js.map +1 -0
  103. package/dialog/interfaces.d.ts +40 -0
  104. package/dialog/interfaces.d.ts.map +1 -0
  105. package/dialog/interfaces.js +2 -0
  106. package/dialog/interfaces.js.map +1 -0
  107. package/dialog/internal.d.ts +13 -0
  108. package/dialog/internal.d.ts.map +1 -0
  109. package/dialog/internal.js +39 -0
  110. package/dialog/internal.js.map +1 -0
  111. package/dialog/styles.css.js +13 -0
  112. package/dialog/styles.scoped.css +126 -0
  113. package/dialog/styles.selectors.js +14 -0
  114. package/dialog/test-classes/styles.css.js +11 -0
  115. package/dialog/test-classes/styles.scoped.css +12 -0
  116. package/dialog/test-classes/styles.selectors.js +12 -0
  117. package/dialog/use-focus-restore.d.ts +5 -0
  118. package/dialog/use-focus-restore.d.ts.map +1 -0
  119. package/dialog/use-focus-restore.js +34 -0
  120. package/dialog/use-focus-restore.js.map +1 -0
  121. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  122. package/expandable-section/expandable-section-header.js +9 -2
  123. package/expandable-section/expandable-section-header.js.map +1 -1
  124. package/expandable-section/styles.css.js +44 -43
  125. package/expandable-section/styles.scoped.css +92 -88
  126. package/expandable-section/styles.selectors.js +44 -43
  127. package/flashbar/styles.css.js +50 -50
  128. package/flashbar/styles.scoped.css +160 -200
  129. package/flashbar/styles.selectors.js +50 -50
  130. package/i18n/messages/all.all.js +1 -1
  131. package/i18n/messages/all.all.json +1 -1
  132. package/i18n/messages/all.de.js +1 -1
  133. package/i18n/messages/all.de.json +1 -1
  134. package/i18n/messages/all.en-GB.js +1 -1
  135. package/i18n/messages/all.en-GB.json +1 -1
  136. package/i18n/messages/all.en.js +1 -1
  137. package/i18n/messages/all.en.json +1 -1
  138. package/i18n/messages/all.es.js +1 -1
  139. package/i18n/messages/all.es.json +1 -1
  140. package/i18n/messages/all.fr.js +1 -1
  141. package/i18n/messages/all.fr.json +1 -1
  142. package/i18n/messages/all.id.js +1 -1
  143. package/i18n/messages/all.id.json +1 -1
  144. package/i18n/messages/all.it.js +1 -1
  145. package/i18n/messages/all.it.json +1 -1
  146. package/i18n/messages/all.ja.js +1 -1
  147. package/i18n/messages/all.ja.json +1 -1
  148. package/i18n/messages/all.ko.js +1 -1
  149. package/i18n/messages/all.ko.json +1 -1
  150. package/i18n/messages/all.pt-BR.js +1 -1
  151. package/i18n/messages/all.pt-BR.json +1 -1
  152. package/i18n/messages/all.tr.js +1 -1
  153. package/i18n/messages/all.tr.json +1 -1
  154. package/i18n/messages/all.zh-CN.js +1 -1
  155. package/i18n/messages/all.zh-CN.json +1 -1
  156. package/i18n/messages/all.zh-TW.js +1 -1
  157. package/i18n/messages/all.zh-TW.json +1 -1
  158. package/i18n/messages-types.d.ts +3 -0
  159. package/i18n/messages-types.d.ts.map +1 -1
  160. package/i18n/messages-types.js.map +1 -1
  161. package/icon/generated/icons.d.ts +1 -0
  162. package/icon/generated/icons.d.ts.map +1 -1
  163. package/icon/generated/icons.js +3 -0
  164. package/icon/generated/icons.js.map +1 -1
  165. package/icon/internal.d.ts +3 -0
  166. package/icon/internal.d.ts.map +1 -1
  167. package/icon/internal.js +10 -2
  168. package/icon/internal.js.map +1 -1
  169. package/icon/styles.css.js +43 -42
  170. package/icon/styles.scoped.css +126 -98
  171. package/icon/styles.selectors.js +43 -42
  172. package/icon-provider/context.d.ts +3 -1
  173. package/icon-provider/context.d.ts.map +1 -1
  174. package/icon-provider/context.js +2 -0
  175. package/icon-provider/context.js.map +1 -1
  176. package/icon-provider/interfaces.d.ts +40 -2
  177. package/icon-provider/interfaces.d.ts.map +1 -1
  178. package/icon-provider/interfaces.js.map +1 -1
  179. package/icon-provider/internal.d.ts +2 -1
  180. package/icon-provider/internal.d.ts.map +1 -1
  181. package/icon-provider/internal.js +17 -3
  182. package/icon-provider/internal.js.map +1 -1
  183. package/icon-provider/use-component-icons.d.ts +3 -0
  184. package/icon-provider/use-component-icons.d.ts.map +1 -0
  185. package/icon-provider/use-component-icons.js +9 -0
  186. package/icon-provider/use-component-icons.js.map +1 -0
  187. package/index.d.ts +1 -0
  188. package/index.d.ts.map +1 -1
  189. package/index.js +1 -0
  190. package/index.js.map +1 -1
  191. package/internal/base-component/styles.scoped.css +1 -1
  192. package/internal/base-theme/styles.scoped.css +27 -0
  193. package/internal/components/abstract-switch/index.d.ts +4 -0
  194. package/internal/components/abstract-switch/index.d.ts.map +1 -1
  195. package/internal/components/abstract-switch/index.js +5 -3
  196. package/internal/components/abstract-switch/index.js.map +1 -1
  197. package/internal/components/checkbox-icon/styles.css.js +9 -9
  198. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  199. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  200. package/internal/components/customizable-icon/index.d.ts +22 -0
  201. package/internal/components/customizable-icon/index.d.ts.map +1 -0
  202. package/internal/components/customizable-icon/index.js +12 -0
  203. package/internal/components/customizable-icon/index.js.map +1 -0
  204. package/internal/components/expand-toggle-button/index.d.ts +4 -0
  205. package/internal/components/expand-toggle-button/index.d.ts.map +1 -1
  206. package/internal/components/expand-toggle-button/index.js +6 -3
  207. package/internal/components/expand-toggle-button/index.js.map +1 -1
  208. package/internal/environment.js +2 -2
  209. package/internal/environment.json +2 -2
  210. package/internal/generated/styles/tokens.d.ts +14 -0
  211. package/internal/generated/styles/tokens.js +14 -0
  212. package/internal/generated/theming/index.cjs +222 -1
  213. package/internal/generated/theming/{index.cjs.d.ts → index.d.cts} +113 -13
  214. package/internal/generated/theming/index.d.ts +99 -0
  215. package/internal/generated/theming/index.js +222 -1
  216. package/internal/manifest.json +1 -1
  217. package/internal/plugins/widget/index.d.ts +5 -1
  218. package/internal/plugins/widget/index.d.ts.map +1 -1
  219. package/internal/plugins/widget/index.js +26 -1
  220. package/internal/plugins/widget/index.js.map +1 -1
  221. package/internal/plugins/widget/interfaces.d.ts +12 -2
  222. package/internal/plugins/widget/interfaces.d.ts.map +1 -1
  223. package/internal/plugins/widget/interfaces.js.map +1 -1
  224. package/internal/plugins/widget.d.ts +1 -1
  225. package/internal/plugins/widget.d.ts.map +1 -1
  226. package/internal/plugins/widget.js +1 -1
  227. package/internal/plugins/widget.js.map +1 -1
  228. package/internal/utils/locale/normalize-locale.js +8 -5
  229. package/internal/utils/locale/normalize-locale.js.map +1 -1
  230. package/manifest.json +2 -2
  231. package/package.json +4 -1
  232. package/plugins/index.d.ts +2 -1
  233. package/plugins/index.d.ts.map +1 -1
  234. package/plugins/index.js +2 -1
  235. package/plugins/index.js.map +1 -1
  236. package/split-panel/bottom.d.ts +2 -1
  237. package/split-panel/bottom.d.ts.map +1 -1
  238. package/split-panel/bottom.js.map +1 -1
  239. package/split-panel/content-props.d.ts +16 -0
  240. package/split-panel/content-props.d.ts.map +1 -0
  241. package/split-panel/content-props.js +2 -0
  242. package/split-panel/content-props.js.map +1 -0
  243. package/split-panel/interfaces.d.ts +0 -13
  244. package/split-panel/interfaces.d.ts.map +1 -1
  245. package/split-panel/interfaces.js.map +1 -1
  246. package/split-panel/side.d.ts +2 -1
  247. package/split-panel/side.d.ts.map +1 -1
  248. package/split-panel/side.js.map +1 -1
  249. package/table/body-cell/td-element.d.ts.map +1 -1
  250. package/table/body-cell/td-element.js +3 -1
  251. package/table/body-cell/td-element.js.map +1 -1
  252. package/table/header-cell/index.d.ts.map +1 -1
  253. package/table/header-cell/index.js +8 -2
  254. package/table/header-cell/index.js.map +1 -1
  255. package/table/header-cell/styles.css.js +38 -38
  256. package/table/header-cell/styles.scoped.css +80 -81
  257. package/table/header-cell/styles.selectors.js +38 -38
  258. package/table/internal.js +1 -1
  259. package/table/internal.js.map +1 -1
  260. package/table/sticky-columns/interfaces.d.ts +2 -0
  261. package/table/sticky-columns/interfaces.d.ts.map +1 -1
  262. package/table/sticky-columns/interfaces.js.map +1 -1
  263. package/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
  264. package/table/sticky-columns/use-sticky-columns.js +11 -5
  265. package/table/sticky-columns/use-sticky-columns.js.map +1 -1
  266. package/table/sticky-columns/utils.d.ts.map +1 -1
  267. package/table/sticky-columns/utils.js +2 -0
  268. package/table/sticky-columns/utils.js.map +1 -1
  269. package/table/utils.d.ts +1 -3
  270. package/table/utils.d.ts.map +1 -1
  271. package/table/utils.js +12 -5
  272. package/table/utils.js.map +1 -1
  273. package/test-utils/dom/dialog/index.d.ts +25 -0
  274. package/test-utils/dom/dialog/index.js +43 -0
  275. package/test-utils/dom/dialog/index.js.map +1 -0
  276. package/test-utils/dom/index.d.ts +28 -0
  277. package/test-utils/dom/index.js +21 -2
  278. package/test-utils/dom/index.js.map +1 -1
  279. package/test-utils/selectors/dialog/index.d.ts +25 -0
  280. package/test-utils/selectors/dialog/index.js +43 -0
  281. package/test-utils/selectors/dialog/index.js.map +1 -0
  282. package/test-utils/selectors/index.d.ts +18 -0
  283. package/test-utils/selectors/index.js +16 -2
  284. package/test-utils/selectors/index.js.map +1 -1
  285. package/tree-view/interfaces.d.ts +3 -0
  286. package/tree-view/interfaces.d.ts.map +1 -1
  287. package/tree-view/interfaces.js.map +1 -1
  288. package/tree-view/tree-item/index.d.ts.map +1 -1
  289. package/tree-view/tree-item/index.js +3 -1
  290. package/tree-view/tree-item/index.js.map +1 -1
@@ -10,54 +10,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
10
10
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
11
11
  SPDX-License-Identifier: Apache-2.0
12
12
  */
13
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13:not(#\9) {
13
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13:not(#\9) {
14
14
  opacity: 0;
15
15
  transform: translateY(-20px);
16
16
  }
17
17
  @media (prefers-reduced-motion: reduce) {
18
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13:not(#\9) {
18
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13:not(#\9) {
19
19
  animation: none;
20
20
  transition: none;
21
21
  }
22
22
  }
23
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13:not(#\9) {
23
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13:not(#\9) {
24
24
  animation: none;
25
25
  transition: none;
26
26
  }
27
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9),
28
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9),
29
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9),
30
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9) {
27
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9),
28
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9),
29
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9),
30
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9) {
31
31
  opacity: 0;
32
32
  transform: translateY(-8px);
33
33
  }
34
34
  @media (prefers-reduced-motion: reduce) {
35
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9),
36
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9),
37
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9),
38
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9) {
35
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9),
36
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9),
37
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9),
38
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9) {
39
39
  animation: none;
40
40
  transition: none;
41
41
  }
42
42
  }
43
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9) {
43
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9) {
44
44
  animation: none;
45
45
  transition: none;
46
46
  }
47
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9) {
47
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9) {
48
48
  opacity: 0;
49
49
  }
50
50
  @media (prefers-reduced-motion: reduce) {
51
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9) {
51
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9) {
52
52
  animation: none;
53
53
  transition: none;
54
54
  }
55
55
  }
56
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_enter_1q84n_oiqxc_13 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9) {
56
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_enter_1q84n_1qb5k_13 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9) {
57
57
  animation: none;
58
58
  transition: none;
59
59
  }
60
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66:not(#\9) {
60
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66:not(#\9) {
61
61
  transition-property: transform, opacity;
62
62
  transition-duration: var(--motion-duration-complex-n5wfwh, 250ms);
63
63
  transition-timing-function: var(--motion-easing-expressive-7na2oq, cubic-bezier(0.84, 0, 0.16, 1));
@@ -65,25 +65,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
65
65
  transform: translateY(0);
66
66
  }
67
67
  @media (prefers-reduced-motion: reduce) {
68
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66:not(#\9) {
68
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66:not(#\9) {
69
69
  animation: none;
70
70
  transition: none;
71
71
  }
72
72
  }
73
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66:not(#\9) {
73
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66:not(#\9) {
74
74
  animation: none;
75
75
  transition: none;
76
76
  }
77
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9),
78
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9),
79
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9),
80
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9),
81
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9),
82
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9),
83
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9),
84
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9),
85
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9),
86
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9) {
77
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9),
78
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9),
79
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9),
80
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9),
81
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9),
82
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9),
83
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9),
84
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9),
85
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9),
86
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9) {
87
87
  opacity: 1;
88
88
  transform: translateY(0);
89
89
  transition-property: transform, opacity;
@@ -91,83 +91,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
91
91
  transition-timing-function: var(--motion-easing-expressive-7na2oq, cubic-bezier(0.84, 0, 0.16, 1));
92
92
  }
93
93
  @media (prefers-reduced-motion: reduce) {
94
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9),
95
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9),
96
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9),
97
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9),
98
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9),
99
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9),
100
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9),
101
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9),
102
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9),
103
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9) {
94
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9),
95
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9),
96
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9),
97
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9),
98
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9),
99
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9),
100
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9),
101
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9),
102
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9),
103
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9) {
104
104
  animation: none;
105
105
  transition: none;
106
106
  }
107
107
  }
108
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9) {
108
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9) {
109
109
  animation: none;
110
110
  transition: none;
111
111
  }
112
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9), .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9) {
112
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9), .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9) {
113
113
  transition-delay: calc(var(--motion-duration-complex-n5wfwh, 250ms) - 50ms);
114
114
  }
115
115
  @media (prefers-reduced-motion: reduce) {
116
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9), .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9) {
116
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9), .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9) {
117
117
  animation: none;
118
118
  transition: none;
119
119
  }
120
120
  }
121
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9) {
121
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9) {
122
122
  animation: none;
123
123
  transition: none;
124
124
  }
125
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9), .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9) {
125
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9), .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9) {
126
126
  transition-delay: calc(var(--motion-duration-complex-n5wfwh, 250ms) + 10ms);
127
127
  }
128
128
  @media (prefers-reduced-motion: reduce) {
129
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9), .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9) {
129
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9), .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9) {
130
130
  animation: none;
131
131
  transition: none;
132
132
  }
133
133
  }
134
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-header_1q84n_oiqxc_27:not(#\9) {
134
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-header_1q84n_1qb5k_27:not(#\9) {
135
135
  animation: none;
136
136
  transition: none;
137
137
  }
138
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9), .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9) {
138
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9), .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9) {
139
139
  transition-delay: calc(var(--motion-duration-complex-n5wfwh, 250ms) + 10ms);
140
140
  }
141
141
  @media (prefers-reduced-motion: reduce) {
142
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9), .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9) {
142
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9), .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9) {
143
143
  animation: none;
144
144
  transition: none;
145
145
  }
146
146
  }
147
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-message_1q84n_oiqxc_27 > .awsui_flash-content_1q84n_oiqxc_28:not(#\9) {
147
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-message_1q84n_1qb5k_27 > .awsui_flash-content_1q84n_1qb5k_28:not(#\9) {
148
148
  animation: none;
149
149
  transition: none;
150
150
  }
151
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9),
152
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9),
153
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9),
154
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9) {
151
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9),
152
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9),
153
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9),
154
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9) {
155
155
  transition-delay: calc(var(--motion-duration-complex-n5wfwh, 250ms) * 2 - 100ms);
156
156
  }
157
157
  @media (prefers-reduced-motion: reduce) {
158
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9),
159
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9),
160
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9),
161
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9) {
158
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9),
159
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9),
160
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9),
161
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9) {
162
162
  animation: none;
163
163
  transition: none;
164
164
  }
165
165
  }
166
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entering_1q84n_oiqxc_66 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_entered_1q84n_oiqxc_87 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9) {
166
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entering_1q84n_1qb5k_66 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_entered_1q84n_1qb5k_87 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9) {
167
167
  animation: none;
168
168
  transition: none;
169
169
  }
170
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_exiting_1q84n_oiqxc_192:not(#\9) {
170
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_exiting_1q84n_1qb5k_192:not(#\9) {
171
171
  opacity: 0;
172
172
  transform: translateY(-20px);
173
173
  transition-property: transform, opacity;
@@ -175,12 +175,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
175
175
  transition-timing-function: var(--motion-easing-expressive-7na2oq, cubic-bezier(0.84, 0, 0.16, 1));
176
176
  }
177
177
  @media (prefers-reduced-motion: reduce) {
178
- .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_exiting_1q84n_oiqxc_192:not(#\9) {
178
+ .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_exiting_1q84n_1qb5k_192:not(#\9) {
179
179
  animation: none;
180
180
  transition: none;
181
181
  }
182
182
  }
183
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_exiting_1q84n_oiqxc_192:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_oiqxc_13.awsui_exiting_1q84n_oiqxc_192:not(#\9) {
183
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_exiting_1q84n_1qb5k_192:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1qb5k_13.awsui_exiting_1q84n_1qb5k_192:not(#\9) {
184
184
  animation: none;
185
185
  transition: none;
186
186
  }
@@ -193,35 +193,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
193
193
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
194
194
  SPDX-License-Identifier: Apache-2.0
195
195
  */
196
- .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218 > .awsui_item_1q84n_oiqxc_218:not(#\9),
197
- .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218 > .awsui_flash-list-item_1q84n_oiqxc_219:not(#\9),
198
- .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218.awsui_notification-bar_1q84n_oiqxc_220:not(#\9) {
196
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218 > .awsui_item_1q84n_1qb5k_218:not(#\9),
197
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218 > .awsui_flash-list-item_1q84n_1qb5k_219:not(#\9),
198
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218.awsui_notification-bar_1q84n_1qb5k_220:not(#\9) {
199
199
  transition-timing-function: var(--motion-easing-responsive-k7246o, cubic-bezier(0, 0, 0, 1));
200
200
  transition-duration: var(--motion-duration-responsive-6nbqre, 115ms);
201
201
  }
202
202
  @media (prefers-reduced-motion: reduce) {
203
- .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218 > .awsui_item_1q84n_oiqxc_218:not(#\9),
204
- .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218 > .awsui_flash-list-item_1q84n_oiqxc_219:not(#\9),
205
- .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218.awsui_notification-bar_1q84n_oiqxc_220:not(#\9) {
203
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218 > .awsui_item_1q84n_1qb5k_218:not(#\9),
204
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218 > .awsui_flash-list-item_1q84n_1qb5k_219:not(#\9),
205
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218.awsui_notification-bar_1q84n_1qb5k_220:not(#\9) {
206
206
  animation: none;
207
207
  transition: none;
208
208
  }
209
209
  }
210
- .awsui-motion-disabled .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218 > .awsui_item_1q84n_oiqxc_218:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218 > .awsui_item_1q84n_oiqxc_218:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218 > .awsui_flash-list-item_1q84n_oiqxc_219:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218 > .awsui_flash-list-item_1q84n_oiqxc_219:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218.awsui_notification-bar_1q84n_oiqxc_220:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_oiqxc_218 > .awsui_animation-running_1q84n_oiqxc_218.awsui_notification-bar_1q84n_oiqxc_220:not(#\9) {
210
+ .awsui-motion-disabled .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218 > .awsui_item_1q84n_1qb5k_218:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218 > .awsui_item_1q84n_1qb5k_218:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218 > .awsui_flash-list-item_1q84n_1qb5k_219:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218 > .awsui_flash-list-item_1q84n_1qb5k_219:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218.awsui_notification-bar_1q84n_1qb5k_220:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1qb5k_218 > .awsui_animation-running_1q84n_1qb5k_218.awsui_notification-bar_1q84n_1qb5k_220:not(#\9) {
211
211
  animation: none;
212
212
  transition: none;
213
213
  }
214
- .awsui_stack_1q84n_oiqxc_218 > .awsui_collapsed_1q84n_oiqxc_240.awsui_animation-ready_1q84n_oiqxc_240 > .awsui_expanded-only_1q84n_oiqxc_240:not(#\9),
215
- .awsui_stack_1q84n_oiqxc_218 > .awsui_collapsed_1q84n_oiqxc_240.awsui_animation-running_1q84n_oiqxc_218 > .awsui_expanded-only_1q84n_oiqxc_240:not(#\9) {
214
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_collapsed_1q84n_1qb5k_240.awsui_animation-ready_1q84n_1qb5k_240 > .awsui_expanded-only_1q84n_1qb5k_240:not(#\9),
215
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_collapsed_1q84n_1qb5k_240.awsui_animation-running_1q84n_1qb5k_218 > .awsui_expanded-only_1q84n_1qb5k_240:not(#\9) {
216
216
  display: none;
217
217
  }
218
218
 
219
- .awsui_stack_1q84n_oiqxc_218:not(#\9) {
219
+ .awsui_stack_1q84n_1qb5k_218:not(#\9) {
220
220
  display: grid;
221
221
  grid-template-columns: 30px 1fr 30px;
222
222
  }
223
223
 
224
- .awsui_stack_1q84n_oiqxc_218 > .awsui_expanded_1q84n_oiqxc_240:not(#\9) {
224
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_expanded_1q84n_1qb5k_240:not(#\9) {
225
225
  grid-column: 1/4;
226
226
  }
227
227
 
@@ -235,21 +235,21 @@ the grid layout will be:
235
235
  [10px] [item 2 start] [10px] [fractional unit] [10px] [item 2 end] [10px]
236
236
  [10px] [10px] [item 3 start] [fractional unit] [item 3 end] [10px] [10px]
237
237
  */
238
- .awsui_stack_1q84n_oiqxc_218 > .awsui_collapsed_1q84n_oiqxc_240:not(#\9) {
238
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_collapsed_1q84n_1qb5k_240:not(#\9) {
239
239
  display: grid;
240
240
  grid-column: 1/4;
241
241
  grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-66120l), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-66120l), 10px);
242
242
  row-gap: 8px;
243
243
  z-index: 0;
244
244
  }
245
- .awsui_stack_1q84n_oiqxc_218 > .awsui_collapsed_1q84n_oiqxc_240 > .awsui_item_1q84n_oiqxc_218:not(#\9) {
245
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_collapsed_1q84n_1qb5k_240 > .awsui_item_1q84n_1qb5k_218:not(#\9) {
246
246
  grid-column-start: calc(var(--awsui-flashbar-stack-index-66120l) + 1);
247
247
  grid-column-end: calc(var(--awsui-flashbar-stack-depth-66120l) * 2 + 1 - var(--awsui-flashbar-stack-index-66120l) + 1);
248
248
  grid-row-start: 1;
249
249
  grid-row-end: calc(var(--awsui-flashbar-stack-index-66120l) + 2);
250
250
  z-index: calc(var(--awsui-flashbar-stack-depth-66120l) - var(--awsui-flashbar-stack-index-66120l));
251
251
  }
252
- .awsui_stack_1q84n_oiqxc_218 > .awsui_collapsed_1q84n_oiqxc_240 > .awsui_item_1q84n_oiqxc_218:not(#\9):not(:first-of-type) {
252
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_collapsed_1q84n_1qb5k_240 > .awsui_item_1q84n_1qb5k_218:not(#\9):not(:first-of-type) {
253
253
  align-self: end;
254
254
  /* Give placeholder elements in the stacked state the height of a notification
255
255
  with one single line of text.
@@ -257,23 +257,23 @@ the grid layout will be:
257
257
  */
258
258
  min-block-size: calc(var(--line-height-body-m-5xw6xo, 20px) + (var(--space-scaled-xs-pajbd1, 8px) + var(--border-width-field-2365x3, 1px) + var(--space-scaled-xxs-j00t0m, 4px)) * 2);
259
259
  }
260
- .awsui_stack_1q84n_oiqxc_218 > .awsui_collapsed_1q84n_oiqxc_240 > .awsui_item_1q84n_oiqxc_218:not(#\9):not(:last-child) > .awsui_flash_1q84n_oiqxc_13,
261
- .awsui_stack_1q84n_oiqxc_218 > .awsui_collapsed_1q84n_oiqxc_240 > .awsui_item_1q84n_oiqxc_218.awsui_flash_1q84n_oiqxc_13:not(#\9) {
260
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_collapsed_1q84n_1qb5k_240 > .awsui_item_1q84n_1qb5k_218:not(#\9):not(:last-child) > .awsui_flash_1q84n_1qb5k_13,
261
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_collapsed_1q84n_1qb5k_240 > .awsui_item_1q84n_1qb5k_218.awsui_flash_1q84n_1qb5k_13:not(#\9) {
262
262
  box-shadow: var(--shadow-flash-collapsed-eh2z6q, 0px 4px 4px rgba(0, 0, 0, 0.25));
263
263
  }
264
264
 
265
- .awsui_stack_1q84n_oiqxc_218 > .awsui_expanded_1q84n_oiqxc_240.awsui_animation-running_1q84n_oiqxc_218 > .awsui_flash-list-item_1q84n_oiqxc_219:not(#\9) {
265
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_expanded_1q84n_1qb5k_240.awsui_animation-running_1q84n_1qb5k_218 > .awsui_flash-list-item_1q84n_1qb5k_219:not(#\9) {
266
266
  position: relative;
267
267
  z-index: calc(var(--awsui-flashbar-stack-depth-66120l) - var(--awsui-flashbar-stack-index-66120l));
268
268
  }
269
269
 
270
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296:not(#\9):not(.awsui_expanded_1q84n_oiqxc_240) {
270
+ .awsui_stack_1q84n_1qb5k_218.awsui_collapsible_1q84n_1qb5k_296:not(#\9):not(.awsui_expanded_1q84n_1qb5k_240) {
271
271
  /*
272
272
  Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
273
273
  missing third item when there are only 2 items in the stack.
274
274
  */
275
275
  }
276
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296:not(#\9):not(.awsui_expanded_1q84n_oiqxc_240):not(.awsui_short-list_1q84n_oiqxc_302):not(.awsui_visual-refresh_1q84n_oiqxc_302) {
276
+ .awsui_stack_1q84n_1qb5k_218.awsui_collapsible_1q84n_1qb5k_296:not(#\9):not(.awsui_expanded_1q84n_1qb5k_240):not(.awsui_short-list_1q84n_1qb5k_302) {
277
277
  /*
278
278
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
279
279
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -282,17 +282,17 @@ the grid layout will be:
282
282
  */
283
283
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
284
284
  is the full height of the notification bar */
285
- --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 1px - calc(var(--space-scaled-xl-avp3kz, 24px) + 3px));
285
+ --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * var(--border-width-notification-stack-bar-b90c4m, 2px) - calc(var(--space-scaled-xl-avp3kz, 24px) + 3px));
286
286
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + 0px + 0px);
287
287
  }
288
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296:not(#\9):not(.awsui_expanded_1q84n_oiqxc_240):not(.awsui_short-list_1q84n_oiqxc_302):not(.awsui_visual-refresh_1q84n_oiqxc_302) > .awsui_notification-bar_1q84n_oiqxc_220 {
288
+ .awsui_stack_1q84n_1qb5k_218.awsui_collapsible_1q84n_1qb5k_296:not(#\9):not(.awsui_expanded_1q84n_1qb5k_240):not(.awsui_short-list_1q84n_1qb5k_302) > .awsui_notification-bar_1q84n_1qb5k_220 {
289
289
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) + 0px);
290
290
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
291
291
  is the full height of the notification bar */
292
- margin-block-end: calc(calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 1px - 0px);
292
+ margin-block-end: calc(calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * var(--border-width-notification-stack-bar-b90c4m, 2px) - 0px);
293
293
  padding-block: var(--space-button-vertical-r9jnds, 4px);
294
294
  }
295
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296:not(#\9):not(.awsui_expanded_1q84n_oiqxc_240):not(.awsui_short-list_1q84n_oiqxc_302).awsui_visual-refresh_1q84n_oiqxc_302 {
295
+ .awsui_stack_1q84n_1qb5k_218.awsui_collapsible_1q84n_1qb5k_296:not(#\9):not(.awsui_expanded_1q84n_1qb5k_240).awsui_short-list_1q84n_1qb5k_302 {
296
296
  /*
297
297
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
298
298
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -301,55 +301,17 @@ the grid layout will be:
301
301
  */
302
302
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
303
303
  is the full height of the notification bar */
304
- --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 2px - calc(var(--space-scaled-xl-avp3kz, 24px) + 3px));
305
- margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + 0px + 0px);
306
- }
307
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296:not(#\9):not(.awsui_expanded_1q84n_oiqxc_240):not(.awsui_short-list_1q84n_oiqxc_302).awsui_visual-refresh_1q84n_oiqxc_302 > .awsui_notification-bar_1q84n_oiqxc_220 {
308
- margin-block-start: calc(-1 * calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) + 0px);
309
- /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
310
- is the full height of the notification bar */
311
- margin-block-end: calc(calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 2px - 0px);
312
- padding-block: var(--space-button-vertical-r9jnds, 4px);
313
- }
314
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296:not(#\9):not(.awsui_expanded_1q84n_oiqxc_240).awsui_short-list_1q84n_oiqxc_302:not(.awsui_visual-refresh_1q84n_oiqxc_302) {
315
- /*
316
- The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
317
- notification bar from overlapping the elements below. But if using disableContentPaddings,
318
- $stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
319
- main area from touching the notifications area.
320
- */
321
- /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
322
- is the full height of the notification bar */
323
- --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 1px - calc(var(--space-scaled-xl-avp3kz, 24px) + 3px));
324
- margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + 0px + 8px);
325
- }
326
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296:not(#\9):not(.awsui_expanded_1q84n_oiqxc_240).awsui_short-list_1q84n_oiqxc_302:not(.awsui_visual-refresh_1q84n_oiqxc_302) > .awsui_notification-bar_1q84n_oiqxc_220 {
327
- margin-block-start: calc(-1 * calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) + 8px);
328
- /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
329
- is the full height of the notification bar */
330
- margin-block-end: calc(calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 1px - 8px);
331
- padding-block: var(--space-button-vertical-r9jnds, 4px);
332
- }
333
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296:not(#\9):not(.awsui_expanded_1q84n_oiqxc_240).awsui_short-list_1q84n_oiqxc_302.awsui_visual-refresh_1q84n_oiqxc_302 {
334
- /*
335
- The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
336
- notification bar from overlapping the elements below. But if using disableContentPaddings,
337
- $stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
338
- main area from touching the notifications area.
339
- */
340
- /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
341
- is the full height of the notification bar */
342
- --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 2px - calc(var(--space-scaled-xl-avp3kz, 24px) + 3px));
304
+ --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * var(--border-width-notification-stack-bar-b90c4m, 2px) - calc(var(--space-scaled-xl-avp3kz, 24px) + 3px));
343
305
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + 0px + 8px);
344
306
  }
345
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296:not(#\9):not(.awsui_expanded_1q84n_oiqxc_240).awsui_short-list_1q84n_oiqxc_302.awsui_visual-refresh_1q84n_oiqxc_302 > .awsui_notification-bar_1q84n_oiqxc_220 {
307
+ .awsui_stack_1q84n_1qb5k_218.awsui_collapsible_1q84n_1qb5k_296:not(#\9):not(.awsui_expanded_1q84n_1qb5k_240).awsui_short-list_1q84n_1qb5k_302 > .awsui_notification-bar_1q84n_1qb5k_220 {
346
308
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) + 8px);
347
309
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
348
310
  is the full height of the notification bar */
349
- margin-block-end: calc(calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 2px - 8px);
311
+ margin-block-end: calc(calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * var(--border-width-notification-stack-bar-b90c4m, 2px) - 8px);
350
312
  padding-block: var(--space-button-vertical-r9jnds, 4px);
351
313
  }
352
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296.awsui_expanded_1q84n_oiqxc_240:not(#\9):not(.awsui_visual-refresh_1q84n_oiqxc_302) {
314
+ .awsui_stack_1q84n_1qb5k_218.awsui_collapsible_1q84n_1qb5k_296.awsui_expanded_1q84n_1qb5k_240:not(#\9):not(.awsui_visual-refresh_1q84n_1qb5k_340) {
353
315
  /*
354
316
  Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
355
317
  notifications slot already gives it enough space.
@@ -362,17 +324,17 @@ the grid layout will be:
362
324
  */
363
325
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
364
326
  is the full height of the notification bar */
365
- --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 1px - var(--space-scaled-s-2crg2b, 12px));
327
+ --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * var(--border-width-notification-stack-bar-b90c4m, 2px) - var(--space-scaled-s-2crg2b, 12px));
366
328
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + var(--space-scaled-m-lfeh3i, 16px) + 0px);
367
329
  }
368
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296.awsui_expanded_1q84n_oiqxc_240:not(#\9):not(.awsui_visual-refresh_1q84n_oiqxc_302) > .awsui_notification-bar_1q84n_oiqxc_220 {
330
+ .awsui_stack_1q84n_1qb5k_218.awsui_collapsible_1q84n_1qb5k_296.awsui_expanded_1q84n_1qb5k_240:not(#\9):not(.awsui_visual-refresh_1q84n_1qb5k_340) > .awsui_notification-bar_1q84n_1qb5k_220 {
369
331
  margin-block-start: calc(-1 * var(--space-scaled-s-2crg2b, 12px) + 0px);
370
332
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
371
333
  is the full height of the notification bar */
372
- margin-block-end: calc(var(--space-scaled-s-2crg2b, 12px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 1px - 0px);
334
+ margin-block-end: calc(var(--space-scaled-s-2crg2b, 12px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * var(--border-width-notification-stack-bar-b90c4m, 2px) - 0px);
373
335
  padding-block: var(--space-button-vertical-r9jnds, 4px);
374
336
  }
375
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296.awsui_expanded_1q84n_oiqxc_240.awsui_visual-refresh_1q84n_oiqxc_302:not(#\9) {
337
+ .awsui_stack_1q84n_1qb5k_218.awsui_collapsible_1q84n_1qb5k_296.awsui_expanded_1q84n_1qb5k_240.awsui_visual-refresh_1q84n_1qb5k_340:not(#\9) {
376
338
  /*
377
339
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
378
340
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -381,18 +343,18 @@ the grid layout will be:
381
343
  */
382
344
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
383
345
  is the full height of the notification bar */
384
- --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 2px - var(--space-scaled-s-2crg2b, 12px));
346
+ --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * var(--border-width-notification-stack-bar-b90c4m, 2px) - var(--space-scaled-s-2crg2b, 12px));
385
347
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + 0px + 0px);
386
348
  }
387
- .awsui_stack_1q84n_oiqxc_218.awsui_collapsible_1q84n_oiqxc_296.awsui_expanded_1q84n_oiqxc_240.awsui_visual-refresh_1q84n_oiqxc_302 > .awsui_notification-bar_1q84n_oiqxc_220:not(#\9) {
349
+ .awsui_stack_1q84n_1qb5k_218.awsui_collapsible_1q84n_1qb5k_296.awsui_expanded_1q84n_1qb5k_240.awsui_visual-refresh_1q84n_1qb5k_340 > .awsui_notification-bar_1q84n_1qb5k_220:not(#\9) {
388
350
  margin-block-start: calc(-1 * var(--space-scaled-s-2crg2b, 12px) + 0px);
389
351
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
390
352
  is the full height of the notification bar */
391
- margin-block-end: calc(var(--space-scaled-s-2crg2b, 12px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 2px - 0px);
353
+ margin-block-end: calc(var(--space-scaled-s-2crg2b, 12px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * var(--border-width-notification-stack-bar-b90c4m, 2px) - 0px);
392
354
  padding-block: var(--space-button-vertical-r9jnds, 4px);
393
355
  }
394
356
 
395
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220:not(#\9) {
357
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220:not(#\9) {
396
358
  min-inline-size: 0;
397
359
  word-break: break-word;
398
360
  background: var(--awsui-style-background-default-66120l, var(--color-background-notification-stack-bar-g6w7e0, #232b37));
@@ -403,6 +365,8 @@ the grid layout will be:
403
365
  border-end-end-radius: var(--border-radius-button-9k0hrl, 20px);
404
366
  border-block-style: solid;
405
367
  border-inline-style: solid;
368
+ border-block-width: var(--border-width-notification-stack-bar-b90c4m, 2px);
369
+ border-inline-width: var(--border-width-notification-stack-bar-b90c4m, 2px);
406
370
  box-shadow: var(--shadow-panel-toggle-a81wj1, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
407
371
  color: var(--awsui-style-color-default-66120l, var(--color-text-notification-stack-bar-cnlqja, #ffffff));
408
372
  cursor: pointer;
@@ -420,9 +384,9 @@ the grid layout will be:
420
384
  text-decoration: none;
421
385
  z-index: 1;
422
386
  }
423
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_status_1q84n_oiqxc_449 > .awsui_header_1q84n_oiqxc_449:not(#\9),
424
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_status_1q84n_oiqxc_449 > .awsui_item-count_1q84n_oiqxc_450:not(#\9),
425
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_button_1q84n_oiqxc_451:not(#\9) {
387
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_status_1q84n_1qb5k_413 > .awsui_header_1q84n_1qb5k_413:not(#\9),
388
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_status_1q84n_1qb5k_413 > .awsui_item-count_1q84n_1qb5k_414:not(#\9),
389
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_button_1q84n_1qb5k_415:not(#\9) {
426
390
  font-size: var(--font-size-body-m-tq5a14, 14px);
427
391
  line-height: var(--line-height-body-m-5xw6xo, 20px);
428
392
  color: var(--color-text-body-default-b2us04, #0f141a);
@@ -435,7 +399,7 @@ the grid layout will be:
435
399
  margin-block: 0;
436
400
  padding-block: 0;
437
401
  }
438
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_status_1q84n_oiqxc_449:not(#\9) {
402
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_status_1q84n_1qb5k_413:not(#\9) {
439
403
  display: flex;
440
404
  flex-direction: row;
441
405
  flex-wrap: wrap;
@@ -443,11 +407,11 @@ the grid layout will be:
443
407
  justify-content: center;
444
408
  row-gap: 0;
445
409
  }
446
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_status_1q84n_oiqxc_449 > .awsui_header_1q84n_oiqxc_449:not(#\9) {
410
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_status_1q84n_1qb5k_413 > .awsui_header_1q84n_1qb5k_413:not(#\9) {
447
411
  font-weight: var(--font-weight-button-2p3grf, 700);
448
412
  display: inline-block;
449
413
  }
450
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_status_1q84n_oiqxc_449 > .awsui_item-count_1q84n_oiqxc_450:not(#\9) {
414
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_status_1q84n_1qb5k_413 > .awsui_item-count_1q84n_1qb5k_414:not(#\9) {
451
415
  column-gap: var(--space-s-kll7oj, 12px);
452
416
  display: flex;
453
417
  flex-direction: row;
@@ -455,36 +419,32 @@ the grid layout will be:
455
419
  justify-content: center;
456
420
  row-gap: 0;
457
421
  }
458
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_status_1q84n_oiqxc_449 > .awsui_item-count_1q84n_oiqxc_450 > .awsui_type-count_1q84n_oiqxc_484 > .awsui_count-number_1q84n_oiqxc_484:not(#\9) {
422
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_status_1q84n_1qb5k_413 > .awsui_item-count_1q84n_1qb5k_414 > .awsui_type-count_1q84n_1qb5k_448 > .awsui_count-number_1q84n_1qb5k_448:not(#\9) {
459
423
  margin-inline-start: var(--space-xxs-3o1yoq, 4px);
460
424
  }
461
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220:not(#\9):hover {
425
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220:not(#\9):hover {
462
426
  background: var(--awsui-style-background-hover-66120l, var(--color-background-notification-stack-bar-hover-gwd3ks, #424650));
463
- border-color: var(--awsui-style-border-color-hover-66120l, var(--color-background-notification-stack-bar-hover-gwd3ks, #424650));
427
+ border-color: var(--awsui-style-border-color-hover-66120l, var(--color-border-notification-stack-bar-hover-pzy1rr, #424650));
464
428
  color: var(--awsui-style-color-hover-66120l, var(--color-text-notification-stack-bar-cnlqja, #ffffff));
465
429
  }
466
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220:not(#\9):active {
430
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220:not(#\9):active {
467
431
  background: var(--awsui-style-background-active-66120l, var(--color-background-notification-stack-bar-active-p84qcp, #232b37));
468
- border-color: var(--awsui-style-border-color-active-66120l, var(--color-background-notification-stack-bar-g6w7e0, #232b37));
432
+ border-color: var(--awsui-style-border-color-active-66120l, var(--color-border-notification-stack-bar-active-itxyux, #232b37));
469
433
  color: var(--awsui-style-color-active-66120l, var(--color-text-notification-stack-bar-cnlqja, #ffffff));
470
434
  }
471
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220.awsui_visual-refresh_1q84n_oiqxc_302:not(#\9) {
472
- border-block-width: 2px;
473
- border-inline-width: 2px;
435
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220.awsui_visual-refresh_1q84n_1qb5k_340:not(#\9) {
474
436
  padding-inline: var(--space-l-dpyxli, 20px);
475
437
  }
476
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220:not(#\9):not(.awsui_visual-refresh_1q84n_oiqxc_302) {
477
- border-block-width: 1px;
478
- border-inline-width: 1px;
438
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220:not(#\9):not(.awsui_visual-refresh_1q84n_1qb5k_340) {
479
439
  padding-inline: var(--space-s-kll7oj, 12px);
480
440
  }
481
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220:not(#\9):not(.awsui_visual-refresh_1q84n_oiqxc_302):focus {
441
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220:not(#\9):not(.awsui_visual-refresh_1q84n_1qb5k_340):focus {
482
442
  text-decoration: none;
483
443
  }
484
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220:not(#\9):not(.awsui_visual-refresh_1q84n_oiqxc_302):hover {
444
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220:not(#\9):not(.awsui_visual-refresh_1q84n_1qb5k_340):hover {
485
445
  text-decoration: none;
486
446
  }
487
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_button_1q84n_oiqxc_451:not(#\9) {
447
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_button_1q84n_1qb5k_415:not(#\9) {
488
448
  display: inline-block;
489
449
  flex-grow: 1;
490
450
  background: none;
@@ -493,33 +453,33 @@ the grid layout will be:
493
453
  padding-block: 0;
494
454
  --awsui-style-focus-ring-box-shadow-66120l: 0 0 0 var(--awsui-style-focus-ring-border-width-66120l, 2px) var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-notification-stack-bar-focused-6lgllw, #f9f9fa));
495
455
  }
496
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_button_1q84n_oiqxc_451 > .awsui_icon_1q84n_oiqxc_522:not(#\9) {
456
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_button_1q84n_1qb5k_415 > .awsui_icon_1q84n_1qb5k_482:not(#\9) {
497
457
  transition: transform var(--motion-duration-rotate-90-de2qw0, 135ms) var(--motion-easing-rotate-90-mfea51, cubic-bezier(0.165, 0.84, 0.44, 1));
498
458
  }
499
459
  @media (prefers-reduced-motion: reduce) {
500
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_button_1q84n_oiqxc_451 > .awsui_icon_1q84n_oiqxc_522:not(#\9) {
460
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_button_1q84n_1qb5k_415 > .awsui_icon_1q84n_1qb5k_482:not(#\9) {
501
461
  animation: none;
502
462
  transition: none;
503
463
  }
504
464
  }
505
- .awsui-motion-disabled .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_button_1q84n_oiqxc_451 > .awsui_icon_1q84n_oiqxc_522:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_button_1q84n_oiqxc_451 > .awsui_icon_1q84n_oiqxc_522:not(#\9) {
465
+ .awsui-motion-disabled .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_button_1q84n_1qb5k_415 > .awsui_icon_1q84n_1qb5k_482:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_button_1q84n_1qb5k_415 > .awsui_icon_1q84n_1qb5k_482:not(#\9) {
506
466
  animation: none;
507
467
  transition: none;
508
468
  }
509
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_button_1q84n_oiqxc_451.awsui_expanded_1q84n_oiqxc_240 > .awsui_icon_1q84n_oiqxc_522:not(#\9) {
469
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_button_1q84n_1qb5k_415.awsui_expanded_1q84n_1qb5k_240 > .awsui_icon_1q84n_1qb5k_482:not(#\9) {
510
470
  transform: rotate(180deg);
511
471
  }
512
- .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_button_1q84n_oiqxc_451:not(#\9):focus {
472
+ .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_button_1q84n_1qb5k_415:not(#\9):focus {
513
473
  outline: none;
514
474
  }
515
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_button_1q84n_oiqxc_451:not(#\9):focus {
475
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_button_1q84n_1qb5k_415:not(#\9):focus {
516
476
  position: relative;
517
477
  }
518
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_button_1q84n_oiqxc_451:not(#\9):focus {
478
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_button_1q84n_1qb5k_415:not(#\9):focus {
519
479
  outline: 2px dotted transparent;
520
480
  outline-offset: calc(0px - 1px);
521
481
  }
522
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_oiqxc_218 > .awsui_notification-bar_1q84n_oiqxc_220 > .awsui_button_1q84n_oiqxc_451:not(#\9):focus::before {
482
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1qb5k_218 > .awsui_notification-bar_1q84n_1qb5k_220 > .awsui_button_1q84n_1qb5k_415:not(#\9):focus::before {
523
483
  content: " ";
524
484
  display: block;
525
485
  position: absolute;
@@ -534,20 +494,20 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_oiqxc_218 > .awsui_notifi
534
494
  box-shadow: var(--awsui-style-focus-ring-box-shadow-66120l);
535
495
  }
536
496
 
537
- .awsui_stack_1q84n_oiqxc_218.awsui_expanded_1q84n_oiqxc_240:not(#\9):not(.awsui_floating_1q84n_oiqxc_563) {
497
+ .awsui_stack_1q84n_1qb5k_218.awsui_expanded_1q84n_1qb5k_240:not(#\9):not(.awsui_floating_1q84n_1qb5k_523) {
538
498
  padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-66120l, 0);
539
499
  }
540
500
 
541
- .awsui_flashbar_1q84n_oiqxc_567:not(#\9) {
501
+ .awsui_flashbar_1q84n_1qb5k_527:not(#\9) {
542
502
  position: relative;
543
503
  /* stylelint-disable-next-line selector-max-type */
544
504
  }
545
- .awsui_flashbar_1q84n_oiqxc_567 > li + li:not(#\9) {
505
+ .awsui_flashbar_1q84n_1qb5k_527 > li + li:not(#\9) {
546
506
  padding-block-start: 0;
547
507
  }
548
508
 
549
- .awsui_flashbar_1q84n_oiqxc_567:not(#\9),
550
- .awsui_flash_1q84n_oiqxc_13:not(#\9) {
509
+ .awsui_flashbar_1q84n_1qb5k_527:not(#\9),
510
+ .awsui_flash_1q84n_1qb5k_13:not(#\9) {
551
511
  border-collapse: separate;
552
512
  border-spacing: 0;
553
513
  box-sizing: border-box;
@@ -579,7 +539,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_oiqxc_218 > .awsui_notifi
579
539
  -moz-osx-font-smoothing: auto;
580
540
  }
581
541
 
582
- .awsui_flash_1q84n_oiqxc_13:not(#\9) {
542
+ .awsui_flash_1q84n_1qb5k_13:not(#\9) {
583
543
  position: relative;
584
544
  display: flex;
585
545
  justify-content: flex-start;
@@ -598,23 +558,23 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_oiqxc_218 > .awsui_notifi
598
558
  --awsui-style-focus-ring-box-shadow-66120l: 0 0 0 var(--awsui-style-focus-ring-border-width-66120l, 2px) var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #006ce0));
599
559
  }
600
560
 
601
- .awsui_initial-hidden_1q84n_oiqxc_627:not(#\9) {
561
+ .awsui_initial-hidden_1q84n_1qb5k_587:not(#\9) {
602
562
  overflow: hidden;
603
563
  block-size: 0;
604
564
  }
605
565
 
606
- .awsui_flash-list_1q84n_oiqxc_219:not(#\9) {
566
+ .awsui_flash-list_1q84n_1qb5k_219:not(#\9) {
607
567
  list-style: none;
608
568
  padding-block: 0;
609
569
  padding-inline: 0;
610
570
  margin-block: 0;
611
571
  margin-inline: 0;
612
572
  }
613
- .awsui_flash-list_1q84n_oiqxc_219:not(#\9):not(.awsui_collapsed_1q84n_oiqxc_240) > li:not(:last-child) {
573
+ .awsui_flash-list_1q84n_1qb5k_219:not(#\9):not(.awsui_collapsed_1q84n_1qb5k_240) > li:not(:last-child) {
614
574
  margin-block-end: var(--space-xxxs-3ulqs3, 2px);
615
575
  }
616
576
 
617
- .awsui_flash-body_1q84n_oiqxc_27:not(#\9) {
577
+ .awsui_flash-body_1q84n_1qb5k_27:not(#\9) {
618
578
  display: flex;
619
579
  flex-wrap: wrap;
620
580
  flex-grow: 1;
@@ -622,22 +582,22 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_oiqxc_218 > .awsui_notifi
622
582
  column-gap: var(--space-flashbar-action-left-btmo3q, 12px);
623
583
  }
624
584
 
625
- .awsui_flash-focus-container_1q84n_oiqxc_651:not(#\9) {
585
+ .awsui_flash-focus-container_1q84n_1qb5k_611:not(#\9) {
626
586
  display: flex;
627
587
  flex: 1;
628
588
  min-inline-size: 70%;
629
589
  }
630
- .awsui_flash-focus-container_1q84n_oiqxc_651:not(#\9):focus {
590
+ .awsui_flash-focus-container_1q84n_1qb5k_611:not(#\9):focus {
631
591
  outline: none;
632
592
  }
633
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_oiqxc_651:not(#\9):focus {
593
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1qb5k_611:not(#\9):focus {
634
594
  position: relative;
635
595
  }
636
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_oiqxc_651:not(#\9):focus {
596
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1qb5k_611:not(#\9):focus {
637
597
  outline: 2px dotted transparent;
638
598
  outline-offset: calc(var(--space-button-focus-outline-gutter-dzjnny, 4px) - 1px);
639
599
  }
640
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_oiqxc_651:not(#\9):focus::before {
600
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1qb5k_611:not(#\9):focus::before {
641
601
  content: " ";
642
602
  display: block;
643
603
  position: absolute;
@@ -652,95 +612,95 @@ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_oiqxc_651
652
612
  box-shadow: var(--awsui-style-focus-ring-box-shadow-66120l);
653
613
  }
654
614
 
655
- .awsui_flash-text_1q84n_oiqxc_681:not(#\9) {
615
+ .awsui_flash-text_1q84n_1qb5k_641:not(#\9) {
656
616
  margin-block: var(--border-item-width-pyfg4s, 2px);
657
617
  margin-inline: 0;
658
618
  padding-block: var(--space-scaled-xxs-j00t0m, 4px);
659
619
  padding-inline: var(--space-xxs-3o1yoq, 4px);
660
620
  }
661
621
 
662
- .awsui_flash-icon_1q84n_oiqxc_53:not(#\9) {
622
+ .awsui_flash-icon_1q84n_1qb5k_53:not(#\9) {
663
623
  flex: 0 0 auto;
664
624
  padding-inline-start: 0;
665
625
  }
666
626
 
667
- .awsui_flash-message_1q84n_oiqxc_27:not(#\9) {
627
+ .awsui_flash-message_1q84n_1qb5k_27:not(#\9) {
668
628
  flex: 1 1 0%;
669
629
  word-wrap: break-word;
670
630
  max-inline-size: 100%;
671
631
  overflow: hidden;
672
632
  }
673
633
 
674
- .awsui_hidden_1q84n_oiqxc_700:not(#\9) {
634
+ .awsui_hidden_1q84n_1qb5k_660:not(#\9) {
675
635
  display: none;
676
636
  }
677
637
 
678
- .awsui_flash-header_1q84n_oiqxc_27:not(#\9),
679
- .awsui_header-replacement_1q84n_oiqxc_705:not(#\9) {
638
+ .awsui_flash-header_1q84n_1qb5k_27:not(#\9),
639
+ .awsui_header-replacement_1q84n_1qb5k_665:not(#\9) {
680
640
  font-weight: var(--font-weight-flashbar-header-a0ezj3, 700);
681
641
  }
682
642
 
683
- .awsui_flash-content_1q84n_oiqxc_28:not(#\9),
684
- .awsui_content-replacement_1q84n_oiqxc_710:not(#\9) {
643
+ .awsui_flash-content_1q84n_1qb5k_28:not(#\9),
644
+ .awsui_content-replacement_1q84n_1qb5k_670:not(#\9) {
685
645
  /* Only used as a selector for test-utils */
686
646
  }
687
647
 
688
- .awsui_dismiss-button-wrapper_1q84n_oiqxc_30:not(#\9) {
648
+ .awsui_dismiss-button-wrapper_1q84n_1qb5k_30:not(#\9) {
689
649
  flex: 0 0 auto;
690
650
  margin-inline: var(--space-s-kll7oj, 12px) calc(-1 * var(--space-xxs-3o1yoq, 4px));
691
651
  padding-inline-end: var(--space-flashbar-dismiss-right-m8whke, 0px);
692
652
  }
693
653
 
694
- .awsui_dismiss-button_1q84n_oiqxc_30:not(#\9) {
654
+ .awsui_dismiss-button_1q84n_1qb5k_30:not(#\9) {
695
655
  /* Only used as a selector for test-utils */
696
656
  }
697
657
 
698
- .awsui_action-button-wrapper_1q84n_oiqxc_29:not(#\9) {
658
+ .awsui_action-button-wrapper_1q84n_1qb5k_29:not(#\9) {
699
659
  white-space: nowrap;
700
660
  }
701
661
 
702
- .awsui_action-wrapped_1q84n_oiqxc_728:not(#\9) {
662
+ .awsui_action-wrapped_1q84n_1qb5k_688:not(#\9) {
703
663
  margin-inline-start: var(--space-l-dpyxli, 20px);
704
664
  padding-inline-start: var(--space-xxs-3o1yoq, 4px);
705
665
  margin-block-end: var(--space-xxs-3o1yoq, 4px);
706
666
  }
707
667
 
708
- .awsui_action-button_1q84n_oiqxc_29:not(#\9),
709
- .awsui_action-slot_1q84n_oiqxc_735:not(#\9) {
668
+ .awsui_action-button_1q84n_1qb5k_29:not(#\9),
669
+ .awsui_action-slot_1q84n_1qb5k_695:not(#\9) {
710
670
  /* Only used as a selector for test-utils */
711
671
  }
712
672
 
713
- .awsui_flash-type-success_1q84n_oiqxc_739:not(#\9) {
673
+ .awsui_flash-type-success_1q84n_1qb5k_699:not(#\9) {
714
674
  background-color: var(--color-background-flashbar-success-zie99h, #00802f);
715
675
  border-inline-start-color: var(--color-border-status-success-zsy8d6, #00802f);
716
676
  }
717
- .awsui_flash-type-success_1q84n_oiqxc_739 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-focus-container_1q84n_oiqxc_651 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9) {
677
+ .awsui_flash-type-success_1q84n_1qb5k_699 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-focus-container_1q84n_1qb5k_611 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9) {
718
678
  color: var(--color-text-flashbar-icon-success-m3u8zi, #00802f);
719
679
  }
720
680
 
721
- .awsui_flash-type-error_1q84n_oiqxc_747:not(#\9) {
681
+ .awsui_flash-type-error_1q84n_1qb5k_707:not(#\9) {
722
682
  background-color: var(--color-background-flashbar-error-i9pesb, #db0000);
723
683
  border-inline-start-color: var(--color-border-status-error-nczvil, #db0000);
724
684
  }
725
- .awsui_flash-type-error_1q84n_oiqxc_747 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-focus-container_1q84n_oiqxc_651 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9) {
685
+ .awsui_flash-type-error_1q84n_1qb5k_707 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-focus-container_1q84n_1qb5k_611 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9) {
726
686
  color: var(--color-text-flashbar-icon-error-iniskk, #db0000);
727
687
  }
728
688
 
729
- .awsui_flash-type-info_1q84n_oiqxc_755:not(#\9),
730
- .awsui_flash-type-in-progress_1q84n_oiqxc_756:not(#\9) {
689
+ .awsui_flash-type-info_1q84n_1qb5k_715:not(#\9),
690
+ .awsui_flash-type-in-progress_1q84n_1qb5k_716:not(#\9) {
731
691
  background-color: var(--color-background-flashbar-info-i0nahj, #006ce0);
732
692
  border-inline-start-color: var(--color-border-status-info-e5c14y, #006ce0);
733
693
  }
734
- .awsui_flash-type-info_1q84n_oiqxc_755 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-focus-container_1q84n_oiqxc_651 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9),
735
- .awsui_flash-type-in-progress_1q84n_oiqxc_756 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-focus-container_1q84n_oiqxc_651 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9) {
694
+ .awsui_flash-type-info_1q84n_1qb5k_715 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-focus-container_1q84n_1qb5k_611 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9),
695
+ .awsui_flash-type-in-progress_1q84n_1qb5k_716 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-focus-container_1q84n_1qb5k_611 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9) {
736
696
  color: var(--color-text-flashbar-icon-info-6gjbnj, #006ce0);
737
697
  }
738
698
 
739
- .awsui_flash-type-warning_1q84n_oiqxc_765:not(#\9) {
699
+ .awsui_flash-type-warning_1q84n_1qb5k_725:not(#\9) {
740
700
  color: var(--color-text-notification-yellow-tk462k, #0f141a);
741
701
  background-color: var(--color-background-flashbar-warning-3uzdk3, #ffe347);
742
702
  border-inline-start-color: var(--color-border-status-warning-zj1tu9, #855900);
743
703
  }
744
- .awsui_flash-type-warning_1q84n_oiqxc_765 > .awsui_flash-body_1q84n_oiqxc_27 > .awsui_flash-focus-container_1q84n_oiqxc_651 > .awsui_flash-icon_1q84n_oiqxc_53:not(#\9) {
704
+ .awsui_flash-type-warning_1q84n_1qb5k_725 > .awsui_flash-body_1q84n_1qb5k_27 > .awsui_flash-focus-container_1q84n_1qb5k_611 > .awsui_flash-icon_1q84n_1qb5k_53:not(#\9) {
745
705
  color: var(--color-text-flashbar-icon-warning-0y4zrp, #855900);
746
706
  }