@cloudscape-design/components 3.0.387 → 3.0.389

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 (190) hide show
  1. package/anchor-navigation/index.d.ts +5 -0
  2. package/anchor-navigation/index.d.ts.map +1 -0
  3. package/anchor-navigation/index.js +14 -0
  4. package/anchor-navigation/index.js.map +1 -0
  5. package/anchor-navigation/interfaces.d.ts +67 -0
  6. package/anchor-navigation/interfaces.d.ts.map +1 -0
  7. package/anchor-navigation/interfaces.js +4 -0
  8. package/anchor-navigation/interfaces.js.map +1 -0
  9. package/anchor-navigation/internal.d.ts +5 -0
  10. package/anchor-navigation/internal.d.ts.map +1 -0
  11. package/anchor-navigation/internal.js +48 -0
  12. package/anchor-navigation/internal.js.map +1 -0
  13. package/anchor-navigation/styles.css.js +13 -0
  14. package/anchor-navigation/styles.scoped.css +243 -0
  15. package/anchor-navigation/styles.selectors.js +14 -0
  16. package/anchor-navigation/test-classes/styles.css.js +11 -0
  17. package/anchor-navigation/test-classes/styles.scoped.css +27 -0
  18. package/anchor-navigation/test-classes/styles.selectors.js +12 -0
  19. package/anchor-navigation/use-scroll-spy.d.ts +18 -0
  20. package/anchor-navigation/use-scroll-spy.d.ts.map +1 -0
  21. package/anchor-navigation/use-scroll-spy.js +74 -0
  22. package/anchor-navigation/use-scroll-spy.js.map +1 -0
  23. package/annotation-context/annotation/styles.css.js +24 -24
  24. package/annotation-context/annotation/styles.scoped.css +30 -30
  25. package/annotation-context/annotation/styles.selectors.js +24 -24
  26. package/app-layout/notifications/styles.css.js +3 -3
  27. package/app-layout/notifications/styles.scoped.css +7 -7
  28. package/app-layout/notifications/styles.selectors.js +3 -3
  29. package/app-layout/visual-refresh/styles.css.js +75 -75
  30. package/app-layout/visual-refresh/styles.scoped.css +295 -295
  31. package/app-layout/visual-refresh/styles.selectors.js +75 -75
  32. package/button/styles.css.js +20 -20
  33. package/button/styles.scoped.css +151 -152
  34. package/button/styles.selectors.js +20 -20
  35. package/button-dropdown/item-element/styles.css.js +15 -15
  36. package/button-dropdown/item-element/styles.scoped.css +18 -19
  37. package/button-dropdown/item-element/styles.selectors.js +15 -15
  38. package/cards/index.js +2 -2
  39. package/cards/index.js.map +1 -1
  40. package/code-editor/styles.css.js +32 -32
  41. package/code-editor/styles.scoped.css +129 -131
  42. package/code-editor/styles.selectors.js +32 -32
  43. package/collection-preferences/content-display/styles.css.js +11 -11
  44. package/collection-preferences/content-display/styles.scoped.css +17 -18
  45. package/collection-preferences/content-display/styles.selectors.js +11 -11
  46. package/collection-preferences/styles.css.js +37 -37
  47. package/collection-preferences/styles.scoped.css +44 -45
  48. package/collection-preferences/styles.selectors.js +37 -37
  49. package/container/index.d.ts.map +1 -1
  50. package/container/index.js +2 -2
  51. package/container/index.js.map +1 -1
  52. package/container/internal.d.ts +5 -1
  53. package/container/internal.d.ts.map +1 -1
  54. package/container/internal.js +7 -4
  55. package/container/internal.js.map +1 -1
  56. package/content-layout/styles.css.js +7 -7
  57. package/content-layout/styles.scoped.css +13 -13
  58. package/content-layout/styles.selectors.js +7 -7
  59. package/expandable-section/expandable-section-container.d.ts +5 -3
  60. package/expandable-section/expandable-section-container.d.ts.map +1 -1
  61. package/expandable-section/expandable-section-container.js +2 -2
  62. package/expandable-section/expandable-section-container.js.map +1 -1
  63. package/expandable-section/index.d.ts.map +1 -1
  64. package/expandable-section/index.js +8 -3
  65. package/expandable-section/index.js.map +1 -1
  66. package/expandable-section/internal.d.ts +3 -3
  67. package/expandable-section/internal.d.ts.map +1 -1
  68. package/expandable-section/internal.js +2 -2
  69. package/expandable-section/internal.js.map +1 -1
  70. package/expandable-section/styles.css.js +29 -29
  71. package/expandable-section/styles.scoped.css +58 -59
  72. package/expandable-section/styles.selectors.js +29 -29
  73. package/flashbar/styles.css.js +47 -47
  74. package/flashbar/styles.scoped.css +171 -172
  75. package/flashbar/styles.selectors.js +47 -47
  76. package/form-field/styles.css.js +19 -19
  77. package/form-field/styles.scoped.css +29 -30
  78. package/form-field/styles.selectors.js +19 -19
  79. package/header/styles.css.js +32 -32
  80. package/header/styles.scoped.css +48 -49
  81. package/header/styles.selectors.js +32 -32
  82. package/index.d.ts +1 -0
  83. package/index.d.ts.map +1 -1
  84. package/index.js +1 -0
  85. package/index.js.map +1 -1
  86. package/internal/analytics/components/analytics-funnel.d.ts +3 -2
  87. package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  88. package/internal/analytics/components/analytics-funnel.js +20 -5
  89. package/internal/analytics/components/analytics-funnel.js.map +1 -1
  90. package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  91. package/internal/analytics/hooks/use-funnel.js +2 -1
  92. package/internal/analytics/hooks/use-funnel.js.map +1 -1
  93. package/internal/components/abstract-switch/styles.css.js +13 -13
  94. package/internal/components/abstract-switch/styles.scoped.css +19 -21
  95. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  96. package/internal/components/dropdown/dropdown-fit-handler.d.ts +31 -2
  97. package/internal/components/dropdown/dropdown-fit-handler.d.ts.map +1 -1
  98. package/internal/components/dropdown/dropdown-fit-handler.js +49 -7
  99. package/internal/components/dropdown/dropdown-fit-handler.js.map +1 -1
  100. package/internal/components/dropdown/index.d.ts.map +1 -1
  101. package/internal/components/dropdown/index.js +20 -2
  102. package/internal/components/dropdown/index.js.map +1 -1
  103. package/internal/components/dropdown/styles.css.js +21 -21
  104. package/internal/components/dropdown/styles.scoped.css +37 -36
  105. package/internal/components/dropdown/styles.selectors.js +21 -21
  106. package/internal/components/menu-dropdown/styles.css.js +7 -7
  107. package/internal/components/menu-dropdown/styles.scoped.css +13 -14
  108. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  109. package/internal/components/option/styles.css.js +17 -17
  110. package/internal/components/option/styles.scoped.css +29 -30
  111. package/internal/components/option/styles.selectors.js +17 -17
  112. package/internal/environment.js +1 -1
  113. package/internal/environment.json +1 -1
  114. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  115. package/internal/generated/custom-css-properties/index.js +40 -39
  116. package/internal/generated/custom-css-properties/index.js.map +1 -1
  117. package/internal/manifest.json +1 -1
  118. package/internal/utils/scrollable-containers.d.ts +6 -1
  119. package/internal/utils/scrollable-containers.d.ts.map +1 -1
  120. package/internal/utils/scrollable-containers.js +1 -1
  121. package/internal/utils/scrollable-containers.js.map +1 -1
  122. package/modal/internal.d.ts.map +1 -1
  123. package/modal/internal.js +6 -4
  124. package/modal/internal.js.map +1 -1
  125. package/package.json +2 -1
  126. package/progress-bar/styles.css.js +18 -18
  127. package/progress-bar/styles.scoped.css +32 -33
  128. package/progress-bar/styles.selectors.js +18 -18
  129. package/property-filter/styles.css.js +30 -30
  130. package/property-filter/styles.scoped.css +32 -33
  131. package/property-filter/styles.selectors.js +30 -30
  132. package/side-navigation/styles.css.js +28 -28
  133. package/side-navigation/styles.scoped.css +38 -39
  134. package/side-navigation/styles.selectors.js +28 -28
  135. package/split-panel/styles.css.js +56 -56
  136. package/split-panel/styles.scoped.css +77 -78
  137. package/split-panel/styles.selectors.js +56 -56
  138. package/status-indicator/internal.d.ts.map +1 -1
  139. package/status-indicator/internal.js +3 -1
  140. package/status-indicator/internal.js.map +1 -1
  141. package/status-indicator/styles.css.js +22 -22
  142. package/status-indicator/styles.scoped.css +36 -34
  143. package/status-indicator/styles.selectors.js +22 -22
  144. package/table/header-cell/index.d.ts +1 -4
  145. package/table/header-cell/index.d.ts.map +1 -1
  146. package/table/header-cell/index.js +2 -2
  147. package/table/header-cell/index.js.map +1 -1
  148. package/table/index.d.ts.map +1 -1
  149. package/table/index.js +8 -4
  150. package/table/index.js.map +1 -1
  151. package/table/internal.d.ts +1 -0
  152. package/table/internal.d.ts.map +1 -1
  153. package/table/internal.js +9 -10
  154. package/table/internal.js.map +1 -1
  155. package/table/resizer/index.d.ts +3 -6
  156. package/table/resizer/index.d.ts.map +1 -1
  157. package/table/resizer/index.js +59 -119
  158. package/table/resizer/index.js.map +1 -1
  159. package/table/resizer/resizer-lookup.d.ts +8 -0
  160. package/table/resizer/resizer-lookup.d.ts.map +1 -0
  161. package/table/resizer/resizer-lookup.js +39 -0
  162. package/table/resizer/resizer-lookup.js.map +1 -0
  163. package/table/sticky-columns/utils.js +2 -2
  164. package/table/sticky-columns/utils.js.map +1 -1
  165. package/table/thead.d.ts +0 -1
  166. package/table/thead.d.ts.map +1 -1
  167. package/table/thead.js +2 -2
  168. package/table/thead.js.map +1 -1
  169. package/tabs/styles.css.js +21 -21
  170. package/tabs/styles.scoped.css +39 -40
  171. package/tabs/styles.selectors.js +21 -21
  172. package/test-utils/dom/anchor-navigation/index.d.ts +16 -0
  173. package/test-utils/dom/anchor-navigation/index.js +58 -0
  174. package/test-utils/dom/anchor-navigation/index.js.map +1 -0
  175. package/test-utils/dom/index.d.ts +3 -0
  176. package/test-utils/dom/index.js +10 -2
  177. package/test-utils/dom/index.js.map +1 -1
  178. package/test-utils/selectors/anchor-navigation/index.d.ts +15 -0
  179. package/test-utils/selectors/anchor-navigation/index.js +45 -0
  180. package/test-utils/selectors/anchor-navigation/index.js.map +1 -0
  181. package/test-utils/selectors/index.d.ts +3 -0
  182. package/test-utils/selectors/index.js +10 -2
  183. package/test-utils/selectors/index.js.map +1 -1
  184. package/test-utils/tsconfig.tsbuildinfo +1 -1
  185. package/tiles/styles.css.js +29 -29
  186. package/tiles/styles.scoped.css +70 -71
  187. package/tiles/styles.selectors.js +29 -29
  188. package/wizard/styles.css.js +31 -31
  189. package/wizard/styles.scoped.css +64 -68
  190. package/wizard/styles.selectors.js +31 -31
@@ -90,29 +90,29 @@ 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
- div.awsui_background_hyvsj_gg3nn_93:not(#\9) {
93
+ div.awsui_background_hyvsj_qzxoz_93:not(#\9) {
94
94
  display: contents;
95
95
  }
96
- div.awsui_background_hyvsj_gg3nn_93 > .awsui_scrolling-background_hyvsj_gg3nn_96:not(#\9) {
96
+ div.awsui_background_hyvsj_qzxoz_93 > .awsui_scrolling-background_hyvsj_qzxoz_96:not(#\9) {
97
97
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
98
98
  color: var(--color-text-body-default-2sxhhn, #000716);
99
99
  grid-column: 1/span 5;
100
100
  grid-row: 1/10;
101
101
  }
102
- div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102:not(#\9) {
102
+ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102:not(#\9) {
103
103
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
104
104
  grid-column: 1/span 5;
105
105
  grid-row: 1/10;
106
106
  position: sticky;
107
- top: var(--awsui-header-height-zw2xxa);
107
+ top: var(--awsui-header-height-y98gph);
108
108
  z-index: 799;
109
109
  }
110
- div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_gg3nn_110) {
111
- height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-zw2xxa));
110
+ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_qzxoz_110) {
111
+ height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
112
112
  }
113
- div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.awsui_has-sticky-notifications_hyvsj_gg3nn_110:not(#\9) {
113
+ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.awsui_has-sticky-notifications_hyvsj_qzxoz_110:not(#\9) {
114
114
  height: calc(
115
- var(--awsui-notifications-gap-zw2xxa) + var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-zw2xxa)
115
+ var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph)
116
116
  );
117
117
  }
118
118
 
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
120
120
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
121
121
  SPDX-License-Identifier: Apache-2.0
122
122
  */
123
- .awsui_breadcrumbs_hyvsj_gg3nn_123:not(#\9) {
123
+ .awsui_breadcrumbs_hyvsj_qzxoz_123:not(#\9) {
124
124
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
125
125
  grid-area: breadcrumbs;
126
126
  /*
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
130
130
  be lifted so it doesn't render behind the background element.
131
131
  */
132
132
  }
133
- .awsui_breadcrumbs_hyvsj_gg3nn_123.awsui_has-sticky-background_hyvsj_gg3nn_133:not(#\9) {
133
+ .awsui_breadcrumbs_hyvsj_qzxoz_123.awsui_has-sticky-background_hyvsj_qzxoz_133:not(#\9) {
134
134
  z-index: 799;
135
135
  }
136
136
 
@@ -142,41 +142,41 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
142
142
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
143
143
  SPDX-License-Identifier: Apache-2.0
144
144
  */
145
- .awsui_drawers-container_hyvsj_gg3nn_145:not(#\9) {
145
+ .awsui_drawers-container_hyvsj_qzxoz_145:not(#\9) {
146
146
  background-color: transparent;
147
147
  display: flex;
148
148
  grid-column: 5;
149
149
  grid-row: 1/span 10;
150
- height: var(--awsui-content-height-zw2xxa);
150
+ height: var(--awsui-content-height-y98gph);
151
151
  pointer-events: none;
152
152
  position: sticky;
153
- top: var(--awsui-offset-top-zw2xxa);
153
+ top: var(--awsui-offset-top-y98gph);
154
154
  z-index: 830;
155
155
  transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
156
156
  }
157
- .awsui_drawers-container_hyvsj_gg3nn_145.awsui_has-open-drawer_hyvsj_gg3nn_157:not(#\9) {
157
+ .awsui_drawers-container_hyvsj_qzxoz_145.awsui_has-open-drawer_hyvsj_qzxoz_157:not(#\9) {
158
158
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
159
159
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
160
160
  }
161
161
  @media (prefers-reduced-motion: reduce) {
162
- .awsui_drawers-container_hyvsj_gg3nn_145:not(#\9) {
162
+ .awsui_drawers-container_hyvsj_qzxoz_145:not(#\9) {
163
163
  animation: none;
164
164
  transition: none;
165
165
  }
166
166
  }
167
- .awsui-motion-disabled .awsui_drawers-container_hyvsj_gg3nn_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_gg3nn_145:not(#\9) {
167
+ .awsui-motion-disabled .awsui_drawers-container_hyvsj_qzxoz_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_qzxoz_145:not(#\9) {
168
168
  animation: none;
169
169
  transition: none;
170
170
  }
171
171
  @media (min-width: 689px) {
172
- .awsui_drawers-container_hyvsj_gg3nn_145:not(#\9) {
172
+ .awsui_drawers-container_hyvsj_qzxoz_145:not(#\9) {
173
173
  /* stylelint-disable scss/operator-no-newline-after */
174
- max-width: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
174
+ max-width: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
175
175
  /* stylelint-enable scss/operator-no-newline-after */
176
176
  }
177
177
  }
178
178
  @media (max-width: 688px) {
179
- .awsui_drawers-container_hyvsj_gg3nn_145:not(#\9) {
179
+ .awsui_drawers-container_hyvsj_qzxoz_145:not(#\9) {
180
180
  position: fixed;
181
181
  right: 0;
182
182
  z-index: 1001;
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
188
188
  relative to the body.
189
189
  */
190
190
  }
191
- .awsui_drawers-container_hyvsj_gg3nn_145.awsui_disable-body-scroll_hyvsj_gg3nn_191:not(#\9) {
192
- top: var(--awsui-header-height-zw2xxa);
191
+ .awsui_drawers-container_hyvsj_qzxoz_145.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9) {
192
+ top: var(--awsui-header-height-y98gph);
193
193
  }
194
194
  }
195
195
 
196
- .awsui_drawers-desktop-triggers-container_hyvsj_gg3nn_196:not(#\9) {
196
+ .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9) {
197
197
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
198
198
  border-collapse: separate;
199
199
  border-spacing: 0;
@@ -238,43 +238,43 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
238
238
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
239
239
  overscroll-behavior-y: contain;
240
240
  }
241
- .awsui_drawers-desktop-triggers-container_hyvsj_gg3nn_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gg3nn_215).awsui_has-open-drawer_hyvsj_gg3nn_157 {
241
+ .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215).awsui_has-open-drawer_hyvsj_qzxoz_157 {
242
242
  width: 0;
243
243
  }
244
- .awsui_drawers-desktop-triggers-container_hyvsj_gg3nn_196.awsui_has-multiple-triggers_hyvsj_gg3nn_215.awsui_has-open-drawer_hyvsj_gg3nn_157:not(#\9) {
244
+ .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196.awsui_has-multiple-triggers_hyvsj_qzxoz_215.awsui_has-open-drawer_hyvsj_qzxoz_157:not(#\9) {
245
245
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
246
246
  transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
247
247
  }
248
248
  @media (prefers-reduced-motion: reduce) {
249
- .awsui_drawers-desktop-triggers-container_hyvsj_gg3nn_196.awsui_has-multiple-triggers_hyvsj_gg3nn_215.awsui_has-open-drawer_hyvsj_gg3nn_157:not(#\9) {
249
+ .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196.awsui_has-multiple-triggers_hyvsj_qzxoz_215.awsui_has-open-drawer_hyvsj_qzxoz_157:not(#\9) {
250
250
  animation: none;
251
251
  transition: none;
252
252
  }
253
253
  }
254
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_gg3nn_196.awsui_has-multiple-triggers_hyvsj_gg3nn_215.awsui_has-open-drawer_hyvsj_gg3nn_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_gg3nn_196.awsui_has-multiple-triggers_hyvsj_gg3nn_215.awsui_has-open-drawer_hyvsj_gg3nn_157:not(#\9) {
254
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196.awsui_has-multiple-triggers_hyvsj_qzxoz_215.awsui_has-open-drawer_hyvsj_qzxoz_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196.awsui_has-multiple-triggers_hyvsj_qzxoz_215.awsui_has-open-drawer_hyvsj_qzxoz_157:not(#\9) {
255
255
  animation: none;
256
256
  transition: none;
257
257
  }
258
- .awsui_drawers-desktop-triggers-container_hyvsj_gg3nn_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gg3nn_215):not(.awsui_has-open-drawer_hyvsj_gg3nn_157) {
258
+ .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
259
259
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
260
260
  transition: width var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
261
261
  }
262
262
  @media (prefers-reduced-motion: reduce) {
263
- .awsui_drawers-desktop-triggers-container_hyvsj_gg3nn_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gg3nn_215):not(.awsui_has-open-drawer_hyvsj_gg3nn_157) {
263
+ .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
264
264
  animation: none;
265
265
  transition: none;
266
266
  }
267
267
  }
268
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_gg3nn_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gg3nn_215):not(.awsui_has-open-drawer_hyvsj_gg3nn_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_gg3nn_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gg3nn_215):not(.awsui_has-open-drawer_hyvsj_gg3nn_157) {
268
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
269
269
  animation: none;
270
270
  transition: none;
271
271
  }
272
272
 
273
- .awsui_drawers-mobile-triggers-container_hyvsj_gg3nn_247:not(#\9) {
273
+ .awsui_drawers-mobile-triggers-container_hyvsj_qzxoz_247:not(#\9) {
274
274
  display: flex;
275
275
  }
276
276
 
277
- .awsui_drawers-trigger-content_hyvsj_gg3nn_251:not(#\9) {
277
+ .awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9) {
278
278
  align-items: center;
279
279
  display: flex;
280
280
  flex-direction: column;
@@ -282,25 +282,25 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
282
282
  padding-top: var(--space-scaled-s-aqzyko, 12px);
283
283
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
284
284
  }
285
- .awsui_drawers-trigger-content_hyvsj_gg3nn_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gg3nn_215).awsui_has-open-drawer_hyvsj_gg3nn_157 {
285
+ .awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215).awsui_has-open-drawer_hyvsj_qzxoz_157 {
286
286
  opacity: 0;
287
287
  }
288
- .awsui_drawers-trigger-content_hyvsj_gg3nn_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gg3nn_215):not(.awsui_has-open-drawer_hyvsj_gg3nn_157) {
288
+ .awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
289
289
  opacity: 1;
290
290
  transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms);
291
291
  transition-delay: calc(var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) / 1.5);
292
292
  }
293
293
  @media (prefers-reduced-motion: reduce) {
294
- .awsui_drawers-trigger-content_hyvsj_gg3nn_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gg3nn_215):not(.awsui_has-open-drawer_hyvsj_gg3nn_157) {
294
+ .awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
295
295
  animation: none;
296
296
  transition: none;
297
297
  }
298
298
  }
299
- .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_gg3nn_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gg3nn_215):not(.awsui_has-open-drawer_hyvsj_gg3nn_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_gg3nn_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gg3nn_215):not(.awsui_has-open-drawer_hyvsj_gg3nn_157) {
299
+ .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
300
300
  animation: none;
301
301
  transition: none;
302
302
  }
303
- .awsui_drawers-trigger-content_hyvsj_gg3nn_251 > .awsui_drawers-trigger-overflow_hyvsj_gg3nn_277:not(#\9) {
303
+ .awsui_drawers-trigger-content_hyvsj_qzxoz_251 > .awsui_drawers-trigger-overflow_hyvsj_qzxoz_277:not(#\9) {
304
304
  padding: 0 1px;
305
305
  display: flex;
306
306
  align-items: center;
@@ -308,15 +308,15 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
308
308
  }
309
309
 
310
310
  @media (max-width: 688px) {
311
- .awsui_drawers-trigger_hyvsj_gg3nn_251:not(#\9) {
311
+ .awsui_drawers-trigger_hyvsj_qzxoz_251:not(#\9) {
312
312
  width: 40px;
313
313
  display: flex;
314
314
  justify-content: center;
315
315
  }
316
316
  }
317
317
 
318
- .awsui_drawer_hyvsj_gg3nn_145:not(#\9) {
319
- --awsui-drawer-size-zw2xxa: 290px;
318
+ .awsui_drawer_hyvsj_qzxoz_145:not(#\9) {
319
+ --awsui-drawer-size-y98gph: 290px;
320
320
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
321
321
  border-color: transparent;
322
322
  display: grid;
@@ -331,40 +331,40 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
331
331
  pointer-events: auto;
332
332
  word-wrap: break-word;
333
333
  }
334
- .awsui_drawer_hyvsj_gg3nn_145 > .awsui_drawer-close-button_hyvsj_gg3nn_308:not(#\9) {
334
+ .awsui_drawer_hyvsj_qzxoz_145 > .awsui_drawer-close-button_hyvsj_qzxoz_308:not(#\9) {
335
335
  grid-column: 3;
336
336
  grid-row: 2;
337
337
  z-index: 1;
338
338
  }
339
- .awsui_drawer_hyvsj_gg3nn_145 > .awsui_drawer-content_hyvsj_gg3nn_313:not(#\9) {
339
+ .awsui_drawer_hyvsj_qzxoz_145 > .awsui_drawer-content_hyvsj_qzxoz_313:not(#\9) {
340
340
  grid-column: 1/span 4;
341
341
  grid-row: 1/span 3;
342
- width: var(--awsui-drawer-size-zw2xxa);
342
+ width: var(--awsui-drawer-size-y98gph);
343
343
  }
344
- .awsui_drawer_hyvsj_gg3nn_145 > .awsui_drawer-slider_hyvsj_gg3nn_318:not(#\9) {
344
+ .awsui_drawer_hyvsj_qzxoz_145 > .awsui_drawer-slider_hyvsj_qzxoz_318:not(#\9) {
345
345
  grid-column: 1;
346
346
  grid-row: 3;
347
347
  height: 100%;
348
348
  display: flex;
349
349
  align-items: center;
350
350
  }
351
- .awsui_drawer_hyvsj_gg3nn_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_gg3nn_325) {
351
+ .awsui_drawer_hyvsj_qzxoz_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_qzxoz_325) {
352
352
  opacity: 0;
353
353
  width: 0;
354
354
  }
355
- .awsui_drawer_hyvsj_gg3nn_145.awsui_is-drawer-open_hyvsj_gg3nn_325:not(#\9) {
355
+ .awsui_drawer_hyvsj_qzxoz_145.awsui_is-drawer-open_hyvsj_qzxoz_325:not(#\9) {
356
356
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
357
357
  opacity: 1;
358
- width: var(--awsui-drawer-size-zw2xxa);
358
+ width: var(--awsui-drawer-size-y98gph);
359
359
  }
360
360
  @media (min-width: 2541px) {
361
- .awsui_drawer_hyvsj_gg3nn_145.awsui_is-drawer-open_hyvsj_gg3nn_325:not(#\9) {
362
- --awsui-drawer-size-zw2xxa: 320px;
361
+ .awsui_drawer_hyvsj_qzxoz_145.awsui_is-drawer-open_hyvsj_qzxoz_325:not(#\9) {
362
+ --awsui-drawer-size-y98gph: 320px;
363
363
  }
364
364
  }
365
365
  @media (max-width: 688px) {
366
- .awsui_drawer_hyvsj_gg3nn_145.awsui_is-drawer-open_hyvsj_gg3nn_325:not(#\9) {
367
- --awsui-drawer-size-zw2xxa: 100vw;
366
+ .awsui_drawer_hyvsj_qzxoz_145.awsui_is-drawer-open_hyvsj_qzxoz_325:not(#\9) {
367
+ --awsui-drawer-size-y98gph: 100vw;
368
368
  width: 100vw;
369
369
  }
370
370
  }
@@ -373,7 +373,7 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
373
373
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
374
374
  SPDX-License-Identifier: Apache-2.0
375
375
  */
376
- header.awsui_content_hyvsj_gg3nn_350:not(#\9) {
376
+ header.awsui_content_hyvsj_qzxoz_350:not(#\9) {
377
377
  grid-area: header;
378
378
  }
379
379
 
@@ -394,37 +394,37 @@ The minimum content width property is set to zero and applied under all
394
394
  circumstances regardless of whether the minContentWidth property is
395
395
  explicitly set in script.
396
396
  */
397
- .awsui_layout_hyvsj_gg3nn_371:not(#\9) {
398
- --awsui-breadcrumbs-gap-zw2xxa: 0px;
399
- --awsui-content-gap-left-zw2xxa: 0px;
400
- --awsui-content-gap-right-zw2xxa: 0px;
401
- --awsui-content-height-zw2xxa: calc(100vh - var(--awsui-header-height-zw2xxa) - var(--awsui-footer-height-zw2xxa));
402
- --awsui-container-first-gap-zw2xxa: 0px;
403
- --awsui-container-first-overlap-extension-zw2xxa: 0px;
404
- --awsui-default-max-content-width-zw2xxa: 1280px;
405
- --awsui-default-min-content-width-zw2xxa: 0px;
406
- --awsui-footer-height-zw2xxa: 0px;
407
- --awsui-header-gap-zw2xxa: 0px;
408
- --awsui-header-height-zw2xxa: 0px;
409
- --awsui-layout-width-zw2xxa: 0px;
410
- --awsui-main-gap-zw2xxa: 0px;
411
- --awsui-main-offset-left-zw2xxa: 0px;
412
- --awsui-main-template-rows-zw2xxa: 1fr;
413
- --awsui-max-content-width-zw2xxa: 0px;
414
- --awsui-min-content-width-zw2xxa: 280px;
415
- --awsui-mobile-bar-height-zw2xxa: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
416
- --awsui-notifications-gap-zw2xxa: 0px;
417
- --awsui-notifications-height-zw2xxa: 0px;
418
- --awsui-offset-top-zw2xxa: var(--awsui-header-height-zw2xxa);
419
- --awsui-offset-top-with-notifications-zw2xxa: 0px;
420
- --awsui-overlap-height-zw2xxa: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
397
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9) {
398
+ --awsui-breadcrumbs-gap-y98gph: 0px;
399
+ --awsui-content-gap-left-y98gph: 0px;
400
+ --awsui-content-gap-right-y98gph: 0px;
401
+ --awsui-content-height-y98gph: calc(100vh - var(--awsui-header-height-y98gph) - var(--awsui-footer-height-y98gph));
402
+ --awsui-container-first-gap-y98gph: 0px;
403
+ --awsui-container-first-overlap-extension-y98gph: 0px;
404
+ --awsui-default-max-content-width-y98gph: 1280px;
405
+ --awsui-default-min-content-width-y98gph: 0px;
406
+ --awsui-footer-height-y98gph: 0px;
407
+ --awsui-header-gap-y98gph: 0px;
408
+ --awsui-header-height-y98gph: 0px;
409
+ --awsui-layout-width-y98gph: 0px;
410
+ --awsui-main-gap-y98gph: 0px;
411
+ --awsui-main-offset-left-y98gph: 0px;
412
+ --awsui-main-template-rows-y98gph: 1fr;
413
+ --awsui-max-content-width-y98gph: 0px;
414
+ --awsui-min-content-width-y98gph: 280px;
415
+ --awsui-mobile-bar-height-y98gph: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
416
+ --awsui-notifications-gap-y98gph: 0px;
417
+ --awsui-notifications-height-y98gph: 0px;
418
+ --awsui-offset-top-y98gph: var(--awsui-header-height-y98gph);
419
+ --awsui-offset-top-with-notifications-y98gph: 0px;
420
+ --awsui-overlap-height-y98gph: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
421
421
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
422
422
  color: var(--color-text-body-default-2sxhhn, #000716);
423
423
  display: grid;
424
424
  grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
425
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-zw2xxa), 1fr) minmax(var(--awsui-default-min-content-width-zw2xxa), var(--awsui-default-max-content-width-zw2xxa)) minmax(var(--awsui-content-gap-right-zw2xxa), 1fr) min-content;
426
- grid-template-rows: auto var(--awsui-notifications-gap-zw2xxa) auto var(--awsui-breadcrumbs-gap-zw2xxa) auto var(--awsui-header-gap-zw2xxa) auto var(--awsui-main-gap-zw2xxa) var(--awsui-overlap-height-zw2xxa) var(--awsui-main-template-rows-zw2xxa);
427
- min-height: var(--awsui-content-height-zw2xxa);
425
+ grid-template-columns: min-content minmax(var(--awsui-content-gap-left-y98gph), 1fr) minmax(var(--awsui-default-min-content-width-y98gph), var(--awsui-default-max-content-width-y98gph)) minmax(var(--awsui-content-gap-right-y98gph), 1fr) min-content;
426
+ grid-template-rows: auto var(--awsui-notifications-gap-y98gph) auto var(--awsui-breadcrumbs-gap-y98gph) auto var(--awsui-header-gap-y98gph) auto var(--awsui-main-gap-y98gph) var(--awsui-overlap-height-y98gph) var(--awsui-main-template-rows-y98gph);
427
+ min-height: var(--awsui-content-height-y98gph);
428
428
  position: relative;
429
429
  /*
430
430
  Add unified max-width for AppLayout content based on breakpoints. Only use the max content
@@ -477,134 +477,134 @@ explicitly set in script.
477
477
  */
478
478
  }
479
479
  @media (min-width: 1401px) {
480
- .awsui_layout_hyvsj_gg3nn_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_gg3nn_454) {
481
- --awsui-default-max-content-width-zw2xxa: 1280px;
480
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454) {
481
+ --awsui-default-max-content-width-y98gph: 1280px;
482
482
  }
483
483
  }
484
484
  @media (min-width: 1921px) {
485
- .awsui_layout_hyvsj_gg3nn_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_gg3nn_454) {
486
- --awsui-default-max-content-width-zw2xxa: 1440px;
485
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454) {
486
+ --awsui-default-max-content-width-y98gph: 1440px;
487
487
  }
488
488
  }
489
489
  @media (min-width: 2541px) {
490
- .awsui_layout_hyvsj_gg3nn_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_gg3nn_454) {
491
- --awsui-default-max-content-width-zw2xxa: 1620px;
490
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454) {
491
+ --awsui-default-max-content-width-y98gph: 1620px;
492
492
  }
493
493
  }
494
494
  @media (min-width: 1401px) {
495
- .awsui_layout_hyvsj_gg3nn_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_gg3nn_454).awsui_content-type-dashboard_hyvsj_gg3nn_469 {
496
- --awsui-default-max-content-width-zw2xxa: 1280px;
495
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454).awsui_content-type-dashboard_hyvsj_qzxoz_469 {
496
+ --awsui-default-max-content-width-y98gph: 1280px;
497
497
  }
498
498
  }
499
499
  @media (min-width: 1921px) {
500
- .awsui_layout_hyvsj_gg3nn_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_gg3nn_454).awsui_content-type-dashboard_hyvsj_gg3nn_469 {
501
- --awsui-default-max-content-width-zw2xxa: 1620px;
500
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454).awsui_content-type-dashboard_hyvsj_qzxoz_469 {
501
+ --awsui-default-max-content-width-y98gph: 1620px;
502
502
  }
503
503
  }
504
504
  @media (min-width: 2541px) {
505
- .awsui_layout_hyvsj_gg3nn_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_gg3nn_454).awsui_content-type-dashboard_hyvsj_gg3nn_469 {
506
- --awsui-default-max-content-width-zw2xxa: 2160px;
505
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454).awsui_content-type-dashboard_hyvsj_qzxoz_469 {
506
+ --awsui-default-max-content-width-y98gph: 2160px;
507
507
  }
508
508
  }
509
- .awsui_layout_hyvsj_gg3nn_371.awsui_has-max-content-width_hyvsj_gg3nn_454:not(#\9) {
510
- --awsui-default-max-content-width-zw2xxa: var(--awsui-max-content-width-zw2xxa);
509
+ .awsui_layout_hyvsj_qzxoz_371.awsui_has-max-content-width_hyvsj_qzxoz_454:not(#\9) {
510
+ --awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
511
511
  }
512
- .awsui_layout_hyvsj_gg3nn_371.awsui_is-overlap-disabled_hyvsj_gg3nn_486:not(#\9) {
513
- --awsui-overlap-height-zw2xxa: 0;
512
+ .awsui_layout_hyvsj_qzxoz_371.awsui_is-overlap-disabled_hyvsj_qzxoz_486:not(#\9) {
513
+ --awsui-overlap-height-y98gph: 0;
514
514
  }
515
515
  @media (min-width: 993px) {
516
- .awsui_layout_hyvsj_gg3nn_371:not(#\9) {
517
- --awsui-default-min-content-width-zw2xxa: var(--awsui-min-content-width-zw2xxa, 280px);
516
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9) {
517
+ --awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
518
518
  }
519
519
  }
520
520
  @media (max-width: 992px) {
521
- .awsui_layout_hyvsj_gg3nn_371:not(#\9) {
522
- --awsui-default-min-content-width-zw2xxa: 0px;
521
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9) {
522
+ --awsui-default-min-content-width-y98gph: 0px;
523
523
  }
524
524
  }
525
- .awsui_layout_hyvsj_gg3nn_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_gg3nn_110):not(.awsui_has-sticky-background_hyvsj_gg3nn_133) {
526
- --awsui-offset-top-with-notifications-zw2xxa: var(--awsui-header-height-zw2xxa);
525
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_qzxoz_110):not(.awsui_has-sticky-background_hyvsj_qzxoz_133) {
526
+ --awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
527
527
  }
528
- .awsui_layout_hyvsj_gg3nn_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_gg3nn_110).awsui_has-sticky-background_hyvsj_gg3nn_133 {
529
- --awsui-offset-top-with-notifications-zw2xxa: calc(var(--awsui-header-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px));
528
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_qzxoz_110).awsui_has-sticky-background_hyvsj_qzxoz_133 {
529
+ --awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
530
530
  }
531
- .awsui_layout_hyvsj_gg3nn_371.awsui_has-sticky-notifications_hyvsj_gg3nn_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_gg3nn_133) {
532
- --awsui-offset-top-with-notifications-zw2xxa: calc(
533
- var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
534
- var(--awsui-notifications-height-zw2xxa) + var(--space-xxxs-zbmxqb, 2px)
531
+ .awsui_layout_hyvsj_qzxoz_371.awsui_has-sticky-notifications_hyvsj_qzxoz_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_qzxoz_133) {
532
+ --awsui-offset-top-with-notifications-y98gph: calc(
533
+ var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
534
+ var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
535
535
  );
536
536
  }
537
- .awsui_layout_hyvsj_gg3nn_371.awsui_has-sticky-notifications_hyvsj_gg3nn_110.awsui_has-sticky-background_hyvsj_gg3nn_133:not(#\9) {
538
- --awsui-offset-top-with-notifications-zw2xxa: calc(
539
- var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
540
- var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px)
537
+ .awsui_layout_hyvsj_qzxoz_371.awsui_has-sticky-notifications_hyvsj_qzxoz_110.awsui_has-sticky-background_hyvsj_qzxoz_133:not(#\9) {
538
+ --awsui-offset-top-with-notifications-y98gph: calc(
539
+ var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
540
+ var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
541
541
  );
542
542
  }
543
543
  @media (min-width: 689px) {
544
- .awsui_layout_hyvsj_gg3nn_371.awsui_has-content-gap-left_hyvsj_gg3nn_518:not(#\9) {
545
- --awsui-content-gap-left-zw2xxa: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
544
+ .awsui_layout_hyvsj_qzxoz_371.awsui_has-content-gap-left_hyvsj_qzxoz_518:not(#\9) {
545
+ --awsui-content-gap-left-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
546
546
  }
547
- .awsui_layout_hyvsj_gg3nn_371.awsui_has-content-gap-right_hyvsj_gg3nn_521:not(#\9) {
548
- --awsui-content-gap-right-zw2xxa: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
547
+ .awsui_layout_hyvsj_qzxoz_371.awsui_has-content-gap-right_hyvsj_qzxoz_521:not(#\9) {
548
+ --awsui-content-gap-right-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
549
549
  }
550
550
  }
551
551
  @media (max-width: 688px) {
552
- .awsui_layout_hyvsj_gg3nn_371:not(#\9) {
553
- --awsui-content-gap-left-zw2xxa: var(--space-l-t419sm, 20px);
554
- --awsui-content-gap-right-zw2xxa: var(--space-l-t419sm, 20px);
552
+ .awsui_layout_hyvsj_qzxoz_371:not(#\9) {
553
+ --awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
554
+ --awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
555
555
  }
556
556
  }
557
- .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-notifications_hyvsj_gg3nn_531:not(#\9) {
558
- --awsui-notifications-gap-zw2xxa: var(--space-xs-zb16t3, 8px);
557
+ .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9) {
558
+ --awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
559
559
  }
560
- .awsui_layout_hyvsj_gg3nn_371.awsui_has-breadcrumbs_hyvsj_gg3nn_534:not(#\9) {
561
- --awsui-breadcrumbs-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
560
+ .awsui_layout_hyvsj_qzxoz_371.awsui_has-breadcrumbs_hyvsj_qzxoz_534:not(#\9) {
561
+ --awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
562
562
  }
563
- .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-header_hyvsj_gg3nn_537:not(#\9), .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-notifications_hyvsj_gg3nn_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gg3nn_534).awsui_has-header_hyvsj_gg3nn_537 {
564
- --awsui-header-gap-zw2xxa: var(--space-scaled-xs-26e2du, 8px);
563
+ .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-header_hyvsj_qzxoz_537:not(#\9), .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_qzxoz_534).awsui_has-header_hyvsj_qzxoz_537 {
564
+ --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
565
565
  }
566
- .awsui_layout_hyvsj_gg3nn_371.awsui_has-breadcrumbs_hyvsj_gg3nn_534.awsui_has-header_hyvsj_gg3nn_537:not(#\9) {
567
- --awsui-header-gap-zw2xxa: var(--space-scaled-xs-26e2du, 8px);
566
+ .awsui_layout_hyvsj_qzxoz_371.awsui_has-breadcrumbs_hyvsj_qzxoz_534.awsui_has-header_hyvsj_qzxoz_537:not(#\9) {
567
+ --awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
568
568
  }
569
- .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-notifications_hyvsj_gg3nn_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gg3nn_534):not(.awsui_has-header_hyvsj_gg3nn_537) {
570
- --awsui-main-gap-zw2xxa: var(--space-xs-zb16t3, 8px);
569
+ .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_qzxoz_534):not(.awsui_has-header_hyvsj_qzxoz_537) {
570
+ --awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
571
571
  }
572
- .awsui_layout_hyvsj_gg3nn_371.awsui_has-breadcrumbs_hyvsj_gg3nn_534:not(#\9):not(.awsui_has-header_hyvsj_gg3nn_537) {
573
- --awsui-container-first-gap-zw2xxa: calc(var(--awsui-breadcrumbs-gap-zw2xxa) - var(--awsui-main-gap-zw2xxa));
572
+ .awsui_layout_hyvsj_qzxoz_371.awsui_has-breadcrumbs_hyvsj_qzxoz_534:not(#\9):not(.awsui_has-header_hyvsj_qzxoz_537) {
573
+ --awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
574
574
  }
575
- .awsui_layout_hyvsj_gg3nn_371.awsui_has-breadcrumbs_hyvsj_gg3nn_534:not(#\9):not(.awsui_has-header_hyvsj_gg3nn_537).awsui_is-overlap-disabled_hyvsj_gg3nn_486 {
576
- --awsui-main-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
575
+ .awsui_layout_hyvsj_qzxoz_371.awsui_has-breadcrumbs_hyvsj_qzxoz_534:not(#\9):not(.awsui_has-header_hyvsj_qzxoz_537).awsui_is-overlap-disabled_hyvsj_qzxoz_486 {
576
+ --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
577
577
  }
578
- .awsui_layout_hyvsj_gg3nn_371.awsui_has-breadcrumbs_hyvsj_gg3nn_534:not(#\9):not(.awsui_has-header_hyvsj_gg3nn_537):not(.awsui_is-overlap-disabled_hyvsj_gg3nn_486) {
579
- --awsui-main-gap-zw2xxa: var(--space-scaled-xxs-7597g1, 4px);
578
+ .awsui_layout_hyvsj_qzxoz_371.awsui_has-breadcrumbs_hyvsj_qzxoz_534:not(#\9):not(.awsui_has-header_hyvsj_qzxoz_537):not(.awsui_is-overlap-disabled_hyvsj_qzxoz_486) {
579
+ --awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
580
580
  }
581
- .awsui_layout_hyvsj_gg3nn_371.awsui_has-header_hyvsj_gg3nn_537:not(#\9) {
582
- --awsui-main-gap-zw2xxa: var(--space-content-header-padding-bottom-y2enua, 16px);
581
+ .awsui_layout_hyvsj_qzxoz_371.awsui_has-header_hyvsj_qzxoz_537:not(#\9) {
582
+ --awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
583
583
  }
584
- .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-main_hyvsj_gg3nn_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_gg3nn_486), .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-main_hyvsj_gg3nn_558.awsui_is-overlap-disabled_hyvsj_gg3nn_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_gg3nn_558) {
585
- --awsui-main-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
584
+ .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-main_hyvsj_qzxoz_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_qzxoz_486), .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-main_hyvsj_qzxoz_558.awsui_is-overlap-disabled_hyvsj_qzxoz_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_qzxoz_558) {
585
+ --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
586
586
  }
587
587
  @media (min-width: 689px) {
588
- .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-main_hyvsj_gg3nn_558:not(#\9):not(.awsui_has-header_hyvsj_gg3nn_537) {
589
- --awsui-container-first-overlap-extension-zw2xxa: var(--space-m-udix3p, 16px);
590
- --awsui-container-first-gap-zw2xxa: var(--space-xxs-p8yyaw, 4px);
588
+ .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-main_hyvsj_qzxoz_558:not(#\9):not(.awsui_has-header_hyvsj_qzxoz_537) {
589
+ --awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
590
+ --awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
591
591
  }
592
592
  }
593
593
  @media (max-width: 688px) {
594
- .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-notifications_hyvsj_gg3nn_531:not(#\9) {
595
- --awsui-notifications-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
594
+ .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9) {
595
+ --awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
596
596
  }
597
- .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-header_hyvsj_gg3nn_537:not(#\9) {
598
- --awsui-header-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
597
+ .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-header_hyvsj_qzxoz_537:not(#\9) {
598
+ --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
599
599
  }
600
- .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-notifications_hyvsj_gg3nn_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gg3nn_534).awsui_has-header_hyvsj_gg3nn_537 {
601
- --awsui-header-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
600
+ .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_qzxoz_534).awsui_has-header_hyvsj_qzxoz_537 {
601
+ --awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
602
602
  }
603
- .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-notifications_hyvsj_gg3nn_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gg3nn_534):not(.awsui_has-header_hyvsj_gg3nn_537), .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-main_hyvsj_gg3nn_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_gg3nn_486) {
604
- --awsui-main-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
603
+ .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_qzxoz_534):not(.awsui_has-header_hyvsj_qzxoz_537), .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-main_hyvsj_qzxoz_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_qzxoz_486) {
604
+ --awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
605
605
  }
606
- .awsui_layout_hyvsj_gg3nn_371.awsui_content-first-child-main_hyvsj_gg3nn_558.awsui_is-overlap-disabled_hyvsj_gg3nn_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_gg3nn_558) {
607
- --awsui-main-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
606
+ .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-main_hyvsj_qzxoz_558.awsui_is-overlap-disabled_hyvsj_qzxoz_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_qzxoz_558) {
607
+ --awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
608
608
  }
609
609
  }
610
610
 
@@ -618,21 +618,21 @@ not matter. The offset top value for AppLayout contentMain children with
618
618
  position: sticky will be the value of the notifications height in addition to the
619
619
  notifications top margin and some additional vertical space for aesthetics.
620
620
  */
621
- .awsui_layout_hyvsj_gg3nn_371.awsui_disable-body-scroll_hyvsj_gg3nn_191:not(#\9) {
622
- --awsui-main-template-rows-zw2xxa: 1fr auto;
623
- --awsui-offset-top-zw2xxa: 0px;
624
- height: var(--awsui-content-height-zw2xxa);
621
+ .awsui_layout_hyvsj_qzxoz_371.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9) {
622
+ --awsui-main-template-rows-y98gph: 1fr auto;
623
+ --awsui-offset-top-y98gph: 0px;
624
+ height: var(--awsui-content-height-y98gph);
625
625
  overflow-y: scroll;
626
626
  }
627
- .awsui_layout_hyvsj_gg3nn_371.awsui_disable-body-scroll_hyvsj_gg3nn_191.awsui_has-split-panel_hyvsj_gg3nn_601.awsui_split-panel-position-bottom_hyvsj_gg3nn_601:not(#\9) {
628
- --awsui-main-template-rows-zw2xxa: repeat(2, auto);
627
+ .awsui_layout_hyvsj_qzxoz_371.awsui_disable-body-scroll_hyvsj_qzxoz_191.awsui_has-split-panel_hyvsj_qzxoz_601.awsui_split-panel-position-bottom_hyvsj_qzxoz_601:not(#\9) {
628
+ --awsui-main-template-rows-y98gph: repeat(2, auto);
629
629
  }
630
- .awsui_layout_hyvsj_gg3nn_371.awsui_disable-body-scroll_hyvsj_gg3nn_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_gg3nn_110) {
631
- --awsui-offset-top-with-notifications-zw2xxa: 0px;
630
+ .awsui_layout_hyvsj_qzxoz_371.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_qzxoz_110) {
631
+ --awsui-offset-top-with-notifications-y98gph: 0px;
632
632
  }
633
- .awsui_layout_hyvsj_gg3nn_371.awsui_disable-body-scroll_hyvsj_gg3nn_191.awsui_has-sticky-notifications_hyvsj_gg3nn_110:not(#\9) {
634
- --awsui-offset-top-with-notifications-zw2xxa: calc(
635
- var(--awsui-notifications-height-zw2xxa) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
633
+ .awsui_layout_hyvsj_qzxoz_371.awsui_disable-body-scroll_hyvsj_qzxoz_191.awsui_has-sticky-notifications_hyvsj_qzxoz_110:not(#\9) {
634
+ --awsui-offset-top-with-notifications-y98gph: calc(
635
+ var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
636
636
  );
637
637
  }
638
638
 
@@ -640,13 +640,13 @@ notifications top margin and some additional vertical space for aesthetics.
640
640
  This CSS class is applied to the document body to prevent overflow scrolling
641
641
  when the navigation or tools drawers are open in responsive viewports.
642
642
  */
643
- .awsui_block-body-scroll_hyvsj_gg3nn_617:not(#\9) {
643
+ .awsui_block-body-scroll_hyvsj_qzxoz_617:not(#\9) {
644
644
  overflow: hidden;
645
645
  }
646
646
 
647
647
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
648
- .awsui_unfocusable_hyvsj_gg3nn_622:not(#\9),
649
- .awsui_unfocusable_hyvsj_gg3nn_622 *:not(#\9) {
648
+ .awsui_unfocusable_hyvsj_qzxoz_622:not(#\9),
649
+ .awsui_unfocusable_hyvsj_qzxoz_622 *:not(#\9) {
650
650
  visibility: hidden !important;
651
651
  }
652
652
 
@@ -655,7 +655,7 @@ when the navigation or tools drawers are open in responsive viewports.
655
655
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
656
656
  SPDX-License-Identifier: Apache-2.0
657
657
  */
658
- .awsui_container_hyvsj_gg3nn_632:not(#\9) {
658
+ .awsui_container_hyvsj_qzxoz_632:not(#\9) {
659
659
  grid-area: main;
660
660
  padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
661
661
  /*
@@ -672,18 +672,18 @@ when the navigation or tools drawers are open in responsive viewports.
672
672
  on the right, we decrement the column end by one.
673
673
  */
674
674
  }
675
- .awsui_container_hyvsj_gg3nn_632.awsui_has-split-panel_hyvsj_gg3nn_601.awsui_split-panel-position-bottom_hyvsj_gg3nn_601:not(#\9) {
676
- padding-bottom: calc(var(--awsui-split-panel-height-zw2xxa) + var(--space-layout-content-bottom-noqzmw, 40px));
675
+ .awsui_container_hyvsj_qzxoz_632.awsui_has-split-panel_hyvsj_qzxoz_601.awsui_split-panel-position-bottom_hyvsj_qzxoz_601:not(#\9) {
676
+ padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
677
677
  }
678
- .awsui_container_hyvsj_gg3nn_632.awsui_disable-content-paddings_hyvsj_gg3nn_558:not(#\9) {
678
+ .awsui_container_hyvsj_qzxoz_632.awsui_disable-content-paddings_hyvsj_qzxoz_558:not(#\9) {
679
679
  grid-column: 1/6;
680
680
  padding: 0;
681
681
  }
682
682
  @media (min-width: 689px) {
683
- .awsui_container_hyvsj_gg3nn_632.awsui_disable-content-paddings_hyvsj_gg3nn_558.awsui_is-navigation-open_hyvsj_gg3nn_657:not(#\9) {
683
+ .awsui_container_hyvsj_qzxoz_632.awsui_disable-content-paddings_hyvsj_qzxoz_558.awsui_is-navigation-open_hyvsj_qzxoz_657:not(#\9) {
684
684
  grid-column-start: 2;
685
685
  }
686
- .awsui_container_hyvsj_gg3nn_632.awsui_disable-content-paddings_hyvsj_gg3nn_558.awsui_is-tools-open_hyvsj_gg3nn_660:not(#\9), .awsui_container_hyvsj_gg3nn_632.awsui_disable-content-paddings_hyvsj_gg3nn_558.awsui_is-split-panel-open_hyvsj_gg3nn_660.awsui_split-panel-position-side_hyvsj_gg3nn_660:not(#\9) {
686
+ .awsui_container_hyvsj_qzxoz_632.awsui_disable-content-paddings_hyvsj_qzxoz_558.awsui_is-tools-open_hyvsj_qzxoz_660:not(#\9), .awsui_container_hyvsj_qzxoz_632.awsui_disable-content-paddings_hyvsj_qzxoz_558.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_split-panel-position-side_hyvsj_qzxoz_660:not(#\9) {
687
687
  grid-column-end: 5;
688
688
  }
689
689
  }
@@ -692,31 +692,31 @@ when the navigation or tools drawers are open in responsive viewports.
692
692
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
693
693
  SPDX-License-Identifier: Apache-2.0
694
694
  */
695
- section.awsui_mobile-toolbar_hyvsj_gg3nn_669:not(#\9) {
695
+ section.awsui_mobile-toolbar_hyvsj_qzxoz_669:not(#\9) {
696
696
  align-items: center;
697
697
  background-color: var(--color-background-home-header-2rudu7, #000716);
698
698
  border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
699
699
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
700
700
  box-sizing: border-box;
701
- height: var(--awsui-mobile-bar-height-zw2xxa);
701
+ height: var(--awsui-mobile-bar-height-y98gph);
702
702
  display: grid;
703
703
  grid-area: mobileToolbar;
704
704
  grid-column: 1/span 5;
705
705
  grid-template-columns: auto minmax(0, 1fr) auto;
706
706
  padding: 0 var(--space-m-udix3p, 16px);
707
707
  position: sticky;
708
- top: var(--awsui-offset-top-zw2xxa);
708
+ top: var(--awsui-offset-top-y98gph);
709
709
  z-index: 1000;
710
710
  }
711
- section.awsui_mobile-toolbar_hyvsj_gg3nn_669 > .awsui_mobile-toolbar-nav_hyvsj_gg3nn_685:not(#\9) {
711
+ section.awsui_mobile-toolbar_hyvsj_qzxoz_669 > .awsui_mobile-toolbar-nav_hyvsj_qzxoz_685:not(#\9) {
712
712
  grid-column: 1;
713
713
  margin-right: var(--space-m-udix3p, 16px);
714
714
  }
715
- section.awsui_mobile-toolbar_hyvsj_gg3nn_669 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_gg3nn_689:not(#\9) {
715
+ section.awsui_mobile-toolbar_hyvsj_qzxoz_669 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_qzxoz_689:not(#\9) {
716
716
  grid-column: 2;
717
717
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
718
718
  }
719
- section.awsui_mobile-toolbar_hyvsj_gg3nn_669 > .awsui_mobile-toolbar-tools_hyvsj_gg3nn_693:not(#\9) {
719
+ section.awsui_mobile-toolbar_hyvsj_qzxoz_669 > .awsui_mobile-toolbar-tools_hyvsj_qzxoz_693:not(#\9) {
720
720
  grid-column: 3;
721
721
  margin-left: var(--space-m-udix3p, 16px);
722
722
  }
@@ -725,14 +725,14 @@ section.awsui_mobile-toolbar_hyvsj_gg3nn_669 > .awsui_mobile-toolbar-tools_hyvsj
725
725
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
726
726
  SPDX-License-Identifier: Apache-2.0
727
727
  */
728
- .awsui_navigation-container_hyvsj_gg3nn_702:not(#\9) {
729
- --awsui-navigation-width-zw2xxa: 280px;
728
+ .awsui_navigation-container_hyvsj_qzxoz_702:not(#\9) {
729
+ --awsui-navigation-width-y98gph: 280px;
730
730
  display: flex;
731
731
  grid-column: 1;
732
732
  grid-row: 1/span 10;
733
- height: var(--awsui-content-height-zw2xxa);
733
+ height: var(--awsui-content-height-y98gph);
734
734
  position: sticky;
735
- top: var(--awsui-offset-top-zw2xxa);
735
+ top: var(--awsui-offset-top-y98gph);
736
736
  z-index: 830;
737
737
  /*
738
738
  The navigation and tools containers (that contain the toggle buttons)
@@ -747,12 +747,12 @@ section.awsui_mobile-toolbar_hyvsj_gg3nn_669 > .awsui_mobile-toolbar-tools_hyvsj
747
747
  pointer-events: none;
748
748
  }
749
749
  @media (min-width: 2541px) {
750
- .awsui_navigation-container_hyvsj_gg3nn_702:not(#\9) {
751
- --awsui-navigation-width-zw2xxa: 320px;
750
+ .awsui_navigation-container_hyvsj_qzxoz_702:not(#\9) {
751
+ --awsui-navigation-width-y98gph: 320px;
752
752
  }
753
753
  }
754
754
  @media (max-width: 688px) {
755
- .awsui_navigation-container_hyvsj_gg3nn_702:not(#\9) {
755
+ .awsui_navigation-container_hyvsj_qzxoz_702:not(#\9) {
756
756
  left: 0;
757
757
  position: fixed;
758
758
  z-index: 1001;
@@ -764,19 +764,19 @@ section.awsui_mobile-toolbar_hyvsj_gg3nn_669 > .awsui_mobile-toolbar-tools_hyvsj
764
764
  relative to the body.
765
765
  */
766
766
  }
767
- .awsui_navigation-container_hyvsj_gg3nn_702.awsui_disable-body-scroll_hyvsj_gg3nn_191:not(#\9) {
768
- top: var(--awsui-header-height-zw2xxa);
767
+ .awsui_navigation-container_hyvsj_qzxoz_702.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9) {
768
+ top: var(--awsui-header-height-y98gph);
769
769
  }
770
770
  }
771
771
 
772
- nav.awsui_show-navigation_hyvsj_gg3nn_746:not(#\9) {
772
+ nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9) {
773
773
  padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
774
774
  /*
775
775
  Apply the animation only in desktop viewports because the MobileToolbar will
776
776
  take control in responsive viewports.
777
777
  */
778
778
  }
779
- @keyframes awsui_showButtons_hyvsj_gg3nn_1 {
779
+ @keyframes awsui_showButtons_hyvsj_qzxoz_1 {
780
780
  0% {
781
781
  opacity: 0;
782
782
  }
@@ -784,31 +784,31 @@ nav.awsui_show-navigation_hyvsj_gg3nn_746:not(#\9) {
784
784
  opacity: 1;
785
785
  }
786
786
  }
787
- nav.awsui_show-navigation_hyvsj_gg3nn_746.awsui_is-navigation-open_hyvsj_gg3nn_657:not(#\9) {
787
+ nav.awsui_show-navigation_hyvsj_qzxoz_746.awsui_is-navigation-open_hyvsj_qzxoz_657:not(#\9) {
788
788
  display: none;
789
789
  }
790
790
  @media (min-width: 689px) {
791
- nav.awsui_show-navigation_hyvsj_gg3nn_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_gg3nn_657) {
791
+ nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657) {
792
792
  display: block;
793
793
  }
794
- nav.awsui_show-navigation_hyvsj_gg3nn_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_gg3nn_657).awsui_animating_hyvsj_gg3nn_768 {
795
- animation: awsui_showButtons_hyvsj_gg3nn_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
794
+ nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657).awsui_animating_hyvsj_qzxoz_768 {
795
+ animation: awsui_showButtons_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
796
796
  }
797
797
  }
798
798
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
799
- nav.awsui_show-navigation_hyvsj_gg3nn_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_gg3nn_657).awsui_animating_hyvsj_gg3nn_768 {
799
+ nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657).awsui_animating_hyvsj_qzxoz_768 {
800
800
  animation: none;
801
801
  transition: none;
802
802
  }
803
803
  }
804
804
  @media (min-width: 689px) {
805
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_gg3nn_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_gg3nn_657).awsui_animating_hyvsj_gg3nn_768, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_gg3nn_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_gg3nn_657).awsui_animating_hyvsj_gg3nn_768 {
805
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657).awsui_animating_hyvsj_qzxoz_768, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657).awsui_animating_hyvsj_qzxoz_768 {
806
806
  animation: none;
807
807
  transition: none;
808
808
  }
809
809
  }
810
810
 
811
- nav.awsui_navigation_hyvsj_gg3nn_702:not(#\9) {
811
+ nav.awsui_navigation_hyvsj_qzxoz_702:not(#\9) {
812
812
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
813
813
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
814
814
  bottom: 0;
@@ -826,43 +826,43 @@ nav.awsui_navigation_hyvsj_gg3nn_702:not(#\9) {
826
826
  prevent unwanted text wrapping.
827
827
  */
828
828
  }
829
- @keyframes awsui_openNavigation_hyvsj_gg3nn_1 {
829
+ @keyframes awsui_openNavigation_hyvsj_qzxoz_1 {
830
830
  from {
831
831
  opacity: 0;
832
832
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
833
833
  }
834
834
  to {
835
835
  opacity: 1;
836
- width: var(--awsui-navigation-width-zw2xxa);
836
+ width: var(--awsui-navigation-width-y98gph);
837
837
  }
838
838
  }
839
- nav.awsui_navigation_hyvsj_gg3nn_702:not(#\9):not(.awsui_is-navigation-open_hyvsj_gg3nn_657) {
839
+ nav.awsui_navigation_hyvsj_qzxoz_702:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657) {
840
840
  width: 0;
841
841
  display: none;
842
842
  }
843
- nav.awsui_navigation_hyvsj_gg3nn_702.awsui_is-navigation-open_hyvsj_gg3nn_657.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
844
- animation: awsui_openNavigation_hyvsj_gg3nn_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
843
+ nav.awsui_navigation_hyvsj_qzxoz_702.awsui_is-navigation-open_hyvsj_qzxoz_657.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
844
+ animation: awsui_openNavigation_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
845
845
  }
846
846
  @media (prefers-reduced-motion: reduce) {
847
- nav.awsui_navigation_hyvsj_gg3nn_702.awsui_is-navigation-open_hyvsj_gg3nn_657.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
847
+ nav.awsui_navigation_hyvsj_qzxoz_702.awsui_is-navigation-open_hyvsj_qzxoz_657.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
848
848
  animation: none;
849
849
  transition: none;
850
850
  }
851
851
  }
852
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_gg3nn_702.awsui_is-navigation-open_hyvsj_gg3nn_657.awsui_animating_hyvsj_gg3nn_768:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_gg3nn_702.awsui_is-navigation-open_hyvsj_gg3nn_657.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
852
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_qzxoz_702.awsui_is-navigation-open_hyvsj_qzxoz_657.awsui_animating_hyvsj_qzxoz_768:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_qzxoz_702.awsui_is-navigation-open_hyvsj_qzxoz_657.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
853
853
  animation: none;
854
854
  transition: none;
855
855
  }
856
- nav.awsui_navigation_hyvsj_gg3nn_702 > .awsui_animated-content_hyvsj_gg3nn_830:not(#\9) {
857
- width: var(--awsui-navigation-width-zw2xxa);
856
+ nav.awsui_navigation_hyvsj_qzxoz_702 > .awsui_animated-content_hyvsj_qzxoz_830:not(#\9) {
857
+ width: var(--awsui-navigation-width-y98gph);
858
858
  }
859
859
  @media (max-width: 688px) {
860
- nav.awsui_navigation_hyvsj_gg3nn_702:not(#\9) {
861
- --awsui-navigation-width-zw2xxa: 100vw;
860
+ nav.awsui_navigation_hyvsj_qzxoz_702:not(#\9) {
861
+ --awsui-navigation-width-y98gph: 100vw;
862
862
  }
863
863
  }
864
864
 
865
- .awsui_hide-navigation_hyvsj_gg3nn_839:not(#\9) {
865
+ .awsui_hide-navigation_hyvsj_qzxoz_839:not(#\9) {
866
866
  position: absolute;
867
867
  right: var(--space-m-udix3p, 16px);
868
868
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -872,16 +872,16 @@ nav.awsui_navigation_hyvsj_gg3nn_702 > .awsui_animated-content_hyvsj_gg3nn_830:n
872
872
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
873
873
  SPDX-License-Identifier: Apache-2.0
874
874
  */
875
- .awsui_notifications_hyvsj_gg3nn_849:not(#\9) {
875
+ .awsui_notifications_hyvsj_qzxoz_849:not(#\9) {
876
876
  color: var(--color-text-body-default-2sxhhn, #000716);
877
877
  grid-area: notifications;
878
878
  z-index: 850;
879
879
  }
880
880
  @media (min-width: 689px) {
881
- .awsui_notifications_hyvsj_gg3nn_849.awsui_sticky-notifications_hyvsj_gg3nn_855:not(#\9) {
882
- --awsui-flashbar-sticky-bottom-margin-zw2xxa: var(--space-xxl-cu2m1r, 32px);
881
+ .awsui_notifications_hyvsj_qzxoz_849.awsui_sticky-notifications_hyvsj_qzxoz_855:not(#\9) {
882
+ --awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
883
883
  position: sticky;
884
- top: calc(var(--awsui-offset-top-zw2xxa) + var(--space-xs-zb16t3, 8px));
884
+ top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
885
885
  }
886
886
  }
887
887
 
@@ -895,13 +895,13 @@ as the content area. This row is defined as 1 fractional unit which will
895
895
  consume the remaining vertical space in the grid after the notifications
896
896
  and breadcrumbs.
897
897
  */
898
- section.awsui_split-panel-bottom_hyvsj_gg3nn_872:not(#\9) {
898
+ section.awsui_split-panel-bottom_hyvsj_qzxoz_872:not(#\9) {
899
899
  /*
900
900
  The align self property will position the split panel at the bottom of the grid row.
901
901
  This could be off the viewport if the content area has enough content to be scrollable.
902
902
  */
903
903
  align-self: end;
904
- bottom: var(--awsui-footer-height-zw2xxa);
904
+ bottom: var(--awsui-footer-height-y98gph);
905
905
  display: none;
906
906
  grid-column: 1/6;
907
907
  grid-row: 10;
@@ -931,47 +931,47 @@ section.awsui_split-panel-bottom_hyvsj_gg3nn_872:not(#\9) {
931
931
  apply the animation to the height property.
932
932
  */
933
933
  }
934
- @keyframes awsui_openSplitPanelBottom_hyvsj_gg3nn_1 {
934
+ @keyframes awsui_openSplitPanelBottom_hyvsj_qzxoz_1 {
935
935
  from {
936
- height: var(--awsui-split-panel-reported-header-size-zw2xxa, 0);
936
+ height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
937
937
  }
938
938
  to {
939
- height: var(--awsui-split-panel-reported-size-zw2xxa);
939
+ height: var(--awsui-split-panel-reported-size-y98gph);
940
940
  }
941
941
  }
942
- section.awsui_split-panel-bottom_hyvsj_gg3nn_872.awsui_disable-body-scroll_hyvsj_gg3nn_191:not(#\9) {
942
+ section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9) {
943
943
  bottom: 0;
944
944
  }
945
- section.awsui_split-panel-bottom_hyvsj_gg3nn_872.awsui_is-navigation-open_hyvsj_gg3nn_657.awsui_position-bottom_hyvsj_gg3nn_919:not(#\9) {
945
+ section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-navigation-open_hyvsj_qzxoz_657.awsui_position-bottom_hyvsj_qzxoz_919:not(#\9) {
946
946
  grid-column-start: 2;
947
947
  }
948
- section.awsui_split-panel-bottom_hyvsj_gg3nn_872.awsui_has-open-drawer_hyvsj_gg3nn_157.awsui_position-bottom_hyvsj_gg3nn_919:not(#\9) {
948
+ section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_has-open-drawer_hyvsj_qzxoz_157.awsui_position-bottom_hyvsj_qzxoz_919:not(#\9) {
949
949
  grid-column-end: 5;
950
950
  }
951
- section.awsui_split-panel-bottom_hyvsj_gg3nn_872.awsui_position-bottom_hyvsj_gg3nn_919:not(#\9) {
951
+ section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_position-bottom_hyvsj_qzxoz_919:not(#\9) {
952
952
  display: block;
953
953
  }
954
- section.awsui_split-panel-bottom_hyvsj_gg3nn_872:not(#\9):not(.awsui_is-split-panel-open_hyvsj_gg3nn_660).awsui_position-bottom_hyvsj_gg3nn_919 {
954
+ section.awsui_split-panel-bottom_hyvsj_qzxoz_872:not(#\9):not(.awsui_is-split-panel-open_hyvsj_qzxoz_660).awsui_position-bottom_hyvsj_qzxoz_919 {
955
955
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
956
956
  }
957
- section.awsui_split-panel-bottom_hyvsj_gg3nn_872.awsui_is-split-panel-open_hyvsj_gg3nn_660.awsui_position-bottom_hyvsj_gg3nn_919:not(#\9) {
957
+ section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-bottom_hyvsj_qzxoz_919:not(#\9) {
958
958
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
959
959
  }
960
- section.awsui_split-panel-bottom_hyvsj_gg3nn_872.awsui_is-split-panel-open_hyvsj_gg3nn_660.awsui_position-bottom_hyvsj_gg3nn_919.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
961
- animation: awsui_openSplitPanelBottom_hyvsj_gg3nn_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
960
+ section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-bottom_hyvsj_qzxoz_919.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
961
+ animation: awsui_openSplitPanelBottom_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
962
962
  }
963
963
  @media (prefers-reduced-motion: reduce) {
964
- section.awsui_split-panel-bottom_hyvsj_gg3nn_872.awsui_is-split-panel-open_hyvsj_gg3nn_660.awsui_position-bottom_hyvsj_gg3nn_919.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
964
+ section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-bottom_hyvsj_qzxoz_919.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
965
965
  animation: none;
966
966
  transition: none;
967
967
  }
968
968
  }
969
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_gg3nn_872.awsui_is-split-panel-open_hyvsj_gg3nn_660.awsui_position-bottom_hyvsj_gg3nn_919.awsui_animating_hyvsj_gg3nn_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_gg3nn_872.awsui_is-split-panel-open_hyvsj_gg3nn_660.awsui_position-bottom_hyvsj_gg3nn_919.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
969
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-bottom_hyvsj_qzxoz_919.awsui_animating_hyvsj_qzxoz_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-bottom_hyvsj_qzxoz_919.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
970
970
  animation: none;
971
971
  transition: none;
972
972
  }
973
973
 
974
- section.awsui_split-panel-side_hyvsj_gg3nn_948:not(#\9) {
974
+ section.awsui_split-panel-side_hyvsj_qzxoz_948:not(#\9) {
975
975
  height: 100%;
976
976
  overflow-x: hidden;
977
977
  pointer-events: auto;
@@ -986,41 +986,41 @@ section.awsui_split-panel-side_hyvsj_gg3nn_948:not(#\9) {
986
986
  prevent unwanted text wrapping.
987
987
  */
988
988
  }
989
- @keyframes awsui_openSplitPanelSide_hyvsj_gg3nn_1 {
989
+ @keyframes awsui_openSplitPanelSide_hyvsj_qzxoz_1 {
990
990
  from {
991
991
  opacity: 0;
992
- width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
992
+ width: var(--awsui-split-panel-min-width-y98gph, 280px);
993
993
  }
994
994
  to {
995
995
  opacity: 1;
996
- width: var(--awsui-split-panel-reported-size-zw2xxa);
996
+ width: var(--awsui-split-panel-reported-size-y98gph);
997
997
  }
998
998
  }
999
- section.awsui_split-panel-side_hyvsj_gg3nn_948:not(#\9):not(.awsui_is-split-panel-open_hyvsj_gg3nn_660), section.awsui_split-panel-side_hyvsj_gg3nn_948.awsui_position-bottom_hyvsj_gg3nn_919:not(#\9) {
999
+ section.awsui_split-panel-side_hyvsj_qzxoz_948:not(#\9):not(.awsui_is-split-panel-open_hyvsj_qzxoz_660), section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_position-bottom_hyvsj_qzxoz_919:not(#\9) {
1000
1000
  width: 0;
1001
1001
  }
1002
- section.awsui_split-panel-side_hyvsj_gg3nn_948.awsui_is-split-panel-open_hyvsj_gg3nn_660.awsui_position-side_hyvsj_gg3nn_976:not(#\9) {
1002
+ section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-side_hyvsj_qzxoz_976:not(#\9) {
1003
1003
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
1004
- max-width: var(--awsui-split-panel-max-width-zw2xxa, 280px);
1005
- min-width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
1004
+ max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
1005
+ min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
1006
1006
  }
1007
- section.awsui_split-panel-side_hyvsj_gg3nn_948.awsui_is-split-panel-open_hyvsj_gg3nn_660.awsui_position-side_hyvsj_gg3nn_976.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
1008
- animation: awsui_openSplitPanelSide_hyvsj_gg3nn_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1007
+ section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-side_hyvsj_qzxoz_976.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
1008
+ animation: awsui_openSplitPanelSide_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1009
1009
  }
1010
1010
  @media (prefers-reduced-motion: reduce) {
1011
- section.awsui_split-panel-side_hyvsj_gg3nn_948.awsui_is-split-panel-open_hyvsj_gg3nn_660.awsui_position-side_hyvsj_gg3nn_976.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
1011
+ section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-side_hyvsj_qzxoz_976.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
1012
1012
  animation: none;
1013
1013
  transition: none;
1014
1014
  }
1015
1015
  }
1016
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_gg3nn_948.awsui_is-split-panel-open_hyvsj_gg3nn_660.awsui_position-side_hyvsj_gg3nn_976.awsui_animating_hyvsj_gg3nn_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_gg3nn_948.awsui_is-split-panel-open_hyvsj_gg3nn_660.awsui_position-side_hyvsj_gg3nn_976.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
1016
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-side_hyvsj_qzxoz_976.awsui_animating_hyvsj_qzxoz_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-side_hyvsj_qzxoz_976.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
1017
1017
  animation: none;
1018
1018
  transition: none;
1019
1019
  }
1020
- section.awsui_split-panel-side_hyvsj_gg3nn_948 > .awsui_animated-content_hyvsj_gg3nn_830:not(#\9) {
1020
+ section.awsui_split-panel-side_hyvsj_qzxoz_948 > .awsui_animated-content_hyvsj_qzxoz_830:not(#\9) {
1021
1021
  height: 100%;
1022
1022
  max-width: inherit;
1023
- width: var(--awsui-split-panel-reported-size-zw2xxa);
1023
+ width: var(--awsui-split-panel-reported-size-y98gph);
1024
1024
  }
1025
1025
 
1026
1026
  /*
@@ -1036,30 +1036,30 @@ content width has a default value that can be set directly with the minContentWi
1036
1036
  property. The content gap right is computed in the Layout styles based on the
1037
1037
  viewport size and state of the Tools drawer.
1038
1038
  */
1039
- .awsui_tools-container_hyvsj_gg3nn_1013:not(#\9) {
1039
+ .awsui_tools-container_hyvsj_qzxoz_1013:not(#\9) {
1040
1040
  /* stylelint-disable scss/operator-no-newline-after */
1041
- --awsui-tools-max-width-zw2xxa: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
1041
+ --awsui-tools-max-width-y98gph: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
1042
1042
  /* stylelint-enable scss/operator-no-newline-after */
1043
- --awsui-tools-width-zw2xxa: 290px;
1043
+ --awsui-tools-width-y98gph: 290px;
1044
1044
  display: flex;
1045
1045
  grid-column: 5;
1046
1046
  grid-row: 1/span 10;
1047
- height: var(--awsui-content-height-zw2xxa);
1048
- max-width: var(--awsui-tools-max-width-zw2xxa);
1047
+ height: var(--awsui-content-height-y98gph);
1048
+ max-width: var(--awsui-tools-max-width-y98gph);
1049
1049
  position: sticky;
1050
- top: var(--awsui-offset-top-zw2xxa);
1050
+ top: var(--awsui-offset-top-y98gph);
1051
1051
  z-index: 830;
1052
1052
  pointer-events: none;
1053
1053
  }
1054
1054
  @media (min-width: 2541px) {
1055
- .awsui_tools-container_hyvsj_gg3nn_1013:not(#\9) {
1056
- --awsui-tools-width-zw2xxa: 360px;
1055
+ .awsui_tools-container_hyvsj_qzxoz_1013:not(#\9) {
1056
+ --awsui-tools-width-y98gph: 360px;
1057
1057
  }
1058
1058
  }
1059
1059
  @media (max-width: 688px) {
1060
- .awsui_tools-container_hyvsj_gg3nn_1013:not(#\9) {
1061
- --awsui-tools-max-width-zw2xxa: none;
1062
- --awsui-tools-width-zw2xxa: auto;
1060
+ .awsui_tools-container_hyvsj_qzxoz_1013:not(#\9) {
1061
+ --awsui-tools-max-width-y98gph: none;
1062
+ --awsui-tools-width-y98gph: auto;
1063
1063
  position: fixed;
1064
1064
  right: 0;
1065
1065
  z-index: 1001;
@@ -1071,12 +1071,12 @@ viewport size and state of the Tools drawer.
1071
1071
  relative to the body.
1072
1072
  */
1073
1073
  }
1074
- .awsui_tools-container_hyvsj_gg3nn_1013.awsui_disable-body-scroll_hyvsj_gg3nn_191:not(#\9) {
1075
- top: var(--awsui-header-height-zw2xxa);
1074
+ .awsui_tools-container_hyvsj_qzxoz_1013.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9) {
1075
+ top: var(--awsui-header-height-y98gph);
1076
1076
  }
1077
1077
  }
1078
1078
 
1079
- .awsui_tools_hyvsj_gg3nn_1013:not(#\9) {
1079
+ .awsui_tools_hyvsj_qzxoz_1013:not(#\9) {
1080
1080
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1081
1081
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
1082
1082
  flex-shrink: 0;
@@ -1100,48 +1100,48 @@ viewport size and state of the Tools drawer.
1100
1100
  in the side position.
1101
1101
  */
1102
1102
  }
1103
- @keyframes awsui_openTools_hyvsj_gg3nn_1 {
1103
+ @keyframes awsui_openTools_hyvsj_qzxoz_1 {
1104
1104
  from {
1105
- opacity: var(--awsui-tools-animation-starting-opacity-zw2xxa, 0);
1105
+ opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
1106
1106
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
1107
1107
  }
1108
1108
  to {
1109
1109
  opacity: 1;
1110
- width: var(--awsui-tools-width-zw2xxa);
1110
+ width: var(--awsui-tools-width-y98gph);
1111
1111
  }
1112
1112
  }
1113
- .awsui_tools_hyvsj_gg3nn_1013:not(#\9):not(.awsui_is-tools-open_hyvsj_gg3nn_660) {
1113
+ .awsui_tools_hyvsj_qzxoz_1013:not(#\9):not(.awsui_is-tools-open_hyvsj_qzxoz_660) {
1114
1114
  width: 0;
1115
1115
  display: none;
1116
1116
  }
1117
- .awsui_tools_hyvsj_gg3nn_1013.awsui_is-tools-open_hyvsj_gg3nn_660.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
1118
- animation: awsui_openTools_hyvsj_gg3nn_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1117
+ .awsui_tools_hyvsj_qzxoz_1013.awsui_is-tools-open_hyvsj_qzxoz_660.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
1118
+ animation: awsui_openTools_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1119
1119
  }
1120
1120
  @media (prefers-reduced-motion: reduce) {
1121
- .awsui_tools_hyvsj_gg3nn_1013.awsui_is-tools-open_hyvsj_gg3nn_660.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
1121
+ .awsui_tools_hyvsj_qzxoz_1013.awsui_is-tools-open_hyvsj_qzxoz_660.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
1122
1122
  animation: none;
1123
1123
  transition: none;
1124
1124
  }
1125
1125
  }
1126
- .awsui-motion-disabled .awsui_tools_hyvsj_gg3nn_1013.awsui_is-tools-open_hyvsj_gg3nn_660.awsui_animating_hyvsj_gg3nn_768:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_gg3nn_1013.awsui_is-tools-open_hyvsj_gg3nn_660.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
1126
+ .awsui-motion-disabled .awsui_tools_hyvsj_qzxoz_1013.awsui_is-tools-open_hyvsj_qzxoz_660.awsui_animating_hyvsj_qzxoz_768:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_qzxoz_1013.awsui_is-tools-open_hyvsj_qzxoz_660.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
1127
1127
  animation: none;
1128
1128
  transition: none;
1129
1129
  }
1130
- .awsui_tools_hyvsj_gg3nn_1013 > .awsui_animated-content_hyvsj_gg3nn_830:not(#\9) {
1131
- width: var(--awsui-tools-width-zw2xxa);
1130
+ .awsui_tools_hyvsj_qzxoz_1013 > .awsui_animated-content_hyvsj_qzxoz_830:not(#\9) {
1131
+ width: var(--awsui-tools-width-y98gph);
1132
1132
  }
1133
1133
  @media (min-width: 689px) {
1134
- .awsui_tools_hyvsj_gg3nn_1013.awsui_is-tools-open_hyvsj_gg3nn_660.awsui_has-tools-form-persistence_hyvsj_gg3nn_1108:not(#\9) {
1134
+ .awsui_tools_hyvsj_qzxoz_1013.awsui_is-tools-open_hyvsj_qzxoz_660.awsui_has-tools-form-persistence_hyvsj_qzxoz_1108:not(#\9) {
1135
1135
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
1136
1136
  }
1137
1137
  }
1138
1138
  @media (max-width: 688px) {
1139
- .awsui_tools_hyvsj_gg3nn_1013:not(#\9) {
1140
- --awsui-tools-width-zw2xxa: 100vw;
1139
+ .awsui_tools_hyvsj_qzxoz_1013:not(#\9) {
1140
+ --awsui-tools-width-y98gph: 100vw;
1141
1141
  }
1142
1142
  }
1143
1143
 
1144
- .awsui_hide-tools_hyvsj_gg3nn_1118:not(#\9) {
1144
+ .awsui_hide-tools_hyvsj_qzxoz_1118:not(#\9) {
1145
1145
  position: absolute;
1146
1146
  right: var(--space-m-udix3p, 16px);
1147
1147
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1153,7 +1153,7 @@ Warning! If these design tokens for padding change it will adversely impact
1153
1153
  the calculation used to determine the Split Panel maximum width in the
1154
1154
  handleSplitPanelMaxWidth function in the context.
1155
1155
  */
1156
- .awsui_show-tools_hyvsj_gg3nn_1130:not(#\9) {
1156
+ .awsui_show-tools_hyvsj_qzxoz_1130:not(#\9) {
1157
1157
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1158
1158
  border-collapse: separate;
1159
1159
  border-spacing: 0;
@@ -1197,7 +1197,7 @@ handleSplitPanelMaxWidth function in the context.
1197
1197
  take control in responsive viewports.
1198
1198
  */
1199
1199
  }
1200
- @keyframes awsui_showButtons_hyvsj_gg3nn_1 {
1200
+ @keyframes awsui_showButtons_hyvsj_qzxoz_1 {
1201
1201
  0% {
1202
1202
  opacity: 0;
1203
1203
  }
@@ -1205,31 +1205,31 @@ handleSplitPanelMaxWidth function in the context.
1205
1205
  opacity: 1;
1206
1206
  }
1207
1207
  }
1208
- .awsui_show-tools_hyvsj_gg3nn_1130:not(#\9):not(.awsui_has-tools-form_hyvsj_gg3nn_1108) {
1208
+ .awsui_show-tools_hyvsj_qzxoz_1130:not(#\9):not(.awsui_has-tools-form_hyvsj_qzxoz_1108) {
1209
1209
  display: none;
1210
1210
  }
1211
1211
  @media (min-width: 689px) {
1212
- .awsui_show-tools_hyvsj_gg3nn_1130.awsui_has-tools-form_hyvsj_gg3nn_1108:not(#\9) {
1212
+ .awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form_hyvsj_qzxoz_1108:not(#\9) {
1213
1213
  display: flex;
1214
1214
  flex-direction: column;
1215
1215
  gap: var(--space-xs-zb16t3, 8px);
1216
1216
  }
1217
- .awsui_show-tools_hyvsj_gg3nn_1130.awsui_has-tools-form_hyvsj_gg3nn_1108.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
1218
- animation: awsui_showButtons_hyvsj_gg3nn_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1217
+ .awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form_hyvsj_qzxoz_1108.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
1218
+ animation: awsui_showButtons_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1219
1219
  }
1220
1220
  }
1221
1221
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1222
- .awsui_show-tools_hyvsj_gg3nn_1130.awsui_has-tools-form_hyvsj_gg3nn_1108.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
1222
+ .awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form_hyvsj_qzxoz_1108.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
1223
1223
  animation: none;
1224
1224
  transition: none;
1225
1225
  }
1226
1226
  }
1227
1227
  @media (min-width: 689px) {
1228
- .awsui-motion-disabled .awsui_show-tools_hyvsj_gg3nn_1130.awsui_has-tools-form_hyvsj_gg3nn_1108.awsui_animating_hyvsj_gg3nn_768:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_gg3nn_1130.awsui_has-tools-form_hyvsj_gg3nn_1108.awsui_animating_hyvsj_gg3nn_768:not(#\9) {
1228
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form_hyvsj_qzxoz_1108.awsui_animating_hyvsj_qzxoz_768:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form_hyvsj_qzxoz_1108.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
1229
1229
  animation: none;
1230
1230
  transition: none;
1231
1231
  }
1232
- .awsui_show-tools_hyvsj_gg3nn_1130.awsui_has-tools-form-persistence_hyvsj_gg3nn_1108:not(#\9) {
1232
+ .awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form-persistence_hyvsj_qzxoz_1108:not(#\9) {
1233
1233
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1234
1234
  z-index: 1;
1235
1235
  }
@@ -1239,7 +1239,7 @@ handleSplitPanelMaxWidth function in the context.
1239
1239
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1240
1240
  SPDX-License-Identifier: Apache-2.0
1241
1241
  */
1242
- .awsui_trigger-badge-wrapper_hyvsj_gg3nn_1190:not(#\9) {
1242
+ .awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9) {
1243
1243
  background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
1244
1244
  border-radius: 50%;
1245
1245
  height: var(--space-layout-toggle-diameter-x54u6y, 40px);
@@ -1252,10 +1252,10 @@ handleSplitPanelMaxWidth function in the context.
1252
1252
  align-items: center;
1253
1253
  clip-path: path("M38.0215 11.3161C37.1068 11.7545 36.0821 12 35 12C31.134 12 28 8.86599 28 5C28 3.91794 28.2455 2.89322 28.6839 1.97851C26.0575 0.710652 23.1118 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 16.8882 39.2893 13.9425 38.0215 11.3161Z");
1254
1254
  }
1255
- .awsui_trigger-badge-wrapper_hyvsj_gg3nn_1190:not(#\9):hover {
1255
+ .awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9):hover {
1256
1256
  background: var(--color-background-layout-toggle-hover-ho9150, #354150);
1257
1257
  }
1258
- .awsui_trigger-badge-wrapper_hyvsj_gg3nn_1190:not(#\9):active {
1258
+ .awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9):active {
1259
1259
  background: var(--color-background-layout-toggle-active-robi8g, #354150);
1260
1260
  }
1261
1261
 
@@ -1264,7 +1264,7 @@ Warning! If these design tokens for width change it will adversely impact
1264
1264
  the calculation used to determine the Split Panel maximum width in the
1265
1265
  handleSplitPanelMaxWidth function in the context.
1266
1266
  */
1267
- .awsui_trigger_hyvsj_gg3nn_1190:not(#\9) {
1267
+ .awsui_trigger_hyvsj_qzxoz_1190:not(#\9) {
1268
1268
  background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
1269
1269
  border-radius: 50%;
1270
1270
  height: var(--space-layout-toggle-diameter-x54u6y, 40px);
@@ -1276,20 +1276,20 @@ handleSplitPanelMaxWidth function in the context.
1276
1276
  pointer-events: auto;
1277
1277
  position: relative;
1278
1278
  }
1279
- .awsui_trigger_hyvsj_gg3nn_1190:not(#\9):hover {
1279
+ .awsui_trigger_hyvsj_qzxoz_1190:not(#\9):hover {
1280
1280
  background: var(--color-background-layout-toggle-hover-ho9150, #354150);
1281
1281
  }
1282
- .awsui_trigger_hyvsj_gg3nn_1190:not(#\9):active {
1282
+ .awsui_trigger_hyvsj_qzxoz_1190:not(#\9):active {
1283
1283
  background: var(--color-background-layout-toggle-active-robi8g, #354150);
1284
1284
  }
1285
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gg3nn_1190:not(#\9):focus {
1285
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_qzxoz_1190:not(#\9):focus {
1286
1286
  position: relative;
1287
1287
  }
1288
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gg3nn_1190:not(#\9):focus {
1288
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_qzxoz_1190:not(#\9):focus {
1289
1289
  outline: 2px dotted transparent;
1290
1290
  outline-offset: calc(3px - 1px);
1291
1291
  }
1292
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gg3nn_1190:not(#\9):focus::before {
1292
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_qzxoz_1190:not(#\9):focus::before {
1293
1293
  content: " ";
1294
1294
  display: block;
1295
1295
  position: absolute;
@@ -1300,40 +1300,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gg3nn_1190:not(#\9):foc
1300
1300
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1301
1301
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1302
1302
  }
1303
- .awsui_trigger_hyvsj_gg3nn_1190:not(#\9):focus {
1303
+ .awsui_trigger_hyvsj_qzxoz_1190:not(#\9):focus {
1304
1304
  outline: none;
1305
1305
  }
1306
- .awsui_trigger_hyvsj_gg3nn_1190.awsui_selected_hyvsj_gg3nn_1254:not(#\9) {
1306
+ .awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254:not(#\9) {
1307
1307
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1308
1308
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1309
1309
  }
1310
- .awsui_trigger_hyvsj_gg3nn_1190.awsui_selected_hyvsj_gg3nn_1254:not(#\9):hover {
1310
+ .awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254:not(#\9):hover {
1311
1311
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1312
1312
  }
1313
- .awsui_trigger_hyvsj_gg3nn_1190.awsui_selected_hyvsj_gg3nn_1254:not(#\9):active {
1313
+ .awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254:not(#\9):active {
1314
1314
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1315
1315
  }
1316
- .awsui_trigger_hyvsj_gg3nn_1190.awsui_selected_hyvsj_gg3nn_1254 > .awsui_trigger-badge-wrapper_hyvsj_gg3nn_1190:not(#\9) {
1316
+ .awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254 > .awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9) {
1317
1317
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1318
1318
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1319
1319
  }
1320
- .awsui_trigger_hyvsj_gg3nn_1190.awsui_selected_hyvsj_gg3nn_1254 > .awsui_trigger-badge-wrapper_hyvsj_gg3nn_1190:not(#\9):hover {
1320
+ .awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254 > .awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9):hover {
1321
1321
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1322
1322
  }
1323
- .awsui_trigger_hyvsj_gg3nn_1190.awsui_selected_hyvsj_gg3nn_1254 > .awsui_trigger-badge-wrapper_hyvsj_gg3nn_1190:not(#\9):active {
1323
+ .awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254 > .awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9):active {
1324
1324
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1325
1325
  }
1326
- .awsui_trigger_hyvsj_gg3nn_1190.awsui_badge_hyvsj_gg3nn_1274:not(#\9), .awsui_trigger_hyvsj_gg3nn_1190.awsui_badge_hyvsj_gg3nn_1274:not(#\9):hover, .awsui_trigger_hyvsj_gg3nn_1190.awsui_badge_hyvsj_gg3nn_1274:not(#\9):active {
1326
+ .awsui_trigger_hyvsj_qzxoz_1190.awsui_badge_hyvsj_qzxoz_1274:not(#\9), .awsui_trigger_hyvsj_qzxoz_1190.awsui_badge_hyvsj_qzxoz_1274:not(#\9):hover, .awsui_trigger_hyvsj_qzxoz_1190.awsui_badge_hyvsj_qzxoz_1274:not(#\9):active {
1327
1327
  background: transparent;
1328
1328
  }
1329
1329
 
1330
- .awsui_trigger-wrapper_hyvsj_gg3nn_1278:not(#\9) {
1330
+ .awsui_trigger-wrapper_hyvsj_qzxoz_1278:not(#\9) {
1331
1331
  position: relative;
1332
1332
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1333
1333
  border-radius: 50%;
1334
1334
  }
1335
1335
 
1336
- .awsui_dot_hyvsj_gg3nn_1284:not(#\9) {
1336
+ .awsui_dot_hyvsj_qzxoz_1284:not(#\9) {
1337
1337
  position: absolute;
1338
1338
  width: 10px;
1339
1339
  height: 10px;