@cloudscape-design/components 3.0.206 → 3.0.208

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 (73) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +30 -30
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/index.d.ts.map +1 -1
  5. package/app-layout/index.js +1 -1
  6. package/app-layout/index.js.map +1 -1
  7. package/app-layout/notifications/index.d.ts +1 -0
  8. package/app-layout/notifications/index.d.ts.map +1 -1
  9. package/app-layout/notifications/index.js +2 -2
  10. package/app-layout/notifications/index.js.map +1 -1
  11. package/app-layout/notifications/styles.css.js +3 -2
  12. package/app-layout/notifications/styles.scoped.css +13 -5
  13. package/app-layout/notifications/styles.selectors.js +3 -2
  14. package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
  15. package/app-layout/visual-refresh/notifications.js +6 -1
  16. package/app-layout/visual-refresh/notifications.js.map +1 -1
  17. package/app-layout/visual-refresh/styles.css.js +60 -60
  18. package/app-layout/visual-refresh/styles.scoped.css +223 -223
  19. package/app-layout/visual-refresh/styles.selectors.js +60 -60
  20. package/collection-preferences/index.d.ts +1 -1
  21. package/collection-preferences/index.d.ts.map +1 -1
  22. package/collection-preferences/index.js +6 -4
  23. package/collection-preferences/index.js.map +1 -1
  24. package/collection-preferences/interfaces.d.ts +17 -0
  25. package/collection-preferences/interfaces.d.ts.map +1 -1
  26. package/collection-preferences/interfaces.js.map +1 -1
  27. package/collection-preferences/styles.css.js +21 -20
  28. package/collection-preferences/styles.scoped.css +22 -21
  29. package/collection-preferences/styles.selectors.js +21 -20
  30. package/collection-preferences/utils.d.ts +6 -1
  31. package/collection-preferences/utils.d.ts.map +1 -1
  32. package/collection-preferences/utils.js +10 -1
  33. package/collection-preferences/utils.js.map +1 -1
  34. package/flashbar/collapsible-flashbar.d.ts.map +1 -1
  35. package/flashbar/collapsible-flashbar.js +4 -4
  36. package/flashbar/collapsible-flashbar.js.map +1 -1
  37. package/flashbar/styles.css.js +45 -43
  38. package/flashbar/styles.scoped.css +288 -175
  39. package/flashbar/styles.selectors.js +45 -43
  40. package/internal/base-component/styles.scoped.css +20 -0
  41. package/internal/components/dropdown/index.d.ts.map +1 -1
  42. package/internal/components/dropdown/index.js +2 -1
  43. package/internal/components/dropdown/index.js.map +1 -1
  44. package/internal/environment.js +1 -1
  45. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  46. package/internal/generated/custom-css-properties/index.js +29 -28
  47. package/internal/generated/custom-css-properties/index.js.map +1 -1
  48. package/internal/generated/theming/index.cjs +358 -0
  49. package/internal/generated/theming/index.cjs.d.ts +165 -0
  50. package/internal/generated/theming/index.d.ts +165 -0
  51. package/internal/generated/theming/index.js +358 -0
  52. package/internal/manifest.json +1 -1
  53. package/package.json +1 -1
  54. package/table/index.d.ts.map +1 -1
  55. package/table/index.js +2 -2
  56. package/table/index.js.map +1 -1
  57. package/table/interfaces.d.ts +4 -0
  58. package/table/interfaces.d.ts.map +1 -1
  59. package/table/interfaces.js.map +1 -1
  60. package/table/internal.d.ts.map +1 -1
  61. package/table/internal.js +4 -3
  62. package/table/internal.js.map +1 -1
  63. package/table/sticky-header.d.ts +1 -0
  64. package/table/sticky-header.d.ts.map +1 -1
  65. package/table/sticky-header.js +3 -2
  66. package/table/sticky-header.js.map +1 -1
  67. package/test-utils/dom/collection-preferences/index.d.ts +1 -0
  68. package/test-utils/dom/collection-preferences/index.js +3 -0
  69. package/test-utils/dom/collection-preferences/index.js.map +1 -1
  70. package/test-utils/selectors/collection-preferences/index.d.ts +1 -0
  71. package/test-utils/selectors/collection-preferences/index.js +3 -0
  72. package/test-utils/selectors/collection-preferences/index.js.map +1 -1
  73. package/test-utils/tsconfig.tsbuildinfo +1 -1
@@ -90,54 +90,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93:not(#\9) {
93
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93:not(#\9) {
94
94
  opacity: 0;
95
95
  transform: translateY(-20px);
96
96
  }
97
97
  @media (prefers-reduced-motion: reduce) {
98
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93:not(#\9) {
98
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93:not(#\9) {
99
99
  animation: none;
100
100
  transition: none;
101
101
  }
102
102
  }
103
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93:not(#\9) {
103
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93:not(#\9) {
104
104
  animation: none;
105
105
  transition: none;
106
106
  }
107
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9),
108
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9),
109
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9),
110
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9) {
107
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9),
108
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9),
109
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9),
110
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9) {
111
111
  opacity: 0;
112
112
  transform: translateY(-8px);
113
113
  }
114
114
  @media (prefers-reduced-motion: reduce) {
115
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9),
116
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9),
117
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9),
118
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9) {
115
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9),
116
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9),
117
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9),
118
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9) {
119
119
  animation: none;
120
120
  transition: none;
121
121
  }
122
122
  }
123
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9) {
123
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9) {
124
124
  animation: none;
125
125
  transition: none;
126
126
  }
127
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9) {
127
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9) {
128
128
  opacity: 0;
129
129
  }
130
130
  @media (prefers-reduced-motion: reduce) {
131
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9) {
131
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9) {
132
132
  animation: none;
133
133
  transition: none;
134
134
  }
135
135
  }
136
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_enter_1q84n_8lgid_93 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9) {
136
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_enter_1q84n_u6huz_93 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9) {
137
137
  animation: none;
138
138
  transition: none;
139
139
  }
140
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146:not(#\9) {
140
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146:not(#\9) {
141
141
  transition-property: transform, opacity;
142
142
  transition-duration: var(--motion-duration-refresh-only-slow-6gdedh, 250ms);
143
143
  transition-timing-function: var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
@@ -145,25 +145,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
145
145
  transform: translateY(0);
146
146
  }
147
147
  @media (prefers-reduced-motion: reduce) {
148
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146:not(#\9) {
148
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146:not(#\9) {
149
149
  animation: none;
150
150
  transition: none;
151
151
  }
152
152
  }
153
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146:not(#\9) {
153
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146:not(#\9) {
154
154
  animation: none;
155
155
  transition: none;
156
156
  }
157
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9),
158
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9),
159
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9),
160
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9),
161
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9),
162
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9),
163
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9),
164
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9),
165
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9),
166
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9) {
157
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9),
158
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9),
159
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9),
160
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9),
161
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9),
162
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9),
163
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9),
164
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9),
165
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9),
166
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9) {
167
167
  opacity: 1;
168
168
  transform: translateY(0);
169
169
  transition-property: transform, opacity;
@@ -171,83 +171,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
171
171
  transition-timing-function: var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
172
172
  }
173
173
  @media (prefers-reduced-motion: reduce) {
174
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9),
175
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9),
176
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9),
177
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9),
178
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9),
179
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9),
180
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9),
181
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9),
182
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9),
183
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9) {
174
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9),
175
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9),
176
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9),
177
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9),
178
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9),
179
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9),
180
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9),
181
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9),
182
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9),
183
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9) {
184
184
  animation: none;
185
185
  transition: none;
186
186
  }
187
187
  }
188
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9) {
188
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9) {
189
189
  animation: none;
190
190
  transition: none;
191
191
  }
192
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9), .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9) {
192
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9), .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9) {
193
193
  transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) - 50ms);
194
194
  }
195
195
  @media (prefers-reduced-motion: reduce) {
196
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9), .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9) {
196
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9), .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9) {
197
197
  animation: none;
198
198
  transition: none;
199
199
  }
200
200
  }
201
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-icon_1q84n_8lgid_133:not(#\9) {
201
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-icon_1q84n_u6huz_133:not(#\9) {
202
202
  animation: none;
203
203
  transition: none;
204
204
  }
205
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9), .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9) {
205
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9), .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9) {
206
206
  transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) + 10ms);
207
207
  }
208
208
  @media (prefers-reduced-motion: reduce) {
209
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9), .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9) {
209
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9), .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9) {
210
210
  animation: none;
211
211
  transition: none;
212
212
  }
213
213
  }
214
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-header_1q84n_8lgid_107:not(#\9) {
214
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-header_1q84n_u6huz_107:not(#\9) {
215
215
  animation: none;
216
216
  transition: none;
217
217
  }
218
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9), .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9) {
218
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9), .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9) {
219
219
  transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) + 10ms);
220
220
  }
221
221
  @media (prefers-reduced-motion: reduce) {
222
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9), .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9) {
222
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9), .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9) {
223
223
  animation: none;
224
224
  transition: none;
225
225
  }
226
226
  }
227
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_flash-message_1q84n_8lgid_107 > .awsui_flash-content_1q84n_8lgid_108:not(#\9) {
227
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_flash-message_1q84n_u6huz_107 > .awsui_flash-content_1q84n_u6huz_108:not(#\9) {
228
228
  animation: none;
229
229
  transition: none;
230
230
  }
231
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9),
232
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9),
233
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9),
234
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9) {
231
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9),
232
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9),
233
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9),
234
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9) {
235
235
  transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) * 2 - 100ms);
236
236
  }
237
237
  @media (prefers-reduced-motion: reduce) {
238
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9),
239
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9),
240
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9),
241
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9) {
238
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9),
239
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9),
240
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9),
241
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9) {
242
242
  animation: none;
243
243
  transition: none;
244
244
  }
245
245
  }
246
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entering_1q84n_8lgid_146 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_entered_1q84n_8lgid_167 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9) {
246
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entering_1q84n_u6huz_146 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_entered_1q84n_u6huz_167 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9) {
247
247
  animation: none;
248
248
  transition: none;
249
249
  }
250
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_exiting_1q84n_8lgid_272:not(#\9) {
250
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_exiting_1q84n_u6huz_272:not(#\9) {
251
251
  opacity: 0;
252
252
  transform: translateY(-20px);
253
253
  transition-property: transform, opacity;
@@ -255,12 +255,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
255
255
  transition-timing-function: var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
256
256
  }
257
257
  @media (prefers-reduced-motion: reduce) {
258
- .awsui_flash-with-motion_1q84n_8lgid_93.awsui_exiting_1q84n_8lgid_272:not(#\9) {
258
+ .awsui_flash-with-motion_1q84n_u6huz_93.awsui_exiting_1q84n_u6huz_272:not(#\9) {
259
259
  animation: none;
260
260
  transition: none;
261
261
  }
262
262
  }
263
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_8lgid_93.awsui_exiting_1q84n_8lgid_272:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_8lgid_93.awsui_exiting_1q84n_8lgid_272:not(#\9) {
263
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_u6huz_93.awsui_exiting_1q84n_u6huz_272:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_u6huz_93.awsui_exiting_1q84n_u6huz_272:not(#\9) {
264
264
  animation: none;
265
265
  transition: none;
266
266
  }
@@ -269,26 +269,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
269
269
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
270
270
  SPDX-License-Identifier: Apache-2.0
271
271
  */
272
- .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294 > .awsui_item_1q84n_8lgid_294:not(#\9),
273
- .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294 > .awsui_flash-list-item_1q84n_8lgid_295:not(#\9),
274
- .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294.awsui_notification-bar_1q84n_8lgid_296:not(#\9) {
272
+ .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294 > .awsui_item_1q84n_u6huz_294:not(#\9),
273
+ .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294 > .awsui_flash-list-item_1q84n_u6huz_295:not(#\9),
274
+ .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294.awsui_notification-bar_1q84n_u6huz_296:not(#\9) {
275
275
  transition-timing-function: var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
276
276
  transition-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
277
277
  }
278
278
  @media (prefers-reduced-motion: reduce) {
279
- .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294 > .awsui_item_1q84n_8lgid_294:not(#\9),
280
- .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294 > .awsui_flash-list-item_1q84n_8lgid_295:not(#\9),
281
- .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294.awsui_notification-bar_1q84n_8lgid_296:not(#\9) {
279
+ .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294 > .awsui_item_1q84n_u6huz_294:not(#\9),
280
+ .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294 > .awsui_flash-list-item_1q84n_u6huz_295:not(#\9),
281
+ .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294.awsui_notification-bar_1q84n_u6huz_296:not(#\9) {
282
282
  animation: none;
283
283
  transition: none;
284
284
  }
285
285
  }
286
- .awsui-motion-disabled .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294 > .awsui_item_1q84n_8lgid_294:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294 > .awsui_item_1q84n_8lgid_294:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294 > .awsui_flash-list-item_1q84n_8lgid_295:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294 > .awsui_flash-list-item_1q84n_8lgid_295:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294.awsui_notification-bar_1q84n_8lgid_296:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_8lgid_294 > .awsui_animation-running_1q84n_8lgid_294.awsui_notification-bar_1q84n_8lgid_296:not(#\9) {
286
+ .awsui-motion-disabled .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294 > .awsui_item_1q84n_u6huz_294:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294 > .awsui_item_1q84n_u6huz_294:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294 > .awsui_flash-list-item_1q84n_u6huz_295:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294 > .awsui_flash-list-item_1q84n_u6huz_295:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294.awsui_notification-bar_1q84n_u6huz_296:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_u6huz_294 > .awsui_animation-running_1q84n_u6huz_294.awsui_notification-bar_1q84n_u6huz_296:not(#\9) {
287
287
  animation: none;
288
288
  transition: none;
289
289
  }
290
- .awsui_stack_1q84n_8lgid_294 > .awsui_collapsed_1q84n_8lgid_316.awsui_animation-ready_1q84n_8lgid_316 > .awsui_expanded-only_1q84n_8lgid_316:not(#\9),
291
- .awsui_stack_1q84n_8lgid_294 > .awsui_collapsed_1q84n_8lgid_316.awsui_animation-running_1q84n_8lgid_294 > .awsui_expanded-only_1q84n_8lgid_316:not(#\9) {
290
+ .awsui_stack_1q84n_u6huz_294 > .awsui_collapsed_1q84n_u6huz_316.awsui_animation-ready_1q84n_u6huz_316 > .awsui_expanded-only_1q84n_u6huz_316:not(#\9),
291
+ .awsui_stack_1q84n_u6huz_294 > .awsui_collapsed_1q84n_u6huz_316.awsui_animation-running_1q84n_u6huz_294 > .awsui_expanded-only_1q84n_u6huz_316:not(#\9) {
292
292
  display: none;
293
293
  }
294
294
 
@@ -296,12 +296,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
296
296
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
297
297
  SPDX-License-Identifier: Apache-2.0
298
298
  */
299
- .awsui_stack_1q84n_8lgid_294:not(#\9) {
299
+ .awsui_stack_1q84n_u6huz_294:not(#\9) {
300
300
  display: grid;
301
- grid-template-columns: 1fr minmax(70px, auto) 1fr;
301
+ grid-template-columns: 30px 1fr 30px;
302
302
  }
303
303
 
304
- .awsui_stack_1q84n_8lgid_294 > .awsui_expanded_1q84n_8lgid_316:not(#\9) {
304
+ .awsui_stack_1q84n_u6huz_294 > .awsui_expanded_1q84n_u6huz_316:not(#\9) {
305
305
  grid-column: 1/4;
306
306
  }
307
307
 
@@ -315,21 +315,21 @@ the grid layout will be:
315
315
  [10px] [item 2 start] [10px] [fractional unit] [10px] [item 2 end] [10px]
316
316
  [10px] [10px] [item 3 start] [fractional unit] [item 3 end] [10px] [10px]
317
317
  */
318
- .awsui_stack_1q84n_8lgid_294 > .awsui_collapsed_1q84n_8lgid_316:not(#\9) {
318
+ .awsui_stack_1q84n_u6huz_294 > .awsui_collapsed_1q84n_u6huz_316:not(#\9) {
319
319
  display: grid;
320
320
  grid-column: 1/4;
321
- grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-20d8jh), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-20d8jh), 10px);
321
+ grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-k2tw0m), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-k2tw0m), 10px);
322
322
  row-gap: 8px;
323
323
  z-index: 0;
324
324
  }
325
- .awsui_stack_1q84n_8lgid_294 > .awsui_collapsed_1q84n_8lgid_316 > .awsui_item_1q84n_8lgid_294:not(#\9) {
326
- grid-column-start: calc(var(--awsui-flashbar-stack-index-20d8jh) + 1);
327
- grid-column-end: calc(var(--awsui-flashbar-stack-depth-20d8jh) * 2 + 1 - var(--awsui-flashbar-stack-index-20d8jh) + 1);
325
+ .awsui_stack_1q84n_u6huz_294 > .awsui_collapsed_1q84n_u6huz_316 > .awsui_item_1q84n_u6huz_294:not(#\9) {
326
+ grid-column-start: calc(var(--awsui-flashbar-stack-index-k2tw0m) + 1);
327
+ grid-column-end: calc(var(--awsui-flashbar-stack-depth-k2tw0m) * 2 + 1 - var(--awsui-flashbar-stack-index-k2tw0m) + 1);
328
328
  grid-row-start: 1;
329
- grid-row-end: calc(var(--awsui-flashbar-stack-index-20d8jh) + 2);
330
- z-index: calc(var(--awsui-flashbar-stack-depth-20d8jh) - var(--awsui-flashbar-stack-index-20d8jh));
329
+ grid-row-end: calc(var(--awsui-flashbar-stack-index-k2tw0m) + 2);
330
+ z-index: calc(var(--awsui-flashbar-stack-depth-k2tw0m) - var(--awsui-flashbar-stack-index-k2tw0m));
331
331
  }
332
- .awsui_stack_1q84n_8lgid_294 > .awsui_collapsed_1q84n_8lgid_316 > .awsui_item_1q84n_8lgid_294:not(#\9):not(:first-of-type) {
332
+ .awsui_stack_1q84n_u6huz_294 > .awsui_collapsed_1q84n_u6huz_316 > .awsui_item_1q84n_u6huz_294:not(#\9):not(:first-of-type) {
333
333
  align-self: end;
334
334
  /* Give placeholder elements in the stacked state the height of a notification
335
335
  with one single line of text.
@@ -341,17 +341,148 @@ the grid layout will be:
341
341
  ) * 2
342
342
  );
343
343
  }
344
- .awsui_stack_1q84n_8lgid_294 > .awsui_collapsed_1q84n_8lgid_316 > .awsui_item_1q84n_8lgid_294:not(#\9):not(:last-child) > .awsui_flash_1q84n_8lgid_93::before,
345
- .awsui_stack_1q84n_8lgid_294 > .awsui_collapsed_1q84n_8lgid_316 > .awsui_item_1q84n_8lgid_294.awsui_flash_1q84n_8lgid_93:not(#\9)::before {
344
+ .awsui_stack_1q84n_u6huz_294 > .awsui_collapsed_1q84n_u6huz_316 > .awsui_item_1q84n_u6huz_294:not(#\9):not(:last-child) > .awsui_flash_1q84n_u6huz_93::before,
345
+ .awsui_stack_1q84n_u6huz_294 > .awsui_collapsed_1q84n_u6huz_316 > .awsui_item_1q84n_u6huz_294.awsui_flash_1q84n_u6huz_93:not(#\9)::before {
346
346
  box-shadow: var(--shadow-flash-collapsed-d4s4kz, 0px 4px 4px rgba(0, 0, 0, 0.25));
347
347
  }
348
348
 
349
- .awsui_stack_1q84n_8lgid_294 > .awsui_expanded_1q84n_8lgid_316.awsui_animation-running_1q84n_8lgid_294 > .awsui_flash-list-item_1q84n_8lgid_295:not(#\9) {
349
+ .awsui_stack_1q84n_u6huz_294 > .awsui_expanded_1q84n_u6huz_316.awsui_animation-running_1q84n_u6huz_294 > .awsui_flash-list-item_1q84n_u6huz_295:not(#\9) {
350
350
  position: relative;
351
- z-index: calc(var(--awsui-flashbar-stack-depth-20d8jh) - var(--awsui-flashbar-stack-index-20d8jh));
351
+ z-index: calc(var(--awsui-flashbar-stack-depth-k2tw0m) - var(--awsui-flashbar-stack-index-k2tw0m));
352
352
  }
353
353
 
354
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296:not(#\9) {
354
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380:not(#\9):not(.awsui_expanded_1q84n_u6huz_316) {
355
+ /*
356
+ Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
357
+ missing third item when there are only 2 items in the stack.
358
+ */
359
+ }
360
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380:not(#\9):not(.awsui_expanded_1q84n_u6huz_316):not(.awsui_short-list_1q84n_u6huz_386):not(.awsui_visual-refresh_1q84n_u6huz_386) {
361
+ /*
362
+ The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
363
+ elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
364
+ level so that this distance is increased to prevent the main area from touching the notifications area.
365
+ */
366
+ margin-bottom: calc(
367
+ var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
368
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
369
+ ) - calc(var(--space-scaled-xl-w2t504, 24px) + 3px))) + 0px + 0px
370
+ );
371
+ }
372
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380:not(#\9):not(.awsui_expanded_1q84n_u6huz_316):not(.awsui_short-list_1q84n_u6huz_386):not(.awsui_visual-refresh_1q84n_u6huz_386) > .awsui_notification-bar_1q84n_u6huz_296 {
373
+ margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 0px);
374
+ margin-bottom: calc(calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - calc(
375
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
376
+ ) - 0px);
377
+ padding-top: var(--space-scaled-xxs-95dhkm, 4px);
378
+ padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
379
+ }
380
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380:not(#\9):not(.awsui_expanded_1q84n_u6huz_316):not(.awsui_short-list_1q84n_u6huz_386).awsui_visual-refresh_1q84n_u6huz_386 {
381
+ /*
382
+ The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
383
+ elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
384
+ level so that this distance is increased to prevent the main area from touching the notifications area.
385
+ */
386
+ margin-bottom: calc(
387
+ var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
388
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 2px)
389
+ ) - calc(var(--space-scaled-xl-w2t504, 24px) + 3px))) + 0px + 0px
390
+ );
391
+ }
392
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380:not(#\9):not(.awsui_expanded_1q84n_u6huz_316):not(.awsui_short-list_1q84n_u6huz_386).awsui_visual-refresh_1q84n_u6huz_386 > .awsui_notification-bar_1q84n_u6huz_296 {
393
+ margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 0px);
394
+ margin-bottom: calc(calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - calc(
395
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 2px)
396
+ ) - 0px);
397
+ padding-top: var(--space-scaled-xxs-95dhkm, 4px);
398
+ padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
399
+ }
400
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380:not(#\9):not(.awsui_expanded_1q84n_u6huz_316).awsui_short-list_1q84n_u6huz_386:not(.awsui_visual-refresh_1q84n_u6huz_386) {
401
+ /*
402
+ The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
403
+ elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
404
+ level so that this distance is increased to prevent the main area from touching the notifications area.
405
+ */
406
+ margin-bottom: calc(
407
+ var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
408
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
409
+ ) - calc(var(--space-scaled-xl-w2t504, 24px) + 3px))) + 0px + 8px
410
+ );
411
+ }
412
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380:not(#\9):not(.awsui_expanded_1q84n_u6huz_316).awsui_short-list_1q84n_u6huz_386:not(.awsui_visual-refresh_1q84n_u6huz_386) > .awsui_notification-bar_1q84n_u6huz_296 {
413
+ margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 8px);
414
+ margin-bottom: calc(calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - calc(
415
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
416
+ ) - 8px);
417
+ padding-top: var(--space-scaled-xxs-95dhkm, 4px);
418
+ padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
419
+ }
420
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380:not(#\9):not(.awsui_expanded_1q84n_u6huz_316).awsui_short-list_1q84n_u6huz_386.awsui_visual-refresh_1q84n_u6huz_386 {
421
+ /*
422
+ The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
423
+ elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
424
+ level so that this distance is increased to prevent the main area from touching the notifications area.
425
+ */
426
+ margin-bottom: calc(
427
+ var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
428
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 2px)
429
+ ) - calc(var(--space-scaled-xl-w2t504, 24px) + 3px))) + 0px + 8px
430
+ );
431
+ }
432
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380:not(#\9):not(.awsui_expanded_1q84n_u6huz_316).awsui_short-list_1q84n_u6huz_386.awsui_visual-refresh_1q84n_u6huz_386 > .awsui_notification-bar_1q84n_u6huz_296 {
433
+ margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 8px);
434
+ margin-bottom: calc(calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - calc(
435
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 2px)
436
+ ) - 8px);
437
+ padding-top: var(--space-scaled-xxs-95dhkm, 4px);
438
+ padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
439
+ }
440
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380.awsui_expanded_1q84n_u6huz_316:not(#\9):not(.awsui_visual-refresh_1q84n_u6huz_386) {
441
+ /*
442
+ Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
443
+ notifications slot already gives it enough space.
444
+ */
445
+ /*
446
+ The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
447
+ elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
448
+ level so that this distance is increased to prevent the main area from touching the notifications area.
449
+ */
450
+ margin-bottom: calc(
451
+ var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
452
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
453
+ ) - var(--space-scaled-s-cu1hzn, 12px))) + var(--space-scaled-m-pv0fmt, 16px) + 0px
454
+ );
455
+ }
456
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380.awsui_expanded_1q84n_u6huz_316:not(#\9):not(.awsui_visual-refresh_1q84n_u6huz_386) > .awsui_notification-bar_1q84n_u6huz_296 {
457
+ margin-top: calc(-1 * var(--space-scaled-s-cu1hzn, 12px) + 0px);
458
+ margin-bottom: calc(var(--space-scaled-s-cu1hzn, 12px) - calc(
459
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
460
+ ) - 0px);
461
+ padding-top: var(--space-scaled-xxs-95dhkm, 4px);
462
+ padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
463
+ }
464
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380.awsui_expanded_1q84n_u6huz_316.awsui_visual-refresh_1q84n_u6huz_386:not(#\9) {
465
+ /*
466
+ The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
467
+ elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
468
+ level so that this distance is increased to prevent the main area from touching the notifications area.
469
+ */
470
+ margin-bottom: calc(
471
+ var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
472
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 2px)
473
+ ) - var(--space-scaled-s-cu1hzn, 12px))) + 0px + 0px
474
+ );
475
+ }
476
+ .awsui_stack_1q84n_u6huz_294.awsui_collapsible_1q84n_u6huz_380.awsui_expanded_1q84n_u6huz_316.awsui_visual-refresh_1q84n_u6huz_386 > .awsui_notification-bar_1q84n_u6huz_296:not(#\9) {
477
+ margin-top: calc(-1 * var(--space-scaled-s-cu1hzn, 12px) + 0px);
478
+ margin-bottom: calc(var(--space-scaled-s-cu1hzn, 12px) - calc(
479
+ var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 2px)
480
+ ) - 0px);
481
+ padding-top: var(--space-scaled-xxs-95dhkm, 4px);
482
+ padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
483
+ }
484
+
485
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296:not(#\9) {
355
486
  min-width: 0;
356
487
  -ms-word-break: break-all;
357
488
  word-break: break-word;
@@ -363,20 +494,23 @@ the grid layout will be:
363
494
  color: var(--color-text-layout-toggle-20sb9r, #ffffff);
364
495
  cursor: pointer;
365
496
  display: flex;
497
+ flex-direction: row;
366
498
  flex-wrap: wrap;
367
499
  grid-column: 2;
368
500
  grid-row: 2;
369
- gap: var(--space-xxs-ynfts5, 4px);
501
+ column-gap: calc(var(--space-m-17eucw, 16px) + var(--space-xxs-ynfts5, 4px));
502
+ justify-content: center;
370
503
  letter-spacing: var(--font-button-letter-spacing-8y5poz, 0.005em);
371
504
  margin-left: auto;
372
505
  margin-right: auto;
506
+ row-gap: 0;
373
507
  text-align: center;
374
508
  text-decoration: none;
375
509
  z-index: 1;
376
510
  }
377
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_status_1q84n_8lgid_403 > .awsui_header_1q84n_8lgid_403:not(#\9),
378
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_status_1q84n_8lgid_403 > .awsui_item-count_1q84n_8lgid_404:not(#\9),
379
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_button_1q84n_8lgid_405:not(#\9) {
511
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_status_1q84n_u6huz_537 > .awsui_header_1q84n_u6huz_537:not(#\9),
512
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_status_1q84n_u6huz_537 > .awsui_item-count_1q84n_u6huz_538:not(#\9),
513
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_button_1q84n_u6huz_539:not(#\9) {
380
514
  font-size: var(--font-body-m-size-sregvd, 14px);
381
515
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
382
516
  color: var(--color-text-body-default-ajf1h5, #000716);
@@ -391,108 +525,87 @@ the grid layout will be:
391
525
  padding-top: 0;
392
526
  padding-bottom: 0;
393
527
  }
394
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_status_1q84n_8lgid_403:not(#\9) {
395
- display: inline-block;
528
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_status_1q84n_u6huz_537:not(#\9) {
529
+ display: flex;
530
+ flex-direction: row;
531
+ flex-wrap: wrap;
532
+ column-gap: var(--space-m-17eucw, 16px);
533
+ justify-content: center;
534
+ row-gap: 0;
396
535
  }
397
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_status_1q84n_8lgid_403 > .awsui_header_1q84n_8lgid_403:not(#\9) {
536
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_status_1q84n_u6huz_537 > .awsui_header_1q84n_u6huz_537:not(#\9) {
398
537
  font-weight: var(--font-button-weight-7rj5fx, 800);
399
538
  display: inline-block;
400
539
  }
401
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_status_1q84n_8lgid_403 > .awsui_item-count_1q84n_8lgid_404:not(#\9) {
402
- margin-left: var(--space-m-17eucw, 16px);
403
- margin-right: var(--space-m-17eucw, 16px);
404
- white-space: nowrap;
540
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_status_1q84n_u6huz_537 > .awsui_item-count_1q84n_u6huz_538:not(#\9) {
541
+ column-gap: var(--space-s-hv8c1d, 12px);
542
+ display: flex;
543
+ flex-direction: row;
544
+ flex-wrap: wrap;
545
+ justify-content: center;
546
+ row-gap: 0;
405
547
  }
406
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_status_1q84n_8lgid_403 > .awsui_item-count_1q84n_8lgid_404 > .awsui_type-count_1q84n_8lgid_432 > .awsui_count-number_1q84n_8lgid_432:not(#\9) {
548
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_status_1q84n_u6huz_537 > .awsui_item-count_1q84n_u6huz_538 > .awsui_type-count_1q84n_u6huz_574 > .awsui_count-number_1q84n_u6huz_574:not(#\9) {
407
549
  margin-left: var(--space-xxs-ynfts5, 4px);
408
550
  }
409
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_status_1q84n_8lgid_403 > .awsui_item-count_1q84n_8lgid_404 > .awsui_type-count_1q84n_8lgid_432:not(#\9):not(:last-child) {
410
- margin-right: var(--space-s-hv8c1d, 12px);
411
- }
412
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296:not(#\9):hover {
551
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296:not(#\9):hover {
413
552
  background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
414
553
  border-color: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
415
554
  }
416
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296:not(#\9):active {
555
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296:not(#\9):active {
417
556
  background: var(--color-background-layout-toggle-active-d15dki, #354150);
418
557
  }
419
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296.awsui_visual-refresh_1q84n_8lgid_445:not(#\9) {
420
- padding-top: var(--space-scaled-xxs-95dhkm, 4px);
421
- padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
558
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296.awsui_visual-refresh_1q84n_u6huz_386:not(#\9) {
422
559
  border-width: 2px;
423
560
  padding-left: var(--space-l-4vl6xu, 20px);
424
561
  padding-right: var(--space-l-4vl6xu, 20px);
425
562
  }
426
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296.awsui_visual-refresh_1q84n_8lgid_445:not(#\9):not(.awsui_expanded_1q84n_8lgid_316) {
427
- margin-top: -27px;
428
- margin-bottom: calc(
429
- 27px - (var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 2px))
430
- );
431
- }
432
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296.awsui_visual-refresh_1q84n_8lgid_445.awsui_expanded_1q84n_8lgid_316:not(#\9) {
433
- margin-top: -12px;
434
- margin-bottom: calc(
435
- 12px - (var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 2px))
436
- );
437
- }
438
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296:not(#\9):not(.awsui_visual-refresh_1q84n_8lgid_445) {
439
- padding-top: var(--space-scaled-xxs-95dhkm, 4px);
440
- padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
563
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296:not(#\9):not(.awsui_visual-refresh_1q84n_u6huz_386) {
441
564
  border-width: 1px;
442
565
  padding-left: var(--space-s-hv8c1d, 12px);
443
566
  padding-right: var(--space-s-hv8c1d, 12px);
444
567
  }
445
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296:not(#\9):not(.awsui_visual-refresh_1q84n_8lgid_445):not(.awsui_expanded_1q84n_8lgid_316) {
446
- margin-top: -24px;
447
- margin-bottom: calc(
448
- 24px - (var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px))
449
- );
450
- }
451
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296:not(#\9):not(.awsui_visual-refresh_1q84n_8lgid_445).awsui_expanded_1q84n_8lgid_316 {
452
- margin-top: -12px;
453
- margin-bottom: calc(
454
- 12px - (var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px))
455
- );
456
- }
457
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296:not(#\9):not(.awsui_visual-refresh_1q84n_8lgid_445):focus {
568
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296:not(#\9):not(.awsui_visual-refresh_1q84n_u6huz_386):focus {
458
569
  text-decoration: none;
459
570
  }
460
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296:not(#\9):not(.awsui_visual-refresh_1q84n_8lgid_445):hover {
571
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296:not(#\9):not(.awsui_visual-refresh_1q84n_u6huz_386):hover {
461
572
  text-decoration: none;
462
573
  }
463
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_button_1q84n_8lgid_405:not(#\9) {
574
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_button_1q84n_u6huz_539:not(#\9) {
464
575
  display: inline-block;
465
576
  flex-grow: 1;
466
577
  background: none;
467
578
  border: 0 none;
579
+ padding-top: 0;
580
+ padding-bottom: 0;
468
581
  }
469
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_button_1q84n_8lgid_405 > .awsui_icon_1q84n_8lgid_495:not(#\9) {
582
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_button_1q84n_u6huz_539 > .awsui_icon_1q84n_u6huz_608:not(#\9) {
470
583
  transition: transform var(--motion-duration-rotate-90-ux18sr, 135ms) var(--motion-easing-rotate-90-eoew89, cubic-bezier(0.165, 0.84, 0.44, 1));
471
584
  }
472
585
  @media (prefers-reduced-motion: reduce) {
473
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_button_1q84n_8lgid_405 > .awsui_icon_1q84n_8lgid_495:not(#\9) {
586
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_button_1q84n_u6huz_539 > .awsui_icon_1q84n_u6huz_608:not(#\9) {
474
587
  animation: none;
475
588
  transition: none;
476
589
  }
477
590
  }
478
- .awsui-motion-disabled .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_button_1q84n_8lgid_405 > .awsui_icon_1q84n_8lgid_495:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_button_1q84n_8lgid_405 > .awsui_icon_1q84n_8lgid_495:not(#\9) {
591
+ .awsui-motion-disabled .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_button_1q84n_u6huz_539 > .awsui_icon_1q84n_u6huz_608:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_button_1q84n_u6huz_539 > .awsui_icon_1q84n_u6huz_608:not(#\9) {
479
592
  animation: none;
480
593
  transition: none;
481
594
  }
482
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_button_1q84n_8lgid_405.awsui_expanded_1q84n_8lgid_316 > .awsui_icon_1q84n_8lgid_495:not(#\9) {
595
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_button_1q84n_u6huz_539.awsui_expanded_1q84n_u6huz_316 > .awsui_icon_1q84n_u6huz_608:not(#\9) {
483
596
  transform: rotate(180deg);
484
597
  }
485
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_button_1q84n_8lgid_405:not(#\9):focus {
598
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_button_1q84n_u6huz_539:not(#\9):focus {
486
599
  outline: none;
487
600
  }
488
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_button_1q84n_8lgid_405[data-awsui-focus-visible=true]:not(#\9):focus {
601
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_button_1q84n_u6huz_539[data-awsui-focus-visible=true]:not(#\9):focus {
489
602
  position: relative;
490
603
  }
491
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_button_1q84n_8lgid_405[data-awsui-focus-visible=true]:not(#\9):focus {
604
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_button_1q84n_u6huz_539[data-awsui-focus-visible=true]:not(#\9):focus {
492
605
  outline: 2px dotted transparent;
493
606
  outline-offset: calc(0px - 1px);
494
607
  }
495
- .awsui_stack_1q84n_8lgid_294 > .awsui_notification-bar_1q84n_8lgid_296 > .awsui_button_1q84n_8lgid_405[data-awsui-focus-visible=true]:not(#\9):focus::before {
608
+ .awsui_stack_1q84n_u6huz_294 > .awsui_notification-bar_1q84n_u6huz_296 > .awsui_button_1q84n_u6huz_539[data-awsui-focus-visible=true]:not(#\9):focus::before {
496
609
  content: " ";
497
610
  display: block;
498
611
  position: absolute;
@@ -504,24 +617,24 @@ the grid layout will be:
504
617
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
505
618
  }
506
619
 
507
- .awsui_stack_1q84n_8lgid_294.awsui_expanded_1q84n_8lgid_316:not(#\9):not(.awsui_floating_1q84n_8lgid_533) {
508
- padding-bottom: var(--awsui-flashbar-sticky-bottom-margin-20d8jh, 0);
620
+ .awsui_stack_1q84n_u6huz_294.awsui_expanded_1q84n_u6huz_316:not(#\9):not(.awsui_floating_1q84n_u6huz_646) {
621
+ padding-bottom: var(--awsui-flashbar-sticky-bottom-margin-k2tw0m, 0);
509
622
  }
510
623
 
511
624
  /*
512
625
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
513
626
  SPDX-License-Identifier: Apache-2.0
514
627
  */
515
- .awsui_flashbar_1q84n_8lgid_541:not(#\9) {
628
+ .awsui_flashbar_1q84n_u6huz_654:not(#\9) {
516
629
  position: relative;
517
630
  /* stylelint-disable-next-line selector-max-type */
518
631
  }
519
- .awsui_flashbar_1q84n_8lgid_541 > li + li:not(#\9) {
632
+ .awsui_flashbar_1q84n_u6huz_654 > li + li:not(#\9) {
520
633
  padding-top: 0;
521
634
  }
522
635
 
523
- .awsui_flashbar_1q84n_8lgid_541:not(#\9),
524
- .awsui_flash_1q84n_8lgid_93:not(#\9) {
636
+ .awsui_flashbar_1q84n_u6huz_654:not(#\9),
637
+ .awsui_flash_1q84n_u6huz_93:not(#\9) {
525
638
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
526
639
  border-collapse: separate;
527
640
  border-spacing: 0;
@@ -560,7 +673,7 @@ the grid layout will be:
560
673
  -moz-osx-font-smoothing: auto;
561
674
  }
562
675
 
563
- .awsui_flash_1q84n_8lgid_93:not(#\9) {
676
+ .awsui_flash_1q84n_u6huz_93:not(#\9) {
564
677
  position: relative;
565
678
  display: flex;
566
679
  justify-content: flex-start;
@@ -571,7 +684,7 @@ the grid layout will be:
571
684
  overflow-wrap: break-word;
572
685
  word-wrap: break-word;
573
686
  }
574
- .awsui_flash_1q84n_8lgid_93:not(#\9)::before {
687
+ .awsui_flash_1q84n_u6huz_93:not(#\9)::before {
575
688
  content: "";
576
689
  position: absolute;
577
690
  left: 0px;
@@ -584,41 +697,41 @@ the grid layout will be:
584
697
  border-radius: var(--border-radius-flashbar-i7jm55, 12px);
585
698
  box-shadow: var(--shadow-flash-sticky-xplpiu, 0px 6px 36px rgba(0, 7, 22, 0.1));
586
699
  }
587
- .awsui_flash-refresh_1q84n_8lgid_587:not(#\9)::before {
700
+ .awsui_flash-refresh_1q84n_u6huz_700:not(#\9)::before {
588
701
  z-index: -1;
589
702
  }
590
703
 
591
- .awsui_flash-list_1q84n_8lgid_295:not(#\9) {
704
+ .awsui_flash-list_1q84n_u6huz_295:not(#\9) {
592
705
  list-style: none;
593
706
  padding: 0;
594
707
  margin: 0;
595
708
  }
596
- .awsui_flash-list_1q84n_8lgid_295:not(#\9):not(.awsui_collapsed_1q84n_8lgid_316) > li:not(:last-child) {
709
+ .awsui_flash-list_1q84n_u6huz_295:not(#\9):not(.awsui_collapsed_1q84n_u6huz_316) > li:not(:last-child) {
597
710
  margin-bottom: var(--space-xxxs-k2w98v, 2px);
598
711
  }
599
712
 
600
- .awsui_flash-body_1q84n_8lgid_107:not(#\9) {
713
+ .awsui_flash-body_1q84n_u6huz_107:not(#\9) {
601
714
  display: flex;
602
715
  flex-grow: 1;
603
716
  min-width: 0;
604
717
  }
605
718
 
606
- .awsui_flash-focus-container_1q84n_8lgid_606:not(#\9) {
719
+ .awsui_flash-focus-container_1q84n_u6huz_719:not(#\9) {
607
720
  display: flex;
608
721
  flex: 1;
609
722
  min-width: 0;
610
723
  }
611
- .awsui_flash-focus-container_1q84n_8lgid_606:not(#\9):focus {
724
+ .awsui_flash-focus-container_1q84n_u6huz_719:not(#\9):focus {
612
725
  outline: none;
613
726
  }
614
- .awsui_flash-focus-container_1q84n_8lgid_606[data-awsui-focus-visible=true]:not(#\9):focus {
727
+ .awsui_flash-focus-container_1q84n_u6huz_719[data-awsui-focus-visible=true]:not(#\9):focus {
615
728
  position: relative;
616
729
  }
617
- .awsui_flash-focus-container_1q84n_8lgid_606[data-awsui-focus-visible=true]:not(#\9):focus {
730
+ .awsui_flash-focus-container_1q84n_u6huz_719[data-awsui-focus-visible=true]:not(#\9):focus {
618
731
  outline: 2px dotted transparent;
619
732
  outline-offset: calc(var(--space-button-focus-outline-gutter-4vaedu, 4px) - 1px);
620
733
  }
621
- .awsui_flash-focus-container_1q84n_8lgid_606[data-awsui-focus-visible=true]:not(#\9):focus::before {
734
+ .awsui_flash-focus-container_1q84n_u6huz_719[data-awsui-focus-visible=true]:not(#\9):focus::before {
622
735
  content: " ";
623
736
  display: block;
624
737
  position: absolute;
@@ -630,72 +743,72 @@ the grid layout will be:
630
743
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
631
744
  }
632
745
 
633
- .awsui_flash-text_1q84n_8lgid_633:not(#\9) {
746
+ .awsui_flash-text_1q84n_u6huz_746:not(#\9) {
634
747
  margin: var(--border-field-width-idlekx, 2px) 0;
635
748
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
636
749
  }
637
750
 
638
- .awsui_flash-icon_1q84n_8lgid_133:not(#\9) {
751
+ .awsui_flash-icon_1q84n_u6huz_133:not(#\9) {
639
752
  flex: 0 0 auto;
640
753
  padding-left: 0;
641
754
  }
642
755
 
643
- .awsui_flash-message_1q84n_8lgid_107:not(#\9) {
756
+ .awsui_flash-message_1q84n_u6huz_107:not(#\9) {
644
757
  flex: 1 1 0%;
645
758
  word-wrap: break-word;
646
759
  max-width: 100%;
647
760
  overflow: hidden;
648
761
  }
649
762
 
650
- .awsui_flash-header_1q84n_8lgid_107:not(#\9) {
763
+ .awsui_flash-header_1q84n_u6huz_107:not(#\9) {
651
764
  font-weight: 700;
652
765
  }
653
766
 
654
- .awsui_flash-content_1q84n_8lgid_108:not(#\9) {
767
+ .awsui_flash-content_1q84n_u6huz_108:not(#\9) {
655
768
  /* Only used as a selector for test-utils */
656
769
  }
657
770
 
658
- .awsui_dismiss-button-wrapper_1q84n_8lgid_110:not(#\9) {
771
+ .awsui_dismiss-button-wrapper_1q84n_u6huz_110:not(#\9) {
659
772
  flex: 0 0 auto;
660
773
  margin-left: var(--space-s-hv8c1d, 12px);
661
774
  margin-right: calc(-1 * var(--space-xxs-ynfts5, 4px));
662
775
  padding-right: var(--space-flashbar-dismiss-right-cbaywa, 0px);
663
776
  }
664
777
 
665
- .awsui_dismiss-button_1q84n_8lgid_110:not(#\9) {
778
+ .awsui_dismiss-button_1q84n_u6huz_110:not(#\9) {
666
779
  /* Only used as a selector for test-utils */
667
780
  }
668
781
 
669
- .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9) {
782
+ .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9) {
670
783
  white-space: nowrap;
671
784
  margin-left: var(--space-flashbar-action-left-y2z8zt, 12px);
672
785
  }
673
786
 
674
- .awsui_flashbar_1q84n_8lgid_541.awsui_breakpoint-default_1q84n_8lgid_674 > .awsui_flash-list_1q84n_8lgid_295 > .awsui_flash-list-item_1q84n_8lgid_295 > .awsui_flash_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107:not(#\9) {
787
+ .awsui_flashbar_1q84n_u6huz_654.awsui_breakpoint-default_1q84n_u6huz_787 > .awsui_flash-list_1q84n_u6huz_295 > .awsui_flash-list-item_1q84n_u6huz_295 > .awsui_flash_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107:not(#\9) {
675
788
  display: block;
676
789
  }
677
- .awsui_flashbar_1q84n_8lgid_541.awsui_breakpoint-default_1q84n_8lgid_674 > .awsui_flash-list_1q84n_8lgid_295 > .awsui_flash-list-item_1q84n_8lgid_295 > .awsui_flash_1q84n_8lgid_93 > .awsui_flash-body_1q84n_8lgid_107 > .awsui_action-button-wrapper_1q84n_8lgid_109:not(#\9) {
790
+ .awsui_flashbar_1q84n_u6huz_654.awsui_breakpoint-default_1q84n_u6huz_787 > .awsui_flash-list_1q84n_u6huz_295 > .awsui_flash-list-item_1q84n_u6huz_295 > .awsui_flash_1q84n_u6huz_93 > .awsui_flash-body_1q84n_u6huz_107 > .awsui_action-button-wrapper_1q84n_u6huz_109:not(#\9) {
678
791
  margin-left: var(--space-l-4vl6xu, 20px);
679
792
  padding-left: var(--space-xxs-ynfts5, 4px);
680
793
  margin-bottom: var(--space-xxs-ynfts5, 4px);
681
794
  }
682
795
 
683
- .awsui_action-button_1q84n_8lgid_109:not(#\9) {
796
+ .awsui_action-button_1q84n_u6huz_109:not(#\9) {
684
797
  /* Only used as a selector for test-utils */
685
798
  }
686
799
 
687
- .awsui_flash-type-success_1q84n_8lgid_687:not(#\9) {
800
+ .awsui_flash-type-success_1q84n_u6huz_800:not(#\9) {
688
801
  background-color: var(--color-background-notification-green-0d9ow8, #037f0c);
689
802
  }
690
803
 
691
- .awsui_flash-type-error_1q84n_8lgid_691:not(#\9) {
804
+ .awsui_flash-type-error_1q84n_u6huz_804:not(#\9) {
692
805
  background-color: var(--color-background-notification-red-v7js1f, #d91515);
693
806
  }
694
807
 
695
- .awsui_flash-type-warning_1q84n_8lgid_695:not(#\9) {
808
+ .awsui_flash-type-warning_1q84n_u6huz_808:not(#\9) {
696
809
  background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
697
810
  }
698
811
 
699
- .awsui_flash-type-info_1q84n_8lgid_699:not(#\9) {
812
+ .awsui_flash-type-info_1q84n_u6huz_812:not(#\9) {
700
813
  background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
701
814
  }