@cloudscape-design/components 3.0.1364 → 3.0.1366

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 (432) hide show
  1. package/action-card/styles.css.js +17 -17
  2. package/action-card/styles.scoped.css +117 -117
  3. package/action-card/styles.selectors.js +17 -17
  4. package/alert/actions-wrapper/styles.css.js +1 -1
  5. package/alert/actions-wrapper/styles.scoped.css +3 -3
  6. package/alert/actions-wrapper/styles.selectors.js +1 -1
  7. package/alert/interfaces.d.ts +0 -7
  8. package/alert/styles.css.js +27 -27
  9. package/alert/styles.scoped.css +67 -67
  10. package/alert/styles.selectors.js +27 -27
  11. package/anchor-navigation/styles.css.js +8 -8
  12. package/anchor-navigation/styles.scoped.css +22 -22
  13. package/anchor-navigation/styles.selectors.js +8 -8
  14. package/annotation-context/annotation/styles.css.js +13 -13
  15. package/annotation-context/annotation/styles.scoped.css +23 -23
  16. package/annotation-context/annotation/styles.selectors.js +13 -13
  17. package/app-layout/content-wrapper/styles.css.js +3 -3
  18. package/app-layout/content-wrapper/styles.scoped.css +10 -10
  19. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  20. package/app-layout/drawer/styles.css.js +14 -14
  21. package/app-layout/drawer/styles.scoped.css +25 -25
  22. package/app-layout/drawer/styles.selectors.js +14 -14
  23. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  24. package/app-layout/mobile-toolbar/styles.scoped.css +13 -13
  25. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  26. package/app-layout/notifications/styles.css.js +3 -3
  27. package/app-layout/notifications/styles.scoped.css +7 -7
  28. package/app-layout/notifications/styles.selectors.js +3 -3
  29. package/app-layout/resize/styles.css.js +5 -5
  30. package/app-layout/resize/styles.scoped.css +14 -14
  31. package/app-layout/resize/styles.selectors.js +5 -5
  32. package/app-layout/styles.css.js +12 -12
  33. package/app-layout/styles.scoped.css +18 -18
  34. package/app-layout/styles.selectors.js +12 -12
  35. package/app-layout/toggles/styles.css.js +2 -2
  36. package/app-layout/toggles/styles.scoped.css +15 -15
  37. package/app-layout/toggles/styles.selectors.js +2 -2
  38. package/app-layout/visual-refresh/styles.css.js +86 -86
  39. package/app-layout/visual-refresh/styles.scoped.css +288 -288
  40. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  41. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  42. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +112 -112
  43. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  44. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  45. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +15 -15
  46. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  47. package/app-layout/visual-refresh-toolbar/notifications/styles.css.js +3 -3
  48. package/app-layout/visual-refresh-toolbar/notifications/styles.scoped.css +4 -4
  49. package/app-layout/visual-refresh-toolbar/notifications/styles.selectors.js +3 -3
  50. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
  51. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +74 -74
  52. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
  53. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
  54. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +44 -44
  55. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
  56. package/area-chart/styles.css.js +6 -6
  57. package/area-chart/styles.scoped.css +11 -11
  58. package/area-chart/styles.selectors.js +6 -6
  59. package/attribute-editor/styles.css.js +15 -15
  60. package/attribute-editor/styles.scoped.css +32 -32
  61. package/attribute-editor/styles.selectors.js +15 -15
  62. package/badge/styles.css.js +10 -10
  63. package/badge/styles.scoped.css +11 -11
  64. package/badge/styles.selectors.js +10 -10
  65. package/box/styles.css.js +220 -220
  66. package/box/styles.scoped.css +433 -433
  67. package/box/styles.selectors.js +220 -220
  68. package/breadcrumb-group/item/styles.css.js +7 -7
  69. package/breadcrumb-group/item/styles.scoped.css +30 -30
  70. package/breadcrumb-group/item/styles.selectors.js +7 -7
  71. package/breadcrumb-group/styles.css.js +14 -14
  72. package/breadcrumb-group/styles.scoped.css +32 -32
  73. package/breadcrumb-group/styles.selectors.js +14 -14
  74. package/button/styles.css.js +23 -23
  75. package/button/styles.scoped.css +295 -295
  76. package/button/styles.selectors.js +23 -23
  77. package/button-dropdown/category-elements/styles.css.js +18 -18
  78. package/button-dropdown/category-elements/styles.scoped.css +37 -37
  79. package/button-dropdown/category-elements/styles.selectors.js +18 -18
  80. package/button-dropdown/filter.d.ts +1 -1
  81. package/button-dropdown/filter.d.ts.map +1 -1
  82. package/button-dropdown/internal.d.ts.map +1 -1
  83. package/button-dropdown/internal.js +9 -3
  84. package/button-dropdown/internal.js.map +1 -1
  85. package/button-dropdown/item-element/styles.css.js +21 -21
  86. package/button-dropdown/item-element/styles.scoped.css +45 -45
  87. package/button-dropdown/item-element/styles.selectors.js +21 -21
  88. package/button-dropdown/styles.css.js +23 -23
  89. package/button-dropdown/styles.scoped.css +40 -40
  90. package/button-dropdown/styles.selectors.js +23 -23
  91. package/button-dropdown/utils/use-button-dropdown.d.ts +5 -2
  92. package/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  93. package/button-dropdown/utils/use-button-dropdown.js +14 -2
  94. package/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  95. package/button-group/styles.css.js +4 -4
  96. package/button-group/styles.scoped.css +6 -6
  97. package/button-group/styles.selectors.js +4 -4
  98. package/calendar/styles.css.js +21 -21
  99. package/calendar/styles.scoped.css +62 -62
  100. package/calendar/styles.selectors.js +21 -21
  101. package/cards/styles.css.js +39 -38
  102. package/cards/styles.scoped.css +54 -51
  103. package/cards/styles.selectors.js +39 -38
  104. package/checkbox/styles.css.js +3 -3
  105. package/checkbox/styles.scoped.css +16 -16
  106. package/checkbox/styles.selectors.js +3 -3
  107. package/code-editor/resizable-box/styles.css.js +4 -4
  108. package/code-editor/resizable-box/styles.scoped.css +9 -9
  109. package/code-editor/resizable-box/styles.selectors.js +4 -4
  110. package/code-editor/styles.css.js +33 -33
  111. package/code-editor/styles.scoped.css +159 -159
  112. package/code-editor/styles.selectors.js +33 -33
  113. package/collection-preferences/styles.css.js +38 -38
  114. package/collection-preferences/styles.scoped.css +52 -52
  115. package/collection-preferences/styles.selectors.js +38 -38
  116. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  117. package/column-layout/flexible-column-layout/styles.scoped.css +12 -12
  118. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  119. package/column-layout/styles.css.js +13 -13
  120. package/column-layout/styles.scoped.css +51 -51
  121. package/column-layout/styles.selectors.js +13 -13
  122. package/container/styles.css.js +33 -33
  123. package/container/styles.scoped.css +73 -72
  124. package/container/styles.selectors.js +33 -33
  125. package/content-layout/styles.css.js +14 -14
  126. package/content-layout/styles.scoped.css +30 -30
  127. package/content-layout/styles.selectors.js +14 -14
  128. package/copy-to-clipboard/styles.css.js +5 -5
  129. package/copy-to-clipboard/styles.scoped.css +7 -7
  130. package/copy-to-clipboard/styles.selectors.js +5 -5
  131. package/date-picker/styles.css.js +7 -7
  132. package/date-picker/styles.scoped.css +10 -10
  133. package/date-picker/styles.selectors.js +7 -7
  134. package/date-range-picker/calendar/grids/styles.css.js +30 -30
  135. package/date-range-picker/calendar/grids/styles.scoped.css +69 -69
  136. package/date-range-picker/calendar/grids/styles.selectors.js +30 -30
  137. package/date-range-picker/relative-range/styles.css.js +6 -6
  138. package/date-range-picker/relative-range/styles.scoped.css +13 -13
  139. package/date-range-picker/relative-range/styles.selectors.js +6 -6
  140. package/date-range-picker/styles.css.js +23 -23
  141. package/date-range-picker/styles.scoped.css +46 -46
  142. package/date-range-picker/styles.selectors.js +23 -23
  143. package/divider/styles.css.js +6 -6
  144. package/divider/styles.scoped.css +8 -8
  145. package/divider/styles.selectors.js +6 -6
  146. package/drawer/styles.css.js +29 -29
  147. package/drawer/styles.scoped.css +47 -47
  148. package/drawer/styles.selectors.js +29 -29
  149. package/dropdown/styles.css.js +20 -20
  150. package/dropdown/styles.scoped.css +54 -54
  151. package/dropdown/styles.selectors.js +20 -20
  152. package/expandable-section/styles.css.js +43 -43
  153. package/expandable-section/styles.scoped.css +129 -129
  154. package/expandable-section/styles.selectors.js +43 -43
  155. package/file-dropzone/styles.css.js +3 -3
  156. package/file-dropzone/styles.scoped.css +6 -6
  157. package/file-dropzone/styles.selectors.js +3 -3
  158. package/file-input/styles.css.js +5 -5
  159. package/file-input/styles.scoped.css +18 -18
  160. package/file-input/styles.selectors.js +5 -5
  161. package/file-token-group/styles.css.js +23 -23
  162. package/file-token-group/styles.scoped.css +52 -52
  163. package/file-token-group/styles.selectors.js +23 -23
  164. package/file-upload/styles.css.js +2 -2
  165. package/file-upload/styles.scoped.css +4 -4
  166. package/file-upload/styles.selectors.js +2 -2
  167. package/flashbar/styles.css.js +50 -50
  168. package/flashbar/styles.scoped.css +249 -249
  169. package/flashbar/styles.selectors.js +50 -50
  170. package/form/styles.css.js +8 -8
  171. package/form/styles.scoped.css +16 -16
  172. package/form/styles.selectors.js +8 -8
  173. package/form-field/styles.css.js +24 -24
  174. package/form-field/styles.scoped.css +44 -44
  175. package/form-field/styles.selectors.js +24 -24
  176. package/grid/styles.css.js +53 -53
  177. package/grid/styles.scoped.css +58 -58
  178. package/grid/styles.selectors.js +53 -53
  179. package/header/styles.css.js +35 -35
  180. package/header/styles.scoped.css +83 -83
  181. package/header/styles.selectors.js +35 -35
  182. package/help-panel/styles.css.js +6 -6
  183. package/help-panel/styles.scoped.css +100 -100
  184. package/help-panel/styles.selectors.js +6 -6
  185. package/hotspot/styles.css.js +7 -7
  186. package/hotspot/styles.scoped.css +10 -10
  187. package/hotspot/styles.selectors.js +7 -7
  188. package/icon/styles.css.js +42 -42
  189. package/icon/styles.scoped.css +118 -118
  190. package/icon/styles.selectors.js +42 -42
  191. package/input/index.d.ts.map +1 -1
  192. package/input/index.js +3 -2
  193. package/input/index.js.map +1 -1
  194. package/input/interfaces.d.ts +6 -0
  195. package/input/interfaces.d.ts.map +1 -1
  196. package/input/interfaces.js.map +1 -1
  197. package/input/internal.d.ts +0 -1
  198. package/input/internal.d.ts.map +1 -1
  199. package/input/internal.js +26 -12
  200. package/input/internal.js.map +1 -1
  201. package/input/styles.css.js +29 -28
  202. package/input/styles.scoped.css +159 -156
  203. package/input/styles.selectors.js +29 -28
  204. package/internal/base-component/styles.scoped.css +2 -2
  205. package/internal/base-theme/styles.scoped.css +319 -319
  206. package/internal/components/abstract-switch/styles.css.js +13 -13
  207. package/internal/components/abstract-switch/styles.scoped.css +22 -22
  208. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  209. package/internal/components/button-trigger/styles.css.js +14 -14
  210. package/internal/components/button-trigger/styles.scoped.css +43 -43
  211. package/internal/components/button-trigger/styles.selectors.js +14 -14
  212. package/internal/components/chart-legend/styles.css.js +6 -6
  213. package/internal/components/chart-legend/styles.scoped.css +16 -16
  214. package/internal/components/chart-legend/styles.selectors.js +6 -6
  215. package/internal/components/chart-popover/styles.css.js +3 -3
  216. package/internal/components/chart-popover/styles.scoped.css +6 -6
  217. package/internal/components/chart-popover/styles.selectors.js +3 -3
  218. package/internal/components/chart-series-details/styles.css.js +19 -19
  219. package/internal/components/chart-series-details/styles.scoped.css +39 -39
  220. package/internal/components/chart-series-details/styles.selectors.js +19 -19
  221. package/internal/components/chart-series-marker/styles.css.js +5 -5
  222. package/internal/components/chart-series-marker/styles.scoped.css +9 -9
  223. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  224. package/internal/components/checkbox-icon/styles.css.js +9 -9
  225. package/internal/components/checkbox-icon/styles.scoped.css +10 -10
  226. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  227. package/internal/components/drag-handle/styles.css.js +14 -14
  228. package/internal/components/drag-handle/styles.scoped.css +21 -21
  229. package/internal/components/drag-handle/styles.selectors.js +14 -14
  230. package/internal/components/drag-handle-wrapper/index.d.ts.map +1 -1
  231. package/internal/components/drag-handle-wrapper/index.js +2 -1
  232. package/internal/components/drag-handle-wrapper/index.js.map +1 -1
  233. package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  234. package/internal/components/drag-handle-wrapper/styles.scoped.css +84 -84
  235. package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  236. package/internal/components/dropdown-status/styles.css.js +2 -2
  237. package/internal/components/dropdown-status/styles.scoped.css +5 -5
  238. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  239. package/internal/components/expand-toggle-button/styles.css.js +4 -4
  240. package/internal/components/expand-toggle-button/styles.scoped.css +21 -21
  241. package/internal/components/expand-toggle-button/styles.selectors.js +4 -4
  242. package/internal/components/menu-dropdown/styles.css.js +7 -7
  243. package/internal/components/menu-dropdown/styles.scoped.css +18 -18
  244. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  245. package/internal/components/option/styles.css.js +17 -17
  246. package/internal/components/option/styles.scoped.css +34 -34
  247. package/internal/components/option/styles.selectors.js +17 -17
  248. package/internal/components/radio-button/styles.css.js +7 -7
  249. package/internal/components/radio-button/styles.scoped.css +24 -24
  250. package/internal/components/radio-button/styles.selectors.js +7 -7
  251. package/internal/components/selectable-item/styles.css.js +22 -22
  252. package/internal/components/selectable-item/styles.scoped.css +66 -66
  253. package/internal/components/selectable-item/styles.selectors.js +22 -22
  254. package/internal/components/sortable-area/styles.css.js +8 -8
  255. package/internal/components/sortable-area/styles.scoped.css +17 -17
  256. package/internal/components/sortable-area/styles.selectors.js +8 -8
  257. package/internal/components/structured-item/styles.css.js +7 -7
  258. package/internal/components/structured-item/styles.scoped.css +11 -11
  259. package/internal/components/structured-item/styles.selectors.js +7 -7
  260. package/internal/components/token-list/styles.css.js +10 -10
  261. package/internal/components/token-list/styles.scoped.css +33 -33
  262. package/internal/components/token-list/styles.selectors.js +10 -10
  263. package/internal/environment.js +2 -2
  264. package/internal/environment.json +2 -2
  265. package/internal/generated/custom-css-properties/index.d.ts +1 -0
  266. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  267. package/internal/generated/custom-css-properties/index.js +174 -173
  268. package/internal/generated/custom-css-properties/index.js.map +1 -1
  269. package/internal/generated/styles/tokens.js +200 -200
  270. package/internal/generated/theming/index.cjs +200 -200
  271. package/internal/generated/theming/index.js +200 -200
  272. package/internal/manifest.json +1 -1
  273. package/internal/utils/focus-visible.d.ts +14 -0
  274. package/internal/utils/focus-visible.d.ts.map +1 -0
  275. package/internal/utils/focus-visible.js +21 -0
  276. package/internal/utils/focus-visible.js.map +1 -0
  277. package/item-card/styles.css.js +14 -14
  278. package/item-card/styles.scoped.css +94 -94
  279. package/item-card/styles.selectors.js +14 -14
  280. package/key-value-pairs/styles.css.js +8 -8
  281. package/key-value-pairs/styles.scoped.css +14 -14
  282. package/key-value-pairs/styles.selectors.js +8 -8
  283. package/link/styles.css.js +21 -21
  284. package/link/styles.scoped.css +112 -112
  285. package/link/styles.selectors.js +21 -21
  286. package/list/styles.css.js +5 -5
  287. package/list/styles.scoped.css +9 -9
  288. package/list/styles.selectors.js +5 -5
  289. package/manifest.json +2 -2
  290. package/mixed-line-bar-chart/styles.css.js +11 -11
  291. package/mixed-line-bar-chart/styles.scoped.css +18 -18
  292. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  293. package/modal/styles.css.js +31 -31
  294. package/modal/styles.scoped.css +65 -65
  295. package/modal/styles.selectors.js +31 -31
  296. package/multiselect/styles.css.js +5 -5
  297. package/multiselect/styles.scoped.css +6 -6
  298. package/multiselect/styles.selectors.js +5 -5
  299. package/package.json +1 -1
  300. package/pagination/internal.js +1 -1
  301. package/pagination/internal.js.map +1 -1
  302. package/pagination/styles.css.js +12 -12
  303. package/pagination/styles.scoped.css +36 -36
  304. package/pagination/styles.selectors.js +12 -12
  305. package/pie-chart/styles.css.js +27 -27
  306. package/pie-chart/styles.scoped.css +58 -58
  307. package/pie-chart/styles.selectors.js +27 -27
  308. package/popover/styles.css.js +58 -58
  309. package/popover/styles.scoped.css +102 -102
  310. package/popover/styles.selectors.js +58 -58
  311. package/progress-bar/styles.css.js +19 -19
  312. package/progress-bar/styles.scoped.css +64 -64
  313. package/progress-bar/styles.selectors.js +19 -19
  314. package/prompt-input/styles.css.js +26 -26
  315. package/prompt-input/styles.scoped.css +127 -127
  316. package/prompt-input/styles.selectors.js +26 -26
  317. package/property-filter/filtering-token/styles.css.js +18 -18
  318. package/property-filter/filtering-token/styles.scoped.css +54 -54
  319. package/property-filter/filtering-token/styles.selectors.js +18 -18
  320. package/property-filter/styles.css.js +39 -39
  321. package/property-filter/styles.scoped.css +75 -75
  322. package/property-filter/styles.selectors.js +39 -39
  323. package/radio-group/styles.css.js +5 -5
  324. package/radio-group/styles.scoped.css +10 -10
  325. package/radio-group/styles.selectors.js +5 -5
  326. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  327. package/s3-resource-selector/s3-in-context/styles.scoped.css +13 -13
  328. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  329. package/segmented-control/styles.css.js +16 -16
  330. package/segmented-control/styles.scoped.css +67 -67
  331. package/segmented-control/styles.selectors.js +16 -16
  332. package/select/parts/filter.d.ts +1 -1
  333. package/select/parts/filter.d.ts.map +1 -1
  334. package/select/parts/styles.css.js +21 -21
  335. package/select/parts/styles.scoped.css +38 -38
  336. package/select/parts/styles.selectors.js +21 -21
  337. package/side-navigation/styles.css.js +64 -64
  338. package/side-navigation/styles.scoped.css +162 -162
  339. package/side-navigation/styles.selectors.js +64 -64
  340. package/slider/styles.css.js +26 -26
  341. package/slider/styles.scoped.css +205 -205
  342. package/slider/styles.selectors.js +26 -26
  343. package/space-between/styles.css.js +23 -23
  344. package/space-between/styles.scoped.css +40 -40
  345. package/space-between/styles.selectors.js +23 -23
  346. package/spinner/styles.css.js +14 -14
  347. package/spinner/styles.scoped.css +55 -55
  348. package/spinner/styles.selectors.js +14 -14
  349. package/split-panel/styles.css.js +38 -38
  350. package/split-panel/styles.scoped.css +84 -84
  351. package/split-panel/styles.selectors.js +38 -38
  352. package/status-indicator/styles.css.js +25 -25
  353. package/status-indicator/styles.scoped.css +50 -50
  354. package/status-indicator/styles.selectors.js +25 -25
  355. package/steps/styles.css.js +17 -17
  356. package/steps/styles.scoped.css +51 -51
  357. package/steps/styles.selectors.js +17 -17
  358. package/table/body-cell/styles.css.js +48 -48
  359. package/table/body-cell/styles.scoped.css +816 -816
  360. package/table/body-cell/styles.selectors.js +48 -48
  361. package/table/header-cell/styles.css.js +38 -38
  362. package/table/header-cell/styles.scoped.css +156 -156
  363. package/table/header-cell/styles.selectors.js +38 -38
  364. package/table/resizer/styles.css.js +17 -17
  365. package/table/resizer/styles.scoped.css +39 -39
  366. package/table/resizer/styles.selectors.js +17 -17
  367. package/table/selection/styles.css.js +4 -4
  368. package/table/selection/styles.scoped.css +6 -6
  369. package/table/selection/styles.selectors.js +4 -4
  370. package/table/styles.css.js +37 -37
  371. package/table/styles.scoped.css +73 -70
  372. package/table/styles.selectors.js +37 -37
  373. package/tabs/styles.css.js +30 -30
  374. package/tabs/styles.scoped.css +105 -105
  375. package/tabs/styles.selectors.js +30 -30
  376. package/tag-editor/styles.css.js +3 -3
  377. package/tag-editor/styles.scoped.css +14 -14
  378. package/tag-editor/styles.selectors.js +3 -3
  379. package/test-utils/dom/input/index.d.ts +1 -0
  380. package/test-utils/dom/input/index.js +3 -0
  381. package/test-utils/dom/input/index.js.map +1 -1
  382. package/test-utils/selectors/input/index.d.ts +1 -0
  383. package/test-utils/selectors/input/index.js +3 -0
  384. package/test-utils/selectors/input/index.js.map +1 -1
  385. package/text-content/styles.css.js +1 -1
  386. package/text-content/styles.scoped.css +73 -73
  387. package/text-content/styles.selectors.js +1 -1
  388. package/text-filter/styles.css.js +3 -3
  389. package/text-filter/styles.scoped.css +5 -5
  390. package/text-filter/styles.selectors.js +3 -3
  391. package/textarea/styles.css.js +9 -9
  392. package/textarea/styles.scoped.css +55 -55
  393. package/textarea/styles.selectors.js +9 -9
  394. package/tiles/styles.css.js +30 -30
  395. package/tiles/styles.scoped.css +123 -123
  396. package/tiles/styles.selectors.js +30 -30
  397. package/toggle/styles.css.js +10 -10
  398. package/toggle/styles.scoped.css +24 -24
  399. package/toggle/styles.selectors.js +10 -10
  400. package/token/styles.css.js +14 -14
  401. package/token/styles.scoped.css +58 -58
  402. package/token/styles.selectors.js +14 -14
  403. package/token-group/styles.css.js +5 -5
  404. package/token-group/styles.scoped.css +5 -5
  405. package/token-group/styles.selectors.js +5 -5
  406. package/tooltip/styles.css.js +2 -2
  407. package/tooltip/styles.scoped.css +5 -5
  408. package/tooltip/styles.selectors.js +2 -2
  409. package/top-navigation/styles.css.js +47 -47
  410. package/top-navigation/styles.scoped.css +97 -97
  411. package/top-navigation/styles.selectors.js +47 -47
  412. package/tree-view/styles.css.js +2 -2
  413. package/tree-view/styles.scoped.css +4 -4
  414. package/tree-view/styles.selectors.js +2 -2
  415. package/tree-view/tree-item/styles.css.js +10 -10
  416. package/tree-view/tree-item/styles.scoped.css +15 -15
  417. package/tree-view/tree-item/styles.selectors.js +10 -10
  418. package/tree-view/vertical-connector/styles.css.js +3 -3
  419. package/tree-view/vertical-connector/styles.scoped.css +4 -4
  420. package/tree-view/vertical-connector/styles.selectors.js +3 -3
  421. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  422. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +26 -26
  423. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  424. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  425. package/tutorial-panel/components/tutorial-list/styles.scoped.css +33 -33
  426. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  427. package/tutorial-panel/styles.css.js +1 -1
  428. package/tutorial-panel/styles.scoped.css +7 -7
  429. package/tutorial-panel/styles.selectors.js +1 -1
  430. package/wizard/styles.css.js +30 -30
  431. package/wizard/styles.scoped.css +79 -79
  432. package/wizard/styles.selectors.js +30 -30
@@ -10,177 +10,177 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
10
10
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
11
11
  SPDX-License-Identifier: Apache-2.0
12
12
  */
13
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13:not(#\9) {
13
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13:not(#\9) {
14
14
  opacity: 0;
15
15
  transform: translateY(-20px);
16
16
  }
17
17
  @media (prefers-reduced-motion: reduce) {
18
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13:not(#\9) {
18
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13:not(#\9) {
19
19
  animation: none;
20
20
  transition: none;
21
21
  }
22
22
  }
23
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13:not(#\9) {
23
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13:not(#\9) {
24
24
  animation: none;
25
25
  transition: none;
26
26
  }
27
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
28
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
29
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
30
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
27
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9),
28
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9),
29
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9),
30
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9) {
31
31
  opacity: 0;
32
32
  transform: translateY(-8px);
33
33
  }
34
34
  @media (prefers-reduced-motion: reduce) {
35
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
36
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
37
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
38
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
35
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9),
36
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9),
37
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9),
38
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9) {
39
39
  animation: none;
40
40
  transition: none;
41
41
  }
42
42
  }
43
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
43
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9) {
44
44
  animation: none;
45
45
  transition: none;
46
46
  }
47
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
47
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9) {
48
48
  opacity: 0;
49
49
  }
50
50
  @media (prefers-reduced-motion: reduce) {
51
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
51
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9) {
52
52
  animation: none;
53
53
  transition: none;
54
54
  }
55
55
  }
56
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
56
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_enter_1q84n_s4e92_13 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9) {
57
57
  animation: none;
58
58
  transition: none;
59
59
  }
60
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66:not(#\9) {
60
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66:not(#\9) {
61
61
  transition-property: transform, opacity;
62
- transition-duration: var(--motion-duration-complex-tbdo30, 250ms);
63
- transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
62
+ transition-duration: var(--motion-duration-complex-n5wfwh, 250ms);
63
+ transition-timing-function: var(--motion-easing-expressive-7na2oq, cubic-bezier(0.84, 0, 0.16, 1));
64
64
  opacity: 1;
65
65
  transform: translateY(0);
66
66
  }
67
67
  @media (prefers-reduced-motion: reduce) {
68
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66:not(#\9) {
68
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66:not(#\9) {
69
69
  animation: none;
70
70
  transition: none;
71
71
  }
72
72
  }
73
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66:not(#\9) {
73
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66:not(#\9) {
74
74
  animation: none;
75
75
  transition: none;
76
76
  }
77
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9),
78
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
79
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
80
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
81
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
82
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9),
83
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
84
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
85
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
86
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
77
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9),
78
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9),
79
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9),
80
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9),
81
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9),
82
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9),
83
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9),
84
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9),
85
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9),
86
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9) {
87
87
  opacity: 1;
88
88
  transform: translateY(0);
89
89
  transition-property: transform, opacity;
90
- transition-duration: var(--motion-duration-complex-tbdo30, 250ms);
91
- transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
90
+ transition-duration: var(--motion-duration-complex-n5wfwh, 250ms);
91
+ transition-timing-function: var(--motion-easing-expressive-7na2oq, cubic-bezier(0.84, 0, 0.16, 1));
92
92
  }
93
93
  @media (prefers-reduced-motion: reduce) {
94
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9),
95
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
96
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
97
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
98
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
99
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9),
100
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
101
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
102
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
103
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
94
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9),
95
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9),
96
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9),
97
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9),
98
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9),
99
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9),
100
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9),
101
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9),
102
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9),
103
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9) {
104
104
  animation: none;
105
105
  transition: none;
106
106
  }
107
107
  }
108
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
108
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9) {
109
109
  animation: none;
110
110
  transition: none;
111
111
  }
112
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
113
- transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) - 50ms);
112
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9), .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9) {
113
+ transition-delay: calc(var(--motion-duration-complex-n5wfwh, 250ms) - 50ms);
114
114
  }
115
115
  @media (prefers-reduced-motion: reduce) {
116
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
116
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9), .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9) {
117
117
  animation: none;
118
118
  transition: none;
119
119
  }
120
120
  }
121
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
121
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9) {
122
122
  animation: none;
123
123
  transition: none;
124
124
  }
125
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9) {
126
- transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
125
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9), .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9) {
126
+ transition-delay: calc(var(--motion-duration-complex-n5wfwh, 250ms) + 10ms);
127
127
  }
128
128
  @media (prefers-reduced-motion: reduce) {
129
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9) {
129
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9), .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9) {
130
130
  animation: none;
131
131
  transition: none;
132
132
  }
133
133
  }
134
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9) {
134
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-header_1q84n_s4e92_27:not(#\9) {
135
135
  animation: none;
136
136
  transition: none;
137
137
  }
138
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9) {
139
- transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
138
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9), .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9) {
139
+ transition-delay: calc(var(--motion-duration-complex-n5wfwh, 250ms) + 10ms);
140
140
  }
141
141
  @media (prefers-reduced-motion: reduce) {
142
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9) {
142
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9), .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9) {
143
143
  animation: none;
144
144
  transition: none;
145
145
  }
146
146
  }
147
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9) {
147
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-message_1q84n_s4e92_27 > .awsui_flash-content_1q84n_s4e92_28:not(#\9) {
148
148
  animation: none;
149
149
  transition: none;
150
150
  }
151
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
152
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
153
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
154
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9) {
155
- transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) * 2 - 100ms);
151
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9),
152
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9),
153
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9),
154
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9) {
155
+ transition-delay: calc(var(--motion-duration-complex-n5wfwh, 250ms) * 2 - 100ms);
156
156
  }
157
157
  @media (prefers-reduced-motion: reduce) {
158
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
159
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
160
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
161
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9) {
158
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9),
159
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9),
160
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9),
161
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9) {
162
162
  animation: none;
163
163
  transition: none;
164
164
  }
165
165
  }
166
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9) {
166
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entering_1q84n_s4e92_66 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_entered_1q84n_s4e92_87 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9) {
167
167
  animation: none;
168
168
  transition: none;
169
169
  }
170
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_exiting_1q84n_a5sfv_192:not(#\9) {
170
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_exiting_1q84n_s4e92_192:not(#\9) {
171
171
  opacity: 0;
172
172
  transform: translateY(-20px);
173
173
  transition-property: transform, opacity;
174
- transition-duration: var(--motion-duration-responsive-mehora, 115ms);
175
- transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
174
+ transition-duration: var(--motion-duration-responsive-6nbqre, 115ms);
175
+ transition-timing-function: var(--motion-easing-expressive-7na2oq, cubic-bezier(0.84, 0, 0.16, 1));
176
176
  }
177
177
  @media (prefers-reduced-motion: reduce) {
178
- .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_exiting_1q84n_a5sfv_192:not(#\9) {
178
+ .awsui_flash-with-motion_1q84n_s4e92_13.awsui_exiting_1q84n_s4e92_192:not(#\9) {
179
179
  animation: none;
180
180
  transition: none;
181
181
  }
182
182
  }
183
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_exiting_1q84n_a5sfv_192:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_exiting_1q84n_a5sfv_192:not(#\9) {
183
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_s4e92_13.awsui_exiting_1q84n_s4e92_192:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_s4e92_13.awsui_exiting_1q84n_s4e92_192:not(#\9) {
184
184
  animation: none;
185
185
  transition: none;
186
186
  }
@@ -193,35 +193,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
193
193
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
194
194
  SPDX-License-Identifier: Apache-2.0
195
195
  */
196
- .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_item_1q84n_a5sfv_218:not(#\9),
197
- .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_flash-list-item_1q84n_a5sfv_219:not(#\9),
198
- .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218.awsui_notification-bar_1q84n_a5sfv_220:not(#\9) {
199
- transition-timing-function: var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
200
- transition-duration: var(--motion-duration-responsive-mehora, 115ms);
196
+ .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218 > .awsui_item_1q84n_s4e92_218:not(#\9),
197
+ .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218 > .awsui_flash-list-item_1q84n_s4e92_219:not(#\9),
198
+ .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218.awsui_notification-bar_1q84n_s4e92_220:not(#\9) {
199
+ transition-timing-function: var(--motion-easing-responsive-k7246o, cubic-bezier(0, 0, 0, 1));
200
+ transition-duration: var(--motion-duration-responsive-6nbqre, 115ms);
201
201
  }
202
202
  @media (prefers-reduced-motion: reduce) {
203
- .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_item_1q84n_a5sfv_218:not(#\9),
204
- .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_flash-list-item_1q84n_a5sfv_219:not(#\9),
205
- .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218.awsui_notification-bar_1q84n_a5sfv_220:not(#\9) {
203
+ .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218 > .awsui_item_1q84n_s4e92_218:not(#\9),
204
+ .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218 > .awsui_flash-list-item_1q84n_s4e92_219:not(#\9),
205
+ .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218.awsui_notification-bar_1q84n_s4e92_220:not(#\9) {
206
206
  animation: none;
207
207
  transition: none;
208
208
  }
209
209
  }
210
- .awsui-motion-disabled .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_item_1q84n_a5sfv_218:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_item_1q84n_a5sfv_218:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_flash-list-item_1q84n_a5sfv_219:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_flash-list-item_1q84n_a5sfv_219:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218.awsui_notification-bar_1q84n_a5sfv_220:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218.awsui_notification-bar_1q84n_a5sfv_220:not(#\9) {
210
+ .awsui-motion-disabled .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218 > .awsui_item_1q84n_s4e92_218:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218 > .awsui_item_1q84n_s4e92_218:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218 > .awsui_flash-list-item_1q84n_s4e92_219:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218 > .awsui_flash-list-item_1q84n_s4e92_219:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218.awsui_notification-bar_1q84n_s4e92_220:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_s4e92_218 > .awsui_animation-running_1q84n_s4e92_218.awsui_notification-bar_1q84n_s4e92_220:not(#\9) {
211
211
  animation: none;
212
212
  transition: none;
213
213
  }
214
- .awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240.awsui_animation-ready_1q84n_a5sfv_240 > .awsui_expanded-only_1q84n_a5sfv_240:not(#\9),
215
- .awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240.awsui_animation-running_1q84n_a5sfv_218 > .awsui_expanded-only_1q84n_a5sfv_240:not(#\9) {
214
+ .awsui_stack_1q84n_s4e92_218 > .awsui_collapsed_1q84n_s4e92_240.awsui_animation-ready_1q84n_s4e92_240 > .awsui_expanded-only_1q84n_s4e92_240:not(#\9),
215
+ .awsui_stack_1q84n_s4e92_218 > .awsui_collapsed_1q84n_s4e92_240.awsui_animation-running_1q84n_s4e92_218 > .awsui_expanded-only_1q84n_s4e92_240:not(#\9) {
216
216
  display: none;
217
217
  }
218
218
 
219
- .awsui_stack_1q84n_a5sfv_218:not(#\9) {
219
+ .awsui_stack_1q84n_s4e92_218:not(#\9) {
220
220
  display: grid;
221
221
  grid-template-columns: 30px 1fr 30px;
222
222
  }
223
223
 
224
- .awsui_stack_1q84n_a5sfv_218 > .awsui_expanded_1q84n_a5sfv_240:not(#\9) {
224
+ .awsui_stack_1q84n_s4e92_218 > .awsui_expanded_1q84n_s4e92_240:not(#\9) {
225
225
  grid-column: 1/4;
226
226
  }
227
227
 
@@ -235,45 +235,45 @@ the grid layout will be:
235
235
  [10px] [item 2 start] [10px] [fractional unit] [10px] [item 2 end] [10px]
236
236
  [10px] [10px] [item 3 start] [fractional unit] [item 3 end] [10px] [10px]
237
237
  */
238
- .awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240:not(#\9) {
238
+ .awsui_stack_1q84n_s4e92_218 > .awsui_collapsed_1q84n_s4e92_240:not(#\9) {
239
239
  display: grid;
240
240
  grid-column: 1/4;
241
- grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-esndbs), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-esndbs), 10px);
241
+ grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-66120l), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-66120l), 10px);
242
242
  row-gap: 8px;
243
243
  z-index: 0;
244
244
  }
245
- .awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240 > .awsui_item_1q84n_a5sfv_218:not(#\9) {
246
- grid-column-start: calc(var(--awsui-flashbar-stack-index-esndbs) + 1);
247
- grid-column-end: calc(var(--awsui-flashbar-stack-depth-esndbs) * 2 + 1 - var(--awsui-flashbar-stack-index-esndbs) + 1);
245
+ .awsui_stack_1q84n_s4e92_218 > .awsui_collapsed_1q84n_s4e92_240 > .awsui_item_1q84n_s4e92_218:not(#\9) {
246
+ grid-column-start: calc(var(--awsui-flashbar-stack-index-66120l) + 1);
247
+ grid-column-end: calc(var(--awsui-flashbar-stack-depth-66120l) * 2 + 1 - var(--awsui-flashbar-stack-index-66120l) + 1);
248
248
  grid-row-start: 1;
249
- grid-row-end: calc(var(--awsui-flashbar-stack-index-esndbs) + 2);
250
- z-index: calc(var(--awsui-flashbar-stack-depth-esndbs) - var(--awsui-flashbar-stack-index-esndbs));
249
+ grid-row-end: calc(var(--awsui-flashbar-stack-index-66120l) + 2);
250
+ z-index: calc(var(--awsui-flashbar-stack-depth-66120l) - var(--awsui-flashbar-stack-index-66120l));
251
251
  }
252
- .awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240 > .awsui_item_1q84n_a5sfv_218:not(#\9):not(:first-of-type) {
252
+ .awsui_stack_1q84n_s4e92_218 > .awsui_collapsed_1q84n_s4e92_240 > .awsui_item_1q84n_s4e92_218:not(#\9):not(:first-of-type) {
253
253
  align-self: end;
254
254
  /* Give placeholder elements in the stacked state the height of a notification
255
255
  with one single line of text.
256
256
  This makes them look better during the collapse animation, in which they are already empty.
257
257
  */
258
- min-block-size: calc(var(--line-height-body-m-5xw6xo, 20px) + (var(--space-scaled-xs-xwoogq, 8px) + var(--border-width-field-2365x3, 1px) + var(--space-scaled-xxs-pfm1nx, 4px)) * 2);
258
+ min-block-size: calc(var(--line-height-body-m-5xw6xo, 20px) + (var(--space-scaled-xs-pajbd1, 8px) + var(--border-width-field-2365x3, 1px) + var(--space-scaled-xxs-j00t0m, 4px)) * 2);
259
259
  }
260
- .awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240 > .awsui_item_1q84n_a5sfv_218:not(#\9):not(:last-child) > .awsui_flash_1q84n_a5sfv_13,
261
- .awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240 > .awsui_item_1q84n_a5sfv_218.awsui_flash_1q84n_a5sfv_13:not(#\9) {
262
- box-shadow: var(--shadow-flash-collapsed-b68ip6, 0px 4px 4px rgba(0, 0, 0, 0.25));
260
+ .awsui_stack_1q84n_s4e92_218 > .awsui_collapsed_1q84n_s4e92_240 > .awsui_item_1q84n_s4e92_218:not(#\9):not(:last-child) > .awsui_flash_1q84n_s4e92_13,
261
+ .awsui_stack_1q84n_s4e92_218 > .awsui_collapsed_1q84n_s4e92_240 > .awsui_item_1q84n_s4e92_218.awsui_flash_1q84n_s4e92_13:not(#\9) {
262
+ box-shadow: var(--shadow-flash-collapsed-eh2z6q, 0px 4px 4px rgba(0, 0, 0, 0.25));
263
263
  }
264
264
 
265
- .awsui_stack_1q84n_a5sfv_218 > .awsui_expanded_1q84n_a5sfv_240.awsui_animation-running_1q84n_a5sfv_218 > .awsui_flash-list-item_1q84n_a5sfv_219:not(#\9) {
265
+ .awsui_stack_1q84n_s4e92_218 > .awsui_expanded_1q84n_s4e92_240.awsui_animation-running_1q84n_s4e92_218 > .awsui_flash-list-item_1q84n_s4e92_219:not(#\9) {
266
266
  position: relative;
267
- z-index: calc(var(--awsui-flashbar-stack-depth-esndbs) - var(--awsui-flashbar-stack-index-esndbs));
267
+ z-index: calc(var(--awsui-flashbar-stack-depth-66120l) - var(--awsui-flashbar-stack-index-66120l));
268
268
  }
269
269
 
270
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240) {
270
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296:not(#\9):not(.awsui_expanded_1q84n_s4e92_240) {
271
271
  /*
272
272
  Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
273
273
  missing third item when there are only 2 items in the stack.
274
274
  */
275
275
  }
276
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240):not(.awsui_short-list_1q84n_a5sfv_302):not(.awsui_visual-refresh_1q84n_a5sfv_302) {
276
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296:not(#\9):not(.awsui_expanded_1q84n_s4e92_240):not(.awsui_short-list_1q84n_s4e92_302):not(.awsui_visual-refresh_1q84n_s4e92_302) {
277
277
  /*
278
278
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
279
279
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -282,17 +282,17 @@ the grid layout will be:
282
282
  */
283
283
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
284
284
  is the full height of the notification bar */
285
- --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
286
- margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 0px);
285
+ --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 1px - calc(var(--space-scaled-xl-avp3kz, 24px) + 3px));
286
+ margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + 0px + 0px);
287
287
  }
288
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240):not(.awsui_short-list_1q84n_a5sfv_302):not(.awsui_visual-refresh_1q84n_a5sfv_302) > .awsui_notification-bar_1q84n_a5sfv_220 {
289
- margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 0px);
288
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296:not(#\9):not(.awsui_expanded_1q84n_s4e92_240):not(.awsui_short-list_1q84n_s4e92_302):not(.awsui_visual-refresh_1q84n_s4e92_302) > .awsui_notification-bar_1q84n_s4e92_220 {
289
+ margin-block-start: calc(-1 * calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) + 0px);
290
290
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
291
291
  is the full height of the notification bar */
292
- margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 0px);
293
- padding-block: var(--space-button-vertical-xaxp6x, 4px);
292
+ margin-block-end: calc(calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 1px - 0px);
293
+ padding-block: var(--space-button-vertical-r9jnds, 4px);
294
294
  }
295
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240):not(.awsui_short-list_1q84n_a5sfv_302).awsui_visual-refresh_1q84n_a5sfv_302 {
295
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296:not(#\9):not(.awsui_expanded_1q84n_s4e92_240):not(.awsui_short-list_1q84n_s4e92_302).awsui_visual-refresh_1q84n_s4e92_302 {
296
296
  /*
297
297
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
298
298
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -301,17 +301,17 @@ the grid layout will be:
301
301
  */
302
302
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
303
303
  is the full height of the notification bar */
304
- --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
305
- margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 0px);
304
+ --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 2px - calc(var(--space-scaled-xl-avp3kz, 24px) + 3px));
305
+ margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + 0px + 0px);
306
306
  }
307
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240):not(.awsui_short-list_1q84n_a5sfv_302).awsui_visual-refresh_1q84n_a5sfv_302 > .awsui_notification-bar_1q84n_a5sfv_220 {
308
- margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 0px);
307
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296:not(#\9):not(.awsui_expanded_1q84n_s4e92_240):not(.awsui_short-list_1q84n_s4e92_302).awsui_visual-refresh_1q84n_s4e92_302 > .awsui_notification-bar_1q84n_s4e92_220 {
308
+ margin-block-start: calc(-1 * calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) + 0px);
309
309
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
310
310
  is the full height of the notification bar */
311
- margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 0px);
312
- padding-block: var(--space-button-vertical-xaxp6x, 4px);
311
+ margin-block-end: calc(calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 2px - 0px);
312
+ padding-block: var(--space-button-vertical-r9jnds, 4px);
313
313
  }
314
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240).awsui_short-list_1q84n_a5sfv_302:not(.awsui_visual-refresh_1q84n_a5sfv_302) {
314
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296:not(#\9):not(.awsui_expanded_1q84n_s4e92_240).awsui_short-list_1q84n_s4e92_302:not(.awsui_visual-refresh_1q84n_s4e92_302) {
315
315
  /*
316
316
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
317
317
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -320,17 +320,17 @@ the grid layout will be:
320
320
  */
321
321
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
322
322
  is the full height of the notification bar */
323
- --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
324
- margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 8px);
323
+ --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 1px - calc(var(--space-scaled-xl-avp3kz, 24px) + 3px));
324
+ margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + 0px + 8px);
325
325
  }
326
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240).awsui_short-list_1q84n_a5sfv_302:not(.awsui_visual-refresh_1q84n_a5sfv_302) > .awsui_notification-bar_1q84n_a5sfv_220 {
327
- margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 8px);
326
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296:not(#\9):not(.awsui_expanded_1q84n_s4e92_240).awsui_short-list_1q84n_s4e92_302:not(.awsui_visual-refresh_1q84n_s4e92_302) > .awsui_notification-bar_1q84n_s4e92_220 {
327
+ margin-block-start: calc(-1 * calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) + 8px);
328
328
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
329
329
  is the full height of the notification bar */
330
- margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 8px);
331
- padding-block: var(--space-button-vertical-xaxp6x, 4px);
330
+ margin-block-end: calc(calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 1px - 8px);
331
+ padding-block: var(--space-button-vertical-r9jnds, 4px);
332
332
  }
333
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240).awsui_short-list_1q84n_a5sfv_302.awsui_visual-refresh_1q84n_a5sfv_302 {
333
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296:not(#\9):not(.awsui_expanded_1q84n_s4e92_240).awsui_short-list_1q84n_s4e92_302.awsui_visual-refresh_1q84n_s4e92_302 {
334
334
  /*
335
335
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
336
336
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -339,17 +339,17 @@ the grid layout will be:
339
339
  */
340
340
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
341
341
  is the full height of the notification bar */
342
- --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
343
- margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 8px);
342
+ --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 2px - calc(var(--space-scaled-xl-avp3kz, 24px) + 3px));
343
+ margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + 0px + 8px);
344
344
  }
345
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240).awsui_short-list_1q84n_a5sfv_302.awsui_visual-refresh_1q84n_a5sfv_302 > .awsui_notification-bar_1q84n_a5sfv_220 {
346
- margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 8px);
345
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296:not(#\9):not(.awsui_expanded_1q84n_s4e92_240).awsui_short-list_1q84n_s4e92_302.awsui_visual-refresh_1q84n_s4e92_302 > .awsui_notification-bar_1q84n_s4e92_220 {
346
+ margin-block-start: calc(-1 * calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) + 8px);
347
347
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
348
348
  is the full height of the notification bar */
349
- margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 8px);
350
- padding-block: var(--space-button-vertical-xaxp6x, 4px);
349
+ margin-block-end: calc(calc(var(--space-scaled-xl-avp3kz, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 2px - 8px);
350
+ padding-block: var(--space-button-vertical-r9jnds, 4px);
351
351
  }
352
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296.awsui_expanded_1q84n_a5sfv_240:not(#\9):not(.awsui_visual-refresh_1q84n_a5sfv_302) {
352
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296.awsui_expanded_1q84n_s4e92_240:not(#\9):not(.awsui_visual-refresh_1q84n_s4e92_302) {
353
353
  /*
354
354
  Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
355
355
  notifications slot already gives it enough space.
@@ -362,17 +362,17 @@ the grid layout will be:
362
362
  */
363
363
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
364
364
  is the full height of the notification bar */
365
- --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - var(--space-scaled-s-8ozaad, 12px));
366
- 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);
365
+ --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 1px - var(--space-scaled-s-2crg2b, 12px));
366
+ margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + var(--space-scaled-m-lfeh3i, 16px) + 0px);
367
367
  }
368
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296.awsui_expanded_1q84n_a5sfv_240:not(#\9):not(.awsui_visual-refresh_1q84n_a5sfv_302) > .awsui_notification-bar_1q84n_a5sfv_220 {
369
- margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 12px) + 0px);
368
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296.awsui_expanded_1q84n_s4e92_240:not(#\9):not(.awsui_visual-refresh_1q84n_s4e92_302) > .awsui_notification-bar_1q84n_s4e92_220 {
369
+ margin-block-start: calc(-1 * var(--space-scaled-s-2crg2b, 12px) + 0px);
370
370
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
371
371
  is the full height of the notification bar */
372
- margin-block-end: calc(var(--space-scaled-s-8ozaad, 12px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 0px);
373
- padding-block: var(--space-button-vertical-xaxp6x, 4px);
372
+ margin-block-end: calc(var(--space-scaled-s-2crg2b, 12px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 1px - 0px);
373
+ padding-block: var(--space-button-vertical-r9jnds, 4px);
374
374
  }
375
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296.awsui_expanded_1q84n_a5sfv_240.awsui_visual-refresh_1q84n_a5sfv_302:not(#\9) {
375
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296.awsui_expanded_1q84n_s4e92_240.awsui_visual-refresh_1q84n_s4e92_302:not(#\9) {
376
376
  /*
377
377
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
378
378
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -381,37 +381,37 @@ the grid layout will be:
381
381
  */
382
382
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
383
383
  is the full height of the notification bar */
384
- --awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - var(--space-scaled-s-8ozaad, 12px));
385
- margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 0px);
384
+ --awsui-stacked-notifications-default-bottom-margin-66120l: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-r9jnds, 4px) + 2 * 2px - var(--space-scaled-s-2crg2b, 12px));
385
+ margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-66120l, var(--awsui-stacked-notifications-default-bottom-margin-66120l)) + 0px + 0px);
386
386
  }
387
- .awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296.awsui_expanded_1q84n_a5sfv_240.awsui_visual-refresh_1q84n_a5sfv_302 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9) {
388
- margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 12px) + 0px);
387
+ .awsui_stack_1q84n_s4e92_218.awsui_collapsible_1q84n_s4e92_296.awsui_expanded_1q84n_s4e92_240.awsui_visual-refresh_1q84n_s4e92_302 > .awsui_notification-bar_1q84n_s4e92_220:not(#\9) {
388
+ margin-block-start: calc(-1 * var(--space-scaled-s-2crg2b, 12px) + 0px);
389
389
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
390
390
  is the full height of the notification bar */
391
- margin-block-end: calc(var(--space-scaled-s-8ozaad, 12px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 0px);
392
- padding-block: var(--space-button-vertical-xaxp6x, 4px);
391
+ margin-block-end: calc(var(--space-scaled-s-2crg2b, 12px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-r9jnds, 4px) - 2 * 2px - 0px);
392
+ padding-block: var(--space-button-vertical-r9jnds, 4px);
393
393
  }
394
394
 
395
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9) {
395
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220:not(#\9) {
396
396
  min-inline-size: 0;
397
397
  word-break: break-word;
398
- background: var(--awsui-style-background-default-esndbs, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
399
- border-color: var(--awsui-style-border-color-default-esndbs, var(--color-border-notification-stack-bar-aszsse, #232b37));
398
+ background: var(--awsui-style-background-default-66120l, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
399
+ border-color: var(--awsui-style-border-color-default-66120l, var(--color-border-notification-stack-bar-aszsse, #232b37));
400
400
  border-start-start-radius: var(--border-radius-button-9k0hrl, 20px);
401
401
  border-start-end-radius: var(--border-radius-button-9k0hrl, 20px);
402
402
  border-end-start-radius: var(--border-radius-button-9k0hrl, 20px);
403
403
  border-end-end-radius: var(--border-radius-button-9k0hrl, 20px);
404
404
  border-block-style: solid;
405
405
  border-inline-style: solid;
406
- box-shadow: var(--shadow-panel-toggle-qddz27, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
407
- color: var(--awsui-style-color-default-esndbs, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
406
+ box-shadow: var(--shadow-panel-toggle-a81wj1, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
407
+ color: var(--awsui-style-color-default-66120l, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
408
408
  cursor: pointer;
409
409
  display: flex;
410
410
  flex-direction: row;
411
411
  flex-wrap: wrap;
412
412
  grid-column: 2;
413
413
  grid-row: 2;
414
- column-gap: calc(var(--space-m-dsumyt, 16px) + var(--space-xxs-hwfkai, 4px));
414
+ column-gap: calc(var(--space-m-n8iq8o, 16px) + var(--space-xxs-3o1yoq, 4px));
415
415
  justify-content: center;
416
416
  letter-spacing: var(--font-button-letter-spacing-7mz5n3, 0.005em);
417
417
  margin-inline: auto;
@@ -420,9 +420,9 @@ the grid layout will be:
420
420
  text-decoration: none;
421
421
  z-index: 1;
422
422
  }
423
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449 > .awsui_header_1q84n_a5sfv_449:not(#\9),
424
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449 > .awsui_item-count_1q84n_a5sfv_450:not(#\9),
425
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9) {
423
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_status_1q84n_s4e92_449 > .awsui_header_1q84n_s4e92_449:not(#\9),
424
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_status_1q84n_s4e92_449 > .awsui_item-count_1q84n_s4e92_450:not(#\9),
425
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_button_1q84n_s4e92_451:not(#\9) {
426
426
  font-size: var(--font-size-body-m-tq5a14, 14px);
427
427
  line-height: var(--line-height-body-m-5xw6xo, 20px);
428
428
  color: var(--color-text-body-default-gtm97i, #0f141a);
@@ -435,91 +435,91 @@ the grid layout will be:
435
435
  margin-block: 0;
436
436
  padding-block: 0;
437
437
  }
438
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449:not(#\9) {
438
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_status_1q84n_s4e92_449:not(#\9) {
439
439
  display: flex;
440
440
  flex-direction: row;
441
441
  flex-wrap: wrap;
442
- column-gap: var(--space-m-dsumyt, 16px);
442
+ column-gap: var(--space-m-n8iq8o, 16px);
443
443
  justify-content: center;
444
444
  row-gap: 0;
445
445
  }
446
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449 > .awsui_header_1q84n_a5sfv_449:not(#\9) {
446
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_status_1q84n_s4e92_449 > .awsui_header_1q84n_s4e92_449:not(#\9) {
447
447
  font-weight: var(--font-weight-button-2p3grf, 700);
448
448
  display: inline-block;
449
449
  }
450
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449 > .awsui_item-count_1q84n_a5sfv_450:not(#\9) {
451
- column-gap: var(--space-s-tvghoh, 12px);
450
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_status_1q84n_s4e92_449 > .awsui_item-count_1q84n_s4e92_450:not(#\9) {
451
+ column-gap: var(--space-s-kll7oj, 12px);
452
452
  display: flex;
453
453
  flex-direction: row;
454
454
  flex-wrap: wrap;
455
455
  justify-content: center;
456
456
  row-gap: 0;
457
457
  }
458
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449 > .awsui_item-count_1q84n_a5sfv_450 > .awsui_type-count_1q84n_a5sfv_484 > .awsui_count-number_1q84n_a5sfv_484:not(#\9) {
459
- margin-inline-start: var(--space-xxs-hwfkai, 4px);
458
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_status_1q84n_s4e92_449 > .awsui_item-count_1q84n_s4e92_450 > .awsui_type-count_1q84n_s4e92_484 > .awsui_count-number_1q84n_s4e92_484:not(#\9) {
459
+ margin-inline-start: var(--space-xxs-3o1yoq, 4px);
460
460
  }
461
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9):hover {
462
- background: var(--awsui-style-background-hover-esndbs, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
463
- border-color: var(--awsui-style-border-color-hover-esndbs, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
464
- color: var(--awsui-style-color-hover-esndbs, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
461
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220:not(#\9):hover {
462
+ background: var(--awsui-style-background-hover-66120l, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
463
+ border-color: var(--awsui-style-border-color-hover-66120l, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
464
+ color: var(--awsui-style-color-hover-66120l, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
465
465
  }
466
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9):active {
467
- background: var(--awsui-style-background-active-esndbs, var(--color-background-notification-stack-bar-active-a4h9r8, #232b37));
468
- border-color: var(--awsui-style-border-color-active-esndbs, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
469
- color: var(--awsui-style-color-active-esndbs, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
466
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220:not(#\9):active {
467
+ background: var(--awsui-style-background-active-66120l, var(--color-background-notification-stack-bar-active-a4h9r8, #232b37));
468
+ border-color: var(--awsui-style-border-color-active-66120l, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
469
+ color: var(--awsui-style-color-active-66120l, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
470
470
  }
471
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220.awsui_visual-refresh_1q84n_a5sfv_302:not(#\9) {
471
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220.awsui_visual-refresh_1q84n_s4e92_302:not(#\9) {
472
472
  border-block-width: 2px;
473
473
  border-inline-width: 2px;
474
- padding-inline: var(--space-l-2ud1p3, 20px);
474
+ padding-inline: var(--space-l-dpyxli, 20px);
475
475
  }
476
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9):not(.awsui_visual-refresh_1q84n_a5sfv_302) {
476
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220:not(#\9):not(.awsui_visual-refresh_1q84n_s4e92_302) {
477
477
  border-block-width: 1px;
478
478
  border-inline-width: 1px;
479
- padding-inline: var(--space-s-tvghoh, 12px);
479
+ padding-inline: var(--space-s-kll7oj, 12px);
480
480
  }
481
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9):not(.awsui_visual-refresh_1q84n_a5sfv_302):focus {
481
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220:not(#\9):not(.awsui_visual-refresh_1q84n_s4e92_302):focus {
482
482
  text-decoration: none;
483
483
  }
484
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9):not(.awsui_visual-refresh_1q84n_a5sfv_302):hover {
484
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220:not(#\9):not(.awsui_visual-refresh_1q84n_s4e92_302):hover {
485
485
  text-decoration: none;
486
486
  }
487
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9) {
487
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_button_1q84n_s4e92_451:not(#\9) {
488
488
  display: inline-block;
489
489
  flex-grow: 1;
490
490
  background: none;
491
491
  border-block: 0;
492
492
  border-inline: none;
493
493
  padding-block: 0;
494
- --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));
494
+ --awsui-style-focus-ring-box-shadow-66120l: 0 0 0 var(--awsui-style-focus-ring-border-width-66120l, 2px) var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-notification-stack-bar-focused-mzvtw9, #f9f9fa));
495
495
  }
496
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451 > .awsui_icon_1q84n_a5sfv_522:not(#\9) {
497
- transition: transform var(--motion-duration-rotate-90-lyzb0k, 135ms) var(--motion-easing-rotate-90-jhbqg9, cubic-bezier(0.165, 0.84, 0.44, 1));
496
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_button_1q84n_s4e92_451 > .awsui_icon_1q84n_s4e92_522:not(#\9) {
497
+ transition: transform var(--motion-duration-rotate-90-de2qw0, 135ms) var(--motion-easing-rotate-90-mfea51, cubic-bezier(0.165, 0.84, 0.44, 1));
498
498
  }
499
499
  @media (prefers-reduced-motion: reduce) {
500
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451 > .awsui_icon_1q84n_a5sfv_522:not(#\9) {
500
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_button_1q84n_s4e92_451 > .awsui_icon_1q84n_s4e92_522:not(#\9) {
501
501
  animation: none;
502
502
  transition: none;
503
503
  }
504
504
  }
505
- .awsui-motion-disabled .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451 > .awsui_icon_1q84n_a5sfv_522:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451 > .awsui_icon_1q84n_a5sfv_522:not(#\9) {
505
+ .awsui-motion-disabled .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_button_1q84n_s4e92_451 > .awsui_icon_1q84n_s4e92_522:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_button_1q84n_s4e92_451 > .awsui_icon_1q84n_s4e92_522:not(#\9) {
506
506
  animation: none;
507
507
  transition: none;
508
508
  }
509
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451.awsui_expanded_1q84n_a5sfv_240 > .awsui_icon_1q84n_a5sfv_522:not(#\9) {
509
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_button_1q84n_s4e92_451.awsui_expanded_1q84n_s4e92_240 > .awsui_icon_1q84n_s4e92_522:not(#\9) {
510
510
  transform: rotate(180deg);
511
511
  }
512
- .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9):focus {
512
+ .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_button_1q84n_s4e92_451:not(#\9):focus {
513
513
  outline: none;
514
514
  }
515
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9):focus {
515
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_button_1q84n_s4e92_451:not(#\9):focus {
516
516
  position: relative;
517
517
  }
518
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9):focus {
518
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_button_1q84n_s4e92_451:not(#\9):focus {
519
519
  outline: 2px dotted transparent;
520
520
  outline-offset: calc(0px - 1px);
521
521
  }
522
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9):focus::before {
522
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_s4e92_218 > .awsui_notification-bar_1q84n_s4e92_220 > .awsui_button_1q84n_s4e92_451:not(#\9):focus::before {
523
523
  content: " ";
524
524
  display: block;
525
525
  position: absolute;
@@ -527,27 +527,27 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_a5sfv_218 > .awsui_notifi
527
527
  inset-block-start: calc(-1 * 0px);
528
528
  inline-size: calc(100% + 0px + 0px);
529
529
  block-size: calc(100% + 0px + 0px);
530
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
531
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
532
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
533
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
534
- box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
530
+ border-start-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
531
+ border-start-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
532
+ border-end-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
533
+ border-end-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
534
+ box-shadow: var(--awsui-style-focus-ring-box-shadow-66120l);
535
535
  }
536
536
 
537
- .awsui_stack_1q84n_a5sfv_218.awsui_expanded_1q84n_a5sfv_240:not(#\9):not(.awsui_floating_1q84n_a5sfv_563) {
538
- padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-esndbs, 0);
537
+ .awsui_stack_1q84n_s4e92_218.awsui_expanded_1q84n_s4e92_240:not(#\9):not(.awsui_floating_1q84n_s4e92_563) {
538
+ padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-66120l, 0);
539
539
  }
540
540
 
541
- .awsui_flashbar_1q84n_a5sfv_567:not(#\9) {
541
+ .awsui_flashbar_1q84n_s4e92_567:not(#\9) {
542
542
  position: relative;
543
543
  /* stylelint-disable-next-line selector-max-type */
544
544
  }
545
- .awsui_flashbar_1q84n_a5sfv_567 > li + li:not(#\9) {
545
+ .awsui_flashbar_1q84n_s4e92_567 > li + li:not(#\9) {
546
546
  padding-block-start: 0;
547
547
  }
548
548
 
549
- .awsui_flashbar_1q84n_a5sfv_567:not(#\9),
550
- .awsui_flash_1q84n_a5sfv_13:not(#\9) {
549
+ .awsui_flashbar_1q84n_s4e92_567:not(#\9),
550
+ .awsui_flash_1q84n_s4e92_13:not(#\9) {
551
551
  border-collapse: separate;
552
552
  border-spacing: 0;
553
553
  box-sizing: border-box;
@@ -579,13 +579,13 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_a5sfv_218 > .awsui_notifi
579
579
  -moz-osx-font-smoothing: auto;
580
580
  }
581
581
 
582
- .awsui_flash_1q84n_a5sfv_13:not(#\9) {
582
+ .awsui_flash_1q84n_s4e92_13:not(#\9) {
583
583
  position: relative;
584
584
  display: flex;
585
585
  justify-content: flex-start;
586
586
  align-items: flex-start;
587
- padding-block: var(--space-flashbar-vertical-th71op, 8px);
588
- padding-inline: var(--space-flashbar-horizontal-l63501, 16px);
587
+ padding-block: var(--space-flashbar-vertical-ssj5fl, 8px);
588
+ padding-inline: var(--space-flashbar-horizontal-re1dse, 16px);
589
589
  border-start-start-radius: var(--border-radius-flashbar-wdar84, 12px);
590
590
  border-start-end-radius: var(--border-radius-flashbar-wdar84, 12px);
591
591
  border-end-start-radius: var(--border-radius-flashbar-wdar84, 12px);
@@ -594,153 +594,153 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_a5sfv_218 > .awsui_notifi
594
594
  color: var(--color-text-notification-default-w5tddq, #f9f9fa);
595
595
  overflow-wrap: break-word;
596
596
  word-wrap: break-word;
597
- box-shadow: var(--shadow-flash-sticky-k69vye, 0px 4px 8px rgba(0, 7, 22, 0.1));
598
- --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));
597
+ box-shadow: var(--shadow-flash-sticky-ytd6f0, 0px 4px 8px rgba(0, 7, 22, 0.1));
598
+ --awsui-style-focus-ring-box-shadow-66120l: 0 0 0 var(--awsui-style-focus-ring-border-width-66120l, 2px) var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-ditkrb, #006ce0));
599
599
  }
600
600
 
601
- .awsui_initial-hidden_1q84n_a5sfv_627:not(#\9) {
601
+ .awsui_initial-hidden_1q84n_s4e92_627:not(#\9) {
602
602
  overflow: hidden;
603
603
  block-size: 0;
604
604
  }
605
605
 
606
- .awsui_flash-list_1q84n_a5sfv_219:not(#\9) {
606
+ .awsui_flash-list_1q84n_s4e92_219:not(#\9) {
607
607
  list-style: none;
608
608
  padding-block: 0;
609
609
  padding-inline: 0;
610
610
  margin-block: 0;
611
611
  margin-inline: 0;
612
612
  }
613
- .awsui_flash-list_1q84n_a5sfv_219:not(#\9):not(.awsui_collapsed_1q84n_a5sfv_240) > li:not(:last-child) {
614
- margin-block-end: var(--space-xxxs-pajhad, 2px);
613
+ .awsui_flash-list_1q84n_s4e92_219:not(#\9):not(.awsui_collapsed_1q84n_s4e92_240) > li:not(:last-child) {
614
+ margin-block-end: var(--space-xxxs-3ulqs3, 2px);
615
615
  }
616
616
 
617
- .awsui_flash-body_1q84n_a5sfv_27:not(#\9) {
617
+ .awsui_flash-body_1q84n_s4e92_27:not(#\9) {
618
618
  display: flex;
619
619
  flex-wrap: wrap;
620
620
  flex-grow: 1;
621
621
  min-inline-size: 0;
622
- column-gap: var(--space-flashbar-action-left-rqk3ap, 12px);
622
+ column-gap: var(--space-flashbar-action-left-btmo3q, 12px);
623
623
  }
624
624
 
625
- .awsui_flash-focus-container_1q84n_a5sfv_651:not(#\9) {
625
+ .awsui_flash-focus-container_1q84n_s4e92_651:not(#\9) {
626
626
  display: flex;
627
627
  flex: 1;
628
628
  min-inline-size: 70%;
629
629
  }
630
- .awsui_flash-focus-container_1q84n_a5sfv_651:not(#\9):focus {
630
+ .awsui_flash-focus-container_1q84n_s4e92_651:not(#\9):focus {
631
631
  outline: none;
632
632
  }
633
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_a5sfv_651:not(#\9):focus {
633
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_s4e92_651:not(#\9):focus {
634
634
  position: relative;
635
635
  }
636
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_a5sfv_651:not(#\9):focus {
636
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_s4e92_651:not(#\9):focus {
637
637
  outline: 2px dotted transparent;
638
- outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
638
+ outline-offset: calc(var(--space-button-focus-outline-gutter-dzjnny, 4px) - 1px);
639
639
  }
640
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_a5sfv_651:not(#\9):focus::before {
640
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_s4e92_651:not(#\9):focus::before {
641
641
  content: " ";
642
642
  display: block;
643
643
  position: absolute;
644
- inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
645
- inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
646
- inline-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
647
- block-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
648
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
649
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
650
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
651
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
652
- box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
644
+ inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-dzjnny, 4px));
645
+ inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-dzjnny, 4px));
646
+ inline-size: calc(100% + var(--space-button-focus-outline-gutter-dzjnny, 4px) + var(--space-button-focus-outline-gutter-dzjnny, 4px));
647
+ block-size: calc(100% + var(--space-button-focus-outline-gutter-dzjnny, 4px) + var(--space-button-focus-outline-gutter-dzjnny, 4px));
648
+ border-start-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
649
+ border-start-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
650
+ border-end-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
651
+ border-end-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
652
+ box-shadow: var(--awsui-style-focus-ring-box-shadow-66120l);
653
653
  }
654
654
 
655
- .awsui_flash-text_1q84n_a5sfv_681:not(#\9) {
655
+ .awsui_flash-text_1q84n_s4e92_681:not(#\9) {
656
656
  margin-block: var(--border-item-width-pyfg4s, 2px);
657
657
  margin-inline: 0;
658
- padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
659
- padding-inline: var(--space-xxs-hwfkai, 4px);
658
+ padding-block: var(--space-scaled-xxs-j00t0m, 4px);
659
+ padding-inline: var(--space-xxs-3o1yoq, 4px);
660
660
  }
661
661
 
662
- .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
662
+ .awsui_flash-icon_1q84n_s4e92_53:not(#\9) {
663
663
  flex: 0 0 auto;
664
664
  padding-inline-start: 0;
665
665
  }
666
666
 
667
- .awsui_flash-message_1q84n_a5sfv_27:not(#\9) {
667
+ .awsui_flash-message_1q84n_s4e92_27:not(#\9) {
668
668
  flex: 1 1 0%;
669
669
  word-wrap: break-word;
670
670
  max-inline-size: 100%;
671
671
  overflow: hidden;
672
672
  }
673
673
 
674
- .awsui_hidden_1q84n_a5sfv_700:not(#\9) {
674
+ .awsui_hidden_1q84n_s4e92_700:not(#\9) {
675
675
  display: none;
676
676
  }
677
677
 
678
- .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
679
- .awsui_header-replacement_1q84n_a5sfv_705:not(#\9) {
678
+ .awsui_flash-header_1q84n_s4e92_27:not(#\9),
679
+ .awsui_header-replacement_1q84n_s4e92_705:not(#\9) {
680
680
  font-weight: var(--font-weight-flashbar-header-a0ezj3, 700);
681
681
  }
682
682
 
683
- .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
684
- .awsui_content-replacement_1q84n_a5sfv_710:not(#\9) {
683
+ .awsui_flash-content_1q84n_s4e92_28:not(#\9),
684
+ .awsui_content-replacement_1q84n_s4e92_710:not(#\9) {
685
685
  /* Only used as a selector for test-utils */
686
686
  }
687
687
 
688
- .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
688
+ .awsui_dismiss-button-wrapper_1q84n_s4e92_30:not(#\9) {
689
689
  flex: 0 0 auto;
690
- margin-inline: var(--space-s-tvghoh, 12px) calc(-1 * var(--space-xxs-hwfkai, 4px));
691
- padding-inline-end: var(--space-flashbar-dismiss-right-ckhj91, 0px);
690
+ margin-inline: var(--space-s-kll7oj, 12px) calc(-1 * var(--space-xxs-3o1yoq, 4px));
691
+ padding-inline-end: var(--space-flashbar-dismiss-right-m8whke, 0px);
692
692
  }
693
693
 
694
- .awsui_dismiss-button_1q84n_a5sfv_30:not(#\9) {
694
+ .awsui_dismiss-button_1q84n_s4e92_30:not(#\9) {
695
695
  /* Only used as a selector for test-utils */
696
696
  }
697
697
 
698
- .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9) {
698
+ .awsui_action-button-wrapper_1q84n_s4e92_29:not(#\9) {
699
699
  white-space: nowrap;
700
700
  }
701
701
 
702
- .awsui_action-wrapped_1q84n_a5sfv_728:not(#\9) {
703
- margin-inline-start: var(--space-l-2ud1p3, 20px);
704
- padding-inline-start: var(--space-xxs-hwfkai, 4px);
705
- margin-block-end: var(--space-xxs-hwfkai, 4px);
702
+ .awsui_action-wrapped_1q84n_s4e92_728:not(#\9) {
703
+ margin-inline-start: var(--space-l-dpyxli, 20px);
704
+ padding-inline-start: var(--space-xxs-3o1yoq, 4px);
705
+ margin-block-end: var(--space-xxs-3o1yoq, 4px);
706
706
  }
707
707
 
708
- .awsui_action-button_1q84n_a5sfv_29:not(#\9),
709
- .awsui_action-slot_1q84n_a5sfv_735:not(#\9) {
708
+ .awsui_action-button_1q84n_s4e92_29:not(#\9),
709
+ .awsui_action-slot_1q84n_s4e92_735:not(#\9) {
710
710
  /* Only used as a selector for test-utils */
711
711
  }
712
712
 
713
- .awsui_flash-type-success_1q84n_a5sfv_739:not(#\9) {
713
+ .awsui_flash-type-success_1q84n_s4e92_739:not(#\9) {
714
714
  background-color: var(--color-background-flashbar-success-vw7ng1, #00802f);
715
715
  border-inline-start-color: var(--color-border-status-success-uk2p7m, #00802f);
716
716
  }
717
- .awsui_flash-type-success_1q84n_a5sfv_739 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-focus-container_1q84n_a5sfv_651 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
717
+ .awsui_flash-type-success_1q84n_s4e92_739 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-focus-container_1q84n_s4e92_651 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9) {
718
718
  color: var(--color-text-flashbar-icon-success-tqehsy, #00802f);
719
719
  }
720
720
 
721
- .awsui_flash-type-error_1q84n_a5sfv_747:not(#\9) {
721
+ .awsui_flash-type-error_1q84n_s4e92_747:not(#\9) {
722
722
  background-color: var(--color-background-flashbar-error-q2h7ak, #db0000);
723
723
  border-inline-start-color: var(--color-border-status-error-vxvfad, #db0000);
724
724
  }
725
- .awsui_flash-type-error_1q84n_a5sfv_747 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-focus-container_1q84n_a5sfv_651 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
725
+ .awsui_flash-type-error_1q84n_s4e92_747 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-focus-container_1q84n_s4e92_651 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9) {
726
726
  color: var(--color-text-flashbar-icon-error-cb5ezy, #db0000);
727
727
  }
728
728
 
729
- .awsui_flash-type-info_1q84n_a5sfv_755:not(#\9),
730
- .awsui_flash-type-in-progress_1q84n_a5sfv_756:not(#\9) {
729
+ .awsui_flash-type-info_1q84n_s4e92_755:not(#\9),
730
+ .awsui_flash-type-in-progress_1q84n_s4e92_756:not(#\9) {
731
731
  background-color: var(--color-background-flashbar-info-2pbjjg, #006ce0);
732
732
  border-inline-start-color: var(--color-border-status-info-2zt73n, #006ce0);
733
733
  }
734
- .awsui_flash-type-info_1q84n_a5sfv_755 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-focus-container_1q84n_a5sfv_651 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9),
735
- .awsui_flash-type-in-progress_1q84n_a5sfv_756 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-focus-container_1q84n_a5sfv_651 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
734
+ .awsui_flash-type-info_1q84n_s4e92_755 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-focus-container_1q84n_s4e92_651 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9),
735
+ .awsui_flash-type-in-progress_1q84n_s4e92_756 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-focus-container_1q84n_s4e92_651 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9) {
736
736
  color: var(--color-text-flashbar-icon-info-lobe9x, #006ce0);
737
737
  }
738
738
 
739
- .awsui_flash-type-warning_1q84n_a5sfv_765:not(#\9) {
739
+ .awsui_flash-type-warning_1q84n_s4e92_765:not(#\9) {
740
740
  color: var(--color-text-notification-yellow-vjtdxk, #0f141a);
741
741
  background-color: var(--color-background-flashbar-warning-n9x5as, #ffe347);
742
742
  border-inline-start-color: var(--color-border-status-warning-s79l22, #855900);
743
743
  }
744
- .awsui_flash-type-warning_1q84n_a5sfv_765 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-focus-container_1q84n_a5sfv_651 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
744
+ .awsui_flash-type-warning_1q84n_s4e92_765 > .awsui_flash-body_1q84n_s4e92_27 > .awsui_flash-focus-container_1q84n_s4e92_651 > .awsui_flash-icon_1q84n_s4e92_53:not(#\9) {
745
745
  color: var(--color-text-flashbar-icon-warning-ojtnxb, #855900);
746
746
  }