@cloudscape-design/components 3.0.522 → 3.0.524

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 (158) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +61 -54
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +39 -30
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +57 -49
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/content-wrapper/styles.css.js +3 -3
  11. package/app-layout/content-wrapper/styles.scoped.css +15 -15
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/styles.css.js +12 -12
  14. package/app-layout/drawer/styles.scoped.css +29 -30
  15. package/app-layout/drawer/styles.selectors.js +12 -12
  16. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  17. package/app-layout/mobile-toolbar/styles.scoped.css +18 -17
  18. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  19. package/app-layout/notifications/styles.css.js +3 -3
  20. package/app-layout/notifications/styles.scoped.css +6 -6
  21. package/app-layout/notifications/styles.selectors.js +3 -3
  22. package/app-layout/split-panel/styles.css.js +2 -2
  23. package/app-layout/split-panel/styles.scoped.css +3 -3
  24. package/app-layout/split-panel/styles.selectors.js +2 -2
  25. package/app-layout/styles.css.js +16 -16
  26. package/app-layout/styles.scoped.css +26 -26
  27. package/app-layout/styles.selectors.js +16 -16
  28. package/app-layout/toggles/styles.css.js +2 -2
  29. package/app-layout/toggles/styles.scoped.css +12 -10
  30. package/app-layout/toggles/styles.selectors.js +2 -2
  31. package/app-layout/visual-refresh/styles.css.js +81 -81
  32. package/app-layout/visual-refresh/styles.scoped.css +279 -261
  33. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  34. package/area-chart/styles.css.js +6 -6
  35. package/area-chart/styles.scoped.css +12 -11
  36. package/area-chart/styles.selectors.js +6 -6
  37. package/attribute-editor/styles.css.js +14 -14
  38. package/attribute-editor/styles.scoped.css +30 -29
  39. package/attribute-editor/styles.selectors.js +14 -14
  40. package/autosuggest/styles.css.js +3 -3
  41. package/autosuggest/styles.scoped.css +5 -5
  42. package/autosuggest/styles.selectors.js +3 -3
  43. package/badge/styles.css.js +5 -5
  44. package/badge/styles.scoped.css +11 -7
  45. package/badge/styles.selectors.js +5 -5
  46. package/box/styles.css.js +190 -190
  47. package/box/styles.scoped.css +244 -240
  48. package/box/styles.selectors.js +190 -190
  49. package/breadcrumb-group/item/styles.css.js +9 -9
  50. package/breadcrumb-group/item/styles.scoped.css +20 -19
  51. package/breadcrumb-group/item/styles.selectors.js +9 -9
  52. package/breadcrumb-group/styles.css.js +7 -7
  53. package/breadcrumb-group/styles.scoped.css +28 -21
  54. package/breadcrumb-group/styles.selectors.js +7 -7
  55. package/button/styles.css.js +20 -20
  56. package/button/styles.scoped.css +155 -153
  57. package/button/styles.selectors.js +20 -20
  58. package/button-dropdown/category-elements/styles.css.js +13 -13
  59. package/button-dropdown/category-elements/styles.scoped.css +61 -50
  60. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  61. package/button-dropdown/item-element/styles.css.js +15 -15
  62. package/button-dropdown/item-element/styles.scoped.css +38 -33
  63. package/button-dropdown/item-element/styles.selectors.js +15 -15
  64. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  65. package/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -8
  66. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  67. package/button-dropdown/styles.css.js +15 -15
  68. package/button-dropdown/styles.scoped.css +39 -36
  69. package/button-dropdown/styles.selectors.js +15 -15
  70. package/calendar/grid/index.d.ts +3 -3
  71. package/calendar/grid/index.js +11 -11
  72. package/calendar/grid/index.js.map +1 -1
  73. package/calendar/header/header-button.js +2 -2
  74. package/calendar/header/header-button.js.map +1 -1
  75. package/calendar/styles.css.js +18 -18
  76. package/calendar/styles.scoped.css +77 -61
  77. package/calendar/styles.selectors.js +18 -18
  78. package/cards/styles.css.js +40 -40
  79. package/cards/styles.scoped.css +126 -99
  80. package/cards/styles.selectors.js +40 -40
  81. package/code-editor/resizable-box/styles.css.js +3 -3
  82. package/code-editor/resizable-box/styles.scoped.css +10 -10
  83. package/code-editor/resizable-box/styles.selectors.js +3 -3
  84. package/code-editor/styles.css.js +32 -32
  85. package/code-editor/styles.scoped.css +210 -198
  86. package/code-editor/styles.selectors.js +32 -32
  87. package/collection-preferences/content-display/styles.css.js +11 -11
  88. package/collection-preferences/content-display/styles.scoped.css +40 -30
  89. package/collection-preferences/content-display/styles.selectors.js +11 -11
  90. package/collection-preferences/styles.css.js +37 -37
  91. package/collection-preferences/styles.scoped.css +79 -66
  92. package/collection-preferences/styles.selectors.js +37 -37
  93. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  94. package/column-layout/flexible-column-layout/styles.scoped.css +8 -9
  95. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  96. package/column-layout/styles.css.js +13 -13
  97. package/column-layout/styles.scoped.css +70 -64
  98. package/column-layout/styles.selectors.js +13 -13
  99. package/container/styles.css.js +30 -30
  100. package/container/styles.scoped.css +114 -106
  101. package/container/styles.selectors.js +30 -30
  102. package/content-layout/styles.css.js +7 -7
  103. package/content-layout/styles.scoped.css +15 -15
  104. package/content-layout/styles.selectors.js +7 -7
  105. package/date-picker/styles.css.js +7 -7
  106. package/date-picker/styles.scoped.css +12 -12
  107. package/date-picker/styles.selectors.js +7 -7
  108. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  109. package/date-range-picker/calendar/grids/styles.scoped.css +73 -62
  110. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  111. package/date-range-picker/relative-range/styles.css.js +9 -9
  112. package/date-range-picker/relative-range/styles.scoped.css +21 -21
  113. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  114. package/date-range-picker/styles.css.js +38 -38
  115. package/date-range-picker/styles.scoped.css +72 -67
  116. package/date-range-picker/styles.selectors.js +38 -38
  117. package/drawer/styles.css.js +3 -3
  118. package/drawer/styles.scoped.css +21 -18
  119. package/drawer/styles.selectors.js +3 -3
  120. package/expandable-section/styles.css.js +32 -32
  121. package/expandable-section/styles.scoped.css +103 -98
  122. package/expandable-section/styles.selectors.js +32 -32
  123. package/file-upload/dropzone/styles.css.js +2 -2
  124. package/file-upload/dropzone/styles.scoped.css +8 -4
  125. package/file-upload/dropzone/styles.selectors.js +2 -2
  126. package/file-upload/file-option/styles.css.js +7 -7
  127. package/file-upload/file-option/styles.scoped.css +15 -15
  128. package/file-upload/file-option/styles.selectors.js +7 -7
  129. package/file-upload/styles.css.js +2 -2
  130. package/file-upload/styles.scoped.css +4 -4
  131. package/file-upload/styles.selectors.js +2 -2
  132. package/flashbar/styles.css.js +47 -47
  133. package/flashbar/styles.scoped.css +220 -215
  134. package/flashbar/styles.selectors.js +47 -47
  135. package/form/styles.css.js +9 -9
  136. package/form/styles.scoped.css +18 -18
  137. package/form/styles.selectors.js +9 -9
  138. package/form-field/styles.css.js +19 -19
  139. package/form-field/styles.scoped.css +34 -34
  140. package/form-field/styles.selectors.js +19 -19
  141. package/internal/base-component/styles.scoped.css +10 -10
  142. package/internal/environment.js +1 -1
  143. package/internal/environment.json +1 -1
  144. package/internal/generated/theming/index.cjs +30 -30
  145. package/internal/generated/theming/index.js +30 -30
  146. package/internal/manifest.json +1 -1
  147. package/modal/styles.css.js +23 -23
  148. package/modal/styles.scoped.css +39 -39
  149. package/modal/styles.selectors.js +23 -23
  150. package/package.json +1 -1
  151. package/test-utils/dom/calendar/index.js +4 -4
  152. package/test-utils/dom/calendar/index.js.map +1 -1
  153. package/test-utils/selectors/calendar/index.js +4 -4
  154. package/test-utils/selectors/calendar/index.js.map +1 -1
  155. package/test-utils/tsconfig.tsbuildinfo +1 -1
  156. package/tiles/styles.css.js +29 -29
  157. package/tiles/styles.scoped.css +97 -91
  158. package/tiles/styles.selectors.js +29 -29
@@ -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_1dekz_93.awsui_enter_1q84n_1dekz_93:not(#\9) {
93
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_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_1dekz_93.awsui_enter_1q84n_1dekz_93:not(#\9) {
98
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93:not(#\9) {
99
99
  animation: none;
100
100
  transition: none;
101
101
  }
102
102
  }
103
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93:not(#\9) {
103
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93:not(#\9) {
104
104
  animation: none;
105
105
  transition: none;
106
106
  }
107
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9),
108
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9),
109
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9),
110
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9) {
107
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9),
108
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9),
109
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9),
110
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_dismiss-button-wrapper_1q84n_17nwv_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_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9),
116
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9),
117
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9),
118
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9) {
115
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9),
116
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9),
117
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9),
118
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9) {
119
119
  animation: none;
120
120
  transition: none;
121
121
  }
122
122
  }
123
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9) {
123
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9) {
124
124
  animation: none;
125
125
  transition: none;
126
126
  }
127
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9) {
127
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9) {
128
128
  opacity: 0;
129
129
  }
130
130
  @media (prefers-reduced-motion: reduce) {
131
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9) {
131
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9) {
132
132
  animation: none;
133
133
  transition: none;
134
134
  }
135
135
  }
136
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_enter_1q84n_1dekz_93 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9) {
136
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_enter_1q84n_17nwv_93 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9) {
137
137
  animation: none;
138
138
  transition: none;
139
139
  }
140
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146:not(#\9) {
140
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146:not(#\9) {
141
141
  transition-property: transform, opacity;
142
142
  transition-duration: var(--motion-duration-refresh-only-slow-zbvbxt, 250ms);
143
143
  transition-timing-function: var(--motion-easing-refresh-only-c-vg1m9h, 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_1dekz_93.awsui_entering_1q84n_1dekz_146:not(#\9) {
148
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146:not(#\9) {
149
149
  animation: none;
150
150
  transition: none;
151
151
  }
152
152
  }
153
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146:not(#\9) {
153
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146:not(#\9) {
154
154
  animation: none;
155
155
  transition: none;
156
156
  }
157
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9),
158
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9),
159
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9),
160
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9),
161
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9),
162
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9),
163
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9),
164
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9),
165
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9),
166
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9) {
157
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9),
158
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9),
159
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9),
160
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9),
161
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9),
162
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9),
163
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9),
164
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9),
165
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9),
166
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_dismiss-button-wrapper_1q84n_17nwv_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-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
172
172
  }
173
173
  @media (prefers-reduced-motion: reduce) {
174
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9),
175
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9),
176
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9),
177
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9),
178
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9),
179
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9),
180
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9),
181
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9),
182
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9),
183
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9) {
174
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9),
175
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9),
176
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9),
177
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9),
178
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9),
179
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9),
180
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9),
181
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9),
182
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9),
183
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9) {
184
184
  animation: none;
185
185
  transition: none;
186
186
  }
187
187
  }
188
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9) {
188
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9) {
189
189
  animation: none;
190
190
  transition: none;
191
191
  }
192
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9), .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9) {
192
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9), .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9) {
193
193
  transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) - 50ms);
194
194
  }
195
195
  @media (prefers-reduced-motion: reduce) {
196
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9), .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9) {
196
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9), .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9) {
197
197
  animation: none;
198
198
  transition: none;
199
199
  }
200
200
  }
201
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-icon_1q84n_1dekz_133:not(#\9) {
201
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-icon_1q84n_17nwv_133:not(#\9) {
202
202
  animation: none;
203
203
  transition: none;
204
204
  }
205
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9), .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9) {
205
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9), .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9) {
206
206
  transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) + 10ms);
207
207
  }
208
208
  @media (prefers-reduced-motion: reduce) {
209
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9), .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9) {
209
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9), .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9) {
210
210
  animation: none;
211
211
  transition: none;
212
212
  }
213
213
  }
214
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-header_1q84n_1dekz_107:not(#\9) {
214
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-header_1q84n_17nwv_107:not(#\9) {
215
215
  animation: none;
216
216
  transition: none;
217
217
  }
218
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9), .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9) {
218
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9), .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9) {
219
219
  transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) + 10ms);
220
220
  }
221
221
  @media (prefers-reduced-motion: reduce) {
222
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9), .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9) {
222
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9), .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9) {
223
223
  animation: none;
224
224
  transition: none;
225
225
  }
226
226
  }
227
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_flash-message_1q84n_1dekz_107 > .awsui_flash-content_1q84n_1dekz_108:not(#\9) {
227
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_flash-message_1q84n_17nwv_107 > .awsui_flash-content_1q84n_17nwv_108:not(#\9) {
228
228
  animation: none;
229
229
  transition: none;
230
230
  }
231
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9),
232
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9),
233
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9),
234
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9) {
231
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9),
232
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9),
233
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9),
234
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9) {
235
235
  transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) * 2 - 100ms);
236
236
  }
237
237
  @media (prefers-reduced-motion: reduce) {
238
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9),
239
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9),
240
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9),
241
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9) {
238
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9),
239
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9),
240
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9),
241
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9) {
242
242
  animation: none;
243
243
  transition: none;
244
244
  }
245
245
  }
246
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entering_1q84n_1dekz_146 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_entered_1q84n_1dekz_167 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9) {
246
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entering_1q84n_17nwv_146 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_entered_1q84n_17nwv_167 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9) {
247
247
  animation: none;
248
248
  transition: none;
249
249
  }
250
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_exiting_1q84n_1dekz_272:not(#\9) {
250
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_exiting_1q84n_17nwv_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-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
256
256
  }
257
257
  @media (prefers-reduced-motion: reduce) {
258
- .awsui_flash-with-motion_1q84n_1dekz_93.awsui_exiting_1q84n_1dekz_272:not(#\9) {
258
+ .awsui_flash-with-motion_1q84n_17nwv_93.awsui_exiting_1q84n_17nwv_272:not(#\9) {
259
259
  animation: none;
260
260
  transition: none;
261
261
  }
262
262
  }
263
- .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1dekz_93.awsui_exiting_1q84n_1dekz_272:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1dekz_93.awsui_exiting_1q84n_1dekz_272:not(#\9) {
263
+ .awsui-motion-disabled .awsui_flash-with-motion_1q84n_17nwv_93.awsui_exiting_1q84n_17nwv_272:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_17nwv_93.awsui_exiting_1q84n_17nwv_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_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294 > .awsui_item_1q84n_1dekz_294:not(#\9),
273
- .awsui_stack_1q84n_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294 > .awsui_flash-list-item_1q84n_1dekz_295:not(#\9),
274
- .awsui_stack_1q84n_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294.awsui_notification-bar_1q84n_1dekz_296:not(#\9) {
272
+ .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294 > .awsui_item_1q84n_17nwv_294:not(#\9),
273
+ .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294 > .awsui_flash-list-item_1q84n_17nwv_295:not(#\9),
274
+ .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294.awsui_notification-bar_1q84n_17nwv_296:not(#\9) {
275
275
  transition-timing-function: var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
276
276
  transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
277
277
  }
278
278
  @media (prefers-reduced-motion: reduce) {
279
- .awsui_stack_1q84n_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294 > .awsui_item_1q84n_1dekz_294:not(#\9),
280
- .awsui_stack_1q84n_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294 > .awsui_flash-list-item_1q84n_1dekz_295:not(#\9),
281
- .awsui_stack_1q84n_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294.awsui_notification-bar_1q84n_1dekz_296:not(#\9) {
279
+ .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294 > .awsui_item_1q84n_17nwv_294:not(#\9),
280
+ .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294 > .awsui_flash-list-item_1q84n_17nwv_295:not(#\9),
281
+ .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294.awsui_notification-bar_1q84n_17nwv_296:not(#\9) {
282
282
  animation: none;
283
283
  transition: none;
284
284
  }
285
285
  }
286
- .awsui-motion-disabled .awsui_stack_1q84n_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294 > .awsui_item_1q84n_1dekz_294:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294 > .awsui_item_1q84n_1dekz_294:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294 > .awsui_flash-list-item_1q84n_1dekz_295:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294 > .awsui_flash-list-item_1q84n_1dekz_295:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294.awsui_notification-bar_1q84n_1dekz_296:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1dekz_294 > .awsui_animation-running_1q84n_1dekz_294.awsui_notification-bar_1q84n_1dekz_296:not(#\9) {
286
+ .awsui-motion-disabled .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294 > .awsui_item_1q84n_17nwv_294:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294 > .awsui_item_1q84n_17nwv_294:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294 > .awsui_flash-list-item_1q84n_17nwv_295:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294 > .awsui_flash-list-item_1q84n_17nwv_295:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294.awsui_notification-bar_1q84n_17nwv_296:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_17nwv_294 > .awsui_animation-running_1q84n_17nwv_294.awsui_notification-bar_1q84n_17nwv_296:not(#\9) {
287
287
  animation: none;
288
288
  transition: none;
289
289
  }
290
- .awsui_stack_1q84n_1dekz_294 > .awsui_collapsed_1q84n_1dekz_316.awsui_animation-ready_1q84n_1dekz_316 > .awsui_expanded-only_1q84n_1dekz_316:not(#\9),
291
- .awsui_stack_1q84n_1dekz_294 > .awsui_collapsed_1q84n_1dekz_316.awsui_animation-running_1q84n_1dekz_294 > .awsui_expanded-only_1q84n_1dekz_316:not(#\9) {
290
+ .awsui_stack_1q84n_17nwv_294 > .awsui_collapsed_1q84n_17nwv_316.awsui_animation-ready_1q84n_17nwv_316 > .awsui_expanded-only_1q84n_17nwv_316:not(#\9),
291
+ .awsui_stack_1q84n_17nwv_294 > .awsui_collapsed_1q84n_17nwv_316.awsui_animation-running_1q84n_17nwv_294 > .awsui_expanded-only_1q84n_17nwv_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_1dekz_294:not(#\9) {
299
+ .awsui_stack_1q84n_17nwv_294:not(#\9) {
300
300
  display: grid;
301
301
  grid-template-columns: 30px 1fr 30px;
302
302
  }
303
303
 
304
- .awsui_stack_1q84n_1dekz_294 > .awsui_expanded_1q84n_1dekz_316:not(#\9) {
304
+ .awsui_stack_1q84n_17nwv_294 > .awsui_expanded_1q84n_17nwv_316:not(#\9) {
305
305
  grid-column: 1/4;
306
306
  }
307
307
 
@@ -315,49 +315,49 @@ 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_1dekz_294 > .awsui_collapsed_1q84n_1dekz_316:not(#\9) {
318
+ .awsui_stack_1q84n_17nwv_294 > .awsui_collapsed_1q84n_17nwv_316:not(#\9) {
319
319
  display: grid;
320
320
  grid-column: 1/4;
321
321
  grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-y98gph), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-y98gph), 10px);
322
322
  row-gap: 8px;
323
323
  z-index: 0;
324
324
  }
325
- .awsui_stack_1q84n_1dekz_294 > .awsui_collapsed_1q84n_1dekz_316 > .awsui_item_1q84n_1dekz_294:not(#\9) {
325
+ .awsui_stack_1q84n_17nwv_294 > .awsui_collapsed_1q84n_17nwv_316 > .awsui_item_1q84n_17nwv_294:not(#\9) {
326
326
  grid-column-start: calc(var(--awsui-flashbar-stack-index-y98gph) + 1);
327
327
  grid-column-end: calc(var(--awsui-flashbar-stack-depth-y98gph) * 2 + 1 - var(--awsui-flashbar-stack-index-y98gph) + 1);
328
328
  grid-row-start: 1;
329
329
  grid-row-end: calc(var(--awsui-flashbar-stack-index-y98gph) + 2);
330
330
  z-index: calc(var(--awsui-flashbar-stack-depth-y98gph) - var(--awsui-flashbar-stack-index-y98gph));
331
331
  }
332
- .awsui_stack_1q84n_1dekz_294 > .awsui_collapsed_1q84n_1dekz_316 > .awsui_item_1q84n_1dekz_294:not(#\9):not(:first-of-type) {
332
+ .awsui_stack_1q84n_17nwv_294 > .awsui_collapsed_1q84n_17nwv_316 > .awsui_item_1q84n_17nwv_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.
336
336
  This makes them look better during the collapse animation, in which they are already empty.
337
337
  */
338
- min-height: calc(
338
+ min-block-size: calc(
339
339
  var(--line-height-body-m-30ar75, 20px) + (
340
340
  var(--space-scaled-xs-26e2du, 8px) + var(--border-field-width-09w7vk, 2px) + var(--space-scaled-xxs-7597g1, 4px)
341
341
  ) * 2
342
342
  );
343
343
  }
344
- .awsui_stack_1q84n_1dekz_294 > .awsui_collapsed_1q84n_1dekz_316 > .awsui_item_1q84n_1dekz_294:not(#\9):not(:last-child) > .awsui_flash_1q84n_1dekz_93::before,
345
- .awsui_stack_1q84n_1dekz_294 > .awsui_collapsed_1q84n_1dekz_316 > .awsui_item_1q84n_1dekz_294.awsui_flash_1q84n_1dekz_93:not(#\9)::before {
344
+ .awsui_stack_1q84n_17nwv_294 > .awsui_collapsed_1q84n_17nwv_316 > .awsui_item_1q84n_17nwv_294:not(#\9):not(:last-child) > .awsui_flash_1q84n_17nwv_93::before,
345
+ .awsui_stack_1q84n_17nwv_294 > .awsui_collapsed_1q84n_17nwv_316 > .awsui_item_1q84n_17nwv_294.awsui_flash_1q84n_17nwv_93:not(#\9)::before {
346
346
  box-shadow: var(--shadow-flash-collapsed-s7gipk, 0px 4px 4px rgba(0, 0, 0, 0.25));
347
347
  }
348
348
 
349
- .awsui_stack_1q84n_1dekz_294 > .awsui_expanded_1q84n_1dekz_316.awsui_animation-running_1q84n_1dekz_294 > .awsui_flash-list-item_1q84n_1dekz_295:not(#\9) {
349
+ .awsui_stack_1q84n_17nwv_294 > .awsui_expanded_1q84n_17nwv_316.awsui_animation-running_1q84n_17nwv_294 > .awsui_flash-list-item_1q84n_17nwv_295:not(#\9) {
350
350
  position: relative;
351
351
  z-index: calc(var(--awsui-flashbar-stack-depth-y98gph) - var(--awsui-flashbar-stack-index-y98gph));
352
352
  }
353
353
 
354
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380:not(#\9):not(.awsui_expanded_1q84n_1dekz_316) {
354
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380:not(#\9):not(.awsui_expanded_1q84n_17nwv_316) {
355
355
  /*
356
356
  Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
357
357
  missing third item when there are only 2 items in the stack.
358
358
  */
359
359
  }
360
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380:not(#\9):not(.awsui_expanded_1q84n_1dekz_316):not(.awsui_short-list_1q84n_1dekz_386):not(.awsui_visual-refresh_1q84n_1dekz_386) {
360
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380:not(#\9):not(.awsui_expanded_1q84n_17nwv_316):not(.awsui_short-list_1q84n_17nwv_386):not(.awsui_visual-refresh_1q84n_17nwv_386) {
361
361
  /*
362
362
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
363
363
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -369,26 +369,25 @@ the grid layout will be:
369
369
  --awsui-stacked-notifications-default-bottom-margin-y98gph: calc(
370
370
  var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 1px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
371
371
  );
372
- margin-bottom: calc(
372
+ margin-block-end: calc(
373
373
  var(
374
374
  --awsui-stacked-notifications-bottom-margin-y98gph,
375
375
  var(--awsui-stacked-notifications-default-bottom-margin-y98gph)
376
376
  ) + 0px + 0px
377
377
  );
378
378
  }
379
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380:not(#\9):not(.awsui_expanded_1q84n_1dekz_316):not(.awsui_short-list_1q84n_1dekz_386):not(.awsui_visual-refresh_1q84n_1dekz_386) > .awsui_notification-bar_1q84n_1dekz_296 {
380
- margin-top: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 0px);
379
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380:not(#\9):not(.awsui_expanded_1q84n_17nwv_316):not(.awsui_short-list_1q84n_17nwv_386):not(.awsui_visual-refresh_1q84n_17nwv_386) > .awsui_notification-bar_1q84n_17nwv_296 {
380
+ margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 0px);
381
381
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
382
382
  is the full height of the notification bar */
383
383
  /* stylelint-disable scss/operator-no-newline-after */
384
- margin-bottom: calc(
384
+ margin-block-end: calc(
385
385
  calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) - var(--line-height-body-m-30ar75, 20px) - 2 * var(--space-scaled-xxs-7597g1, 4px) - 2 * 1px -
386
386
  0px
387
387
  );
388
- padding-top: var(--space-scaled-xxs-7597g1, 4px);
389
- padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
388
+ padding-block: var(--space-scaled-xxs-7597g1, 4px);
390
389
  }
391
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380:not(#\9):not(.awsui_expanded_1q84n_1dekz_316):not(.awsui_short-list_1q84n_1dekz_386).awsui_visual-refresh_1q84n_1dekz_386 {
390
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380:not(#\9):not(.awsui_expanded_1q84n_17nwv_316):not(.awsui_short-list_1q84n_17nwv_386).awsui_visual-refresh_1q84n_17nwv_386 {
392
391
  /*
393
392
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
394
393
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -400,26 +399,25 @@ the grid layout will be:
400
399
  --awsui-stacked-notifications-default-bottom-margin-y98gph: calc(
401
400
  var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 2px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
402
401
  );
403
- margin-bottom: calc(
402
+ margin-block-end: calc(
404
403
  var(
405
404
  --awsui-stacked-notifications-bottom-margin-y98gph,
406
405
  var(--awsui-stacked-notifications-default-bottom-margin-y98gph)
407
406
  ) + 0px + 0px
408
407
  );
409
408
  }
410
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380:not(#\9):not(.awsui_expanded_1q84n_1dekz_316):not(.awsui_short-list_1q84n_1dekz_386).awsui_visual-refresh_1q84n_1dekz_386 > .awsui_notification-bar_1q84n_1dekz_296 {
411
- margin-top: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 0px);
409
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380:not(#\9):not(.awsui_expanded_1q84n_17nwv_316):not(.awsui_short-list_1q84n_17nwv_386).awsui_visual-refresh_1q84n_17nwv_386 > .awsui_notification-bar_1q84n_17nwv_296 {
410
+ margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 0px);
412
411
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
413
412
  is the full height of the notification bar */
414
413
  /* stylelint-disable scss/operator-no-newline-after */
415
- margin-bottom: calc(
414
+ margin-block-end: calc(
416
415
  calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) - var(--line-height-body-m-30ar75, 20px) - 2 * var(--space-scaled-xxs-7597g1, 4px) - 2 * 2px -
417
416
  0px
418
417
  );
419
- padding-top: var(--space-scaled-xxs-7597g1, 4px);
420
- padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
418
+ padding-block: var(--space-scaled-xxs-7597g1, 4px);
421
419
  }
422
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380:not(#\9):not(.awsui_expanded_1q84n_1dekz_316).awsui_short-list_1q84n_1dekz_386:not(.awsui_visual-refresh_1q84n_1dekz_386) {
420
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380:not(#\9):not(.awsui_expanded_1q84n_17nwv_316).awsui_short-list_1q84n_17nwv_386:not(.awsui_visual-refresh_1q84n_17nwv_386) {
423
421
  /*
424
422
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
425
423
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -431,26 +429,25 @@ the grid layout will be:
431
429
  --awsui-stacked-notifications-default-bottom-margin-y98gph: calc(
432
430
  var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 1px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
433
431
  );
434
- margin-bottom: calc(
432
+ margin-block-end: calc(
435
433
  var(
436
434
  --awsui-stacked-notifications-bottom-margin-y98gph,
437
435
  var(--awsui-stacked-notifications-default-bottom-margin-y98gph)
438
436
  ) + 0px + 8px
439
437
  );
440
438
  }
441
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380:not(#\9):not(.awsui_expanded_1q84n_1dekz_316).awsui_short-list_1q84n_1dekz_386:not(.awsui_visual-refresh_1q84n_1dekz_386) > .awsui_notification-bar_1q84n_1dekz_296 {
442
- margin-top: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 8px);
439
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380:not(#\9):not(.awsui_expanded_1q84n_17nwv_316).awsui_short-list_1q84n_17nwv_386:not(.awsui_visual-refresh_1q84n_17nwv_386) > .awsui_notification-bar_1q84n_17nwv_296 {
440
+ margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 8px);
443
441
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
444
442
  is the full height of the notification bar */
445
443
  /* stylelint-disable scss/operator-no-newline-after */
446
- margin-bottom: calc(
444
+ margin-block-end: calc(
447
445
  calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) - var(--line-height-body-m-30ar75, 20px) - 2 * var(--space-scaled-xxs-7597g1, 4px) - 2 * 1px -
448
446
  8px
449
447
  );
450
- padding-top: var(--space-scaled-xxs-7597g1, 4px);
451
- padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
448
+ padding-block: var(--space-scaled-xxs-7597g1, 4px);
452
449
  }
453
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380:not(#\9):not(.awsui_expanded_1q84n_1dekz_316).awsui_short-list_1q84n_1dekz_386.awsui_visual-refresh_1q84n_1dekz_386 {
450
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380:not(#\9):not(.awsui_expanded_1q84n_17nwv_316).awsui_short-list_1q84n_17nwv_386.awsui_visual-refresh_1q84n_17nwv_386 {
454
451
  /*
455
452
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
456
453
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -462,26 +459,25 @@ the grid layout will be:
462
459
  --awsui-stacked-notifications-default-bottom-margin-y98gph: calc(
463
460
  var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 2px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
464
461
  );
465
- margin-bottom: calc(
462
+ margin-block-end: calc(
466
463
  var(
467
464
  --awsui-stacked-notifications-bottom-margin-y98gph,
468
465
  var(--awsui-stacked-notifications-default-bottom-margin-y98gph)
469
466
  ) + 0px + 8px
470
467
  );
471
468
  }
472
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380:not(#\9):not(.awsui_expanded_1q84n_1dekz_316).awsui_short-list_1q84n_1dekz_386.awsui_visual-refresh_1q84n_1dekz_386 > .awsui_notification-bar_1q84n_1dekz_296 {
473
- margin-top: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 8px);
469
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380:not(#\9):not(.awsui_expanded_1q84n_17nwv_316).awsui_short-list_1q84n_17nwv_386.awsui_visual-refresh_1q84n_17nwv_386 > .awsui_notification-bar_1q84n_17nwv_296 {
470
+ margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 8px);
474
471
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
475
472
  is the full height of the notification bar */
476
473
  /* stylelint-disable scss/operator-no-newline-after */
477
- margin-bottom: calc(
474
+ margin-block-end: calc(
478
475
  calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) - var(--line-height-body-m-30ar75, 20px) - 2 * var(--space-scaled-xxs-7597g1, 4px) - 2 * 2px -
479
476
  8px
480
477
  );
481
- padding-top: var(--space-scaled-xxs-7597g1, 4px);
482
- padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
478
+ padding-block: var(--space-scaled-xxs-7597g1, 4px);
483
479
  }
484
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380.awsui_expanded_1q84n_1dekz_316:not(#\9):not(.awsui_visual-refresh_1q84n_1dekz_386) {
480
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380.awsui_expanded_1q84n_17nwv_316:not(#\9):not(.awsui_visual-refresh_1q84n_17nwv_386) {
485
481
  /*
486
482
  Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
487
483
  notifications slot already gives it enough space.
@@ -497,26 +493,25 @@ the grid layout will be:
497
493
  --awsui-stacked-notifications-default-bottom-margin-y98gph: calc(
498
494
  var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 1px - var(--space-scaled-s-aqzyko, 12px)
499
495
  );
500
- margin-bottom: calc(
496
+ margin-block-end: calc(
501
497
  var(
502
498
  --awsui-stacked-notifications-bottom-margin-y98gph,
503
499
  var(--awsui-stacked-notifications-default-bottom-margin-y98gph)
504
500
  ) + var(--space-scaled-m-mo5yse, 16px) + 0px
505
501
  );
506
502
  }
507
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380.awsui_expanded_1q84n_1dekz_316:not(#\9):not(.awsui_visual-refresh_1q84n_1dekz_386) > .awsui_notification-bar_1q84n_1dekz_296 {
508
- margin-top: calc(-1 * var(--space-scaled-s-aqzyko, 12px) + 0px);
503
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380.awsui_expanded_1q84n_17nwv_316:not(#\9):not(.awsui_visual-refresh_1q84n_17nwv_386) > .awsui_notification-bar_1q84n_17nwv_296 {
504
+ margin-block-start: calc(-1 * var(--space-scaled-s-aqzyko, 12px) + 0px);
509
505
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
510
506
  is the full height of the notification bar */
511
507
  /* stylelint-disable scss/operator-no-newline-after */
512
- margin-bottom: calc(
508
+ margin-block-end: calc(
513
509
  var(--space-scaled-s-aqzyko, 12px) - var(--line-height-body-m-30ar75, 20px) - 2 * var(--space-scaled-xxs-7597g1, 4px) - 2 * 1px -
514
510
  0px
515
511
  );
516
- padding-top: var(--space-scaled-xxs-7597g1, 4px);
517
- padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
512
+ padding-block: var(--space-scaled-xxs-7597g1, 4px);
518
513
  }
519
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380.awsui_expanded_1q84n_1dekz_316.awsui_visual-refresh_1q84n_1dekz_386:not(#\9) {
514
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380.awsui_expanded_1q84n_17nwv_316.awsui_visual-refresh_1q84n_17nwv_386:not(#\9) {
520
515
  /*
521
516
  The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
522
517
  notification bar from overlapping the elements below. But if using disableContentPaddings,
@@ -528,33 +523,36 @@ the grid layout will be:
528
523
  --awsui-stacked-notifications-default-bottom-margin-y98gph: calc(
529
524
  var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 2px - var(--space-scaled-s-aqzyko, 12px)
530
525
  );
531
- margin-bottom: calc(
526
+ margin-block-end: calc(
532
527
  var(
533
528
  --awsui-stacked-notifications-bottom-margin-y98gph,
534
529
  var(--awsui-stacked-notifications-default-bottom-margin-y98gph)
535
530
  ) + 0px + 0px
536
531
  );
537
532
  }
538
- .awsui_stack_1q84n_1dekz_294.awsui_collapsible_1q84n_1dekz_380.awsui_expanded_1q84n_1dekz_316.awsui_visual-refresh_1q84n_1dekz_386 > .awsui_notification-bar_1q84n_1dekz_296:not(#\9) {
539
- margin-top: calc(-1 * var(--space-scaled-s-aqzyko, 12px) + 0px);
533
+ .awsui_stack_1q84n_17nwv_294.awsui_collapsible_1q84n_17nwv_380.awsui_expanded_1q84n_17nwv_316.awsui_visual-refresh_1q84n_17nwv_386 > .awsui_notification-bar_1q84n_17nwv_296:not(#\9) {
534
+ margin-block-start: calc(-1 * var(--space-scaled-s-aqzyko, 12px) + 0px);
540
535
  /* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
541
536
  is the full height of the notification bar */
542
537
  /* stylelint-disable scss/operator-no-newline-after */
543
- margin-bottom: calc(
538
+ margin-block-end: calc(
544
539
  var(--space-scaled-s-aqzyko, 12px) - var(--line-height-body-m-30ar75, 20px) - 2 * var(--space-scaled-xxs-7597g1, 4px) - 2 * 2px -
545
540
  0px
546
541
  );
547
- padding-top: var(--space-scaled-xxs-7597g1, 4px);
548
- padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
542
+ padding-block: var(--space-scaled-xxs-7597g1, 4px);
549
543
  }
550
544
 
551
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296:not(#\9) {
545
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296:not(#\9) {
552
546
  min-inline-size: 0;
553
547
  word-break: break-word;
554
548
  background: var(--color-background-notification-stack-bar-btgysg, #232f3e);
555
549
  border-color: var(--color-border-notification-stack-bar-t3aws2, #232f3e);
556
- border-radius: var(--border-radius-button-ypmfry, 20px);
557
- border-style: solid;
550
+ border-start-start-radius: var(--border-radius-button-ypmfry, 20px);
551
+ border-start-end-radius: var(--border-radius-button-ypmfry, 20px);
552
+ border-end-start-radius: var(--border-radius-button-ypmfry, 20px);
553
+ border-end-end-radius: var(--border-radius-button-ypmfry, 20px);
554
+ border-block-style: solid;
555
+ border-inline-style: solid;
558
556
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
559
557
  color: var(--color-text-notification-stack-bar-jc9tvx, #ffffff);
560
558
  cursor: pointer;
@@ -566,16 +564,15 @@ the grid layout will be:
566
564
  column-gap: calc(var(--space-m-udix3p, 16px) + var(--space-xxs-p8yyaw, 4px));
567
565
  justify-content: center;
568
566
  letter-spacing: var(--font-button-letter-spacing-65ug0o, 0.005em);
569
- margin-left: auto;
570
- margin-right: auto;
567
+ margin-inline: auto;
571
568
  row-gap: 0;
572
569
  text-align: center;
573
570
  text-decoration: none;
574
571
  z-index: 1;
575
572
  }
576
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_status_1q84n_1dekz_602 > .awsui_header_1q84n_1dekz_602:not(#\9),
577
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_status_1q84n_1dekz_602 > .awsui_item-count_1q84n_1dekz_603:not(#\9),
578
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_button_1q84n_1dekz_604:not(#\9) {
573
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_status_1q84n_17nwv_599 > .awsui_header_1q84n_17nwv_599:not(#\9),
574
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_status_1q84n_17nwv_599 > .awsui_item-count_1q84n_17nwv_600:not(#\9),
575
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_button_1q84n_17nwv_601:not(#\9) {
579
576
  font-size: var(--font-size-body-m-x4okxb, 14px);
580
577
  line-height: var(--line-height-body-m-30ar75, 20px);
581
578
  color: var(--color-text-body-default-at06ol, #000716);
@@ -585,12 +582,10 @@ the grid layout will be:
585
582
  -moz-osx-font-smoothing: auto;
586
583
  color: var(--color-text-notification-stack-bar-jc9tvx, #ffffff);
587
584
  cursor: pointer;
588
- margin-top: 0;
589
- margin-bottom: 0;
590
- padding-top: 0;
591
- padding-bottom: 0;
585
+ margin-block: 0;
586
+ padding-block: 0;
592
587
  }
593
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_status_1q84n_1dekz_602:not(#\9) {
588
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_status_1q84n_17nwv_599:not(#\9) {
594
589
  display: flex;
595
590
  flex-direction: row;
596
591
  flex-wrap: wrap;
@@ -598,11 +593,11 @@ the grid layout will be:
598
593
  justify-content: center;
599
594
  row-gap: 0;
600
595
  }
601
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_status_1q84n_1dekz_602 > .awsui_header_1q84n_1dekz_602:not(#\9) {
596
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_status_1q84n_17nwv_599 > .awsui_header_1q84n_17nwv_599:not(#\9) {
602
597
  font-weight: var(--font-button-weight-hv56tz, 700);
603
598
  display: inline-block;
604
599
  }
605
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_status_1q84n_1dekz_602 > .awsui_item-count_1q84n_1dekz_603:not(#\9) {
600
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_status_1q84n_17nwv_599 > .awsui_item-count_1q84n_17nwv_600:not(#\9) {
606
601
  column-gap: var(--space-s-34lx8l, 12px);
607
602
  display: flex;
608
603
  flex-direction: row;
@@ -610,67 +605,67 @@ the grid layout will be:
610
605
  justify-content: center;
611
606
  row-gap: 0;
612
607
  }
613
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_status_1q84n_1dekz_602 > .awsui_item-count_1q84n_1dekz_603 > .awsui_type-count_1q84n_1dekz_639 > .awsui_count-number_1q84n_1dekz_639:not(#\9) {
614
- margin-left: var(--space-xxs-p8yyaw, 4px);
608
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_status_1q84n_17nwv_599 > .awsui_item-count_1q84n_17nwv_600 > .awsui_type-count_1q84n_17nwv_634 > .awsui_count-number_1q84n_17nwv_634:not(#\9) {
609
+ margin-inline-start: var(--space-xxs-p8yyaw, 4px);
615
610
  }
616
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296:not(#\9):hover {
611
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296:not(#\9):hover {
617
612
  background: var(--color-background-notification-stack-bar-hover-905myr, #414d5c);
618
613
  border-color: var(--color-background-notification-stack-bar-hover-905myr, #414d5c);
619
614
  }
620
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296:not(#\9):active {
615
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296:not(#\9):active {
621
616
  background: var(--color-background-notification-stack-bar-active-g701bg, #232f3e);
622
617
  }
623
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296.awsui_visual-refresh_1q84n_1dekz_386:not(#\9) {
624
- border-width: 2px;
625
- padding-left: var(--space-l-t419sm, 20px);
626
- padding-right: var(--space-l-t419sm, 20px);
618
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296.awsui_visual-refresh_1q84n_17nwv_386:not(#\9) {
619
+ border-block-width: 2px;
620
+ border-inline-width: 2px;
621
+ padding-inline: var(--space-l-t419sm, 20px);
627
622
  }
628
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296:not(#\9):not(.awsui_visual-refresh_1q84n_1dekz_386) {
629
- border-width: 1px;
630
- padding-left: var(--space-s-34lx8l, 12px);
631
- padding-right: var(--space-s-34lx8l, 12px);
623
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296:not(#\9):not(.awsui_visual-refresh_1q84n_17nwv_386) {
624
+ border-block-width: 1px;
625
+ border-inline-width: 1px;
626
+ padding-inline: var(--space-s-34lx8l, 12px);
632
627
  }
633
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296:not(#\9):not(.awsui_visual-refresh_1q84n_1dekz_386):focus {
628
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296:not(#\9):not(.awsui_visual-refresh_1q84n_17nwv_386):focus {
634
629
  text-decoration: none;
635
630
  }
636
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296:not(#\9):not(.awsui_visual-refresh_1q84n_1dekz_386):hover {
631
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296:not(#\9):not(.awsui_visual-refresh_1q84n_17nwv_386):hover {
637
632
  text-decoration: none;
638
633
  }
639
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_button_1q84n_1dekz_604:not(#\9) {
634
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_button_1q84n_17nwv_601:not(#\9) {
640
635
  display: inline-block;
641
636
  flex-grow: 1;
642
637
  background: none;
643
- border: 0 none;
644
- padding-top: 0;
645
- padding-bottom: 0;
638
+ border-block: 0;
639
+ border-inline: none;
640
+ padding-block: 0;
646
641
  }
647
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_button_1q84n_1dekz_604 > .awsui_icon_1q84n_1dekz_673:not(#\9) {
642
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_button_1q84n_17nwv_601 > .awsui_icon_1q84n_17nwv_668:not(#\9) {
648
643
  transition: transform var(--motion-duration-rotate-90-4ry26y, 135ms) var(--motion-easing-rotate-90-sb4dk7, cubic-bezier(0.165, 0.84, 0.44, 1));
649
644
  }
650
645
  @media (prefers-reduced-motion: reduce) {
651
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_button_1q84n_1dekz_604 > .awsui_icon_1q84n_1dekz_673:not(#\9) {
646
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_button_1q84n_17nwv_601 > .awsui_icon_1q84n_17nwv_668:not(#\9) {
652
647
  animation: none;
653
648
  transition: none;
654
649
  }
655
650
  }
656
- .awsui-motion-disabled .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_button_1q84n_1dekz_604 > .awsui_icon_1q84n_1dekz_673:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_button_1q84n_1dekz_604 > .awsui_icon_1q84n_1dekz_673:not(#\9) {
651
+ .awsui-motion-disabled .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_button_1q84n_17nwv_601 > .awsui_icon_1q84n_17nwv_668:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_button_1q84n_17nwv_601 > .awsui_icon_1q84n_17nwv_668:not(#\9) {
657
652
  animation: none;
658
653
  transition: none;
659
654
  }
660
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_button_1q84n_1dekz_604.awsui_expanded_1q84n_1dekz_316 > .awsui_icon_1q84n_1dekz_673:not(#\9) {
655
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_button_1q84n_17nwv_601.awsui_expanded_1q84n_17nwv_316 > .awsui_icon_1q84n_17nwv_668:not(#\9) {
661
656
  transform: rotate(180deg);
662
657
  }
663
- .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_button_1q84n_1dekz_604:not(#\9):focus {
658
+ .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_button_1q84n_17nwv_601:not(#\9):focus {
664
659
  outline: none;
665
660
  }
666
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_button_1q84n_1dekz_604:not(#\9):focus {
661
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_button_1q84n_17nwv_601:not(#\9):focus {
667
662
  position: relative;
668
663
  }
669
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_button_1q84n_1dekz_604:not(#\9):focus {
664
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_button_1q84n_17nwv_601:not(#\9):focus {
670
665
  outline: 2px dotted transparent;
671
666
  outline-offset: calc(0px - 1px);
672
667
  }
673
- body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1dekz_294 > .awsui_notification-bar_1q84n_1dekz_296 > .awsui_button_1q84n_1dekz_604:not(#\9):focus::before {
668
+ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_17nwv_294 > .awsui_notification-bar_1q84n_17nwv_296 > .awsui_button_1q84n_17nwv_601:not(#\9):focus::before {
674
669
  content: " ";
675
670
  display: block;
676
671
  position: absolute;
@@ -685,24 +680,24 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1dekz_294 > .awsui_notifi
685
680
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
686
681
  }
687
682
 
688
- .awsui_stack_1q84n_1dekz_294.awsui_expanded_1q84n_1dekz_316:not(#\9):not(.awsui_floating_1q84n_1dekz_714) {
689
- padding-bottom: var(--awsui-flashbar-sticky-bottom-margin-y98gph, 0);
683
+ .awsui_stack_1q84n_17nwv_294.awsui_expanded_1q84n_17nwv_316:not(#\9):not(.awsui_floating_1q84n_17nwv_709) {
684
+ padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-y98gph, 0);
690
685
  }
691
686
 
692
687
  /*
693
688
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
694
689
  SPDX-License-Identifier: Apache-2.0
695
690
  */
696
- .awsui_flashbar_1q84n_1dekz_722:not(#\9) {
691
+ .awsui_flashbar_1q84n_17nwv_717:not(#\9) {
697
692
  position: relative;
698
693
  /* stylelint-disable-next-line selector-max-type */
699
694
  }
700
- .awsui_flashbar_1q84n_1dekz_722 > li + li:not(#\9) {
701
- padding-top: 0;
695
+ .awsui_flashbar_1q84n_17nwv_717 > li + li:not(#\9) {
696
+ padding-block-start: 0;
702
697
  }
703
698
 
704
- .awsui_flashbar_1q84n_1dekz_722:not(#\9),
705
- .awsui_flash_1q84n_1dekz_93:not(#\9) {
699
+ .awsui_flashbar_1q84n_17nwv_717:not(#\9),
700
+ .awsui_flash_1q84n_17nwv_93:not(#\9) {
706
701
  border-collapse: separate;
707
702
  border-spacing: 0;
708
703
  box-sizing: border-box;
@@ -738,18 +733,22 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1dekz_294 > .awsui_notifi
738
733
  -moz-osx-font-smoothing: auto;
739
734
  }
740
735
 
741
- .awsui_flash_1q84n_1dekz_93:not(#\9) {
736
+ .awsui_flash_1q84n_17nwv_93:not(#\9) {
742
737
  position: relative;
743
738
  display: flex;
744
739
  justify-content: flex-start;
745
740
  align-items: flex-start;
746
- padding: var(--space-scaled-xs-26e2du, 8px) var(--space-flashbar-horizontal-xmjla3, 16px);
747
- border-radius: var(--border-radius-flashbar-hcdl9q, 12px);
741
+ padding-block: var(--space-scaled-xs-26e2du, 8px);
742
+ padding-inline: var(--space-flashbar-horizontal-xmjla3, 16px);
743
+ border-start-start-radius: var(--border-radius-flashbar-hcdl9q, 12px);
744
+ border-start-end-radius: var(--border-radius-flashbar-hcdl9q, 12px);
745
+ border-end-start-radius: var(--border-radius-flashbar-hcdl9q, 12px);
746
+ border-end-end-radius: var(--border-radius-flashbar-hcdl9q, 12px);
748
747
  color: var(--color-text-notification-default-rdawv9, #fbfbfb);
749
748
  overflow-wrap: break-word;
750
749
  word-wrap: break-word;
751
750
  }
752
- .awsui_flash_1q84n_1dekz_93:not(#\9)::before {
751
+ .awsui_flash_1q84n_17nwv_93:not(#\9)::before {
753
752
  content: "";
754
753
  position: absolute;
755
754
  inset-inline-start: 0px;
@@ -759,44 +758,49 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1dekz_294 > .awsui_notifi
759
758
  pointer-events: none;
760
759
  background: transparent;
761
760
  box-sizing: border-box;
762
- border-radius: var(--border-radius-flashbar-hcdl9q, 12px);
761
+ border-start-start-radius: var(--border-radius-flashbar-hcdl9q, 12px);
762
+ border-start-end-radius: var(--border-radius-flashbar-hcdl9q, 12px);
763
+ border-end-start-radius: var(--border-radius-flashbar-hcdl9q, 12px);
764
+ border-end-end-radius: var(--border-radius-flashbar-hcdl9q, 12px);
763
765
  box-shadow: var(--shadow-flash-sticky-pq8cuq, 0px 4px 8px rgba(0, 7, 22, 0.1));
764
766
  }
765
- .awsui_flash-refresh_1q84n_1dekz_790:not(#\9)::before {
767
+ .awsui_flash-refresh_1q84n_17nwv_792:not(#\9)::before {
766
768
  z-index: -1;
767
769
  }
768
770
 
769
- .awsui_flash-list_1q84n_1dekz_295:not(#\9) {
771
+ .awsui_flash-list_1q84n_17nwv_295:not(#\9) {
770
772
  list-style: none;
771
- padding: 0;
772
- margin: 0;
773
+ padding-block: 0;
774
+ padding-inline: 0;
775
+ margin-block: 0;
776
+ margin-inline: 0;
773
777
  }
774
- .awsui_flash-list_1q84n_1dekz_295:not(#\9):not(.awsui_collapsed_1q84n_1dekz_316) > li:not(:last-child) {
775
- margin-bottom: var(--space-xxxs-zbmxqb, 2px);
778
+ .awsui_flash-list_1q84n_17nwv_295:not(#\9):not(.awsui_collapsed_1q84n_17nwv_316) > li:not(:last-child) {
779
+ margin-block-end: var(--space-xxxs-zbmxqb, 2px);
776
780
  }
777
781
 
778
- .awsui_flash-body_1q84n_1dekz_107:not(#\9) {
782
+ .awsui_flash-body_1q84n_17nwv_107:not(#\9) {
779
783
  display: flex;
780
784
  flex-grow: 1;
781
- min-width: 0;
785
+ min-inline-size: 0;
782
786
  }
783
787
 
784
- .awsui_flash-focus-container_1q84n_1dekz_809:not(#\9) {
788
+ .awsui_flash-focus-container_1q84n_17nwv_813:not(#\9) {
785
789
  display: flex;
786
790
  flex: 1;
787
- min-width: 0;
791
+ min-inline-size: 0;
788
792
  }
789
- .awsui_flash-focus-container_1q84n_1dekz_809:not(#\9):focus {
793
+ .awsui_flash-focus-container_1q84n_17nwv_813:not(#\9):focus {
790
794
  outline: none;
791
795
  }
792
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1dekz_809:not(#\9):focus {
796
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_17nwv_813:not(#\9):focus {
793
797
  position: relative;
794
798
  }
795
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1dekz_809:not(#\9):focus {
799
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_17nwv_813:not(#\9):focus {
796
800
  outline: 2px dotted transparent;
797
801
  outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
798
802
  }
799
- body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1dekz_809:not(#\9):focus::before {
803
+ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_17nwv_813:not(#\9):focus::before {
800
804
  content: " ";
801
805
  display: block;
802
806
  position: absolute;
@@ -811,75 +815,76 @@ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1dekz_809
811
815
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
812
816
  }
813
817
 
814
- .awsui_flash-text_1q84n_1dekz_839:not(#\9) {
815
- margin: var(--border-field-width-09w7vk, 2px) 0;
816
- padding: var(--space-scaled-xxs-7597g1, 4px) var(--space-xxs-p8yyaw, 4px);
818
+ .awsui_flash-text_1q84n_17nwv_843:not(#\9) {
819
+ margin-block: var(--border-field-width-09w7vk, 2px);
820
+ margin-inline: 0;
821
+ padding-block: var(--space-scaled-xxs-7597g1, 4px);
822
+ padding-inline: var(--space-xxs-p8yyaw, 4px);
817
823
  }
818
824
 
819
- .awsui_flash-icon_1q84n_1dekz_133:not(#\9) {
825
+ .awsui_flash-icon_1q84n_17nwv_133:not(#\9) {
820
826
  flex: 0 0 auto;
821
- padding-left: 0;
827
+ padding-inline-start: 0;
822
828
  }
823
829
 
824
- .awsui_flash-message_1q84n_1dekz_107:not(#\9) {
830
+ .awsui_flash-message_1q84n_17nwv_107:not(#\9) {
825
831
  flex: 1 1 0%;
826
832
  word-wrap: break-word;
827
833
  max-inline-size: 100%;
828
834
  overflow: hidden;
829
835
  }
830
836
 
831
- .awsui_flash-header_1q84n_1dekz_107:not(#\9) {
837
+ .awsui_flash-header_1q84n_17nwv_107:not(#\9) {
832
838
  font-weight: 700;
833
839
  }
834
840
 
835
- .awsui_flash-content_1q84n_1dekz_108:not(#\9) {
841
+ .awsui_flash-content_1q84n_17nwv_108:not(#\9) {
836
842
  /* Only used as a selector for test-utils */
837
843
  }
838
844
 
839
- .awsui_dismiss-button-wrapper_1q84n_1dekz_110:not(#\9) {
845
+ .awsui_dismiss-button-wrapper_1q84n_17nwv_110:not(#\9) {
840
846
  flex: 0 0 auto;
841
- margin-left: var(--space-s-34lx8l, 12px);
842
- margin-right: calc(-1 * var(--space-xxs-p8yyaw, 4px));
843
- padding-right: var(--space-flashbar-dismiss-right-tcpfax, 0px);
847
+ margin-inline: var(--space-s-34lx8l, 12px) calc(-1 * var(--space-xxs-p8yyaw, 4px));
848
+ padding-inline-end: var(--space-flashbar-dismiss-right-tcpfax, 0px);
844
849
  }
845
850
 
846
- .awsui_dismiss-button_1q84n_1dekz_110:not(#\9) {
851
+ .awsui_dismiss-button_1q84n_17nwv_110:not(#\9) {
847
852
  /* Only used as a selector for test-utils */
848
853
  }
849
854
 
850
- .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9) {
855
+ .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9) {
851
856
  white-space: nowrap;
852
- margin-left: var(--space-flashbar-action-left-qkhz5m, 12px);
857
+ margin-inline-start: var(--space-flashbar-action-left-qkhz5m, 12px);
853
858
  }
854
859
 
855
- .awsui_flashbar_1q84n_1dekz_722.awsui_breakpoint-default_1q84n_1dekz_880 > .awsui_flash-list_1q84n_1dekz_295 > .awsui_flash-list-item_1q84n_1dekz_295 > .awsui_flash_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107:not(#\9) {
860
+ .awsui_flashbar_1q84n_17nwv_717.awsui_breakpoint-default_1q84n_17nwv_885 > .awsui_flash-list_1q84n_17nwv_295 > .awsui_flash-list-item_1q84n_17nwv_295 > .awsui_flash_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107:not(#\9) {
856
861
  display: block;
857
862
  }
858
- .awsui_flashbar_1q84n_1dekz_722.awsui_breakpoint-default_1q84n_1dekz_880 > .awsui_flash-list_1q84n_1dekz_295 > .awsui_flash-list-item_1q84n_1dekz_295 > .awsui_flash_1q84n_1dekz_93 > .awsui_flash-body_1q84n_1dekz_107 > .awsui_action-button-wrapper_1q84n_1dekz_109:not(#\9) {
859
- margin-left: var(--space-l-t419sm, 20px);
860
- padding-left: var(--space-xxs-p8yyaw, 4px);
861
- margin-bottom: var(--space-xxs-p8yyaw, 4px);
863
+ .awsui_flashbar_1q84n_17nwv_717.awsui_breakpoint-default_1q84n_17nwv_885 > .awsui_flash-list_1q84n_17nwv_295 > .awsui_flash-list-item_1q84n_17nwv_295 > .awsui_flash_1q84n_17nwv_93 > .awsui_flash-body_1q84n_17nwv_107 > .awsui_action-button-wrapper_1q84n_17nwv_109:not(#\9) {
864
+ margin-inline-start: var(--space-l-t419sm, 20px);
865
+ padding-inline-start: var(--space-xxs-p8yyaw, 4px);
866
+ margin-block-end: var(--space-xxs-p8yyaw, 4px);
862
867
  }
863
868
 
864
- .awsui_action-button_1q84n_1dekz_109:not(#\9),
865
- .awsui_action-slot_1q84n_1dekz_890:not(#\9) {
869
+ .awsui_action-button_1q84n_17nwv_109:not(#\9),
870
+ .awsui_action-slot_1q84n_17nwv_895:not(#\9) {
866
871
  /* Only used as a selector for test-utils */
867
872
  }
868
873
 
869
- .awsui_flash-type-success_1q84n_1dekz_894:not(#\9) {
874
+ .awsui_flash-type-success_1q84n_17nwv_899:not(#\9) {
870
875
  background-color: var(--color-background-notification-green-1jtqmb, #037f0c);
871
876
  }
872
877
 
873
- .awsui_flash-type-error_1q84n_1dekz_898:not(#\9) {
878
+ .awsui_flash-type-error_1q84n_17nwv_903:not(#\9) {
874
879
  background-color: var(--color-background-notification-red-ovptxu, #d91515);
875
880
  }
876
881
 
877
- .awsui_flash-type-info_1q84n_1dekz_902:not(#\9),
878
- .awsui_flash-type-in-progress_1q84n_1dekz_903:not(#\9) {
882
+ .awsui_flash-type-info_1q84n_17nwv_907:not(#\9),
883
+ .awsui_flash-type-in-progress_1q84n_17nwv_908:not(#\9) {
879
884
  background-color: var(--color-background-notification-blue-g2q2z0, #0972d3);
880
885
  }
881
886
 
882
- .awsui_flash-type-warning_1q84n_1dekz_907:not(#\9) {
887
+ .awsui_flash-type-warning_1q84n_17nwv_912:not(#\9) {
883
888
  color: var(--color-text-notification-yellow-p027cz, #000716);
884
889
  background-color: var(--color-background-notification-yellow-seoi5y, #ffe457);
885
890
  }