@cloudscape-design/components 3.0.206 → 3.0.207

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 +289 -176
  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_6yz2d_93.awsui_enter_1q84n_6yz2d_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_6yz2d_93.awsui_enter_1q84n_6yz2d_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_6yz2d_93.awsui_enter_1q84n_6yz2d_93:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_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_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9),
108
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9),
109
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9),
110
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_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_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9),
116
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9),
117
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9),
118
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_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_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_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_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-icon_1q84n_6yz2d_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_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-icon_1q84n_6yz2d_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_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_enter_1q84n_6yz2d_93 > .awsui_flash-icon_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9),
158
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9),
159
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9),
160
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9),
161
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9),
162
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9),
163
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9),
164
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9),
165
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9),
166
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9),
175
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9),
176
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9),
177
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9),
178
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9),
179
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9),
180
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9),
181
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9),
182
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9),
183
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9), .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-icon_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9), .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-icon_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-icon_1q84n_6yz2d_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-icon_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9), .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9), .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-header_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9), .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9), .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_flash-message_1q84n_6yz2d_107 > .awsui_flash-content_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9),
232
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9),
233
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9),
234
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9),
239
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9),
240
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9),
241
+ .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_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_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entering_1q84n_6yz2d_146 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_dismiss-button-wrapper_1q84n_6yz2d_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_entered_1q84n_6yz2d_167 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_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_6yz2d_93.awsui_exiting_1q84n_6yz2d_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_6yz2d_93.awsui_exiting_1q84n_6yz2d_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_6yz2d_93.awsui_exiting_1q84n_6yz2d_272:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_6yz2d_93.awsui_exiting_1q84n_6yz2d_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_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294 > .awsui_item_1q84n_6yz2d_294:not(#\9),
273
+ .awsui_stack_1q84n_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294 > .awsui_flash-list-item_1q84n_6yz2d_295:not(#\9),
274
+ .awsui_stack_1q84n_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294.awsui_notification-bar_1q84n_6yz2d_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_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294 > .awsui_item_1q84n_6yz2d_294:not(#\9),
280
+ .awsui_stack_1q84n_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294 > .awsui_flash-list-item_1q84n_6yz2d_295:not(#\9),
281
+ .awsui_stack_1q84n_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294.awsui_notification-bar_1q84n_6yz2d_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_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294 > .awsui_item_1q84n_6yz2d_294:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294 > .awsui_item_1q84n_6yz2d_294:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294 > .awsui_flash-list-item_1q84n_6yz2d_295:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294 > .awsui_flash-list-item_1q84n_6yz2d_295:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294.awsui_notification-bar_1q84n_6yz2d_296:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_6yz2d_294 > .awsui_animation-running_1q84n_6yz2d_294.awsui_notification-bar_1q84n_6yz2d_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_6yz2d_294 > .awsui_collapsed_1q84n_6yz2d_316.awsui_animation-ready_1q84n_6yz2d_316 > .awsui_expanded-only_1q84n_6yz2d_316:not(#\9),
291
+ .awsui_stack_1q84n_6yz2d_294 > .awsui_collapsed_1q84n_6yz2d_316.awsui_animation-running_1q84n_6yz2d_294 > .awsui_expanded-only_1q84n_6yz2d_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_6yz2d_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_6yz2d_294 > .awsui_expanded_1q84n_6yz2d_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_6yz2d_294 > .awsui_collapsed_1q84n_6yz2d_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_6yz2d_294 > .awsui_collapsed_1q84n_6yz2d_316 > .awsui_item_1q84n_6yz2d_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_6yz2d_294 > .awsui_collapsed_1q84n_6yz2d_316 > .awsui_item_1q84n_6yz2d_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_6yz2d_294 > .awsui_collapsed_1q84n_6yz2d_316 > .awsui_item_1q84n_6yz2d_294:not(#\9):not(:last-child) > .awsui_flash_1q84n_6yz2d_93::before,
345
+ .awsui_stack_1q84n_6yz2d_294 > .awsui_collapsed_1q84n_6yz2d_316 > .awsui_item_1q84n_6yz2d_294.awsui_flash_1q84n_6yz2d_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_6yz2d_294 > .awsui_expanded_1q84n_6yz2d_316.awsui_animation-running_1q84n_6yz2d_294 > .awsui_flash-list-item_1q84n_6yz2d_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_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_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_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316):not(.awsui_short-list_1q84n_6yz2d_386):not(.awsui_visual-refresh_1q84n_6yz2d_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_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316):not(.awsui_short-list_1q84n_6yz2d_386):not(.awsui_visual-refresh_1q84n_6yz2d_386) > .awsui_notification-bar_1q84n_6yz2d_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_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316):not(.awsui_short-list_1q84n_6yz2d_386).awsui_visual-refresh_1q84n_6yz2d_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) + 3px)
389
+ ) - calc(var(--space-scaled-xl-w2t504, 24px) + 3px))) + 0px + 0px
390
+ );
391
+ }
392
+ .awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316):not(.awsui_short-list_1q84n_6yz2d_386).awsui_visual-refresh_1q84n_6yz2d_386 > .awsui_notification-bar_1q84n_6yz2d_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) + 3px)
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_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316).awsui_short-list_1q84n_6yz2d_386:not(.awsui_visual-refresh_1q84n_6yz2d_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_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316).awsui_short-list_1q84n_6yz2d_386:not(.awsui_visual-refresh_1q84n_6yz2d_386) > .awsui_notification-bar_1q84n_6yz2d_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_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316).awsui_short-list_1q84n_6yz2d_386.awsui_visual-refresh_1q84n_6yz2d_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) + 3px)
429
+ ) - calc(var(--space-scaled-xl-w2t504, 24px) + 3px))) + 0px + 8px
430
+ );
431
+ }
432
+ .awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316).awsui_short-list_1q84n_6yz2d_386.awsui_visual-refresh_1q84n_6yz2d_386 > .awsui_notification-bar_1q84n_6yz2d_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) + 3px)
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_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380.awsui_expanded_1q84n_6yz2d_316:not(#\9):not(.awsui_visual-refresh_1q84n_6yz2d_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_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380.awsui_expanded_1q84n_6yz2d_316:not(#\9):not(.awsui_visual-refresh_1q84n_6yz2d_386) > .awsui_notification-bar_1q84n_6yz2d_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_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380.awsui_expanded_1q84n_6yz2d_316.awsui_visual-refresh_1q84n_6yz2d_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) + 3px)
473
+ ) - var(--space-scaled-s-cu1hzn, 12px))) + 0px + 0px
474
+ );
475
+ }
476
+ .awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380.awsui_expanded_1q84n_6yz2d_316.awsui_visual-refresh_1q84n_6yz2d_386 > .awsui_notification-bar_1q84n_6yz2d_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) + 3px)
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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_status_1q84n_6yz2d_537 > .awsui_header_1q84n_6yz2d_537:not(#\9),
512
+ .awsui_stack_1q84n_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_status_1q84n_6yz2d_537 > .awsui_item-count_1q84n_6yz2d_538:not(#\9),
513
+ .awsui_stack_1q84n_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_button_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_status_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_status_1q84n_6yz2d_537 > .awsui_header_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_status_1q84n_6yz2d_537 > .awsui_item-count_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_status_1q84n_6yz2d_537 > .awsui_item-count_1q84n_6yz2d_538 > .awsui_type-count_1q84n_6yz2d_574 > .awsui_count-number_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_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);
422
- border-width: 2px;
558
+ .awsui_stack_1q84n_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296.awsui_visual-refresh_1q84n_6yz2d_386:not(#\9) {
559
+ border-width: 3px;
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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296:not(#\9):not(.awsui_visual-refresh_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296:not(#\9):not(.awsui_visual-refresh_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296:not(#\9):not(.awsui_visual-refresh_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_button_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_button_1q84n_6yz2d_539 > .awsui_icon_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_button_1q84n_6yz2d_539 > .awsui_icon_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_button_1q84n_6yz2d_539 > .awsui_icon_1q84n_6yz2d_608:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_button_1q84n_6yz2d_539 > .awsui_icon_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_button_1q84n_6yz2d_539.awsui_expanded_1q84n_6yz2d_316 > .awsui_icon_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_button_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_button_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_button_1q84n_6yz2d_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_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296 > .awsui_button_1q84n_6yz2d_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_6yz2d_294.awsui_expanded_1q84n_6yz2d_316:not(#\9):not(.awsui_floating_1q84n_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_654:not(#\9),
637
+ .awsui_flash_1q84n_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_295:not(#\9):not(.awsui_collapsed_1q84n_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_654.awsui_breakpoint-default_1q84n_6yz2d_787 > .awsui_flash-list_1q84n_6yz2d_295 > .awsui_flash-list-item_1q84n_6yz2d_295 > .awsui_flash_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_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_6yz2d_654.awsui_breakpoint-default_1q84n_6yz2d_787 > .awsui_flash-list_1q84n_6yz2d_295 > .awsui_flash-list-item_1q84n_6yz2d_295 > .awsui_flash_1q84n_6yz2d_93 > .awsui_flash-body_1q84n_6yz2d_107 > .awsui_action-button-wrapper_1q84n_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_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_6yz2d_812:not(#\9) {
700
813
  background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
701
814
  }