@cloudscape-design/components 3.0.1321 → 3.0.1323

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 (76) hide show
  1. package/alert/index.d.ts.map +1 -1
  2. package/alert/internal-do-not-use-core.js +5 -0
  3. package/alert/internal-do-not-use-core.js.map +1 -1
  4. package/alert/styles.css.js +27 -27
  5. package/alert/styles.scoped.css +44 -44
  6. package/alert/styles.selectors.js +27 -27
  7. package/box/interfaces.d.ts +1 -1
  8. package/box/interfaces.d.ts.map +1 -1
  9. package/box/interfaces.js.map +1 -1
  10. package/box/styles.css.js +193 -192
  11. package/box/styles.scoped.css +246 -241
  12. package/box/styles.selectors.js +193 -192
  13. package/code-editor/styles.css.js +33 -33
  14. package/code-editor/styles.scoped.css +147 -147
  15. package/code-editor/styles.selectors.js +33 -33
  16. package/flashbar/flash.d.ts.map +1 -1
  17. package/flashbar/flash.js +2 -2
  18. package/flashbar/flash.js.map +1 -1
  19. package/flashbar/index.d.ts.map +1 -1
  20. package/flashbar/index.js +5 -0
  21. package/flashbar/index.js.map +1 -1
  22. package/flashbar/style.d.ts +3 -0
  23. package/flashbar/style.d.ts.map +1 -1
  24. package/flashbar/style.js +9 -0
  25. package/flashbar/style.js.map +1 -1
  26. package/flashbar/styles.css.js +50 -50
  27. package/flashbar/styles.scoped.css +169 -151
  28. package/flashbar/styles.selectors.js +50 -50
  29. package/form-field/styles.css.js +24 -24
  30. package/form-field/styles.scoped.css +40 -40
  31. package/form-field/styles.selectors.js +24 -24
  32. package/icon/styles.css.js +41 -41
  33. package/icon/styles.scoped.css +94 -94
  34. package/icon/styles.selectors.js +41 -41
  35. package/input/styles.css.js +18 -18
  36. package/input/styles.scoped.css +38 -38
  37. package/input/styles.selectors.js +18 -18
  38. package/internal/base-component/styles.scoped.css +95 -57
  39. package/internal/components/button-trigger/styles.css.js +14 -14
  40. package/internal/components/button-trigger/styles.scoped.css +35 -35
  41. package/internal/components/button-trigger/styles.selectors.js +14 -14
  42. package/internal/environment.js +2 -2
  43. package/internal/environment.json +2 -2
  44. package/internal/generated/styles/tokens.d.ts +14 -0
  45. package/internal/generated/styles/tokens.js +27 -13
  46. package/internal/generated/theming/index.cjs +282 -21
  47. package/internal/generated/theming/index.cjs.d.ts +126 -0
  48. package/internal/generated/theming/index.d.ts +126 -0
  49. package/internal/generated/theming/index.js +282 -21
  50. package/internal/manifest.json +1 -1
  51. package/manifest.json +2 -2
  52. package/package.json +1 -1
  53. package/popover/body.d.ts.map +1 -1
  54. package/popover/body.js +2 -2
  55. package/popover/body.js.map +1 -1
  56. package/prompt-input/styles.css.js +26 -26
  57. package/prompt-input/styles.scoped.css +61 -61
  58. package/prompt-input/styles.selectors.js +26 -26
  59. package/side-navigation/parts.d.ts.map +1 -1
  60. package/side-navigation/parts.js +37 -28
  61. package/side-navigation/parts.js.map +1 -1
  62. package/side-navigation/styles.css.js +46 -46
  63. package/side-navigation/styles.scoped.css +85 -111
  64. package/side-navigation/styles.selectors.js +46 -46
  65. package/slider/styles.css.js +26 -26
  66. package/slider/styles.scoped.css +112 -112
  67. package/slider/styles.selectors.js +26 -26
  68. package/status-indicator/styles.css.js +24 -24
  69. package/status-indicator/styles.scoped.css +59 -59
  70. package/status-indicator/styles.selectors.js +24 -24
  71. package/textarea/styles.css.js +5 -5
  72. package/textarea/styles.scoped.css +17 -17
  73. package/textarea/styles.selectors.js +5 -5
  74. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  75. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
  76. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
@@ -154,54 +154,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
154
154
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
155
155
  SPDX-License-Identifier: Apache-2.0
156
156
  */
157
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157:not(#\9) {
157
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157:not(#\9) {
158
158
  opacity: 0;
159
159
  transform: translateY(-20px);
160
160
  }
161
161
  @media (prefers-reduced-motion: reduce) {
162
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157:not(#\9) {
162
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157:not(#\9) {
163
163
  animation: none;
164
164
  transition: none;
165
165
  }
166
166
  }
167
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157:not(#\9) {
167
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157:not(#\9) {
168
168
  animation: none;
169
169
  transition: none;
170
170
  }
171
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
172
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
173
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
174
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
171
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9),
172
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9),
173
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9),
174
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9) {
175
175
  opacity: 0;
176
176
  transform: translateY(-8px);
177
177
  }
178
178
  @media (prefers-reduced-motion: reduce) {
179
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
180
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
181
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
182
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
179
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9),
180
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9),
181
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9),
182
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9) {
183
183
  animation: none;
184
184
  transition: none;
185
185
  }
186
186
  }
187
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
187
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9) {
188
188
  animation: none;
189
189
  transition: none;
190
190
  }
191
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
191
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-icon_1q84n_164kq_197:not(#\9) {
192
192
  opacity: 0;
193
193
  }
194
194
  @media (prefers-reduced-motion: reduce) {
195
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
195
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-icon_1q84n_164kq_197:not(#\9) {
196
196
  animation: none;
197
197
  transition: none;
198
198
  }
199
199
  }
200
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_enter_1q84n_19b2n_157 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
200
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-icon_1q84n_164kq_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_enter_1q84n_164kq_157 > .awsui_flash-icon_1q84n_164kq_197:not(#\9) {
201
201
  animation: none;
202
202
  transition: none;
203
203
  }
204
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210:not(#\9) {
204
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210:not(#\9) {
205
205
  transition-property: transform, opacity;
206
206
  transition-duration: var(--motion-duration-complex-tbdo30, 250ms);
207
207
  transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
@@ -209,25 +209,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
209
209
  transform: translateY(0);
210
210
  }
211
211
  @media (prefers-reduced-motion: reduce) {
212
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210:not(#\9) {
212
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210:not(#\9) {
213
213
  animation: none;
214
214
  transition: none;
215
215
  }
216
216
  }
217
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210:not(#\9) {
217
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210:not(#\9) {
218
218
  animation: none;
219
219
  transition: none;
220
220
  }
221
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9),
222
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
223
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
224
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
225
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
226
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9),
227
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
228
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
229
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
230
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
221
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-icon_1q84n_164kq_197:not(#\9),
222
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9),
223
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9),
224
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9),
225
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9),
226
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-icon_1q84n_164kq_197:not(#\9),
227
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9),
228
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9),
229
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9),
230
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9) {
231
231
  opacity: 1;
232
232
  transform: translateY(0);
233
233
  transition-property: transform, opacity;
@@ -235,83 +235,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
235
235
  transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
236
236
  }
237
237
  @media (prefers-reduced-motion: reduce) {
238
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9),
239
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
240
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
241
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
242
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
243
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9),
244
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9),
245
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9),
246
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
247
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
238
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-icon_1q84n_164kq_197:not(#\9),
239
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9),
240
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9),
241
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9),
242
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9),
243
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-icon_1q84n_164kq_197:not(#\9),
244
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9),
245
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9),
246
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9),
247
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9) {
248
248
  animation: none;
249
249
  transition: none;
250
250
  }
251
251
  }
252
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
252
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-icon_1q84n_164kq_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-icon_1q84n_164kq_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-icon_1q84n_164kq_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-icon_1q84n_164kq_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9) {
253
253
  animation: none;
254
254
  transition: none;
255
255
  }
256
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
256
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-icon_1q84n_164kq_197:not(#\9), .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-icon_1q84n_164kq_197:not(#\9) {
257
257
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) - 50ms);
258
258
  }
259
259
  @media (prefers-reduced-motion: reduce) {
260
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
260
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-icon_1q84n_164kq_197:not(#\9), .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-icon_1q84n_164kq_197:not(#\9) {
261
261
  animation: none;
262
262
  transition: none;
263
263
  }
264
264
  }
265
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
265
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-icon_1q84n_164kq_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-icon_1q84n_164kq_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-icon_1q84n_164kq_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-icon_1q84n_164kq_197:not(#\9) {
266
266
  animation: none;
267
267
  transition: none;
268
268
  }
269
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9) {
269
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9), .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9) {
270
270
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
271
271
  }
272
272
  @media (prefers-reduced-motion: reduce) {
273
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9) {
273
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9), .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9) {
274
274
  animation: none;
275
275
  transition: none;
276
276
  }
277
277
  }
278
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-header_1q84n_19b2n_171:not(#\9) {
278
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-header_1q84n_164kq_171:not(#\9) {
279
279
  animation: none;
280
280
  transition: none;
281
281
  }
282
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9) {
282
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9), .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9) {
283
283
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
284
284
  }
285
285
  @media (prefers-reduced-motion: reduce) {
286
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9) {
286
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9), .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9) {
287
287
  animation: none;
288
288
  transition: none;
289
289
  }
290
290
  }
291
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_flash-message_1q84n_19b2n_171 > .awsui_flash-content_1q84n_19b2n_172:not(#\9) {
291
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-message_1q84n_164kq_171 > .awsui_flash-content_1q84n_164kq_172:not(#\9) {
292
292
  animation: none;
293
293
  transition: none;
294
294
  }
295
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
296
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
297
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
298
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9) {
295
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9),
296
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9),
297
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9),
298
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9) {
299
299
  transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) * 2 - 100ms);
300
300
  }
301
301
  @media (prefers-reduced-motion: reduce) {
302
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
303
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9),
304
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9),
305
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9) {
302
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9),
303
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9),
304
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9),
305
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9) {
306
306
  animation: none;
307
307
  transition: none;
308
308
  }
309
309
  }
310
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entering_1q84n_19b2n_210 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_entered_1q84n_19b2n_231 > .awsui_flash-body_1q84n_19b2n_171 > .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9) {
310
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entering_1q84n_164kq_210 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_entered_1q84n_164kq_231 > .awsui_flash-body_1q84n_164kq_171 > .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9) {
311
311
  animation: none;
312
312
  transition: none;
313
313
  }
314
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_exiting_1q84n_19b2n_336:not(#\9) {
314
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_exiting_1q84n_164kq_336:not(#\9) {
315
315
  opacity: 0;
316
316
  transform: translateY(-20px);
317
317
  transition-property: transform, opacity;
@@ -319,12 +319,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
319
319
  transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
320
320
  }
321
321
  @media (prefers-reduced-motion: reduce) {
322
- .awsui_flash-with-motion_1q84n_19b2n_157.awsui_exiting_1q84n_19b2n_336:not(#\9) {
322
+ .awsui_flash-with-motion_1q84n_164kq_157.awsui_exiting_1q84n_164kq_336:not(#\9) {
323
323
  animation: none;
324
324
  transition: none;
325
325
  }
326
326
  }
327
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_19b2n_157.awsui_exiting_1q84n_19b2n_336:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_19b2n_157.awsui_exiting_1q84n_19b2n_336:not(#\9) {
327
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_164kq_157.awsui_exiting_1q84n_164kq_336:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_164kq_157.awsui_exiting_1q84n_164kq_336:not(#\9) {
328
328
  animation: none;
329
329
  transition: none;
330
330
  }
@@ -345,35 +345,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
345
345
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
346
346
  SPDX-License-Identifier: Apache-2.0
347
347
  */
348
- .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_item_1q84n_19b2n_370:not(#\9),
349
- .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_flash-list-item_1q84n_19b2n_371:not(#\9),
350
- .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370.awsui_notification-bar_1q84n_19b2n_372:not(#\9) {
348
+ .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370 > .awsui_item_1q84n_164kq_370:not(#\9),
349
+ .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370 > .awsui_flash-list-item_1q84n_164kq_371:not(#\9),
350
+ .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370.awsui_notification-bar_1q84n_164kq_372:not(#\9) {
351
351
  transition-timing-function: var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
352
352
  transition-duration: var(--motion-duration-responsive-mehora, 115ms);
353
353
  }
354
354
  @media (prefers-reduced-motion: reduce) {
355
- .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_item_1q84n_19b2n_370:not(#\9),
356
- .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_flash-list-item_1q84n_19b2n_371:not(#\9),
357
- .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370.awsui_notification-bar_1q84n_19b2n_372:not(#\9) {
355
+ .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370 > .awsui_item_1q84n_164kq_370:not(#\9),
356
+ .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370 > .awsui_flash-list-item_1q84n_164kq_371:not(#\9),
357
+ .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370.awsui_notification-bar_1q84n_164kq_372:not(#\9) {
358
358
  animation: none;
359
359
  transition: none;
360
360
  }
361
361
  }
362
- .awsui-motion-disabled .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_item_1q84n_19b2n_370:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_item_1q84n_19b2n_370:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_flash-list-item_1q84n_19b2n_371:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370 > .awsui_flash-list-item_1q84n_19b2n_371:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370.awsui_notification-bar_1q84n_19b2n_372:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_19b2n_370 > .awsui_animation-running_1q84n_19b2n_370.awsui_notification-bar_1q84n_19b2n_372:not(#\9) {
362
+ .awsui-motion-disabled .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370 > .awsui_item_1q84n_164kq_370:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370 > .awsui_item_1q84n_164kq_370:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370 > .awsui_flash-list-item_1q84n_164kq_371:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370 > .awsui_flash-list-item_1q84n_164kq_371:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370.awsui_notification-bar_1q84n_164kq_372:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_164kq_370 > .awsui_animation-running_1q84n_164kq_370.awsui_notification-bar_1q84n_164kq_372:not(#\9) {
363
363
  animation: none;
364
364
  transition: none;
365
365
  }
366
- .awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392.awsui_animation-ready_1q84n_19b2n_392 > .awsui_expanded-only_1q84n_19b2n_392:not(#\9),
367
- .awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392.awsui_animation-running_1q84n_19b2n_370 > .awsui_expanded-only_1q84n_19b2n_392:not(#\9) {
366
+ .awsui_stack_1q84n_164kq_370 > .awsui_collapsed_1q84n_164kq_392.awsui_animation-ready_1q84n_164kq_392 > .awsui_expanded-only_1q84n_164kq_392:not(#\9),
367
+ .awsui_stack_1q84n_164kq_370 > .awsui_collapsed_1q84n_164kq_392.awsui_animation-running_1q84n_164kq_370 > .awsui_expanded-only_1q84n_164kq_392:not(#\9) {
368
368
  display: none;
369
369
  }
370
370
 
371
- .awsui_stack_1q84n_19b2n_370:not(#\9) {
371
+ .awsui_stack_1q84n_164kq_370:not(#\9) {
372
372
  display: grid;
373
373
  grid-template-columns: 30px 1fr 30px;
374
374
  }
375
375
 
376
- .awsui_stack_1q84n_19b2n_370 > .awsui_expanded_1q84n_19b2n_392:not(#\9) {
376
+ .awsui_stack_1q84n_164kq_370 > .awsui_expanded_1q84n_164kq_392:not(#\9) {
377
377
  grid-column: 1/4;
378
378
  }
379
379
 
@@ -387,21 +387,21 @@ the grid layout will be:
387
387
  [10px] [item 2 start] [10px] [fractional unit] [10px] [item 2 end] [10px]
388
388
  [10px] [10px] [item 3 start] [fractional unit] [item 3 end] [10px] [10px]
389
389
  */
390
- .awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392:not(#\9) {
390
+ .awsui_stack_1q84n_164kq_370 > .awsui_collapsed_1q84n_164kq_392:not(#\9) {
391
391
  display: grid;
392
392
  grid-column: 1/4;
393
393
  grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-6b9ypa), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-6b9ypa), 10px);
394
394
  row-gap: 8px;
395
395
  z-index: 0;
396
396
  }
397
- .awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392 > .awsui_item_1q84n_19b2n_370:not(#\9) {
397
+ .awsui_stack_1q84n_164kq_370 > .awsui_collapsed_1q84n_164kq_392 > .awsui_item_1q84n_164kq_370:not(#\9) {
398
398
  grid-column-start: calc(var(--awsui-flashbar-stack-index-6b9ypa) + 1);
399
399
  grid-column-end: calc(var(--awsui-flashbar-stack-depth-6b9ypa) * 2 + 1 - var(--awsui-flashbar-stack-index-6b9ypa) + 1);
400
400
  grid-row-start: 1;
401
401
  grid-row-end: calc(var(--awsui-flashbar-stack-index-6b9ypa) + 2);
402
402
  z-index: calc(var(--awsui-flashbar-stack-depth-6b9ypa) - var(--awsui-flashbar-stack-index-6b9ypa));
403
403
  }
404
- .awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392 > .awsui_item_1q84n_19b2n_370:not(#\9):not(:first-of-type) {
404
+ .awsui_stack_1q84n_164kq_370 > .awsui_collapsed_1q84n_164kq_392 > .awsui_item_1q84n_164kq_370:not(#\9):not(:first-of-type) {
405
405
  align-self: end;
406
406
  /* Give placeholder elements in the stacked state the height of a notification
407
407
  with one single line of text.
@@ -409,23 +409,23 @@ the grid layout will be:
409
409
  */
410
410
  min-block-size: calc(var(--line-height-body-m-2mh3ke, 20px) + (var(--space-scaled-xs-xwoogq, 8px) + var(--border-width-field-2xc78x, 1px) + var(--space-scaled-xxs-pfm1nx, 4px)) * 2);
411
411
  }
412
- .awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392 > .awsui_item_1q84n_19b2n_370:not(#\9):not(:last-child) > .awsui_flash_1q84n_19b2n_157,
413
- .awsui_stack_1q84n_19b2n_370 > .awsui_collapsed_1q84n_19b2n_392 > .awsui_item_1q84n_19b2n_370.awsui_flash_1q84n_19b2n_157:not(#\9) {
412
+ .awsui_stack_1q84n_164kq_370 > .awsui_collapsed_1q84n_164kq_392 > .awsui_item_1q84n_164kq_370:not(#\9):not(:last-child) > .awsui_flash_1q84n_164kq_157,
413
+ .awsui_stack_1q84n_164kq_370 > .awsui_collapsed_1q84n_164kq_392 > .awsui_item_1q84n_164kq_370.awsui_flash_1q84n_164kq_157:not(#\9) {
414
414
  box-shadow: var(--shadow-flash-collapsed-b68ip6, 0px 4px 4px rgba(0, 0, 0, 0.25));
415
415
  }
416
416
 
417
- .awsui_stack_1q84n_19b2n_370 > .awsui_expanded_1q84n_19b2n_392.awsui_animation-running_1q84n_19b2n_370 > .awsui_flash-list-item_1q84n_19b2n_371:not(#\9) {
417
+ .awsui_stack_1q84n_164kq_370 > .awsui_expanded_1q84n_164kq_392.awsui_animation-running_1q84n_164kq_370 > .awsui_flash-list-item_1q84n_164kq_371:not(#\9) {
418
418
  position: relative;
419
419
  z-index: calc(var(--awsui-flashbar-stack-depth-6b9ypa) - var(--awsui-flashbar-stack-index-6b9ypa));
420
420
  }
421
421
 
422
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392) {
422
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448:not(#\9):not(.awsui_expanded_1q84n_164kq_392) {
423
423
  /*
424
424
  Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
425
425
  missing third item when there are only 2 items in the stack.
426
426
  */
427
427
  }
428
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392):not(.awsui_short-list_1q84n_19b2n_454):not(.awsui_visual-refresh_1q84n_19b2n_454) {
428
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448:not(#\9):not(.awsui_expanded_1q84n_164kq_392):not(.awsui_short-list_1q84n_164kq_454):not(.awsui_visual-refresh_1q84n_164kq_454) {
429
429
  /*
430
430
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
431
431
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -437,14 +437,14 @@ the grid layout will be:
437
437
  --awsui-stacked-notifications-default-bottom-margin-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
438
438
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 0px);
439
439
  }
440
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392):not(.awsui_short-list_1q84n_19b2n_454):not(.awsui_visual-refresh_1q84n_19b2n_454) > .awsui_notification-bar_1q84n_19b2n_372 {
440
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448:not(#\9):not(.awsui_expanded_1q84n_164kq_392):not(.awsui_short-list_1q84n_164kq_454):not(.awsui_visual-refresh_1q84n_164kq_454) > .awsui_notification-bar_1q84n_164kq_372 {
441
441
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 0px);
442
442
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
443
443
  is the full height of the notification bar */
444
444
  margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 0px);
445
445
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
446
446
  }
447
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392):not(.awsui_short-list_1q84n_19b2n_454).awsui_visual-refresh_1q84n_19b2n_454 {
447
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448:not(#\9):not(.awsui_expanded_1q84n_164kq_392):not(.awsui_short-list_1q84n_164kq_454).awsui_visual-refresh_1q84n_164kq_454 {
448
448
  /*
449
449
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
450
450
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -456,14 +456,14 @@ the grid layout will be:
456
456
  --awsui-stacked-notifications-default-bottom-margin-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
457
457
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 0px);
458
458
  }
459
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392):not(.awsui_short-list_1q84n_19b2n_454).awsui_visual-refresh_1q84n_19b2n_454 > .awsui_notification-bar_1q84n_19b2n_372 {
459
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448:not(#\9):not(.awsui_expanded_1q84n_164kq_392):not(.awsui_short-list_1q84n_164kq_454).awsui_visual-refresh_1q84n_164kq_454 > .awsui_notification-bar_1q84n_164kq_372 {
460
460
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 0px);
461
461
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
462
462
  is the full height of the notification bar */
463
463
  margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 0px);
464
464
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
465
465
  }
466
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392).awsui_short-list_1q84n_19b2n_454:not(.awsui_visual-refresh_1q84n_19b2n_454) {
466
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448:not(#\9):not(.awsui_expanded_1q84n_164kq_392).awsui_short-list_1q84n_164kq_454:not(.awsui_visual-refresh_1q84n_164kq_454) {
467
467
  /*
468
468
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
469
469
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -475,14 +475,14 @@ the grid layout will be:
475
475
  --awsui-stacked-notifications-default-bottom-margin-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
476
476
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 8px);
477
477
  }
478
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392).awsui_short-list_1q84n_19b2n_454:not(.awsui_visual-refresh_1q84n_19b2n_454) > .awsui_notification-bar_1q84n_19b2n_372 {
478
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448:not(#\9):not(.awsui_expanded_1q84n_164kq_392).awsui_short-list_1q84n_164kq_454:not(.awsui_visual-refresh_1q84n_164kq_454) > .awsui_notification-bar_1q84n_164kq_372 {
479
479
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 8px);
480
480
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
481
481
  is the full height of the notification bar */
482
482
  margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 8px);
483
483
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
484
484
  }
485
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392).awsui_short-list_1q84n_19b2n_454.awsui_visual-refresh_1q84n_19b2n_454 {
485
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448:not(#\9):not(.awsui_expanded_1q84n_164kq_392).awsui_short-list_1q84n_164kq_454.awsui_visual-refresh_1q84n_164kq_454 {
486
486
  /*
487
487
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
488
488
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -494,14 +494,14 @@ the grid layout will be:
494
494
  --awsui-stacked-notifications-default-bottom-margin-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
495
495
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 8px);
496
496
  }
497
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448:not(#\9):not(.awsui_expanded_1q84n_19b2n_392).awsui_short-list_1q84n_19b2n_454.awsui_visual-refresh_1q84n_19b2n_454 > .awsui_notification-bar_1q84n_19b2n_372 {
497
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448:not(#\9):not(.awsui_expanded_1q84n_164kq_392).awsui_short-list_1q84n_164kq_454.awsui_visual-refresh_1q84n_164kq_454 > .awsui_notification-bar_1q84n_164kq_372 {
498
498
  margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 8px);
499
499
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
500
500
  is the full height of the notification bar */
501
501
  margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 8px);
502
502
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
503
503
  }
504
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448.awsui_expanded_1q84n_19b2n_392:not(#\9):not(.awsui_visual-refresh_1q84n_19b2n_454) {
504
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448.awsui_expanded_1q84n_164kq_392:not(#\9):not(.awsui_visual-refresh_1q84n_164kq_454) {
505
505
  /*
506
506
  Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
507
507
  notifications slot already gives it enough space.
@@ -517,14 +517,14 @@ the grid layout will be:
517
517
  --awsui-stacked-notifications-default-bottom-margin-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - var(--space-scaled-s-8ozaad, 12px));
518
518
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + var(--space-scaled-m-m892r9, 16px) + 0px);
519
519
  }
520
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448.awsui_expanded_1q84n_19b2n_392:not(#\9):not(.awsui_visual-refresh_1q84n_19b2n_454) > .awsui_notification-bar_1q84n_19b2n_372 {
520
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448.awsui_expanded_1q84n_164kq_392:not(#\9):not(.awsui_visual-refresh_1q84n_164kq_454) > .awsui_notification-bar_1q84n_164kq_372 {
521
521
  margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 12px) + 0px);
522
522
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
523
523
  is the full height of the notification bar */
524
524
  margin-block-end: calc(var(--space-scaled-s-8ozaad, 12px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 0px);
525
525
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
526
526
  }
527
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448.awsui_expanded_1q84n_19b2n_392.awsui_visual-refresh_1q84n_19b2n_454:not(#\9) {
527
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448.awsui_expanded_1q84n_164kq_392.awsui_visual-refresh_1q84n_164kq_454:not(#\9) {
528
528
  /*
529
529
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
530
530
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -536,7 +536,7 @@ the grid layout will be:
536
536
  --awsui-stacked-notifications-default-bottom-margin-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - var(--space-scaled-s-8ozaad, 12px));
537
537
  margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 0px);
538
538
  }
539
- .awsui_stack_1q84n_19b2n_370.awsui_collapsible_1q84n_19b2n_448.awsui_expanded_1q84n_19b2n_392.awsui_visual-refresh_1q84n_19b2n_454 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9) {
539
+ .awsui_stack_1q84n_164kq_370.awsui_collapsible_1q84n_164kq_448.awsui_expanded_1q84n_164kq_392.awsui_visual-refresh_1q84n_164kq_454 > .awsui_notification-bar_1q84n_164kq_372:not(#\9) {
540
540
  margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 12px) + 0px);
541
541
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
542
542
  is the full height of the notification bar */
@@ -544,7 +544,7 @@ the grid layout will be:
544
544
  padding-block: var(--space-button-vertical-xaxp6x, 4px);
545
545
  }
546
546
 
547
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9) {
547
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372:not(#\9) {
548
548
  min-inline-size: 0;
549
549
  word-break: break-word;
550
550
  background: var(--awsui-style-background-default-6b9ypa, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
@@ -572,9 +572,9 @@ the grid layout will be:
572
572
  text-decoration: none;
573
573
  z-index: 1;
574
574
  }
575
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601 > .awsui_header_1q84n_19b2n_601:not(#\9),
576
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601 > .awsui_item-count_1q84n_19b2n_602:not(#\9),
577
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603:not(#\9) {
575
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_status_1q84n_164kq_601 > .awsui_header_1q84n_164kq_601:not(#\9),
576
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_status_1q84n_164kq_601 > .awsui_item-count_1q84n_164kq_602:not(#\9),
577
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_button_1q84n_164kq_603:not(#\9) {
578
578
  font-size: var(--font-size-body-m-a7nh2n, 14px);
579
579
  line-height: var(--line-height-body-m-2mh3ke, 20px);
580
580
  color: var(--color-text-body-default-vvtq8u, #0f141a);
@@ -587,7 +587,7 @@ the grid layout will be:
587
587
  margin-block: 0;
588
588
  padding-block: 0;
589
589
  }
590
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601:not(#\9) {
590
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_status_1q84n_164kq_601:not(#\9) {
591
591
  display: flex;
592
592
  flex-direction: row;
593
593
  flex-wrap: wrap;
@@ -595,11 +595,11 @@ the grid layout will be:
595
595
  justify-content: center;
596
596
  row-gap: 0;
597
597
  }
598
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601 > .awsui_header_1q84n_19b2n_601:not(#\9) {
598
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_status_1q84n_164kq_601 > .awsui_header_1q84n_164kq_601:not(#\9) {
599
599
  font-weight: var(--font-weight-button-0eg20c, 700);
600
600
  display: inline-block;
601
601
  }
602
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601 > .awsui_item-count_1q84n_19b2n_602:not(#\9) {
602
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_status_1q84n_164kq_601 > .awsui_item-count_1q84n_164kq_602:not(#\9) {
603
603
  column-gap: var(--space-s-tvghoh, 12px);
604
604
  display: flex;
605
605
  flex-direction: row;
@@ -607,36 +607,36 @@ the grid layout will be:
607
607
  justify-content: center;
608
608
  row-gap: 0;
609
609
  }
610
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_status_1q84n_19b2n_601 > .awsui_item-count_1q84n_19b2n_602 > .awsui_type-count_1q84n_19b2n_636 > .awsui_count-number_1q84n_19b2n_636:not(#\9) {
610
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_status_1q84n_164kq_601 > .awsui_item-count_1q84n_164kq_602 > .awsui_type-count_1q84n_164kq_636 > .awsui_count-number_1q84n_164kq_636:not(#\9) {
611
611
  margin-inline-start: var(--space-xxs-hwfkai, 4px);
612
612
  }
613
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9):hover {
613
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372:not(#\9):hover {
614
614
  background: var(--awsui-style-background-hover-6b9ypa, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
615
615
  border-color: var(--awsui-style-border-color-hover-6b9ypa, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
616
616
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
617
617
  }
618
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9):active {
618
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372:not(#\9):active {
619
619
  background: var(--awsui-style-background-active-6b9ypa, var(--color-background-notification-stack-bar-active-a4h9r8, #232b37));
620
620
  border-color: var(--awsui-style-border-color-active-6b9ypa, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
621
621
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
622
622
  }
623
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372.awsui_visual-refresh_1q84n_19b2n_454:not(#\9) {
623
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372.awsui_visual-refresh_1q84n_164kq_454:not(#\9) {
624
624
  border-block-width: 2px;
625
625
  border-inline-width: 2px;
626
626
  padding-inline: var(--space-l-2ud1p3, 20px);
627
627
  }
628
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9):not(.awsui_visual-refresh_1q84n_19b2n_454) {
628
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372:not(#\9):not(.awsui_visual-refresh_1q84n_164kq_454) {
629
629
  border-block-width: 1px;
630
630
  border-inline-width: 1px;
631
631
  padding-inline: var(--space-s-tvghoh, 12px);
632
632
  }
633
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9):not(.awsui_visual-refresh_1q84n_19b2n_454):focus {
633
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372:not(#\9):not(.awsui_visual-refresh_1q84n_164kq_454):focus {
634
634
  text-decoration: none;
635
635
  }
636
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372:not(#\9):not(.awsui_visual-refresh_1q84n_19b2n_454):hover {
636
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372:not(#\9):not(.awsui_visual-refresh_1q84n_164kq_454):hover {
637
637
  text-decoration: none;
638
638
  }
639
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603:not(#\9) {
639
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_button_1q84n_164kq_603:not(#\9) {
640
640
  display: inline-block;
641
641
  flex-grow: 1;
642
642
  background: none;
@@ -645,33 +645,33 @@ the grid layout will be:
645
645
  padding-block: 0;
646
646
  --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
647
647
  }
648
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603 > .awsui_icon_1q84n_19b2n_674:not(#\9) {
648
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_button_1q84n_164kq_603 > .awsui_icon_1q84n_164kq_674:not(#\9) {
649
649
  transition: transform var(--motion-duration-rotate-90-lyzb0k, 135ms) var(--motion-easing-rotate-90-jhbqg9, cubic-bezier(0.165, 0.84, 0.44, 1));
650
650
  }
651
651
  @media (prefers-reduced-motion: reduce) {
652
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603 > .awsui_icon_1q84n_19b2n_674:not(#\9) {
652
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_button_1q84n_164kq_603 > .awsui_icon_1q84n_164kq_674:not(#\9) {
653
653
  animation: none;
654
654
  transition: none;
655
655
  }
656
656
  }
657
- .awsui-motion-disabled .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603 > .awsui_icon_1q84n_19b2n_674:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603 > .awsui_icon_1q84n_19b2n_674:not(#\9) {
657
+ .awsui-motion-disabled .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_button_1q84n_164kq_603 > .awsui_icon_1q84n_164kq_674:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_button_1q84n_164kq_603 > .awsui_icon_1q84n_164kq_674:not(#\9) {
658
658
  animation: none;
659
659
  transition: none;
660
660
  }
661
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603.awsui_expanded_1q84n_19b2n_392 > .awsui_icon_1q84n_19b2n_674:not(#\9) {
661
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_button_1q84n_164kq_603.awsui_expanded_1q84n_164kq_392 > .awsui_icon_1q84n_164kq_674:not(#\9) {
662
662
  transform: rotate(180deg);
663
663
  }
664
- .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603:not(#\9):focus {
664
+ .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_button_1q84n_164kq_603:not(#\9):focus {
665
665
  outline: none;
666
666
  }
667
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603:not(#\9):focus {
667
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_button_1q84n_164kq_603:not(#\9):focus {
668
668
  position: relative;
669
669
  }
670
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603:not(#\9):focus {
670
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_button_1q84n_164kq_603:not(#\9):focus {
671
671
  outline: 2px dotted transparent;
672
672
  outline-offset: calc(0px - 1px);
673
673
  }
674
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_19b2n_370 > .awsui_notification-bar_1q84n_19b2n_372 > .awsui_button_1q84n_19b2n_603:not(#\9):focus::before {
674
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_164kq_370 > .awsui_notification-bar_1q84n_164kq_372 > .awsui_button_1q84n_164kq_603:not(#\9):focus::before {
675
675
  content: " ";
676
676
  display: block;
677
677
  position: absolute;
@@ -686,20 +686,20 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_19b2n_370 > .awsui_notifi
686
686
  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
687
687
  }
688
688
 
689
- .awsui_stack_1q84n_19b2n_370.awsui_expanded_1q84n_19b2n_392:not(#\9):not(.awsui_floating_1q84n_19b2n_715) {
689
+ .awsui_stack_1q84n_164kq_370.awsui_expanded_1q84n_164kq_392:not(#\9):not(.awsui_floating_1q84n_164kq_715) {
690
690
  padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-6b9ypa, 0);
691
691
  }
692
692
 
693
- .awsui_flashbar_1q84n_19b2n_719:not(#\9) {
693
+ .awsui_flashbar_1q84n_164kq_719:not(#\9) {
694
694
  position: relative;
695
695
  /* stylelint-disable-next-line selector-max-type */
696
696
  }
697
- .awsui_flashbar_1q84n_19b2n_719 > li + li:not(#\9) {
697
+ .awsui_flashbar_1q84n_164kq_719 > li + li:not(#\9) {
698
698
  padding-block-start: 0;
699
699
  }
700
700
 
701
- .awsui_flashbar_1q84n_19b2n_719:not(#\9),
702
- .awsui_flash_1q84n_19b2n_157:not(#\9) {
701
+ .awsui_flashbar_1q84n_164kq_719:not(#\9),
702
+ .awsui_flash_1q84n_164kq_157:not(#\9) {
703
703
  border-collapse: separate;
704
704
  border-spacing: 0;
705
705
  box-sizing: border-box;
@@ -731,7 +731,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_19b2n_370 > .awsui_notifi
731
731
  -moz-osx-font-smoothing: auto;
732
732
  }
733
733
 
734
- .awsui_flash_1q84n_19b2n_157:not(#\9) {
734
+ .awsui_flash_1q84n_164kq_157:not(#\9) {
735
735
  position: relative;
736
736
  display: flex;
737
737
  justify-content: flex-start;
@@ -742,6 +742,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_19b2n_370 > .awsui_notifi
742
742
  border-start-end-radius: var(--border-radius-flashbar-pp1ptu, 12px);
743
743
  border-end-start-radius: var(--border-radius-flashbar-pp1ptu, 12px);
744
744
  border-end-end-radius: var(--border-radius-flashbar-pp1ptu, 12px);
745
+ border-inline-start: var(--border-width-flashbar-inline-start-exuaev, 0px) solid transparent;
745
746
  color: var(--color-text-notification-default-1iey72, #f9f9fa);
746
747
  overflow-wrap: break-word;
747
748
  word-wrap: break-word;
@@ -749,23 +750,23 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_19b2n_370 > .awsui_notifi
749
750
  --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
750
751
  }
751
752
 
752
- .awsui_initial-hidden_1q84n_19b2n_778:not(#\9) {
753
+ .awsui_initial-hidden_1q84n_164kq_779:not(#\9) {
753
754
  overflow: hidden;
754
755
  block-size: 0;
755
756
  }
756
757
 
757
- .awsui_flash-list_1q84n_19b2n_371:not(#\9) {
758
+ .awsui_flash-list_1q84n_164kq_371:not(#\9) {
758
759
  list-style: none;
759
760
  padding-block: 0;
760
761
  padding-inline: 0;
761
762
  margin-block: 0;
762
763
  margin-inline: 0;
763
764
  }
764
- .awsui_flash-list_1q84n_19b2n_371:not(#\9):not(.awsui_collapsed_1q84n_19b2n_392) > li:not(:last-child) {
765
+ .awsui_flash-list_1q84n_164kq_371:not(#\9):not(.awsui_collapsed_1q84n_164kq_392) > li:not(:last-child) {
765
766
  margin-block-end: var(--space-xxxs-pajhad, 2px);
766
767
  }
767
768
 
768
- .awsui_flash-body_1q84n_19b2n_171:not(#\9) {
769
+ .awsui_flash-body_1q84n_164kq_171:not(#\9) {
769
770
  display: flex;
770
771
  flex-wrap: wrap;
771
772
  flex-grow: 1;
@@ -773,22 +774,22 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_19b2n_370 > .awsui_notifi
773
774
  column-gap: var(--space-flashbar-action-left-rqk3ap, 12px);
774
775
  }
775
776
 
776
- .awsui_flash-focus-container_1q84n_19b2n_802:not(#\9) {
777
+ .awsui_flash-focus-container_1q84n_164kq_803:not(#\9) {
777
778
  display: flex;
778
779
  flex: 1;
779
780
  min-inline-size: 70%;
780
781
  }
781
- .awsui_flash-focus-container_1q84n_19b2n_802:not(#\9):focus {
782
+ .awsui_flash-focus-container_1q84n_164kq_803:not(#\9):focus {
782
783
  outline: none;
783
784
  }
784
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_19b2n_802:not(#\9):focus {
785
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_164kq_803:not(#\9):focus {
785
786
  position: relative;
786
787
  }
787
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_19b2n_802:not(#\9):focus {
788
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_164kq_803:not(#\9):focus {
788
789
  outline: 2px dotted transparent;
789
790
  outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
790
791
  }
791
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_19b2n_802:not(#\9):focus::before {
792
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_164kq_803:not(#\9):focus::before {
792
793
  content: " ";
793
794
  display: block;
794
795
  position: absolute;
@@ -803,78 +804,95 @@ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_19b2n_802
803
804
  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
804
805
  }
805
806
 
806
- .awsui_flash-text_1q84n_19b2n_832:not(#\9) {
807
+ .awsui_flash-text_1q84n_164kq_833:not(#\9) {
807
808
  margin-block: var(--border-item-width-miijiw, 2px);
808
809
  margin-inline: 0;
809
810
  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
810
811
  padding-inline: var(--space-xxs-hwfkai, 4px);
811
812
  }
812
813
 
813
- .awsui_flash-icon_1q84n_19b2n_197:not(#\9) {
814
+ .awsui_flash-icon_1q84n_164kq_197:not(#\9) {
814
815
  flex: 0 0 auto;
815
816
  padding-inline-start: 0;
816
817
  }
817
818
 
818
- .awsui_flash-message_1q84n_19b2n_171:not(#\9) {
819
+ .awsui_flash-message_1q84n_164kq_171:not(#\9) {
819
820
  flex: 1 1 0%;
820
821
  word-wrap: break-word;
821
822
  max-inline-size: 100%;
822
823
  overflow: hidden;
823
824
  }
824
825
 
825
- .awsui_hidden_1q84n_19b2n_851:not(#\9) {
826
+ .awsui_hidden_1q84n_164kq_852:not(#\9) {
826
827
  display: none;
827
828
  }
828
829
 
829
- .awsui_flash-header_1q84n_19b2n_171:not(#\9),
830
- .awsui_header-replacement_1q84n_19b2n_856:not(#\9) {
830
+ .awsui_flash-header_1q84n_164kq_171:not(#\9),
831
+ .awsui_header-replacement_1q84n_164kq_857:not(#\9) {
831
832
  font-weight: var(--font-weight-flashbar-header-fg5kye, 700);
832
833
  }
833
834
 
834
- .awsui_flash-content_1q84n_19b2n_172:not(#\9),
835
- .awsui_content-replacement_1q84n_19b2n_861:not(#\9) {
835
+ .awsui_flash-content_1q84n_164kq_172:not(#\9),
836
+ .awsui_content-replacement_1q84n_164kq_862:not(#\9) {
836
837
  /* Only used as a selector for test-utils */
837
838
  }
838
839
 
839
- .awsui_dismiss-button-wrapper_1q84n_19b2n_174:not(#\9) {
840
+ .awsui_dismiss-button-wrapper_1q84n_164kq_174:not(#\9) {
840
841
  flex: 0 0 auto;
841
842
  margin-inline: var(--space-s-tvghoh, 12px) calc(-1 * var(--space-xxs-hwfkai, 4px));
842
843
  padding-inline-end: var(--space-flashbar-dismiss-right-ckhj91, 0px);
843
844
  }
844
845
 
845
- .awsui_dismiss-button_1q84n_19b2n_174:not(#\9) {
846
+ .awsui_dismiss-button_1q84n_164kq_174:not(#\9) {
846
847
  /* Only used as a selector for test-utils */
847
848
  }
848
849
 
849
- .awsui_action-button-wrapper_1q84n_19b2n_173:not(#\9) {
850
+ .awsui_action-button-wrapper_1q84n_164kq_173:not(#\9) {
850
851
  white-space: nowrap;
851
852
  }
852
853
 
853
- .awsui_action-wrapped_1q84n_19b2n_879:not(#\9) {
854
+ .awsui_action-wrapped_1q84n_164kq_880:not(#\9) {
854
855
  margin-inline-start: var(--space-l-2ud1p3, 20px);
855
856
  padding-inline-start: var(--space-xxs-hwfkai, 4px);
856
857
  margin-block-end: var(--space-xxs-hwfkai, 4px);
857
858
  }
858
859
 
859
- .awsui_action-button_1q84n_19b2n_173:not(#\9),
860
- .awsui_action-slot_1q84n_19b2n_886:not(#\9) {
860
+ .awsui_action-button_1q84n_164kq_173:not(#\9),
861
+ .awsui_action-slot_1q84n_164kq_887:not(#\9) {
861
862
  /* Only used as a selector for test-utils */
862
863
  }
863
864
 
864
- .awsui_flash-type-success_1q84n_19b2n_890:not(#\9) {
865
- background-color: var(--color-background-notification-green-2rkyvu, #00802f);
865
+ .awsui_flash-type-success_1q84n_164kq_891:not(#\9) {
866
+ background-color: var(--color-background-flashbar-success-vw7ng1, #00802f);
867
+ border-inline-start-color: var(--color-border-status-success-8z5f8u, #00802f);
868
+ }
869
+ .awsui_flash-type-success_1q84n_164kq_891 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-focus-container_1q84n_164kq_803 > .awsui_flash-icon_1q84n_164kq_197:not(#\9) {
870
+ color: var(--color-text-status-success-r9s7ha, #00802f);
866
871
  }
867
872
 
868
- .awsui_flash-type-error_1q84n_19b2n_894:not(#\9) {
869
- background-color: var(--color-background-notification-red-0487ea, #db0000);
873
+ .awsui_flash-type-error_1q84n_164kq_899:not(#\9) {
874
+ background-color: var(--color-background-flashbar-error-q2h7ak, #db0000);
875
+ border-inline-start-color: var(--color-border-status-error-j8acpp, #db0000);
876
+ }
877
+ .awsui_flash-type-error_1q84n_164kq_899 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-focus-container_1q84n_164kq_803 > .awsui_flash-icon_1q84n_164kq_197:not(#\9) {
878
+ color: var(--color-text-status-error-bwp1cm, #db0000);
870
879
  }
871
880
 
872
- .awsui_flash-type-info_1q84n_19b2n_898:not(#\9),
873
- .awsui_flash-type-in-progress_1q84n_19b2n_899:not(#\9) {
874
- background-color: var(--color-background-notification-blue-4vnob8, #006ce0);
881
+ .awsui_flash-type-info_1q84n_164kq_907:not(#\9),
882
+ .awsui_flash-type-in-progress_1q84n_164kq_908:not(#\9) {
883
+ background-color: var(--color-background-flashbar-info-2pbjjg, #006ce0);
884
+ border-inline-start-color: var(--color-border-status-info-qf6jok, #006ce0);
885
+ }
886
+ .awsui_flash-type-info_1q84n_164kq_907 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-focus-container_1q84n_164kq_803 > .awsui_flash-icon_1q84n_164kq_197:not(#\9),
887
+ .awsui_flash-type-in-progress_1q84n_164kq_908 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-focus-container_1q84n_164kq_803 > .awsui_flash-icon_1q84n_164kq_197:not(#\9) {
888
+ color: var(--color-text-status-info-2ftgrk, #006ce0);
875
889
  }
876
890
 
877
- .awsui_flash-type-warning_1q84n_19b2n_903:not(#\9) {
891
+ .awsui_flash-type-warning_1q84n_164kq_917:not(#\9) {
878
892
  color: var(--color-text-notification-yellow-vjtdxk, #0f141a);
879
- background-color: var(--color-background-notification-yellow-y6us5r, #ffe347);
893
+ background-color: var(--color-background-flashbar-warning-n9x5as, #ffe347);
894
+ border-inline-start-color: var(--color-border-status-warning-j40pg7, #855900);
895
+ }
896
+ .awsui_flash-type-warning_1q84n_164kq_917 > .awsui_flash-body_1q84n_164kq_171 > .awsui_flash-focus-container_1q84n_164kq_803 > .awsui_flash-icon_1q84n_164kq_197:not(#\9) {
897
+ color: var(--color-text-status-warning-ylxn5k, #855900);
880
898
  }