@cloudscape-design/components 3.0.1349 → 3.0.1351

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 (435) hide show
  1. package/action-card/styles.css.js +17 -17
  2. package/action-card/styles.scoped.css +95 -102
  3. package/action-card/styles.selectors.js +17 -17
  4. package/alert/styles.css.js +27 -27
  5. package/alert/styles.scoped.css +40 -44
  6. package/alert/styles.selectors.js +27 -27
  7. package/anchor-navigation/styles.css.js +8 -8
  8. package/anchor-navigation/styles.scoped.css +18 -22
  9. package/anchor-navigation/styles.selectors.js +8 -8
  10. package/annotation-context/annotation/styles.css.js +13 -13
  11. package/annotation-context/annotation/styles.scoped.css +20 -24
  12. package/annotation-context/annotation/styles.selectors.js +13 -13
  13. package/app-layout/content-wrapper/styles.css.js +3 -3
  14. package/app-layout/content-wrapper/styles.scoped.css +6 -10
  15. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  16. package/app-layout/drawer/styles.css.js +14 -14
  17. package/app-layout/drawer/styles.scoped.css +22 -26
  18. package/app-layout/drawer/styles.selectors.js +14 -14
  19. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  20. package/app-layout/mobile-toolbar/styles.scoped.css +8 -12
  21. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  22. package/app-layout/resize/styles.css.js +5 -5
  23. package/app-layout/resize/styles.scoped.css +12 -16
  24. package/app-layout/resize/styles.selectors.js +5 -5
  25. package/app-layout/split-panel/styles.css.js +2 -2
  26. package/app-layout/split-panel/styles.scoped.css +2 -6
  27. package/app-layout/split-panel/styles.selectors.js +2 -2
  28. package/app-layout/styles.css.js +12 -12
  29. package/app-layout/styles.scoped.css +12 -16
  30. package/app-layout/styles.selectors.js +12 -12
  31. package/app-layout/toggles/styles.css.js +2 -2
  32. package/app-layout/toggles/styles.scoped.css +6 -10
  33. package/app-layout/toggles/styles.selectors.js +2 -2
  34. package/app-layout/visual-refresh/styles.css.js +86 -86
  35. package/app-layout/visual-refresh/styles.scoped.css +163 -179
  36. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  37. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  38. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +83 -102
  39. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  40. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  41. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +9 -13
  42. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  43. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
  44. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +59 -63
  45. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
  46. package/app-layout/visual-refresh-toolbar/split-panel/styles.css.js +1 -1
  47. package/app-layout/visual-refresh-toolbar/split-panel/styles.scoped.css +1 -5
  48. package/app-layout/visual-refresh-toolbar/split-panel/styles.selectors.js +1 -1
  49. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
  50. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +31 -48
  51. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
  52. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +6 -6
  53. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +14 -18
  54. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +6 -6
  55. package/area-chart/styles.css.js +6 -6
  56. package/area-chart/styles.scoped.css +9 -13
  57. package/area-chart/styles.selectors.js +6 -6
  58. package/attribute-editor/styles.css.js +15 -15
  59. package/attribute-editor/styles.scoped.css +25 -32
  60. package/attribute-editor/styles.selectors.js +15 -15
  61. package/badge/styles.css.js +10 -10
  62. package/badge/styles.scoped.css +10 -14
  63. package/badge/styles.selectors.js +10 -10
  64. package/box/styles.css.js +220 -220
  65. package/box/styles.scoped.css +265 -269
  66. package/box/styles.selectors.js +220 -220
  67. package/breadcrumb-group/item/styles.css.js +7 -7
  68. package/breadcrumb-group/item/styles.scoped.css +25 -33
  69. package/breadcrumb-group/item/styles.selectors.js +7 -7
  70. package/breadcrumb-group/styles.css.js +14 -14
  71. package/breadcrumb-group/styles.scoped.css +24 -31
  72. package/breadcrumb-group/styles.selectors.js +14 -14
  73. package/button/icon-helper.js +1 -1
  74. package/button/icon-helper.js.map +1 -1
  75. package/button/styles.css.js +23 -23
  76. package/button/styles.scoped.css +70 -74
  77. package/button/styles.selectors.js +23 -23
  78. package/button-dropdown/category-elements/styles.css.js +18 -18
  79. package/button-dropdown/category-elements/styles.scoped.css +28 -36
  80. package/button-dropdown/category-elements/styles.selectors.js +18 -18
  81. package/button-dropdown/item-element/styles.css.js +21 -21
  82. package/button-dropdown/item-element/styles.scoped.css +34 -38
  83. package/button-dropdown/item-element/styles.selectors.js +21 -21
  84. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  85. package/button-dropdown/mobile-expandable-group/styles.scoped.css +5 -9
  86. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  87. package/button-dropdown/styles.css.js +23 -23
  88. package/button-dropdown/styles.scoped.css +32 -43
  89. package/button-dropdown/styles.selectors.js +23 -23
  90. package/button-group/styles.css.js +4 -4
  91. package/button-group/styles.scoped.css +4 -8
  92. package/button-group/styles.selectors.js +4 -4
  93. package/calendar/styles.css.js +21 -21
  94. package/calendar/styles.scoped.css +43 -47
  95. package/calendar/styles.selectors.js +21 -21
  96. package/cards/styles.css.js +38 -38
  97. package/cards/styles.scoped.css +39 -43
  98. package/cards/styles.selectors.js +38 -38
  99. package/checkbox/styles.css.js +3 -3
  100. package/checkbox/styles.scoped.css +5 -9
  101. package/checkbox/styles.selectors.js +3 -3
  102. package/code-editor/resizable-box/styles.css.js +4 -4
  103. package/code-editor/resizable-box/styles.scoped.css +6 -10
  104. package/code-editor/resizable-box/styles.selectors.js +4 -4
  105. package/code-editor/styles.css.js +33 -33
  106. package/code-editor/styles.scoped.css +138 -142
  107. package/code-editor/styles.selectors.js +33 -33
  108. package/collection-preferences/styles.css.js +38 -38
  109. package/collection-preferences/styles.scoped.css +39 -43
  110. package/collection-preferences/styles.selectors.js +38 -38
  111. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  112. package/column-layout/flexible-column-layout/styles.scoped.css +8 -12
  113. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  114. package/column-layout/styles.css.js +13 -13
  115. package/column-layout/styles.scoped.css +43 -47
  116. package/column-layout/styles.selectors.js +13 -13
  117. package/container/styles.css.js +33 -33
  118. package/container/styles.scoped.css +56 -60
  119. package/container/styles.selectors.js +33 -33
  120. package/content-layout/styles.css.js +14 -14
  121. package/content-layout/styles.scoped.css +16 -20
  122. package/content-layout/styles.selectors.js +14 -14
  123. package/date-picker/styles.css.js +7 -7
  124. package/date-picker/styles.scoped.css +9 -13
  125. package/date-picker/styles.selectors.js +7 -7
  126. package/date-range-picker/calendar/grids/styles.css.js +30 -30
  127. package/date-range-picker/calendar/grids/styles.scoped.css +55 -59
  128. package/date-range-picker/calendar/grids/styles.selectors.js +30 -30
  129. package/date-range-picker/relative-range/styles.css.js +6 -6
  130. package/date-range-picker/relative-range/styles.scoped.css +10 -14
  131. package/date-range-picker/relative-range/styles.selectors.js +6 -6
  132. package/date-range-picker/styles.css.js +23 -23
  133. package/date-range-picker/styles.scoped.css +32 -36
  134. package/date-range-picker/styles.selectors.js +23 -23
  135. package/divider/styles.css.js +6 -6
  136. package/divider/styles.scoped.css +6 -10
  137. package/divider/styles.selectors.js +6 -6
  138. package/drawer/styles.css.js +29 -29
  139. package/drawer/styles.scoped.css +35 -39
  140. package/drawer/styles.selectors.js +29 -29
  141. package/dropdown/styles.css.js +20 -20
  142. package/dropdown/styles.scoped.css +37 -41
  143. package/dropdown/styles.selectors.js +20 -20
  144. package/expandable-section/styles.css.js +43 -43
  145. package/expandable-section/styles.scoped.css +99 -168
  146. package/expandable-section/styles.selectors.js +43 -43
  147. package/file-dropzone/styles.css.js +3 -3
  148. package/file-dropzone/styles.scoped.css +3 -7
  149. package/file-dropzone/styles.selectors.js +3 -3
  150. package/file-input/styles.css.js +5 -5
  151. package/file-input/styles.scoped.css +8 -12
  152. package/file-input/styles.selectors.js +5 -5
  153. package/file-token-group/styles.css.js +23 -23
  154. package/file-token-group/styles.scoped.css +33 -37
  155. package/file-token-group/styles.selectors.js +23 -23
  156. package/flashbar/styles.css.js +50 -50
  157. package/flashbar/styles.scoped.css +188 -152
  158. package/flashbar/styles.selectors.js +50 -50
  159. package/form/styles.css.js +8 -8
  160. package/form/styles.scoped.css +8 -12
  161. package/form/styles.selectors.js +8 -8
  162. package/form-field/styles.css.js +24 -24
  163. package/form-field/styles.scoped.css +38 -42
  164. package/form-field/styles.selectors.js +24 -24
  165. package/grid/styles.css.js +53 -53
  166. package/grid/styles.scoped.css +54 -58
  167. package/grid/styles.selectors.js +53 -53
  168. package/header/styles.css.js +35 -35
  169. package/header/styles.scoped.css +54 -58
  170. package/header/styles.selectors.js +35 -35
  171. package/help-panel/styles.css.js +6 -6
  172. package/help-panel/styles.scoped.css +66 -70
  173. package/help-panel/styles.selectors.js +6 -6
  174. package/hotspot/styles.css.js +7 -7
  175. package/hotspot/styles.scoped.css +7 -11
  176. package/hotspot/styles.selectors.js +7 -7
  177. package/icon/generated/icons.js +202 -176
  178. package/icon/generated/icons.js.map +1 -1
  179. package/icon/styles.css.js +41 -41
  180. package/icon/styles.scoped.css +91 -95
  181. package/icon/styles.selectors.js +41 -41
  182. package/input/internal.js +1 -1
  183. package/input/internal.js.map +1 -1
  184. package/input/styles.css.js +28 -28
  185. package/input/styles.scoped.css +68 -72
  186. package/input/styles.selectors.js +28 -28
  187. package/internal/base-component/styles.scoped.css +1 -1
  188. package/internal/components/abstract-switch/styles.css.js +13 -13
  189. package/internal/components/abstract-switch/styles.scoped.css +20 -24
  190. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  191. package/internal/components/button-trigger/styles.css.js +14 -14
  192. package/internal/components/button-trigger/styles.scoped.css +29 -39
  193. package/internal/components/button-trigger/styles.selectors.js +14 -14
  194. package/internal/components/cartesian-chart/styles.css.js +28 -28
  195. package/internal/components/cartesian-chart/styles.scoped.css +32 -36
  196. package/internal/components/cartesian-chart/styles.selectors.js +28 -28
  197. package/internal/components/chart-filter/styles.css.js +3 -3
  198. package/internal/components/chart-filter/styles.scoped.css +3 -7
  199. package/internal/components/chart-filter/styles.selectors.js +3 -3
  200. package/internal/components/chart-legend/styles.css.js +6 -6
  201. package/internal/components/chart-legend/styles.scoped.css +14 -18
  202. package/internal/components/chart-legend/styles.selectors.js +6 -6
  203. package/internal/components/chart-plot/styles.css.js +5 -5
  204. package/internal/components/chart-plot/styles.scoped.css +5 -9
  205. package/internal/components/chart-plot/styles.selectors.js +5 -5
  206. package/internal/components/chart-popover/styles.css.js +3 -3
  207. package/internal/components/chart-popover/styles.scoped.css +4 -8
  208. package/internal/components/chart-popover/styles.selectors.js +3 -3
  209. package/internal/components/chart-series-details/styles.css.js +19 -19
  210. package/internal/components/chart-series-details/styles.scoped.css +32 -36
  211. package/internal/components/chart-series-details/styles.selectors.js +19 -19
  212. package/internal/components/chart-series-marker/styles.css.js +5 -5
  213. package/internal/components/chart-series-marker/styles.scoped.css +7 -11
  214. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  215. package/internal/components/chart-wrapper/styles.css.js +9 -9
  216. package/internal/components/chart-wrapper/styles.scoped.css +9 -13
  217. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  218. package/internal/components/checkbox-icon/styles.css.js +9 -9
  219. package/internal/components/checkbox-icon/styles.scoped.css +9 -13
  220. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  221. package/internal/components/drag-handle/styles.css.js +14 -14
  222. package/internal/components/drag-handle/styles.scoped.css +20 -24
  223. package/internal/components/drag-handle/styles.selectors.js +14 -14
  224. package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  225. package/internal/components/drag-handle-wrapper/styles.scoped.css +48 -52
  226. package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  227. package/internal/components/dropdown-footer/styles.css.js +3 -3
  228. package/internal/components/dropdown-footer/styles.scoped.css +3 -7
  229. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  230. package/internal/components/dropdown-status/styles.css.js +2 -2
  231. package/internal/components/dropdown-status/styles.scoped.css +2 -6
  232. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  233. package/internal/components/expand-toggle-button/styles.css.js +4 -4
  234. package/internal/components/expand-toggle-button/styles.scoped.css +13 -17
  235. package/internal/components/expand-toggle-button/styles.selectors.js +4 -4
  236. package/internal/components/menu-dropdown/styles.css.js +7 -7
  237. package/internal/components/menu-dropdown/styles.scoped.css +13 -17
  238. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  239. package/internal/components/option/styles.css.js +17 -17
  240. package/internal/components/option/styles.scoped.css +29 -33
  241. package/internal/components/option/styles.selectors.js +17 -17
  242. package/internal/components/options-list/styles.css.js +3 -3
  243. package/internal/components/options-list/styles.scoped.css +3 -7
  244. package/internal/components/options-list/styles.selectors.js +3 -3
  245. package/internal/components/panel-resize-handle/styles.css.js +3 -3
  246. package/internal/components/panel-resize-handle/styles.scoped.css +7 -11
  247. package/internal/components/panel-resize-handle/styles.selectors.js +3 -3
  248. package/internal/components/radio-button/styles.css.js +7 -7
  249. package/internal/components/radio-button/styles.scoped.css +12 -16
  250. package/internal/components/radio-button/styles.selectors.js +7 -7
  251. package/internal/components/screenreader-only/styles.css.js +1 -1
  252. package/internal/components/screenreader-only/styles.scoped.css +1 -5
  253. package/internal/components/screenreader-only/styles.selectors.js +1 -1
  254. package/internal/components/selectable-item/styles.css.js +22 -22
  255. package/internal/components/selectable-item/styles.scoped.css +49 -53
  256. package/internal/components/selectable-item/styles.selectors.js +22 -22
  257. package/internal/components/sortable-area/styles.css.js +8 -8
  258. package/internal/components/sortable-area/styles.scoped.css +15 -19
  259. package/internal/components/sortable-area/styles.selectors.js +8 -8
  260. package/internal/components/structured-item/styles.css.js +7 -7
  261. package/internal/components/structured-item/styles.scoped.css +9 -13
  262. package/internal/components/structured-item/styles.selectors.js +7 -7
  263. package/internal/components/token-list/styles.css.js +10 -10
  264. package/internal/components/token-list/styles.scoped.css +22 -26
  265. package/internal/components/token-list/styles.selectors.js +10 -10
  266. package/internal/environment.js +2 -2
  267. package/internal/environment.json +2 -2
  268. package/internal/manifest.json +1 -1
  269. package/item-card/styles.css.js +14 -14
  270. package/item-card/styles.scoped.css +50 -54
  271. package/item-card/styles.selectors.js +14 -14
  272. package/key-value-pairs/styles.css.js +8 -8
  273. package/key-value-pairs/styles.scoped.css +9 -13
  274. package/key-value-pairs/styles.selectors.js +8 -8
  275. package/link/styles.css.js +21 -21
  276. package/link/styles.scoped.css +72 -125
  277. package/link/styles.selectors.js +21 -21
  278. package/list/styles.css.js +5 -5
  279. package/list/styles.scoped.css +7 -11
  280. package/list/styles.selectors.js +5 -5
  281. package/live-region/styles.css.js +2 -2
  282. package/live-region/styles.scoped.css +3 -7
  283. package/live-region/styles.selectors.js +2 -2
  284. package/manifest.json +2 -2
  285. package/mixed-line-bar-chart/styles.css.js +11 -11
  286. package/mixed-line-bar-chart/styles.scoped.css +17 -21
  287. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  288. package/modal/styles.css.js +31 -31
  289. package/modal/styles.scoped.css +46 -50
  290. package/modal/styles.selectors.js +31 -31
  291. package/multiselect/styles.css.js +5 -5
  292. package/multiselect/styles.scoped.css +5 -9
  293. package/multiselect/styles.selectors.js +5 -5
  294. package/package.json +1 -1
  295. package/pagination/styles.css.js +12 -12
  296. package/pagination/styles.scoped.css +30 -34
  297. package/pagination/styles.selectors.js +12 -12
  298. package/panel-layout/styles.css.js +7 -7
  299. package/panel-layout/styles.scoped.css +10 -14
  300. package/panel-layout/styles.selectors.js +7 -7
  301. package/pie-chart/styles.css.js +27 -27
  302. package/pie-chart/styles.scoped.css +48 -52
  303. package/pie-chart/styles.selectors.js +27 -27
  304. package/popover/styles.css.js +58 -58
  305. package/popover/styles.scoped.css +90 -94
  306. package/popover/styles.selectors.js +58 -58
  307. package/progress-bar/styles.css.js +19 -19
  308. package/progress-bar/styles.scoped.css +30 -34
  309. package/progress-bar/styles.selectors.js +19 -19
  310. package/prompt-input/styles.css.js +26 -26
  311. package/prompt-input/styles.scoped.css +53 -57
  312. package/prompt-input/styles.selectors.js +26 -26
  313. package/property-filter/filtering-token/styles.css.js +18 -18
  314. package/property-filter/filtering-token/styles.scoped.css +43 -47
  315. package/property-filter/filtering-token/styles.selectors.js +18 -18
  316. package/property-filter/styles.css.js +39 -39
  317. package/property-filter/styles.scoped.css +41 -45
  318. package/property-filter/styles.selectors.js +39 -39
  319. package/radio-button/styles.css.js +1 -1
  320. package/radio-button/styles.scoped.css +1 -5
  321. package/radio-button/styles.selectors.js +1 -1
  322. package/radio-group/styles.css.js +5 -5
  323. package/radio-group/styles.scoped.css +6 -10
  324. package/radio-group/styles.selectors.js +5 -5
  325. package/s3-resource-selector/s3-modal/styles.css.js +3 -3
  326. package/s3-resource-selector/s3-modal/styles.scoped.css +3 -7
  327. package/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
  328. package/segmented-control/styles.css.js +16 -16
  329. package/segmented-control/styles.scoped.css +32 -36
  330. package/segmented-control/styles.selectors.js +16 -16
  331. package/select/parts/styles.css.js +21 -21
  332. package/select/parts/styles.scoped.css +22 -26
  333. package/select/parts/styles.selectors.js +21 -21
  334. package/select/styles.css.js +3 -3
  335. package/select/styles.scoped.css +3 -7
  336. package/select/styles.selectors.js +3 -3
  337. package/side-navigation/styles.css.js +64 -64
  338. package/side-navigation/styles.scoped.css +110 -404
  339. package/side-navigation/styles.selectors.js +64 -64
  340. package/skeleton/styles.css.js +15 -15
  341. package/skeleton/styles.scoped.css +25 -29
  342. package/skeleton/styles.selectors.js +15 -15
  343. package/slider/styles.css.js +26 -26
  344. package/slider/styles.scoped.css +76 -80
  345. package/slider/styles.selectors.js +26 -26
  346. package/space-between/styles.css.js +23 -23
  347. package/space-between/styles.scoped.css +24 -28
  348. package/space-between/styles.selectors.js +23 -23
  349. package/spinner/styles.css.js +13 -13
  350. package/spinner/styles.scoped.css +20 -24
  351. package/spinner/styles.selectors.js +13 -13
  352. package/split-panel/icons/styles.css.js +22 -22
  353. package/split-panel/icons/styles.scoped.css +24 -28
  354. package/split-panel/icons/styles.selectors.js +22 -22
  355. package/split-panel/styles.css.js +38 -38
  356. package/split-panel/styles.scoped.css +56 -60
  357. package/split-panel/styles.selectors.js +38 -38
  358. package/status-indicator/styles.css.js +25 -25
  359. package/status-indicator/styles.scoped.css +47 -76
  360. package/status-indicator/styles.selectors.js +25 -25
  361. package/steps/styles.css.js +17 -17
  362. package/steps/styles.scoped.css +34 -38
  363. package/steps/styles.selectors.js +17 -17
  364. package/table/body-cell/styles.css.js +48 -48
  365. package/table/body-cell/styles.scoped.css +375 -379
  366. package/table/body-cell/styles.selectors.js +48 -48
  367. package/table/header-cell/styles.css.js +38 -38
  368. package/table/header-cell/styles.scoped.css +108 -80
  369. package/table/header-cell/styles.selectors.js +38 -38
  370. package/table/resizer/styles.css.js +17 -17
  371. package/table/resizer/styles.scoped.css +27 -31
  372. package/table/resizer/styles.selectors.js +17 -17
  373. package/table/selection/styles.css.js +4 -4
  374. package/table/selection/styles.scoped.css +4 -8
  375. package/table/selection/styles.selectors.js +4 -4
  376. package/table/sticky-scrollbar/styles.css.js +6 -6
  377. package/table/sticky-scrollbar/styles.scoped.css +8 -12
  378. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  379. package/table/styles.css.js +37 -37
  380. package/table/styles.scoped.css +44 -48
  381. package/table/styles.selectors.js +37 -37
  382. package/tabs/styles.css.js +30 -30
  383. package/tabs/styles.scoped.css +50 -54
  384. package/tabs/styles.selectors.js +30 -30
  385. package/tag-editor/styles.css.js +3 -3
  386. package/tag-editor/styles.scoped.css +10 -14
  387. package/tag-editor/styles.selectors.js +3 -3
  388. package/text-content/styles.css.js +1 -1
  389. package/text-content/styles.scoped.css +60 -64
  390. package/text-content/styles.selectors.js +1 -1
  391. package/text-filter/styles.css.js +3 -3
  392. package/text-filter/styles.scoped.css +3 -7
  393. package/text-filter/styles.selectors.js +3 -3
  394. package/textarea/styles.css.js +9 -9
  395. package/textarea/styles.scoped.css +17 -21
  396. package/textarea/styles.selectors.js +9 -9
  397. package/tiles/styles.css.js +30 -30
  398. package/tiles/styles.scoped.css +72 -76
  399. package/tiles/styles.selectors.js +30 -30
  400. package/toggle/styles.css.js +10 -10
  401. package/toggle/styles.scoped.css +17 -21
  402. package/toggle/styles.selectors.js +10 -10
  403. package/token/styles.css.js +14 -14
  404. package/token/styles.scoped.css +26 -34
  405. package/token/styles.selectors.js +14 -14
  406. package/token-group/styles.css.js +5 -5
  407. package/token-group/styles.scoped.css +4 -8
  408. package/token-group/styles.selectors.js +5 -5
  409. package/tooltip/styles.css.js +2 -2
  410. package/tooltip/styles.scoped.css +5 -9
  411. package/tooltip/styles.selectors.js +2 -2
  412. package/top-navigation/styles.css.js +47 -47
  413. package/top-navigation/styles.scoped.css +65 -69
  414. package/top-navigation/styles.selectors.js +47 -47
  415. package/tree-view/styles.css.js +2 -2
  416. package/tree-view/styles.scoped.css +2 -6
  417. package/tree-view/styles.selectors.js +2 -2
  418. package/tree-view/tree-item/styles.css.js +10 -10
  419. package/tree-view/tree-item/styles.scoped.css +14 -28
  420. package/tree-view/tree-item/styles.selectors.js +10 -10
  421. package/truncated-text/styles.css.js +1 -1
  422. package/truncated-text/styles.scoped.css +5 -9
  423. package/truncated-text/styles.selectors.js +1 -1
  424. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  425. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +21 -25
  426. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  427. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  428. package/tutorial-panel/components/tutorial-list/styles.scoped.css +27 -31
  429. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  430. package/tutorial-panel/styles.css.js +1 -1
  431. package/tutorial-panel/styles.scoped.css +5 -9
  432. package/tutorial-panel/styles.selectors.js +1 -1
  433. package/wizard/styles.css.js +30 -30
  434. package/wizard/styles.scoped.css +60 -64
  435. package/wizard/styles.selectors.js +30 -30
@@ -114,6 +114,26 @@
114
114
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
115
115
  SPDX-License-Identifier: Apache-2.0
116
116
  */
117
+ /*
118
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
119
+ SPDX-License-Identifier: Apache-2.0
120
+ */
121
+ /*
122
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
123
+ SPDX-License-Identifier: Apache-2.0
124
+ */
125
+ /*
126
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
127
+ SPDX-License-Identifier: Apache-2.0
128
+ */
129
+ /*
130
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
131
+ SPDX-License-Identifier: Apache-2.0
132
+ */
133
+ /*
134
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
135
+ SPDX-License-Identifier: Apache-2.0
136
+ */
117
137
  /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
118
138
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
119
139
  /*
@@ -144,6 +164,14 @@
144
164
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
145
165
  SPDX-License-Identifier: Apache-2.0
146
166
  */
167
+ /*
168
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
169
+ SPDX-License-Identifier: Apache-2.0
170
+ */
171
+ /*
172
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
173
+ SPDX-License-Identifier: Apache-2.0
174
+ */
147
175
  /* Style used for links in slots/components that are text heavy, to help links stand out among
148
176
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
149
177
  /*
@@ -154,54 +182,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
154
182
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
155
183
  SPDX-License-Identifier: Apache-2.0
156
184
  */
157
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157:not(#\9) {
185
+ /*
186
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
+ SPDX-License-Identifier: Apache-2.0
188
+ */
189
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189:not(#\9) {
158
190
  opacity: 0;
159
191
  transform: translateY(-20px);
160
192
  }
161
193
  @media (prefers-reduced-motion: reduce) {
162
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157:not(#\9) {
194
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189:not(#\9) {
163
195
  animation: none;
164
196
  transition: none;
165
197
  }
166
198
  }
167
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157:not(#\9) {
199
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189:not(#\9) {
168
200
  animation: none;
169
201
  transition: none;
170
202
  }
171
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9),
172
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9),
173
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9),
174
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9) {
203
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9),
204
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9),
205
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9),
206
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9) {
175
207
  opacity: 0;
176
208
  transform: translateY(-8px);
177
209
  }
178
210
  @media (prefers-reduced-motion: reduce) {
179
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9),
180
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9),
181
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9),
182
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9) {
211
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9),
212
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9),
213
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9),
214
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9) {
183
215
  animation: none;
184
216
  transition: none;
185
217
  }
186
218
  }
187
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9) {
219
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9) {
188
220
  animation: none;
189
221
  transition: none;
190
222
  }
191
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9) {
223
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9) {
192
224
  opacity: 0;
193
225
  }
194
226
  @media (prefers-reduced-motion: reduce) {
195
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9) {
227
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9) {
196
228
  animation: none;
197
229
  transition: none;
198
230
  }
199
231
  }
200
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_enter_1q84n_1ow9o_157 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9) {
232
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9) {
201
233
  animation: none;
202
234
  transition: none;
203
235
  }
204
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210:not(#\9) {
236
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242:not(#\9) {
205
237
  transition-property: transform, opacity;
206
238
  transition-duration: var(--motion-duration-complex-tbdo30, 250ms);
207
239
  transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
@@ -209,25 +241,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
209
241
  transform: translateY(0);
210
242
  }
211
243
  @media (prefers-reduced-motion: reduce) {
212
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210:not(#\9) {
244
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242:not(#\9) {
213
245
  animation: none;
214
246
  transition: none;
215
247
  }
216
248
  }
217
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210:not(#\9) {
249
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242:not(#\9) {
218
250
  animation: none;
219
251
  transition: none;
220
252
  }
221
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9),
222
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9),
223
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9),
224
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9),
225
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9),
226
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9),
227
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9),
228
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9),
229
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9),
230
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9) {
253
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9),
254
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9),
255
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9),
256
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9),
257
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9),
258
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9),
259
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9),
260
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9),
261
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9),
262
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9) {
231
263
  opacity: 1;
232
264
  transform: translateY(0);
233
265
  transition-property: transform, opacity;
@@ -235,83 +267,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
235
267
  transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
236
268
  }
237
269
  @media (prefers-reduced-motion: reduce) {
238
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9),
239
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9),
240
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9),
241
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9),
242
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9),
243
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9),
244
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9),
245
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9),
246
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9),
247
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9) {
270
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9),
271
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9),
272
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9),
273
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9),
274
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9),
275
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9),
276
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9),
277
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9),
278
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9),
279
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9) {
248
280
  animation: none;
249
281
  transition: none;
250
282
  }
251
283
  }
252
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9) {
284
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9) {
253
285
  animation: none;
254
286
  transition: none;
255
287
  }
256
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9), .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9) {
288
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9), .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9) {
257
289
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) - 50ms);
258
290
  }
259
291
  @media (prefers-reduced-motion: reduce) {
260
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9), .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9) {
292
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9), .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9) {
261
293
  animation: none;
262
294
  transition: none;
263
295
  }
264
296
  }
265
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9) {
297
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9) {
266
298
  animation: none;
267
299
  transition: none;
268
300
  }
269
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9), .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9) {
301
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9), .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9) {
270
302
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
271
303
  }
272
304
  @media (prefers-reduced-motion: reduce) {
273
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9), .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9) {
305
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9), .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9) {
274
306
  animation: none;
275
307
  transition: none;
276
308
  }
277
309
  }
278
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-header_1q84n_1ow9o_171:not(#\9) {
310
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-header_1q84n_emt9t_203:not(#\9) {
279
311
  animation: none;
280
312
  transition: none;
281
313
  }
282
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9), .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9) {
314
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9), .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9) {
283
315
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
284
316
  }
285
317
  @media (prefers-reduced-motion: reduce) {
286
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9), .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9) {
318
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9), .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9) {
287
319
  animation: none;
288
320
  transition: none;
289
321
  }
290
322
  }
291
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-message_1q84n_1ow9o_171 > .awsui_flash-content_1q84n_1ow9o_172:not(#\9) {
323
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-message_1q84n_emt9t_203 > .awsui_flash-content_1q84n_emt9t_204:not(#\9) {
292
324
  animation: none;
293
325
  transition: none;
294
326
  }
295
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9),
296
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9),
297
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9),
298
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9) {
327
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9),
328
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9),
329
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9),
330
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9) {
299
331
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) * 2 - 100ms);
300
332
  }
301
333
  @media (prefers-reduced-motion: reduce) {
302
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9),
303
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9),
304
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9),
305
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9) {
334
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9),
335
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9),
336
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9),
337
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9) {
306
338
  animation: none;
307
339
  transition: none;
308
340
  }
309
341
  }
310
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entering_1q84n_1ow9o_210 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_entered_1q84n_1ow9o_231 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9) {
342
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entering_1q84n_emt9t_242 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_entered_1q84n_emt9t_263 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9) {
311
343
  animation: none;
312
344
  transition: none;
313
345
  }
314
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_exiting_1q84n_1ow9o_336:not(#\9) {
346
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_exiting_1q84n_emt9t_368:not(#\9) {
315
347
  opacity: 0;
316
348
  transform: translateY(-20px);
317
349
  transition-property: transform, opacity;
@@ -319,12 +351,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
319
351
  transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
320
352
  }
321
353
  @media (prefers-reduced-motion: reduce) {
322
- .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_exiting_1q84n_1ow9o_336:not(#\9) {
354
+ .awsui_flash-with-motion_1q84n_emt9t_189.awsui_exiting_1q84n_emt9t_368:not(#\9) {
323
355
  animation: none;
324
356
  transition: none;
325
357
  }
326
358
  }
327
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_exiting_1q84n_1ow9o_336:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ow9o_157.awsui_exiting_1q84n_1ow9o_336:not(#\9) {
359
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_emt9t_189.awsui_exiting_1q84n_emt9t_368:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_emt9t_189.awsui_exiting_1q84n_emt9t_368:not(#\9) {
328
360
  animation: none;
329
361
  transition: none;
330
362
  }
@@ -345,35 +377,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
345
377
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
346
378
  SPDX-License-Identifier: Apache-2.0
347
379
  */
348
- .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370 > .awsui_item_1q84n_1ow9o_370:not(#\9),
349
- .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370 > .awsui_flash-list-item_1q84n_1ow9o_371:not(#\9),
350
- .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370.awsui_notification-bar_1q84n_1ow9o_372:not(#\9) {
380
+ /*
381
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
382
+ SPDX-License-Identifier: Apache-2.0
383
+ */
384
+ .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406 > .awsui_item_1q84n_emt9t_406:not(#\9),
385
+ .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406 > .awsui_flash-list-item_1q84n_emt9t_407:not(#\9),
386
+ .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406.awsui_notification-bar_1q84n_emt9t_408:not(#\9) {
351
387
  transition-timing-function: var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
352
388
  transition-duration: var(--motion-duration-responsive-mehora, 115ms);
353
389
  }
354
390
  @media (prefers-reduced-motion: reduce) {
355
- .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370 > .awsui_item_1q84n_1ow9o_370:not(#\9),
356
- .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370 > .awsui_flash-list-item_1q84n_1ow9o_371:not(#\9),
357
- .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370.awsui_notification-bar_1q84n_1ow9o_372:not(#\9) {
391
+ .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406 > .awsui_item_1q84n_emt9t_406:not(#\9),
392
+ .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406 > .awsui_flash-list-item_1q84n_emt9t_407:not(#\9),
393
+ .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406.awsui_notification-bar_1q84n_emt9t_408:not(#\9) {
358
394
  animation: none;
359
395
  transition: none;
360
396
  }
361
397
  }
362
- .awsui-motion-disabled .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370 > .awsui_item_1q84n_1ow9o_370:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370 > .awsui_item_1q84n_1ow9o_370:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370 > .awsui_flash-list-item_1q84n_1ow9o_371:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370 > .awsui_flash-list-item_1q84n_1ow9o_371:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370.awsui_notification-bar_1q84n_1ow9o_372:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1ow9o_370 > .awsui_animation-running_1q84n_1ow9o_370.awsui_notification-bar_1q84n_1ow9o_372:not(#\9) {
398
+ .awsui-motion-disabled .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406 > .awsui_item_1q84n_emt9t_406:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406 > .awsui_item_1q84n_emt9t_406:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406 > .awsui_flash-list-item_1q84n_emt9t_407:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406 > .awsui_flash-list-item_1q84n_emt9t_407:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406.awsui_notification-bar_1q84n_emt9t_408:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406.awsui_notification-bar_1q84n_emt9t_408:not(#\9) {
363
399
  animation: none;
364
400
  transition: none;
365
401
  }
366
- .awsui_stack_1q84n_1ow9o_370 > .awsui_collapsed_1q84n_1ow9o_392.awsui_animation-ready_1q84n_1ow9o_392 > .awsui_expanded-only_1q84n_1ow9o_392:not(#\9),
367
- .awsui_stack_1q84n_1ow9o_370 > .awsui_collapsed_1q84n_1ow9o_392.awsui_animation-running_1q84n_1ow9o_370 > .awsui_expanded-only_1q84n_1ow9o_392:not(#\9) {
402
+ .awsui_stack_1q84n_emt9t_406 > .awsui_collapsed_1q84n_emt9t_428.awsui_animation-ready_1q84n_emt9t_428 > .awsui_expanded-only_1q84n_emt9t_428:not(#\9),
403
+ .awsui_stack_1q84n_emt9t_406 > .awsui_collapsed_1q84n_emt9t_428.awsui_animation-running_1q84n_emt9t_406 > .awsui_expanded-only_1q84n_emt9t_428:not(#\9) {
368
404
  display: none;
369
405
  }
370
406
 
371
- .awsui_stack_1q84n_1ow9o_370:not(#\9) {
407
+ .awsui_stack_1q84n_emt9t_406:not(#\9) {
372
408
  display: grid;
373
409
  grid-template-columns: 30px 1fr 30px;
374
410
  }
375
411
 
376
- .awsui_stack_1q84n_1ow9o_370 > .awsui_expanded_1q84n_1ow9o_392:not(#\9) {
412
+ .awsui_stack_1q84n_emt9t_406 > .awsui_expanded_1q84n_emt9t_428:not(#\9) {
377
413
  grid-column: 1/4;
378
414
  }
379
415
 
@@ -387,21 +423,21 @@ the grid layout will be:
387
423
  [10px] [item 2 start] [10px] [fractional unit] [10px] [item 2 end] [10px]
388
424
  [10px] [10px] [item 3 start] [fractional unit] [item 3 end] [10px] [10px]
389
425
  */
390
- .awsui_stack_1q84n_1ow9o_370 > .awsui_collapsed_1q84n_1ow9o_392:not(#\9) {
426
+ .awsui_stack_1q84n_emt9t_406 > .awsui_collapsed_1q84n_emt9t_428:not(#\9) {
391
427
  display: grid;
392
428
  grid-column: 1/4;
393
429
  grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-esndbs), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-esndbs), 10px);
394
430
  row-gap: 8px;
395
431
  z-index: 0;
396
432
  }
397
- .awsui_stack_1q84n_1ow9o_370 > .awsui_collapsed_1q84n_1ow9o_392 > .awsui_item_1q84n_1ow9o_370:not(#\9) {
433
+ .awsui_stack_1q84n_emt9t_406 > .awsui_collapsed_1q84n_emt9t_428 > .awsui_item_1q84n_emt9t_406:not(#\9) {
398
434
  grid-column-start: calc(var(--awsui-flashbar-stack-index-esndbs) + 1);
399
435
  grid-column-end: calc(var(--awsui-flashbar-stack-depth-esndbs) * 2 + 1 - var(--awsui-flashbar-stack-index-esndbs) + 1);
400
436
  grid-row-start: 1;
401
437
  grid-row-end: calc(var(--awsui-flashbar-stack-index-esndbs) + 2);
402
438
  z-index: calc(var(--awsui-flashbar-stack-depth-esndbs) - var(--awsui-flashbar-stack-index-esndbs));
403
439
  }
404
- .awsui_stack_1q84n_1ow9o_370 > .awsui_collapsed_1q84n_1ow9o_392 > .awsui_item_1q84n_1ow9o_370:not(#\9):not(:first-of-type) {
440
+ .awsui_stack_1q84n_emt9t_406 > .awsui_collapsed_1q84n_emt9t_428 > .awsui_item_1q84n_emt9t_406:not(#\9):not(:first-of-type) {
405
441
  align-self: end;
406
442
  /* Give placeholder elements in the stacked state the height of a notification
407
443
  with one single line of text.
@@ -409,23 +445,23 @@ the grid layout will be:
409
445
  */
410
446
  min-block-size: calc(var(--line-height-body-m-2mh3ke, 20px) + (var(--space-scaled-xs-xwoogq, 8px) + var(--border-width-field-2xc78x, 1px) + var(--space-scaled-xxs-pfm1nx, 4px)) * 2);
411
447
  }
412
- .awsui_stack_1q84n_1ow9o_370 > .awsui_collapsed_1q84n_1ow9o_392 > .awsui_item_1q84n_1ow9o_370:not(#\9):not(:last-child) > .awsui_flash_1q84n_1ow9o_157,
413
- .awsui_stack_1q84n_1ow9o_370 > .awsui_collapsed_1q84n_1ow9o_392 > .awsui_item_1q84n_1ow9o_370.awsui_flash_1q84n_1ow9o_157:not(#\9) {
448
+ .awsui_stack_1q84n_emt9t_406 > .awsui_collapsed_1q84n_emt9t_428 > .awsui_item_1q84n_emt9t_406:not(#\9):not(:last-child) > .awsui_flash_1q84n_emt9t_189,
449
+ .awsui_stack_1q84n_emt9t_406 > .awsui_collapsed_1q84n_emt9t_428 > .awsui_item_1q84n_emt9t_406.awsui_flash_1q84n_emt9t_189:not(#\9) {
414
450
  box-shadow: var(--shadow-flash-collapsed-b68ip6, 0px 4px 4px rgba(0, 0, 0, 0.25));
415
451
  }
416
452
 
417
- .awsui_stack_1q84n_1ow9o_370 > .awsui_expanded_1q84n_1ow9o_392.awsui_animation-running_1q84n_1ow9o_370 > .awsui_flash-list-item_1q84n_1ow9o_371:not(#\9) {
453
+ .awsui_stack_1q84n_emt9t_406 > .awsui_expanded_1q84n_emt9t_428.awsui_animation-running_1q84n_emt9t_406 > .awsui_flash-list-item_1q84n_emt9t_407:not(#\9) {
418
454
  position: relative;
419
455
  z-index: calc(var(--awsui-flashbar-stack-depth-esndbs) - var(--awsui-flashbar-stack-index-esndbs));
420
456
  }
421
457
 
422
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448:not(#\9):not(.awsui_expanded_1q84n_1ow9o_392) {
458
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484:not(#\9):not(.awsui_expanded_1q84n_emt9t_428) {
423
459
  /*
424
460
  Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
425
461
  missing third item when there are only 2 items in the stack.
426
462
  */
427
463
  }
428
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448:not(#\9):not(.awsui_expanded_1q84n_1ow9o_392):not(.awsui_short-list_1q84n_1ow9o_454):not(.awsui_visual-refresh_1q84n_1ow9o_454) {
464
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484:not(#\9):not(.awsui_expanded_1q84n_emt9t_428):not(.awsui_short-list_1q84n_emt9t_490):not(.awsui_visual-refresh_1q84n_emt9t_490) {
429
465
  /*
430
466
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
431
467
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -437,14 +473,14 @@ the grid layout will be:
437
473
  --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
438
474
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 0px);
439
475
  }
440
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448:not(#\9):not(.awsui_expanded_1q84n_1ow9o_392):not(.awsui_short-list_1q84n_1ow9o_454):not(.awsui_visual-refresh_1q84n_1ow9o_454) > .awsui_notification-bar_1q84n_1ow9o_372 {
476
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484:not(#\9):not(.awsui_expanded_1q84n_emt9t_428):not(.awsui_short-list_1q84n_emt9t_490):not(.awsui_visual-refresh_1q84n_emt9t_490) > .awsui_notification-bar_1q84n_emt9t_408 {
441
477
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 0px);
442
478
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
443
479
  is the full height of the notification bar */
444
480
  margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 0px);
445
481
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
446
482
  }
447
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448:not(#\9):not(.awsui_expanded_1q84n_1ow9o_392):not(.awsui_short-list_1q84n_1ow9o_454).awsui_visual-refresh_1q84n_1ow9o_454 {
483
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484:not(#\9):not(.awsui_expanded_1q84n_emt9t_428):not(.awsui_short-list_1q84n_emt9t_490).awsui_visual-refresh_1q84n_emt9t_490 {
448
484
  /*
449
485
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
450
486
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -456,14 +492,14 @@ the grid layout will be:
456
492
  --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
457
493
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 0px);
458
494
  }
459
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448:not(#\9):not(.awsui_expanded_1q84n_1ow9o_392):not(.awsui_short-list_1q84n_1ow9o_454).awsui_visual-refresh_1q84n_1ow9o_454 > .awsui_notification-bar_1q84n_1ow9o_372 {
495
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484:not(#\9):not(.awsui_expanded_1q84n_emt9t_428):not(.awsui_short-list_1q84n_emt9t_490).awsui_visual-refresh_1q84n_emt9t_490 > .awsui_notification-bar_1q84n_emt9t_408 {
460
496
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 0px);
461
497
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
462
498
  is the full height of the notification bar */
463
499
  margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 0px);
464
500
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
465
501
  }
466
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448:not(#\9):not(.awsui_expanded_1q84n_1ow9o_392).awsui_short-list_1q84n_1ow9o_454:not(.awsui_visual-refresh_1q84n_1ow9o_454) {
502
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484:not(#\9):not(.awsui_expanded_1q84n_emt9t_428).awsui_short-list_1q84n_emt9t_490:not(.awsui_visual-refresh_1q84n_emt9t_490) {
467
503
  /*
468
504
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
469
505
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -475,14 +511,14 @@ the grid layout will be:
475
511
  --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
476
512
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 8px);
477
513
  }
478
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448:not(#\9):not(.awsui_expanded_1q84n_1ow9o_392).awsui_short-list_1q84n_1ow9o_454:not(.awsui_visual-refresh_1q84n_1ow9o_454) > .awsui_notification-bar_1q84n_1ow9o_372 {
514
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484:not(#\9):not(.awsui_expanded_1q84n_emt9t_428).awsui_short-list_1q84n_emt9t_490:not(.awsui_visual-refresh_1q84n_emt9t_490) > .awsui_notification-bar_1q84n_emt9t_408 {
479
515
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 8px);
480
516
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
481
517
  is the full height of the notification bar */
482
518
  margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 8px);
483
519
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
484
520
  }
485
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448:not(#\9):not(.awsui_expanded_1q84n_1ow9o_392).awsui_short-list_1q84n_1ow9o_454.awsui_visual-refresh_1q84n_1ow9o_454 {
521
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484:not(#\9):not(.awsui_expanded_1q84n_emt9t_428).awsui_short-list_1q84n_emt9t_490.awsui_visual-refresh_1q84n_emt9t_490 {
486
522
  /*
487
523
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
488
524
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -494,14 +530,14 @@ the grid layout will be:
494
530
  --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
495
531
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 8px);
496
532
  }
497
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448:not(#\9):not(.awsui_expanded_1q84n_1ow9o_392).awsui_short-list_1q84n_1ow9o_454.awsui_visual-refresh_1q84n_1ow9o_454 > .awsui_notification-bar_1q84n_1ow9o_372 {
533
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484:not(#\9):not(.awsui_expanded_1q84n_emt9t_428).awsui_short-list_1q84n_emt9t_490.awsui_visual-refresh_1q84n_emt9t_490 > .awsui_notification-bar_1q84n_emt9t_408 {
498
534
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 8px);
499
535
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
500
536
  is the full height of the notification bar */
501
537
  margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 8px);
502
538
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
503
539
  }
504
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448.awsui_expanded_1q84n_1ow9o_392:not(#\9):not(.awsui_visual-refresh_1q84n_1ow9o_454) {
540
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484.awsui_expanded_1q84n_emt9t_428:not(#\9):not(.awsui_visual-refresh_1q84n_emt9t_490) {
505
541
  /*
506
542
  Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
507
543
  notifications slot already gives it enough space.
@@ -517,14 +553,14 @@ the grid layout will be:
517
553
  --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - var(--space-scaled-s-8ozaad, 12px));
518
554
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + var(--space-scaled-m-m892r9, 16px) + 0px);
519
555
  }
520
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448.awsui_expanded_1q84n_1ow9o_392:not(#\9):not(.awsui_visual-refresh_1q84n_1ow9o_454) > .awsui_notification-bar_1q84n_1ow9o_372 {
556
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484.awsui_expanded_1q84n_emt9t_428:not(#\9):not(.awsui_visual-refresh_1q84n_emt9t_490) > .awsui_notification-bar_1q84n_emt9t_408 {
521
557
  margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 12px) + 0px);
522
558
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
523
559
  is the full height of the notification bar */
524
560
  margin-block-end: calc(var(--space-scaled-s-8ozaad, 12px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 0px);
525
561
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
526
562
  }
527
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448.awsui_expanded_1q84n_1ow9o_392.awsui_visual-refresh_1q84n_1ow9o_454:not(#\9) {
563
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484.awsui_expanded_1q84n_emt9t_428.awsui_visual-refresh_1q84n_emt9t_490:not(#\9) {
528
564
  /*
529
565
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
530
566
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -536,7 +572,7 @@ the grid layout will be:
536
572
  --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - var(--space-scaled-s-8ozaad, 12px));
537
573
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 0px);
538
574
  }
539
- .awsui_stack_1q84n_1ow9o_370.awsui_collapsible_1q84n_1ow9o_448.awsui_expanded_1q84n_1ow9o_392.awsui_visual-refresh_1q84n_1ow9o_454 > .awsui_notification-bar_1q84n_1ow9o_372:not(#\9) {
575
+ .awsui_stack_1q84n_emt9t_406.awsui_collapsible_1q84n_emt9t_484.awsui_expanded_1q84n_emt9t_428.awsui_visual-refresh_1q84n_emt9t_490 > .awsui_notification-bar_1q84n_emt9t_408:not(#\9) {
540
576
  margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 12px) + 0px);
541
577
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
542
578
  is the full height of the notification bar */
@@ -544,7 +580,7 @@ the grid layout will be:
544
580
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
545
581
  }
546
582
 
547
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372:not(#\9) {
583
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408:not(#\9) {
548
584
  min-inline-size: 0;
549
585
  word-break: break-word;
550
586
  background: var(--awsui-style-background-default-esndbs, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
@@ -572,9 +608,9 @@ the grid layout will be:
572
608
  text-decoration: none;
573
609
  z-index: 1;
574
610
  }
575
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_status_1q84n_1ow9o_601 > .awsui_header_1q84n_1ow9o_601:not(#\9),
576
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_status_1q84n_1ow9o_601 > .awsui_item-count_1q84n_1ow9o_602:not(#\9),
577
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_button_1q84n_1ow9o_603:not(#\9) {
611
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_status_1q84n_emt9t_637 > .awsui_header_1q84n_emt9t_637:not(#\9),
612
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_status_1q84n_emt9t_637 > .awsui_item-count_1q84n_emt9t_638:not(#\9),
613
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_button_1q84n_emt9t_639:not(#\9) {
578
614
  font-size: var(--font-size-body-m-a7nh2n, 14px);
579
615
  line-height: var(--line-height-body-m-2mh3ke, 20px);
580
616
  color: var(--color-text-body-default-gtm97i, #0f141a);
@@ -587,7 +623,7 @@ the grid layout will be:
587
623
  margin-block: 0;
588
624
  padding-block: 0;
589
625
  }
590
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_status_1q84n_1ow9o_601:not(#\9) {
626
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_status_1q84n_emt9t_637:not(#\9) {
591
627
  display: flex;
592
628
  flex-direction: row;
593
629
  flex-wrap: wrap;
@@ -595,11 +631,11 @@ the grid layout will be:
595
631
  justify-content: center;
596
632
  row-gap: 0;
597
633
  }
598
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_status_1q84n_1ow9o_601 > .awsui_header_1q84n_1ow9o_601:not(#\9) {
634
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_status_1q84n_emt9t_637 > .awsui_header_1q84n_emt9t_637:not(#\9) {
599
635
  font-weight: var(--font-weight-button-0eg20c, 700);
600
636
  display: inline-block;
601
637
  }
602
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_status_1q84n_1ow9o_601 > .awsui_item-count_1q84n_1ow9o_602:not(#\9) {
638
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_status_1q84n_emt9t_637 > .awsui_item-count_1q84n_emt9t_638:not(#\9) {
603
639
  column-gap: var(--space-s-tvghoh, 12px);
604
640
  display: flex;
605
641
  flex-direction: row;
@@ -607,36 +643,36 @@ the grid layout will be:
607
643
  justify-content: center;
608
644
  row-gap: 0;
609
645
  }
610
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_status_1q84n_1ow9o_601 > .awsui_item-count_1q84n_1ow9o_602 > .awsui_type-count_1q84n_1ow9o_636 > .awsui_count-number_1q84n_1ow9o_636:not(#\9) {
646
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_status_1q84n_emt9t_637 > .awsui_item-count_1q84n_emt9t_638 > .awsui_type-count_1q84n_emt9t_672 > .awsui_count-number_1q84n_emt9t_672:not(#\9) {
611
647
  margin-inline-start: var(--space-xxs-hwfkai, 4px);
612
648
  }
613
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372:not(#\9):hover {
649
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408:not(#\9):hover {
614
650
  background: var(--awsui-style-background-hover-esndbs, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
615
651
  border-color: var(--awsui-style-border-color-hover-esndbs, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
616
652
  color: var(--awsui-style-color-hover-esndbs, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
617
653
  }
618
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372:not(#\9):active {
654
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408:not(#\9):active {
619
655
  background: var(--awsui-style-background-active-esndbs, var(--color-background-notification-stack-bar-active-a4h9r8, #232b37));
620
656
  border-color: var(--awsui-style-border-color-active-esndbs, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
621
657
  color: var(--awsui-style-color-active-esndbs, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
622
658
  }
623
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372.awsui_visual-refresh_1q84n_1ow9o_454:not(#\9) {
659
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408.awsui_visual-refresh_1q84n_emt9t_490:not(#\9) {
624
660
  border-block-width: 2px;
625
661
  border-inline-width: 2px;
626
662
  padding-inline: var(--space-l-2ud1p3, 20px);
627
663
  }
628
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372:not(#\9):not(.awsui_visual-refresh_1q84n_1ow9o_454) {
664
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408:not(#\9):not(.awsui_visual-refresh_1q84n_emt9t_490) {
629
665
  border-block-width: 1px;
630
666
  border-inline-width: 1px;
631
667
  padding-inline: var(--space-s-tvghoh, 12px);
632
668
  }
633
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372:not(#\9):not(.awsui_visual-refresh_1q84n_1ow9o_454):focus {
669
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408:not(#\9):not(.awsui_visual-refresh_1q84n_emt9t_490):focus {
634
670
  text-decoration: none;
635
671
  }
636
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372:not(#\9):not(.awsui_visual-refresh_1q84n_1ow9o_454):hover {
672
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408:not(#\9):not(.awsui_visual-refresh_1q84n_emt9t_490):hover {
637
673
  text-decoration: none;
638
674
  }
639
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_button_1q84n_1ow9o_603:not(#\9) {
675
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_button_1q84n_emt9t_639:not(#\9) {
640
676
  display: inline-block;
641
677
  flex-grow: 1;
642
678
  background: none;
@@ -645,33 +681,33 @@ the grid layout will be:
645
681
  padding-block: 0;
646
682
  --awsui-style-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-style-focus-ring-border-width-esndbs, 2px) var(--awsui-style-focus-ring-border-color-esndbs, var(--color-border-notification-stack-bar-focused-mzvtw9, #f9f9fa));
647
683
  }
648
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_button_1q84n_1ow9o_603 > .awsui_icon_1q84n_1ow9o_674:not(#\9) {
684
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_button_1q84n_emt9t_639 > .awsui_icon_1q84n_emt9t_710:not(#\9) {
649
685
  transition: transform var(--motion-duration-rotate-90-lyzb0k, 135ms) var(--motion-easing-rotate-90-jhbqg9, cubic-bezier(0.165, 0.84, 0.44, 1));
650
686
  }
651
687
  @media (prefers-reduced-motion: reduce) {
652
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_button_1q84n_1ow9o_603 > .awsui_icon_1q84n_1ow9o_674:not(#\9) {
688
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_button_1q84n_emt9t_639 > .awsui_icon_1q84n_emt9t_710:not(#\9) {
653
689
  animation: none;
654
690
  transition: none;
655
691
  }
656
692
  }
657
- .awsui-motion-disabled .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_button_1q84n_1ow9o_603 > .awsui_icon_1q84n_1ow9o_674:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_button_1q84n_1ow9o_603 > .awsui_icon_1q84n_1ow9o_674:not(#\9) {
693
+ .awsui-motion-disabled .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_button_1q84n_emt9t_639 > .awsui_icon_1q84n_emt9t_710:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_button_1q84n_emt9t_639 > .awsui_icon_1q84n_emt9t_710:not(#\9) {
658
694
  animation: none;
659
695
  transition: none;
660
696
  }
661
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_button_1q84n_1ow9o_603.awsui_expanded_1q84n_1ow9o_392 > .awsui_icon_1q84n_1ow9o_674:not(#\9) {
697
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_button_1q84n_emt9t_639.awsui_expanded_1q84n_emt9t_428 > .awsui_icon_1q84n_emt9t_710:not(#\9) {
662
698
  transform: rotate(180deg);
663
699
  }
664
- .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_button_1q84n_1ow9o_603:not(#\9):focus {
700
+ .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_button_1q84n_emt9t_639:not(#\9):focus {
665
701
  outline: none;
666
702
  }
667
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_button_1q84n_1ow9o_603:not(#\9):focus {
703
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_button_1q84n_emt9t_639:not(#\9):focus {
668
704
  position: relative;
669
705
  }
670
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_button_1q84n_1ow9o_603:not(#\9):focus {
706
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_button_1q84n_emt9t_639:not(#\9):focus {
671
707
  outline: 2px dotted transparent;
672
708
  outline-offset: calc(0px - 1px);
673
709
  }
674
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1ow9o_370 > .awsui_notification-bar_1q84n_1ow9o_372 > .awsui_button_1q84n_1ow9o_603:not(#\9):focus::before {
710
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_emt9t_406 > .awsui_notification-bar_1q84n_emt9t_408 > .awsui_button_1q84n_emt9t_639:not(#\9):focus::before {
675
711
  content: " ";
676
712
  display: block;
677
713
  position: absolute;
@@ -686,20 +722,20 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1ow9o_370 > .awsui_notifi
686
722
  box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
687
723
  }
688
724
 
689
- .awsui_stack_1q84n_1ow9o_370.awsui_expanded_1q84n_1ow9o_392:not(#\9):not(.awsui_floating_1q84n_1ow9o_715) {
725
+ .awsui_stack_1q84n_emt9t_406.awsui_expanded_1q84n_emt9t_428:not(#\9):not(.awsui_floating_1q84n_emt9t_751) {
690
726
  padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-esndbs, 0);
691
727
  }
692
728
 
693
- .awsui_flashbar_1q84n_1ow9o_719:not(#\9) {
729
+ .awsui_flashbar_1q84n_emt9t_755:not(#\9) {
694
730
  position: relative;
695
731
  /* stylelint-disable-next-line selector-max-type */
696
732
  }
697
- .awsui_flashbar_1q84n_1ow9o_719 > li + li:not(#\9) {
733
+ .awsui_flashbar_1q84n_emt9t_755 > li + li:not(#\9) {
698
734
  padding-block-start: 0;
699
735
  }
700
736
 
701
- .awsui_flashbar_1q84n_1ow9o_719:not(#\9),
702
- .awsui_flash_1q84n_1ow9o_157:not(#\9) {
737
+ .awsui_flashbar_1q84n_emt9t_755:not(#\9),
738
+ .awsui_flash_1q84n_emt9t_189:not(#\9) {
703
739
  border-collapse: separate;
704
740
  border-spacing: 0;
705
741
  box-sizing: border-box;
@@ -731,7 +767,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1ow9o_370 > .awsui_notifi
731
767
  -moz-osx-font-smoothing: auto;
732
768
  }
733
769
 
734
- .awsui_flash_1q84n_1ow9o_157:not(#\9) {
770
+ .awsui_flash_1q84n_emt9t_189:not(#\9) {
735
771
  position: relative;
736
772
  display: flex;
737
773
  justify-content: flex-start;
@@ -750,23 +786,23 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1ow9o_370 > .awsui_notifi
750
786
  --awsui-style-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-style-focus-ring-border-width-esndbs, 2px) var(--awsui-style-focus-ring-border-color-esndbs, var(--color-border-item-focused-ditkrb, #006ce0));
751
787
  }
752
788
 
753
- .awsui_initial-hidden_1q84n_1ow9o_779:not(#\9) {
789
+ .awsui_initial-hidden_1q84n_emt9t_815:not(#\9) {
754
790
  overflow: hidden;
755
791
  block-size: 0;
756
792
  }
757
793
 
758
- .awsui_flash-list_1q84n_1ow9o_371:not(#\9) {
794
+ .awsui_flash-list_1q84n_emt9t_407:not(#\9) {
759
795
  list-style: none;
760
796
  padding-block: 0;
761
797
  padding-inline: 0;
762
798
  margin-block: 0;
763
799
  margin-inline: 0;
764
800
  }
765
- .awsui_flash-list_1q84n_1ow9o_371:not(#\9):not(.awsui_collapsed_1q84n_1ow9o_392) > li:not(:last-child) {
801
+ .awsui_flash-list_1q84n_emt9t_407:not(#\9):not(.awsui_collapsed_1q84n_emt9t_428) > li:not(:last-child) {
766
802
  margin-block-end: var(--space-xxxs-pajhad, 2px);
767
803
  }
768
804
 
769
- .awsui_flash-body_1q84n_1ow9o_171:not(#\9) {
805
+ .awsui_flash-body_1q84n_emt9t_203:not(#\9) {
770
806
  display: flex;
771
807
  flex-wrap: wrap;
772
808
  flex-grow: 1;
@@ -774,22 +810,22 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1ow9o_370 > .awsui_notifi
774
810
  column-gap: var(--space-flashbar-action-left-rqk3ap, 12px);
775
811
  }
776
812
 
777
- .awsui_flash-focus-container_1q84n_1ow9o_803:not(#\9) {
813
+ .awsui_flash-focus-container_1q84n_emt9t_839:not(#\9) {
778
814
  display: flex;
779
815
  flex: 1;
780
816
  min-inline-size: 70%;
781
817
  }
782
- .awsui_flash-focus-container_1q84n_1ow9o_803:not(#\9):focus {
818
+ .awsui_flash-focus-container_1q84n_emt9t_839:not(#\9):focus {
783
819
  outline: none;
784
820
  }
785
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1ow9o_803:not(#\9):focus {
821
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_emt9t_839:not(#\9):focus {
786
822
  position: relative;
787
823
  }
788
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1ow9o_803:not(#\9):focus {
824
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_emt9t_839:not(#\9):focus {
789
825
  outline: 2px dotted transparent;
790
826
  outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
791
827
  }
792
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1ow9o_803:not(#\9):focus::before {
828
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_emt9t_839:not(#\9):focus::before {
793
829
  content: " ";
794
830
  display: block;
795
831
  position: absolute;
@@ -804,95 +840,95 @@ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1ow9o_803
804
840
  box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
805
841
  }
806
842
 
807
- .awsui_flash-text_1q84n_1ow9o_833:not(#\9) {
843
+ .awsui_flash-text_1q84n_emt9t_869:not(#\9) {
808
844
  margin-block: var(--border-item-width-miijiw, 2px);
809
845
  margin-inline: 0;
810
846
  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
811
847
  padding-inline: var(--space-xxs-hwfkai, 4px);
812
848
  }
813
849
 
814
- .awsui_flash-icon_1q84n_1ow9o_197:not(#\9) {
850
+ .awsui_flash-icon_1q84n_emt9t_229:not(#\9) {
815
851
  flex: 0 0 auto;
816
852
  padding-inline-start: 0;
817
853
  }
818
854
 
819
- .awsui_flash-message_1q84n_1ow9o_171:not(#\9) {
855
+ .awsui_flash-message_1q84n_emt9t_203:not(#\9) {
820
856
  flex: 1 1 0%;
821
857
  word-wrap: break-word;
822
858
  max-inline-size: 100%;
823
859
  overflow: hidden;
824
860
  }
825
861
 
826
- .awsui_hidden_1q84n_1ow9o_852:not(#\9) {
862
+ .awsui_hidden_1q84n_emt9t_888:not(#\9) {
827
863
  display: none;
828
864
  }
829
865
 
830
- .awsui_flash-header_1q84n_1ow9o_171:not(#\9),
831
- .awsui_header-replacement_1q84n_1ow9o_857:not(#\9) {
866
+ .awsui_flash-header_1q84n_emt9t_203:not(#\9),
867
+ .awsui_header-replacement_1q84n_emt9t_893:not(#\9) {
832
868
  font-weight: var(--font-weight-flashbar-header-fg5kye, 700);
833
869
  }
834
870
 
835
- .awsui_flash-content_1q84n_1ow9o_172:not(#\9),
836
- .awsui_content-replacement_1q84n_1ow9o_862:not(#\9) {
871
+ .awsui_flash-content_1q84n_emt9t_204:not(#\9),
872
+ .awsui_content-replacement_1q84n_emt9t_898:not(#\9) {
837
873
  /* Only used as a selector for test-utils */
838
874
  }
839
875
 
840
- .awsui_dismiss-button-wrapper_1q84n_1ow9o_174:not(#\9) {
876
+ .awsui_dismiss-button-wrapper_1q84n_emt9t_206:not(#\9) {
841
877
  flex: 0 0 auto;
842
878
  margin-inline: var(--space-s-tvghoh, 12px) calc(-1 * var(--space-xxs-hwfkai, 4px));
843
879
  padding-inline-end: var(--space-flashbar-dismiss-right-ckhj91, 0px);
844
880
  }
845
881
 
846
- .awsui_dismiss-button_1q84n_1ow9o_174:not(#\9) {
882
+ .awsui_dismiss-button_1q84n_emt9t_206:not(#\9) {
847
883
  /* Only used as a selector for test-utils */
848
884
  }
849
885
 
850
- .awsui_action-button-wrapper_1q84n_1ow9o_173:not(#\9) {
886
+ .awsui_action-button-wrapper_1q84n_emt9t_205:not(#\9) {
851
887
  white-space: nowrap;
852
888
  }
853
889
 
854
- .awsui_action-wrapped_1q84n_1ow9o_880:not(#\9) {
890
+ .awsui_action-wrapped_1q84n_emt9t_916:not(#\9) {
855
891
  margin-inline-start: var(--space-l-2ud1p3, 20px);
856
892
  padding-inline-start: var(--space-xxs-hwfkai, 4px);
857
893
  margin-block-end: var(--space-xxs-hwfkai, 4px);
858
894
  }
859
895
 
860
- .awsui_action-button_1q84n_1ow9o_173:not(#\9),
861
- .awsui_action-slot_1q84n_1ow9o_887:not(#\9) {
896
+ .awsui_action-button_1q84n_emt9t_205:not(#\9),
897
+ .awsui_action-slot_1q84n_emt9t_923:not(#\9) {
862
898
  /* Only used as a selector for test-utils */
863
899
  }
864
900
 
865
- .awsui_flash-type-success_1q84n_1ow9o_891:not(#\9) {
901
+ .awsui_flash-type-success_1q84n_emt9t_927:not(#\9) {
866
902
  background-color: var(--color-background-flashbar-success-vw7ng1, #00802f);
867
903
  border-inline-start-color: var(--color-border-status-success-uk2p7m, #00802f);
868
904
  }
869
- .awsui_flash-type-success_1q84n_1ow9o_891 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-focus-container_1q84n_1ow9o_803 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9) {
905
+ .awsui_flash-type-success_1q84n_emt9t_927 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-focus-container_1q84n_emt9t_839 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9) {
870
906
  color: var(--color-text-flashbar-icon-success-tqehsy, #00802f);
871
907
  }
872
908
 
873
- .awsui_flash-type-error_1q84n_1ow9o_899:not(#\9) {
909
+ .awsui_flash-type-error_1q84n_emt9t_935:not(#\9) {
874
910
  background-color: var(--color-background-flashbar-error-q2h7ak, #db0000);
875
911
  border-inline-start-color: var(--color-border-status-error-vxvfad, #db0000);
876
912
  }
877
- .awsui_flash-type-error_1q84n_1ow9o_899 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-focus-container_1q84n_1ow9o_803 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9) {
913
+ .awsui_flash-type-error_1q84n_emt9t_935 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-focus-container_1q84n_emt9t_839 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9) {
878
914
  color: var(--color-text-flashbar-icon-error-cb5ezy, #db0000);
879
915
  }
880
916
 
881
- .awsui_flash-type-info_1q84n_1ow9o_907:not(#\9),
882
- .awsui_flash-type-in-progress_1q84n_1ow9o_908:not(#\9) {
917
+ .awsui_flash-type-info_1q84n_emt9t_943:not(#\9),
918
+ .awsui_flash-type-in-progress_1q84n_emt9t_944:not(#\9) {
883
919
  background-color: var(--color-background-flashbar-info-2pbjjg, #006ce0);
884
920
  border-inline-start-color: var(--color-border-status-info-2zt73n, #006ce0);
885
921
  }
886
- .awsui_flash-type-info_1q84n_1ow9o_907 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-focus-container_1q84n_1ow9o_803 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9),
887
- .awsui_flash-type-in-progress_1q84n_1ow9o_908 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-focus-container_1q84n_1ow9o_803 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9) {
922
+ .awsui_flash-type-info_1q84n_emt9t_943 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-focus-container_1q84n_emt9t_839 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9),
923
+ .awsui_flash-type-in-progress_1q84n_emt9t_944 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-focus-container_1q84n_emt9t_839 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9) {
888
924
  color: var(--color-text-flashbar-icon-info-lobe9x, #006ce0);
889
925
  }
890
926
 
891
- .awsui_flash-type-warning_1q84n_1ow9o_917:not(#\9) {
927
+ .awsui_flash-type-warning_1q84n_emt9t_953:not(#\9) {
892
928
  color: var(--color-text-notification-yellow-vjtdxk, #0f141a);
893
929
  background-color: var(--color-background-flashbar-warning-n9x5as, #ffe347);
894
930
  border-inline-start-color: var(--color-border-status-warning-s79l22, #855900);
895
931
  }
896
- .awsui_flash-type-warning_1q84n_1ow9o_917 > .awsui_flash-body_1q84n_1ow9o_171 > .awsui_flash-focus-container_1q84n_1ow9o_803 > .awsui_flash-icon_1q84n_1ow9o_197:not(#\9) {
932
+ .awsui_flash-type-warning_1q84n_emt9t_953 > .awsui_flash-body_1q84n_emt9t_203 > .awsui_flash-focus-container_1q84n_emt9t_839 > .awsui_flash-icon_1q84n_emt9t_229:not(#\9) {
897
933
  color: var(--color-text-flashbar-icon-warning-ojtnxb, #855900);
898
934
  }