@cloudscape-design/components 3.0.17 → 3.0.20

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 (115) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +30 -30
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/toggles/styles.css.js +3 -3
  5. package/app-layout/toggles/styles.scoped.css +12 -12
  6. package/app-layout/toggles/styles.selectors.js +3 -3
  7. package/app-layout/visual-refresh/styles.css.js +59 -59
  8. package/app-layout/visual-refresh/styles.scoped.css +152 -152
  9. package/app-layout/visual-refresh/styles.selectors.js +59 -59
  10. package/breadcrumb-group/item/styles.css.js +7 -7
  11. package/breadcrumb-group/item/styles.scoped.css +16 -16
  12. package/breadcrumb-group/item/styles.selectors.js +7 -7
  13. package/button/styles.css.js +18 -18
  14. package/button/styles.scoped.css +163 -163
  15. package/button/styles.selectors.js +18 -18
  16. package/checkbox/styles.css.js +3 -3
  17. package/checkbox/styles.scoped.css +7 -7
  18. package/checkbox/styles.selectors.js +3 -3
  19. package/code-editor/styles.css.js +33 -33
  20. package/code-editor/styles.scoped.css +115 -115
  21. package/code-editor/styles.selectors.js +33 -33
  22. package/date-picker/styles.css.js +24 -24
  23. package/date-picker/styles.scoped.css +42 -42
  24. package/date-picker/styles.selectors.js +24 -24
  25. package/date-range-picker/calendar/grids/day/styles.css.js +21 -21
  26. package/date-range-picker/calendar/grids/day/styles.scoped.css +40 -40
  27. package/date-range-picker/calendar/grids/day/styles.selectors.js +21 -21
  28. package/date-range-picker/dropdown.d.ts.map +1 -1
  29. package/date-range-picker/dropdown.js +30 -31
  30. package/date-range-picker/dropdown.js.map +1 -1
  31. package/expandable-section/styles.css.js +20 -20
  32. package/expandable-section/styles.scoped.css +42 -42
  33. package/expandable-section/styles.selectors.js +20 -20
  34. package/help-panel/styles.css.js +4 -4
  35. package/help-panel/styles.scoped.css +59 -59
  36. package/help-panel/styles.selectors.js +4 -4
  37. package/input/styles.css.js +13 -13
  38. package/input/styles.scoped.css +35 -35
  39. package/input/styles.selectors.js +13 -13
  40. package/internal/base-component/styles.scoped.css +6 -4
  41. package/internal/components/button-trigger/styles.css.js +9 -9
  42. package/internal/components/button-trigger/styles.scoped.css +26 -26
  43. package/internal/components/button-trigger/styles.selectors.js +9 -9
  44. package/internal/components/chart-legend/styles.css.js +7 -7
  45. package/internal/components/chart-legend/styles.scoped.css +16 -16
  46. package/internal/components/chart-legend/styles.selectors.js +7 -7
  47. package/internal/components/filtering-token/styles.css.js +7 -7
  48. package/internal/components/filtering-token/styles.scoped.css +15 -15
  49. package/internal/components/filtering-token/styles.selectors.js +7 -7
  50. package/internal/components/menu-dropdown/styles.css.js +7 -7
  51. package/internal/components/menu-dropdown/styles.scoped.css +14 -14
  52. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  53. package/internal/environment.js +1 -1
  54. package/internal/generated/theming/index.cjs +21 -15
  55. package/internal/generated/theming/index.js +21 -15
  56. package/link/styles.css.js +18 -18
  57. package/link/styles.scoped.css +70 -70
  58. package/link/styles.selectors.js +18 -18
  59. package/package.json +1 -1
  60. package/pagination/styles.css.js +9 -9
  61. package/pagination/styles.scoped.css +24 -24
  62. package/pagination/styles.selectors.js +9 -9
  63. package/popover/styles.css.js +48 -48
  64. package/popover/styles.scoped.css +63 -63
  65. package/popover/styles.selectors.js +48 -48
  66. package/property-filter/interfaces.d.ts +1 -1
  67. package/property-filter/interfaces.js.map +1 -1
  68. package/radio-group/styles.css.js +9 -9
  69. package/radio-group/styles.scoped.css +17 -17
  70. package/radio-group/styles.selectors.js +9 -9
  71. package/segmented-control/styles.css.js +14 -14
  72. package/segmented-control/styles.scoped.css +34 -34
  73. package/segmented-control/styles.selectors.js +14 -14
  74. package/side-navigation/styles.css.js +22 -22
  75. package/side-navigation/styles.scoped.css +33 -33
  76. package/side-navigation/styles.selectors.js +22 -22
  77. package/split-panel/styles.css.js +58 -58
  78. package/split-panel/styles.scoped.css +81 -81
  79. package/split-panel/styles.selectors.js +58 -58
  80. package/table/header-cell/styles.css.js +14 -14
  81. package/table/header-cell/styles.scoped.css +26 -26
  82. package/table/header-cell/styles.selectors.js +14 -14
  83. package/tabs/styles.css.js +21 -21
  84. package/tabs/styles.scoped.css +38 -38
  85. package/tabs/styles.selectors.js +21 -21
  86. package/tag-editor/styles.css.js +3 -3
  87. package/tag-editor/styles.scoped.css +11 -11
  88. package/tag-editor/styles.selectors.js +3 -3
  89. package/text-content/styles.css.js +1 -1
  90. package/text-content/styles.scoped.css +61 -61
  91. package/text-content/styles.selectors.js +1 -1
  92. package/textarea/styles.css.js +4 -4
  93. package/textarea/styles.scoped.css +14 -14
  94. package/textarea/styles.selectors.js +4 -4
  95. package/tiles/styles.css.js +28 -28
  96. package/tiles/styles.scoped.css +69 -69
  97. package/tiles/styles.selectors.js +28 -28
  98. package/toggle/styles.css.js +8 -8
  99. package/toggle/styles.scoped.css +15 -15
  100. package/toggle/styles.selectors.js +8 -8
  101. package/token-group/styles.css.js +7 -7
  102. package/token-group/styles.scoped.css +25 -25
  103. package/token-group/styles.selectors.js +7 -7
  104. package/top-navigation/1.0-beta/styles.css.js +25 -25
  105. package/top-navigation/1.0-beta/styles.scoped.css +43 -43
  106. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  107. package/top-navigation/styles.css.js +47 -47
  108. package/top-navigation/styles.scoped.css +68 -68
  109. package/top-navigation/styles.selectors.js +47 -47
  110. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  111. package/tutorial-panel/components/tutorial-list/styles.scoped.css +29 -29
  112. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  113. package/wizard/styles.css.js +31 -31
  114. package/wizard/styles.scoped.css +59 -59
  115. package/wizard/styles.selectors.js +31 -31
@@ -90,7 +90,7 @@ 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
- section.awsui_appbar_hyvsj_blfh0_93:not(#\9) {
93
+ section.awsui_appbar_hyvsj_1cvzy_93:not(#\9) {
94
94
  align-items: center;
95
95
  box-sizing: border-box;
96
96
  display: grid;
@@ -114,23 +114,23 @@ section.awsui_appbar_hyvsj_blfh0_93:not(#\9) {
114
114
  span the entire column definition of the Layout grid.
115
115
  */
116
116
  }
117
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-nav_hyvsj_blfh0_117:not(#\9) {
117
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_appbar-nav_hyvsj_1cvzy_117:not(#\9) {
118
118
  grid-column: 1;
119
119
  margin-right: 16px;
120
120
  margin-right: var(--space-m-17eucw, 16px);
121
121
  }
122
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121:not(#\9) {
122
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121:not(#\9) {
123
123
  grid-column: 2;
124
124
  background-color: #ffffff;
125
125
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
126
126
  }
127
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-tools_hyvsj_blfh0_125:not(#\9) {
127
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_appbar-tools_hyvsj_1cvzy_125:not(#\9) {
128
128
  grid-column: 3;
129
129
  margin-left: 16px;
130
130
  margin-left: var(--space-m-17eucw, 16px);
131
131
  }
132
132
  @media (min-width: 689px) {
133
- section.awsui_appbar_hyvsj_blfh0_93:not(#\9) {
133
+ section.awsui_appbar_hyvsj_1cvzy_93:not(#\9) {
134
134
  /*
135
135
  If Breadcrumbs do not exist then the AppBar should be suppressed
136
136
  because in large viewports the triggers are rendered
@@ -160,35 +160,35 @@ section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-tools_hyvsj_blfh0_125:not(#\
160
160
  reduce the the vertical distance from the main content.
161
161
  */
162
162
  }
163
- section.awsui_appbar_hyvsj_blfh0_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_blfh0_160) {
163
+ section.awsui_appbar_hyvsj_1cvzy_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160) {
164
164
  display: none;
165
165
  }
166
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-nav_hyvsj_blfh0_117:not(#\9),
167
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-tools_hyvsj_blfh0_125:not(#\9) {
166
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_appbar-nav_hyvsj_1cvzy_117:not(#\9),
167
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_appbar-tools_hyvsj_1cvzy_125:not(#\9) {
168
168
  display: none;
169
169
  }
170
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_blfh0_167) {
170
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_1cvzy_167) {
171
171
  padding-top: 16px;
172
172
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
173
173
  }
174
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121.awsui_has-notifications-content_hyvsj_blfh0_167:not(#\9) {
174
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121.awsui_has-notifications-content_hyvsj_1cvzy_167:not(#\9) {
175
175
  padding-top: 12px;
176
176
  padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
177
177
  }
178
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121:not(#\9):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173),
179
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121:not(#\9):not(.awsui_has-header_hyvsj_blfh0_173).awsui_content-type-wizard_hyvsj_blfh0_174 {
178
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121:not(#\9):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173),
179
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121:not(#\9):not(.awsui_has-header_hyvsj_1cvzy_173).awsui_content-type-wizard_hyvsj_1cvzy_174 {
180
180
  padding-bottom: 16px;
181
181
  padding-bottom: var(--space-m-17eucw, 16px);
182
182
  }
183
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121.awsui_content-type-cards_hyvsj_blfh0_177:not(#\9),
184
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121.awsui_content-type-table_hyvsj_blfh0_178:not(#\9) {
183
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121.awsui_content-type-cards_hyvsj_1cvzy_177:not(#\9),
184
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121.awsui_content-type-table_hyvsj_1cvzy_178:not(#\9) {
185
185
  padding-bottom: 4px;
186
186
  padding-bottom: var(--space-xxs-ynfts5, 4px);
187
187
  z-index: 799;
188
188
  }
189
189
  }
190
190
  @media (max-width: 688px) {
191
- section.awsui_appbar_hyvsj_blfh0_93:not(#\9) {
191
+ section.awsui_appbar_hyvsj_1cvzy_93:not(#\9) {
192
192
  background-color: #000716;
193
193
  background-color: var(--color-background-home-header-mpq08f, #000716);
194
194
  border-bottom: 1px solid #e9ebed;
@@ -209,11 +209,11 @@ section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121.awsui_c
209
209
  they are now sticky positioned in the viewport with the AppBar.
210
210
  */
211
211
  }
212
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-nav_hyvsj_blfh0_117:not(#\9),
213
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-tools_hyvsj_blfh0_125:not(#\9) {
212
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_appbar-nav_hyvsj_1cvzy_117:not(#\9),
213
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_appbar-tools_hyvsj_1cvzy_125:not(#\9) {
214
214
  display: block;
215
215
  }
216
- section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121:not(#\9) {
216
+ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121:not(#\9) {
217
217
  padding: 0;
218
218
  }
219
219
  }
@@ -222,10 +222,10 @@ section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-tools_hyvsj_blfh0_125:not(#\
222
222
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
223
223
  SPDX-License-Identifier: Apache-2.0
224
224
  */
225
- div.awsui_background_hyvsj_blfh0_213:not(#\9) {
225
+ div.awsui_background_hyvsj_1cvzy_213:not(#\9) {
226
226
  display: contents;
227
227
  }
228
- div.awsui_background_hyvsj_blfh0_213 > .awsui_notifications-appbar-header_hyvsj_blfh0_216:not(#\9) {
228
+ div.awsui_background_hyvsj_1cvzy_213 > .awsui_notifications-appbar-header_hyvsj_1cvzy_216:not(#\9) {
229
229
  background-color: #ffffff;
230
230
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
231
231
  grid-column: 1/span 5;
@@ -238,13 +238,13 @@ div.awsui_background_hyvsj_blfh0_213 > .awsui_notifications-appbar-header_hyvsj_
238
238
  */
239
239
  }
240
240
  @media (min-width: 689px) {
241
- div.awsui_background_hyvsj_blfh0_213 > .awsui_notifications-appbar-header_hyvsj_blfh0_216.awsui_content-type-cards_hyvsj_blfh0_177.awsui_has-notifications-content_hyvsj_blfh0_167.awsui_sticky-notifications_hyvsj_blfh0_228:not(#\9), div.awsui_background_hyvsj_blfh0_213 > .awsui_notifications-appbar-header_hyvsj_blfh0_216.awsui_content-type-table_hyvsj_blfh0_178.awsui_has-notifications-content_hyvsj_blfh0_167.awsui_sticky-notifications_hyvsj_blfh0_228:not(#\9) {
241
+ div.awsui_background_hyvsj_1cvzy_213 > .awsui_notifications-appbar-header_hyvsj_1cvzy_216.awsui_content-type-cards_hyvsj_1cvzy_177.awsui_has-notifications-content_hyvsj_1cvzy_167.awsui_sticky-notifications_hyvsj_1cvzy_228:not(#\9), div.awsui_background_hyvsj_1cvzy_213 > .awsui_notifications-appbar-header_hyvsj_1cvzy_216.awsui_content-type-table_hyvsj_1cvzy_178.awsui_has-notifications-content_hyvsj_1cvzy_167.awsui_sticky-notifications_hyvsj_1cvzy_228:not(#\9) {
242
242
  position: sticky;
243
243
  top: var(--awsui-offset-top-ujkcpl);
244
244
  z-index: 799;
245
245
  }
246
246
  }
247
- div.awsui_background_hyvsj_blfh0_213 > .awsui_overlap_hyvsj_blfh0_234:not(#\9) {
247
+ div.awsui_background_hyvsj_1cvzy_213 > .awsui_overlap_hyvsj_1cvzy_234:not(#\9) {
248
248
  background-color: #ffffff;
249
249
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
250
250
  grid-column: 1/span 5;
@@ -258,7 +258,7 @@ div.awsui_background_hyvsj_blfh0_213 > .awsui_overlap_hyvsj_blfh0_234:not(#\9) {
258
258
  */
259
259
  }
260
260
  @media (min-width: 689px) {
261
- div.awsui_background_hyvsj_blfh0_213 > .awsui_overlap_hyvsj_blfh0_234.awsui_content-type-cards_hyvsj_blfh0_177:not(#\9), div.awsui_background_hyvsj_blfh0_213 > .awsui_overlap_hyvsj_blfh0_234.awsui_content-type-table_hyvsj_blfh0_178:not(#\9) {
261
+ div.awsui_background_hyvsj_1cvzy_213 > .awsui_overlap_hyvsj_1cvzy_234.awsui_content-type-cards_hyvsj_1cvzy_177:not(#\9), div.awsui_background_hyvsj_1cvzy_213 > .awsui_overlap_hyvsj_1cvzy_234.awsui_content-type-table_hyvsj_1cvzy_178:not(#\9) {
262
262
  position: sticky;
263
263
  top: var(--awsui-offset-top-with-notifications-ujkcpl);
264
264
  z-index: 799;
@@ -269,14 +269,14 @@ div.awsui_background_hyvsj_blfh0_213 > .awsui_overlap_hyvsj_blfh0_234:not(#\9) {
269
269
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
270
270
  SPDX-License-Identifier: Apache-2.0
271
271
  */
272
- header.awsui_content_hyvsj_blfh0_174:not(#\9) {
272
+ header.awsui_content_hyvsj_1cvzy_174:not(#\9) {
273
273
  grid-column: 3;
274
274
  grid-row: 3;
275
275
  padding-bottom: 24px;
276
276
  padding-bottom: var(--space-dark-header-padding-bottom-jg1586, 24px);
277
277
  }
278
278
  @media (min-width: 689px) {
279
- header.awsui_content_hyvsj_blfh0_174:not(#\9) {
279
+ header.awsui_content_hyvsj_1cvzy_174:not(#\9) {
280
280
  /*
281
281
  If Notifications exist and Breadcrumbs do not then Notifications
282
282
  is the previous adjacent sibling to the Header. Add minimal top padding
@@ -294,21 +294,21 @@ header.awsui_content_hyvsj_blfh0_174:not(#\9) {
294
294
  circular buttons.
295
295
  */
296
296
  }
297
- header.awsui_content_hyvsj_blfh0_174.awsui_has-notifications-content_hyvsj_blfh0_167:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_blfh0_160) {
297
+ header.awsui_content_hyvsj_1cvzy_174.awsui_has-notifications-content_hyvsj_1cvzy_167:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160) {
298
298
  padding-top: 8px;
299
299
  padding-top: var(--space-scaled-xs-6859qs, 8px);
300
300
  }
301
- header.awsui_content_hyvsj_blfh0_174.awsui_has-breadcrumbs_hyvsj_blfh0_160:not(#\9) {
301
+ header.awsui_content_hyvsj_1cvzy_174.awsui_has-breadcrumbs_hyvsj_1cvzy_160:not(#\9) {
302
302
  padding-top: 4px;
303
303
  padding-top: var(--space-xxs-ynfts5, 4px);
304
304
  }
305
- header.awsui_content_hyvsj_blfh0_174:not(#\9):not(.awsui_has-notifications-content_hyvsj_blfh0_167):not(.awsui_has-breadcrumbs_hyvsj_blfh0_160) {
305
+ header.awsui_content_hyvsj_1cvzy_174:not(#\9):not(.awsui_has-notifications-content_hyvsj_1cvzy_167):not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160) {
306
306
  padding-top: 8px;
307
307
  padding-top: var(--space-scaled-xs-6859qs, 8px);
308
308
  }
309
309
  }
310
310
  @media (max-width: 688px) {
311
- header.awsui_content_hyvsj_blfh0_174:not(#\9) {
311
+ header.awsui_content_hyvsj_1cvzy_174:not(#\9) {
312
312
  padding: 16px 0 24px;
313
313
  padding: var(--space-m-17eucw, 16px) 0 var(--space-dark-header-padding-bottom-jg1586, 24px);
314
314
  /*
@@ -316,7 +316,7 @@ header.awsui_content_hyvsj_blfh0_174:not(#\9) {
316
316
  are now the previous adjacent sibling if they exist.
317
317
  */
318
318
  }
319
- header.awsui_content_hyvsj_blfh0_174.awsui_has-notifications-content_hyvsj_blfh0_167:not(#\9) {
319
+ header.awsui_content_hyvsj_1cvzy_174.awsui_has-notifications-content_hyvsj_1cvzy_167:not(#\9) {
320
320
  padding-top: 8px;
321
321
  padding-top: var(--space-scaled-xs-6859qs, 8px);
322
322
  }
@@ -339,7 +339,7 @@ header.awsui_content_hyvsj_blfh0_174:not(#\9) {
339
339
  circumstances regardless of whether the minContentWidth property is
340
340
  explicitly set in script.
341
341
  */
342
- .awsui_layout_hyvsj_blfh0_322:not(#\9) {
342
+ .awsui_layout_hyvsj_1cvzy_322:not(#\9) {
343
343
  --awsui-content-gap-left-ujkcpl: 0px;
344
344
  --awsui-content-gap-right-ujkcpl: 0px;
345
345
  --awsui-content-height-ujkcpl: calc(100vh - var(--awsui-header-height-ujkcpl) - var(--awsui-footer-height-ujkcpl));
@@ -422,75 +422,75 @@ header.awsui_content_hyvsj_blfh0_174:not(#\9) {
422
422
  */
423
423
  }
424
424
  @media (min-width: 1401px) {
425
- .awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_blfh0_404) {
425
+ .awsui_layout_hyvsj_1cvzy_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cvzy_404) {
426
426
  --awsui-default-max-content-width-ujkcpl: 1280px;
427
427
  }
428
428
  }
429
429
  @media (min-width: 1921px) {
430
- .awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_blfh0_404) {
430
+ .awsui_layout_hyvsj_1cvzy_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cvzy_404) {
431
431
  --awsui-default-max-content-width-ujkcpl: 1440px;
432
432
  }
433
433
  }
434
434
  @media (min-width: 2541px) {
435
- .awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_blfh0_404) {
435
+ .awsui_layout_hyvsj_1cvzy_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cvzy_404) {
436
436
  --awsui-default-max-content-width-ujkcpl: 1620px;
437
437
  }
438
438
  }
439
- .awsui_layout_hyvsj_blfh0_322.awsui_has-max-content-width_hyvsj_blfh0_404:not(#\9) {
439
+ .awsui_layout_hyvsj_1cvzy_322.awsui_has-max-content-width_hyvsj_1cvzy_404:not(#\9) {
440
440
  --awsui-default-max-content-width-ujkcpl: var(--awsui-max-content-width-ujkcpl);
441
441
  }
442
442
  @media (min-width: 993px) {
443
- .awsui_layout_hyvsj_blfh0_322:not(#\9) {
443
+ .awsui_layout_hyvsj_1cvzy_322:not(#\9) {
444
444
  --awsui-default-min-content-width-ujkcpl: var(--awsui-min-content-width-ujkcpl, 280px);
445
445
  }
446
446
  }
447
447
  @media (max-width: 992px) {
448
- .awsui_layout_hyvsj_blfh0_322:not(#\9) {
448
+ .awsui_layout_hyvsj_1cvzy_322:not(#\9) {
449
449
  --awsui-default-min-content-width-ujkcpl: 0px;
450
450
  }
451
451
  }
452
- .awsui_layout_hyvsj_blfh0_322.awsui_is-overlap-disabled_hyvsj_blfh0_431:not(#\9) {
452
+ .awsui_layout_hyvsj_1cvzy_322.awsui_is-overlap-disabled_hyvsj_1cvzy_431:not(#\9) {
453
453
  --awsui-overlap-height-ujkcpl: 0;
454
454
  }
455
- .awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_blfh0_434) {
455
+ .awsui_layout_hyvsj_1cvzy_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1cvzy_434) {
456
456
  --awsui-offset-top-ujkcpl: var(--awsui-header-height-ujkcpl);
457
457
  min-height: var(--awsui-content-height-ujkcpl);
458
458
  }
459
- .awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_blfh0_434):not(.awsui_has-sticky-notifications_hyvsj_blfh0_438) {
459
+ .awsui_layout_hyvsj_1cvzy_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1cvzy_434):not(.awsui_has-sticky-notifications_hyvsj_1cvzy_438) {
460
460
  --awsui-offset-top-with-notifications-ujkcpl: var(--awsui-header-height-ujkcpl);
461
461
  }
462
- .awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_blfh0_434).awsui_has-sticky-notifications_hyvsj_blfh0_438 {
462
+ .awsui_layout_hyvsj_1cvzy_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1cvzy_434).awsui_has-sticky-notifications_hyvsj_1cvzy_438 {
463
463
  --awsui-offset-top-with-notifications-ujkcpl: calc(
464
464
  var(--awsui-header-height-ujkcpl) + var(--awsui-notifications-height-ujkcpl) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
465
465
  );
466
466
  }
467
- .awsui_layout_hyvsj_blfh0_322.awsui_disable-body-scroll_hyvsj_blfh0_434:not(#\9) {
467
+ .awsui_layout_hyvsj_1cvzy_322.awsui_disable-body-scroll_hyvsj_1cvzy_434:not(#\9) {
468
468
  --awsui-offset-top-ujkcpl: 0px;
469
469
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) 1fr auto;
470
470
  height: var(--awsui-content-height-ujkcpl);
471
471
  overflow-y: scroll;
472
472
  }
473
- .awsui_layout_hyvsj_blfh0_322.awsui_disable-body-scroll_hyvsj_blfh0_434.awsui_has-split-panel_hyvsj_blfh0_452.awsui_split-panel-position-bottom_hyvsj_blfh0_452:not(#\9) {
473
+ .awsui_layout_hyvsj_1cvzy_322.awsui_disable-body-scroll_hyvsj_1cvzy_434.awsui_has-split-panel_hyvsj_1cvzy_452.awsui_split-panel-position-bottom_hyvsj_1cvzy_452:not(#\9) {
474
474
  grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) repeat(2, auto);
475
475
  }
476
- .awsui_layout_hyvsj_blfh0_322.awsui_disable-body-scroll_hyvsj_blfh0_434:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_blfh0_438) {
476
+ .awsui_layout_hyvsj_1cvzy_322.awsui_disable-body-scroll_hyvsj_1cvzy_434:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1cvzy_438) {
477
477
  --awsui-offset-top-with-notifications-ujkcpl: 0px;
478
478
  }
479
- .awsui_layout_hyvsj_blfh0_322.awsui_disable-body-scroll_hyvsj_blfh0_434.awsui_has-sticky-notifications_hyvsj_blfh0_438:not(#\9) {
479
+ .awsui_layout_hyvsj_1cvzy_322.awsui_disable-body-scroll_hyvsj_1cvzy_434.awsui_has-sticky-notifications_hyvsj_1cvzy_438:not(#\9) {
480
480
  --awsui-offset-top-with-notifications-ujkcpl: calc(
481
481
  var(--awsui-notifications-height-ujkcpl) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
482
482
  );
483
483
  }
484
484
  @media (min-width: 689px) {
485
- .awsui_layout_hyvsj_blfh0_322.awsui_has-content-gap-left_hyvsj_blfh0_464:not(#\9) {
485
+ .awsui_layout_hyvsj_1cvzy_322.awsui_has-content-gap-left_hyvsj_1cvzy_464:not(#\9) {
486
486
  --awsui-content-gap-left-ujkcpl: var(--space-scaled-2x-xxxl-lbp35j, 40px);
487
487
  }
488
- .awsui_layout_hyvsj_blfh0_322.awsui_has-content-gap-right_hyvsj_blfh0_467:not(#\9) {
488
+ .awsui_layout_hyvsj_1cvzy_322.awsui_has-content-gap-right_hyvsj_1cvzy_467:not(#\9) {
489
489
  --awsui-content-gap-right-ujkcpl: var(--space-scaled-2x-xxxl-lbp35j, 40px);
490
490
  }
491
491
  }
492
492
  @media (max-width: 688px) {
493
- .awsui_layout_hyvsj_blfh0_322:not(#\9) {
493
+ .awsui_layout_hyvsj_1cvzy_322:not(#\9) {
494
494
  --awsui-content-gap-left-ujkcpl: var(--space-l-4vl6xu, 20px);
495
495
  --awsui-content-gap-right-ujkcpl: var(--space-l-4vl6xu, 20px);
496
496
  }
@@ -500,7 +500,7 @@ header.awsui_content_hyvsj_blfh0_174:not(#\9) {
500
500
  This CSS class is applied to the document body to prevent overflow scrolling
501
501
  when the navigation or tools drawers are open in responsive viewports.
502
502
  */
503
- .awsui_block-body-scroll_hyvsj_blfh0_482:not(#\9) {
503
+ .awsui_block-body-scroll_hyvsj_1cvzy_482:not(#\9) {
504
504
  overflow: hidden;
505
505
  }
506
506
 
@@ -508,7 +508,7 @@ when the navigation or tools drawers are open in responsive viewports.
508
508
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
509
509
  SPDX-License-Identifier: Apache-2.0
510
510
  */
511
- .awsui_container_hyvsj_blfh0_490:not(#\9) {
511
+ .awsui_container_hyvsj_1cvzy_490:not(#\9) {
512
512
  grid-column: 3;
513
513
  grid-row: 4/span 2;
514
514
  padding-bottom: 40px;
@@ -526,20 +526,20 @@ when the navigation or tools drawers are open in responsive viewports.
526
526
  under various circumstances.
527
527
  */
528
528
  }
529
- .awsui_container_hyvsj_blfh0_490.awsui_disable-content-paddings_hyvsj_blfh0_507:not(#\9) {
529
+ .awsui_container_hyvsj_1cvzy_490.awsui_disable-content-paddings_hyvsj_1cvzy_507:not(#\9) {
530
530
  grid-column: 1/6;
531
531
  padding: 0;
532
532
  }
533
533
  @media (min-width: 689px) {
534
- .awsui_container_hyvsj_blfh0_490.awsui_disable-content-paddings_hyvsj_blfh0_507.awsui_is-navigation-open_hyvsj_blfh0_512:not(#\9) {
534
+ .awsui_container_hyvsj_1cvzy_490.awsui_disable-content-paddings_hyvsj_1cvzy_507.awsui_is-navigation-open_hyvsj_1cvzy_512:not(#\9) {
535
535
  grid-column-start: 2;
536
536
  }
537
- .awsui_container_hyvsj_blfh0_490.awsui_disable-content-paddings_hyvsj_blfh0_507.awsui_is-tools-open_hyvsj_blfh0_515:not(#\9), .awsui_container_hyvsj_blfh0_490.awsui_disable-content-paddings_hyvsj_blfh0_507.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_split-panel-position-side_hyvsj_blfh0_515:not(#\9) {
537
+ .awsui_container_hyvsj_1cvzy_490.awsui_disable-content-paddings_hyvsj_1cvzy_507.awsui_is-tools-open_hyvsj_1cvzy_515:not(#\9), .awsui_container_hyvsj_1cvzy_490.awsui_disable-content-paddings_hyvsj_1cvzy_507.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_split-panel-position-side_hyvsj_1cvzy_515:not(#\9) {
538
538
  grid-column-end: 5;
539
539
  }
540
540
  }
541
541
  @media (min-width: 689px) {
542
- .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507) {
542
+ .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507) {
543
543
  /*
544
544
  Notifications is the previous adjacent sibling to the Main in
545
545
  desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -554,20 +554,20 @@ when the navigation or tools drawers are open in responsive viewports.
554
554
  sibling to the Main which requires no top padding.
555
555
  */
556
556
  }
557
- .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-default_hyvsj_blfh0_535.awsui_has-notifications-content_hyvsj_blfh0_167:not(.awsui_has-breadcrumbs_hyvsj_blfh0_160):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173), .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-form_hyvsj_blfh0_535.awsui_has-notifications-content_hyvsj_blfh0_167:not(.awsui_has-breadcrumbs_hyvsj_blfh0_160):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173) {
557
+ .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-default_hyvsj_1cvzy_535.awsui_has-notifications-content_hyvsj_1cvzy_167:not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173), .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-form_hyvsj_1cvzy_535.awsui_has-notifications-content_hyvsj_1cvzy_167:not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173) {
558
558
  padding-top: 16px;
559
559
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
560
560
  }
561
- .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-default_hyvsj_blfh0_535:not(.awsui_has-notifications-content_hyvsj_blfh0_167):not(.awsui_has-breadcrumbs_hyvsj_blfh0_160):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173), .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-form_hyvsj_blfh0_535:not(.awsui_has-notifications-content_hyvsj_blfh0_167):not(.awsui_has-breadcrumbs_hyvsj_blfh0_160):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173) {
561
+ .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-default_hyvsj_1cvzy_535:not(.awsui_has-notifications-content_hyvsj_1cvzy_167):not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173), .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-form_hyvsj_1cvzy_535:not(.awsui_has-notifications-content_hyvsj_1cvzy_167):not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173) {
562
562
  padding-top: 8px;
563
563
  padding-top: var(--space-scaled-xs-6859qs, 8px);
564
564
  }
565
- .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_has-header_hyvsj_blfh0_173, .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_has-dynamic-overlap-height_hyvsj_blfh0_173 {
565
+ .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_has-header_hyvsj_1cvzy_173, .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173 {
566
566
  padding-top: 0;
567
567
  }
568
568
  }
569
569
  @media (max-width: 688px) {
570
- .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507) {
570
+ .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507) {
571
571
  /*
572
572
  If the Notifications exist but the Header does not then the
573
573
  Notifications is the previous adjacent sibling to the Main
@@ -582,24 +582,24 @@ when the navigation or tools drawers are open in responsive viewports.
582
582
  sibling to the Main which requires no top padding.
583
583
  */
584
584
  }
585
- .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-default_hyvsj_blfh0_535.awsui_has-notifications-content_hyvsj_blfh0_167:not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173), .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-form_hyvsj_blfh0_535.awsui_has-notifications-content_hyvsj_blfh0_167:not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173) {
585
+ .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-default_hyvsj_1cvzy_535.awsui_has-notifications-content_hyvsj_1cvzy_167:not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173), .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-form_hyvsj_1cvzy_535.awsui_has-notifications-content_hyvsj_1cvzy_167:not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173) {
586
586
  padding-top: 16px;
587
587
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
588
588
  }
589
- .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-default_hyvsj_blfh0_535:not(.awsui_has-notifications-content_hyvsj_blfh0_167):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173), .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-form_hyvsj_blfh0_535:not(.awsui_has-notifications-content_hyvsj_blfh0_167):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173) {
589
+ .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-default_hyvsj_1cvzy_535:not(.awsui_has-notifications-content_hyvsj_1cvzy_167):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173), .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-form_hyvsj_1cvzy_535:not(.awsui_has-notifications-content_hyvsj_1cvzy_167):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173) {
590
590
  padding-top: 16px;
591
591
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
592
592
  }
593
- .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_has-header_hyvsj_blfh0_173, .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_has-dynamic-overlap-height_hyvsj_blfh0_173 {
593
+ .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_has-header_hyvsj_1cvzy_173, .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173 {
594
594
  padding-top: 0;
595
595
  }
596
596
  }
597
- .awsui_container_hyvsj_blfh0_490.awsui_content-type-cards_hyvsj_blfh0_177:not(#\9), .awsui_container_hyvsj_blfh0_490.awsui_content-type-table_hyvsj_blfh0_178:not(#\9), .awsui_container_hyvsj_blfh0_490.awsui_content-type-wizard_hyvsj_blfh0_174:not(#\9) {
597
+ .awsui_container_hyvsj_1cvzy_490.awsui_content-type-cards_hyvsj_1cvzy_177:not(#\9), .awsui_container_hyvsj_1cvzy_490.awsui_content-type-table_hyvsj_1cvzy_178:not(#\9), .awsui_container_hyvsj_1cvzy_490.awsui_content-type-wizard_hyvsj_1cvzy_174:not(#\9) {
598
598
  padding-top: 0;
599
599
  }
600
600
 
601
601
  /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
602
- .awsui_unfocusable_hyvsj_blfh0_576 *:not(#\9) {
602
+ .awsui_unfocusable_hyvsj_1cvzy_576 *:not(#\9) {
603
603
  visibility: hidden !important;
604
604
  }
605
605
 
@@ -607,7 +607,7 @@ when the navigation or tools drawers are open in responsive viewports.
607
607
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
608
608
  SPDX-License-Identifier: Apache-2.0
609
609
  */
610
- .awsui_navigation-container_hyvsj_blfh0_584:not(#\9) {
610
+ .awsui_navigation-container_hyvsj_1cvzy_584:not(#\9) {
611
611
  --awsui-navigation-width-ujkcpl: 280px;
612
612
  display: flex;
613
613
  grid-column: 1;
@@ -618,12 +618,12 @@ when the navigation or tools drawers are open in responsive viewports.
618
618
  z-index: 850;
619
619
  }
620
620
  @media (min-width: 2541px) {
621
- .awsui_navigation-container_hyvsj_blfh0_584:not(#\9) {
621
+ .awsui_navigation-container_hyvsj_1cvzy_584:not(#\9) {
622
622
  --awsui-navigation-width-ujkcpl: 320px;
623
623
  }
624
624
  }
625
625
  @media (max-width: 688px) {
626
- .awsui_navigation-container_hyvsj_blfh0_584:not(#\9) {
626
+ .awsui_navigation-container_hyvsj_1cvzy_584:not(#\9) {
627
627
  left: 0;
628
628
  position: fixed;
629
629
  top: var(--awsui-offset-top-ujkcpl);
@@ -631,7 +631,7 @@ when the navigation or tools drawers are open in responsive viewports.
631
631
  }
632
632
  }
633
633
 
634
- nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9) {
634
+ nav.awsui_show-navigation_hyvsj_1cvzy_608:not(#\9) {
635
635
  padding: 12px 20px;
636
636
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
637
637
  /*
@@ -639,7 +639,7 @@ nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9) {
639
639
  take control in responsive viewports.
640
640
  */
641
641
  }
642
- @keyframes awsui_showButtons_hyvsj_blfh0_1 {
642
+ @keyframes awsui_showButtons_hyvsj_1cvzy_1 {
643
643
  0% {
644
644
  opacity: 0;
645
645
  }
@@ -647,32 +647,32 @@ nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9) {
647
647
  opacity: 1;
648
648
  }
649
649
  }
650
- nav.awsui_show-navigation_hyvsj_blfh0_608.awsui_is-navigation-open_hyvsj_blfh0_512:not(#\9) {
650
+ nav.awsui_show-navigation_hyvsj_1cvzy_608.awsui_is-navigation-open_hyvsj_1cvzy_512:not(#\9) {
651
651
  display: none;
652
652
  }
653
653
  @media (min-width: 689px) {
654
- nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512) {
654
+ nav.awsui_show-navigation_hyvsj_1cvzy_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cvzy_512) {
655
655
  display: block;
656
656
  }
657
- nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512).awsui_animating_hyvsj_blfh0_630 {
658
- animation: awsui_showButtons_hyvsj_blfh0_1 115ms;
659
- animation: awsui_showButtons_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
657
+ nav.awsui_show-navigation_hyvsj_1cvzy_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cvzy_512).awsui_animating_hyvsj_1cvzy_630 {
658
+ animation: awsui_showButtons_hyvsj_1cvzy_1 115ms;
659
+ animation: awsui_showButtons_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
660
660
  }
661
661
  }
662
662
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
663
- nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512).awsui_animating_hyvsj_blfh0_630 {
663
+ nav.awsui_show-navigation_hyvsj_1cvzy_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cvzy_512).awsui_animating_hyvsj_1cvzy_630 {
664
664
  animation: none;
665
665
  transition: none;
666
666
  }
667
667
  }
668
668
  @media (min-width: 689px) {
669
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512).awsui_animating_hyvsj_blfh0_630, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512).awsui_animating_hyvsj_blfh0_630 {
669
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1cvzy_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cvzy_512).awsui_animating_hyvsj_1cvzy_630, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1cvzy_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cvzy_512).awsui_animating_hyvsj_1cvzy_630 {
670
670
  animation: none;
671
671
  transition: none;
672
672
  }
673
673
  }
674
674
 
675
- nav.awsui_navigation_hyvsj_blfh0_584:not(#\9) {
675
+ nav.awsui_navigation_hyvsj_1cvzy_584:not(#\9) {
676
676
  background-color: #ffffff;
677
677
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
678
678
  box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
@@ -690,7 +690,7 @@ nav.awsui_navigation_hyvsj_blfh0_584:not(#\9) {
690
690
  prevent unwanted text wrapping.
691
691
  */
692
692
  }
693
- @keyframes awsui_openNavigation_hyvsj_blfh0_1 {
693
+ @keyframes awsui_openNavigation_hyvsj_1cvzy_1 {
694
694
  from {
695
695
  opacity: 0;
696
696
  width: calc(20px * 2 + 40px);
@@ -701,34 +701,34 @@ nav.awsui_navigation_hyvsj_blfh0_584:not(#\9) {
701
701
  width: var(--awsui-navigation-width-ujkcpl);
702
702
  }
703
703
  }
704
- nav.awsui_navigation_hyvsj_blfh0_584:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512) {
704
+ nav.awsui_navigation_hyvsj_1cvzy_584:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cvzy_512) {
705
705
  width: 0;
706
706
  display: none;
707
707
  }
708
- nav.awsui_navigation_hyvsj_blfh0_584.awsui_is-navigation-open_hyvsj_blfh0_512.awsui_animating_hyvsj_blfh0_630:not(#\9) {
709
- animation: awsui_openNavigation_hyvsj_blfh0_1 115ms;
710
- animation: awsui_openNavigation_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
708
+ nav.awsui_navigation_hyvsj_1cvzy_584.awsui_is-navigation-open_hyvsj_1cvzy_512.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
709
+ animation: awsui_openNavigation_hyvsj_1cvzy_1 115ms;
710
+ animation: awsui_openNavigation_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
711
711
  }
712
712
  @media (prefers-reduced-motion: reduce) {
713
- nav.awsui_navigation_hyvsj_blfh0_584.awsui_is-navigation-open_hyvsj_blfh0_512.awsui_animating_hyvsj_blfh0_630:not(#\9) {
713
+ nav.awsui_navigation_hyvsj_1cvzy_584.awsui_is-navigation-open_hyvsj_1cvzy_512.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
714
714
  animation: none;
715
715
  transition: none;
716
716
  }
717
717
  }
718
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_blfh0_584.awsui_is-navigation-open_hyvsj_blfh0_512.awsui_animating_hyvsj_blfh0_630:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_blfh0_584.awsui_is-navigation-open_hyvsj_blfh0_512.awsui_animating_hyvsj_blfh0_630:not(#\9) {
718
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_1cvzy_584.awsui_is-navigation-open_hyvsj_1cvzy_512.awsui_animating_hyvsj_1cvzy_630:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1cvzy_584.awsui_is-navigation-open_hyvsj_1cvzy_512.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
719
719
  animation: none;
720
720
  transition: none;
721
721
  }
722
- nav.awsui_navigation_hyvsj_blfh0_584 > .awsui_animated-content_hyvsj_blfh0_690:not(#\9) {
722
+ nav.awsui_navigation_hyvsj_1cvzy_584 > .awsui_animated-content_hyvsj_1cvzy_690:not(#\9) {
723
723
  width: var(--awsui-navigation-width-ujkcpl);
724
724
  }
725
725
  @media (max-width: 688px) {
726
- nav.awsui_navigation_hyvsj_blfh0_584:not(#\9) {
726
+ nav.awsui_navigation_hyvsj_1cvzy_584:not(#\9) {
727
727
  --awsui-navigation-width-ujkcpl: 100vw;
728
728
  }
729
729
  }
730
730
 
731
- .awsui_hide-navigation_hyvsj_blfh0_699:not(#\9) {
731
+ .awsui_hide-navigation_hyvsj_1cvzy_699:not(#\9) {
732
732
  position: absolute;
733
733
  right: 16px;
734
734
  right: var(--space-m-17eucw, 16px);
@@ -740,7 +740,7 @@ nav.awsui_navigation_hyvsj_blfh0_584 > .awsui_animated-content_hyvsj_blfh0_690:n
740
740
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
741
741
  SPDX-License-Identifier: Apache-2.0
742
742
  */
743
- .awsui_notifications_hyvsj_blfh0_216:not(#\9) {
743
+ .awsui_notifications_hyvsj_1cvzy_216:not(#\9) {
744
744
  grid-column: 3;
745
745
  grid-row: 1;
746
746
  z-index: 825;
@@ -757,7 +757,7 @@ nav.awsui_navigation_hyvsj_blfh0_584 > .awsui_animated-content_hyvsj_blfh0_690:n
757
757
  */
758
758
  }
759
759
  @media (min-width: 689px) {
760
- .awsui_notifications_hyvsj_blfh0_216:not(#\9) {
760
+ .awsui_notifications_hyvsj_1cvzy_216:not(#\9) {
761
761
  margin: 8px 0;
762
762
  margin: var(--space-xs-rsr2qu, 8px) 0;
763
763
  /*
@@ -765,25 +765,25 @@ nav.awsui_navigation_hyvsj_blfh0_584 > .awsui_animated-content_hyvsj_blfh0_690:n
765
765
  calculation in the layout CSS.
766
766
  */
767
767
  }
768
- .awsui_notifications_hyvsj_blfh0_216.awsui_sticky-notifications_hyvsj_blfh0_228:not(#\9) {
768
+ .awsui_notifications_hyvsj_1cvzy_216.awsui_sticky-notifications_hyvsj_1cvzy_228:not(#\9) {
769
769
  position: sticky;
770
770
  top: calc(var(--awsui-offset-top-ujkcpl) + 8px);
771
771
  top: calc(var(--awsui-offset-top-ujkcpl) + var(--space-xs-rsr2qu, 8px));
772
772
  }
773
- .awsui_notifications_hyvsj_blfh0_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_blfh0_167) {
773
+ .awsui_notifications_hyvsj_1cvzy_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_1cvzy_167) {
774
774
  margin: 0;
775
775
  }
776
776
  }
777
777
  @media (max-width: 688px) {
778
- .awsui_notifications_hyvsj_blfh0_216:not(#\9) {
778
+ .awsui_notifications_hyvsj_1cvzy_216:not(#\9) {
779
779
  grid-row: 2;
780
780
  margin: 12px 0;
781
781
  margin: var(--space-scaled-s-cu1hzn, 12px) 0;
782
782
  }
783
- .awsui_notifications_hyvsj_blfh0_216.awsui_sticky-notifications_hyvsj_blfh0_228:not(#\9) {
783
+ .awsui_notifications_hyvsj_1cvzy_216.awsui_sticky-notifications_hyvsj_1cvzy_228:not(#\9) {
784
784
  position: static;
785
785
  }
786
- .awsui_notifications_hyvsj_blfh0_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_blfh0_167) {
786
+ .awsui_notifications_hyvsj_1cvzy_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_1cvzy_167) {
787
787
  margin: 0;
788
788
  }
789
789
  }
@@ -800,7 +800,7 @@ within. In the bottom position, the Split Panel is simply a direct child
800
800
  of the Tools component flex container and should consume 100% of the
801
801
  parent height.
802
802
  */
803
- section.awsui_split-panel-bottom_hyvsj_blfh0_766:not(#\9) {
803
+ section.awsui_split-panel-bottom_hyvsj_1cvzy_766:not(#\9) {
804
804
  bottom: var(--awsui-footer-height-ujkcpl);
805
805
  display: none;
806
806
  grid-column: 1/6;
@@ -824,7 +824,7 @@ section.awsui_split-panel-bottom_hyvsj_blfh0_766:not(#\9) {
824
824
  apply the animation to the height property.
825
825
  */
826
826
  }
827
- @keyframes awsui_openSplitPanelBottom_hyvsj_blfh0_1 {
827
+ @keyframes awsui_openSplitPanelBottom_hyvsj_1cvzy_1 {
828
828
  from {
829
829
  height: 0;
830
830
  height: var(--awsui-split-panel-reported-header-size-ujkcpl, 0);
@@ -833,41 +833,41 @@ section.awsui_split-panel-bottom_hyvsj_blfh0_766:not(#\9) {
833
833
  height: var(--awsui-split-panel-reported-size-ujkcpl);
834
834
  }
835
835
  }
836
- section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_disable-body-scroll_hyvsj_blfh0_434:not(#\9) {
836
+ section.awsui_split-panel-bottom_hyvsj_1cvzy_766.awsui_disable-body-scroll_hyvsj_1cvzy_434:not(#\9) {
837
837
  bottom: 0;
838
838
  }
839
- section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-navigation-open_hyvsj_blfh0_512.awsui_position-bottom_hyvsj_blfh0_801:not(#\9) {
839
+ section.awsui_split-panel-bottom_hyvsj_1cvzy_766.awsui_is-navigation-open_hyvsj_1cvzy_512.awsui_position-bottom_hyvsj_1cvzy_801:not(#\9) {
840
840
  grid-column-start: 2;
841
841
  }
842
- section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-tools-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801:not(#\9) {
842
+ section.awsui_split-panel-bottom_hyvsj_1cvzy_766.awsui_is-tools-open_hyvsj_1cvzy_515.awsui_position-bottom_hyvsj_1cvzy_801:not(#\9) {
843
843
  grid-column-end: 5;
844
844
  }
845
- section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_position-bottom_hyvsj_blfh0_801:not(#\9) {
845
+ section.awsui_split-panel-bottom_hyvsj_1cvzy_766.awsui_position-bottom_hyvsj_1cvzy_801:not(#\9) {
846
846
  display: block;
847
847
  }
848
- section.awsui_split-panel-bottom_hyvsj_blfh0_766:not(#\9):not(.awsui_is-split-panel-open_hyvsj_blfh0_515).awsui_position-bottom_hyvsj_blfh0_801 {
848
+ section.awsui_split-panel-bottom_hyvsj_1cvzy_766:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1cvzy_515).awsui_position-bottom_hyvsj_1cvzy_801 {
849
849
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
850
850
  }
851
- section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801:not(#\9) {
851
+ section.awsui_split-panel-bottom_hyvsj_1cvzy_766.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-bottom_hyvsj_1cvzy_801:not(#\9) {
852
852
  box-shadow: 0px -36px 36px -36px rgba(0, 7, 22, 0.1);
853
853
  box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
854
854
  }
855
- section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801.awsui_animating_hyvsj_blfh0_630:not(#\9) {
856
- animation: awsui_openSplitPanelBottom_hyvsj_blfh0_1 115ms;
857
- animation: awsui_openSplitPanelBottom_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
855
+ section.awsui_split-panel-bottom_hyvsj_1cvzy_766.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-bottom_hyvsj_1cvzy_801.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
856
+ animation: awsui_openSplitPanelBottom_hyvsj_1cvzy_1 115ms;
857
+ animation: awsui_openSplitPanelBottom_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
858
858
  }
859
859
  @media (prefers-reduced-motion: reduce) {
860
- section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801.awsui_animating_hyvsj_blfh0_630:not(#\9) {
860
+ section.awsui_split-panel-bottom_hyvsj_1cvzy_766.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-bottom_hyvsj_1cvzy_801.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
861
861
  animation: none;
862
862
  transition: none;
863
863
  }
864
864
  }
865
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801.awsui_animating_hyvsj_blfh0_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801.awsui_animating_hyvsj_blfh0_630:not(#\9) {
865
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1cvzy_766.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-bottom_hyvsj_1cvzy_801.awsui_animating_hyvsj_1cvzy_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1cvzy_766.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-bottom_hyvsj_1cvzy_801.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
866
866
  animation: none;
867
867
  transition: none;
868
868
  }
869
869
 
870
- section.awsui_split-panel-side_hyvsj_blfh0_830:not(#\9) {
870
+ section.awsui_split-panel-side_hyvsj_1cvzy_830:not(#\9) {
871
871
  height: 100%;
872
872
  overflow-x: hidden;
873
873
  /*
@@ -881,7 +881,7 @@ section.awsui_split-panel-side_hyvsj_blfh0_830:not(#\9) {
881
881
  prevent unwanted text wrapping.
882
882
  */
883
883
  }
884
- @keyframes awsui_openSplitPanelSide_hyvsj_blfh0_1 {
884
+ @keyframes awsui_openSplitPanelSide_hyvsj_1cvzy_1 {
885
885
  from {
886
886
  opacity: 0;
887
887
  width: 280px;
@@ -892,10 +892,10 @@ section.awsui_split-panel-side_hyvsj_blfh0_830:not(#\9) {
892
892
  width: var(--awsui-split-panel-reported-size-ujkcpl);
893
893
  }
894
894
  }
895
- section.awsui_split-panel-side_hyvsj_blfh0_830:not(#\9):not(.awsui_is-split-panel-open_hyvsj_blfh0_515), section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_position-bottom_hyvsj_blfh0_801:not(#\9) {
895
+ section.awsui_split-panel-side_hyvsj_1cvzy_830:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1cvzy_515), section.awsui_split-panel-side_hyvsj_1cvzy_830.awsui_position-bottom_hyvsj_1cvzy_801:not(#\9) {
896
896
  width: 0;
897
897
  }
898
- section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-side_hyvsj_blfh0_857:not(#\9) {
898
+ section.awsui_split-panel-side_hyvsj_1cvzy_830.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-side_hyvsj_1cvzy_857:not(#\9) {
899
899
  box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
900
900
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
901
901
  max-width: 280px;
@@ -903,21 +903,21 @@ section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_is-split-panel-open_hyvsj_b
903
903
  min-width: 280px;
904
904
  min-width: var(--awsui-split-panel-min-width-ujkcpl, 280px);
905
905
  }
906
- section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-side_hyvsj_blfh0_857.awsui_animating_hyvsj_blfh0_630:not(#\9) {
907
- animation: awsui_openSplitPanelSide_hyvsj_blfh0_1 115ms;
908
- animation: awsui_openSplitPanelSide_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
906
+ section.awsui_split-panel-side_hyvsj_1cvzy_830.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-side_hyvsj_1cvzy_857.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
907
+ animation: awsui_openSplitPanelSide_hyvsj_1cvzy_1 115ms;
908
+ animation: awsui_openSplitPanelSide_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
909
909
  }
910
910
  @media (prefers-reduced-motion: reduce) {
911
- section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-side_hyvsj_blfh0_857.awsui_animating_hyvsj_blfh0_630:not(#\9) {
911
+ section.awsui_split-panel-side_hyvsj_1cvzy_830.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-side_hyvsj_1cvzy_857.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
912
912
  animation: none;
913
913
  transition: none;
914
914
  }
915
915
  }
916
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-side_hyvsj_blfh0_857.awsui_animating_hyvsj_blfh0_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-side_hyvsj_blfh0_857.awsui_animating_hyvsj_blfh0_630:not(#\9) {
916
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1cvzy_830.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-side_hyvsj_1cvzy_857.awsui_animating_hyvsj_1cvzy_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1cvzy_830.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-side_hyvsj_1cvzy_857.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
917
917
  animation: none;
918
918
  transition: none;
919
919
  }
920
- section.awsui_split-panel-side_hyvsj_blfh0_830 > .awsui_animated-content_hyvsj_blfh0_690:not(#\9) {
920
+ section.awsui_split-panel-side_hyvsj_1cvzy_830 > .awsui_animated-content_hyvsj_1cvzy_690:not(#\9) {
921
921
  height: 100%;
922
922
  max-width: inherit;
923
923
  width: var(--awsui-split-panel-reported-size-ujkcpl);
@@ -936,7 +936,7 @@ content width has a default value that can be set directly with the minContentWi
936
936
  property. The content gap right is computed in the Layout styles based on the
937
937
  viewport size and state of the Tools drawer.
938
938
  */
939
- .awsui_tools-container_hyvsj_blfh0_894:not(#\9) {
939
+ .awsui_tools-container_hyvsj_1cvzy_894:not(#\9) {
940
940
  /* stylelint-disable scss/operator-no-newline-after */
941
941
  --awsui-tools-max-width-ujkcpl: calc(var(--awsui-layout-width-ujkcpl) - var(--awsui-main-offset-left-ujkcpl) - var(--awsui-default-min-content-width-ujkcpl) - var(--awsui-content-gap-right-ujkcpl));
942
942
  /* stylelint-enable scss/operator-no-newline-after */
@@ -951,12 +951,12 @@ viewport size and state of the Tools drawer.
951
951
  z-index: 850;
952
952
  }
953
953
  @media (min-width: 2541px) {
954
- .awsui_tools-container_hyvsj_blfh0_894:not(#\9) {
954
+ .awsui_tools-container_hyvsj_1cvzy_894:not(#\9) {
955
955
  --awsui-tools-width-ujkcpl: 360px;
956
956
  }
957
957
  }
958
958
  @media (max-width: 688px) {
959
- .awsui_tools-container_hyvsj_blfh0_894:not(#\9) {
959
+ .awsui_tools-container_hyvsj_1cvzy_894:not(#\9) {
960
960
  --awsui-tools-max-width-ujkcpl: none;
961
961
  --awsui-tools-width-ujkcpl: auto;
962
962
  position: fixed;
@@ -966,7 +966,7 @@ viewport size and state of the Tools drawer.
966
966
  }
967
967
  }
968
968
 
969
- .awsui_tools_hyvsj_blfh0_894:not(#\9) {
969
+ .awsui_tools_hyvsj_1cvzy_894:not(#\9) {
970
970
  background-color: #ffffff;
971
971
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
972
972
  box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
@@ -990,7 +990,7 @@ viewport size and state of the Tools drawer.
990
990
  in the side position.
991
991
  */
992
992
  }
993
- @keyframes awsui_openTools_hyvsj_blfh0_1 {
993
+ @keyframes awsui_openTools_hyvsj_1cvzy_1 {
994
994
  from {
995
995
  opacity: 0;
996
996
  opacity: var(--awsui-tools-animation-starting-opacity-ujkcpl, 0);
@@ -1002,40 +1002,40 @@ viewport size and state of the Tools drawer.
1002
1002
  width: var(--awsui-tools-width-ujkcpl);
1003
1003
  }
1004
1004
  }
1005
- .awsui_tools_hyvsj_blfh0_894:not(#\9):not(.awsui_is-tools-open_hyvsj_blfh0_515) {
1005
+ .awsui_tools_hyvsj_1cvzy_894:not(#\9):not(.awsui_is-tools-open_hyvsj_1cvzy_515) {
1006
1006
  width: 0;
1007
1007
  display: none;
1008
1008
  }
1009
- .awsui_tools_hyvsj_blfh0_894.awsui_is-tools-open_hyvsj_blfh0_515.awsui_animating_hyvsj_blfh0_630:not(#\9) {
1010
- animation: awsui_openTools_hyvsj_blfh0_1 115ms;
1011
- animation: awsui_openTools_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1009
+ .awsui_tools_hyvsj_1cvzy_894.awsui_is-tools-open_hyvsj_1cvzy_515.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
1010
+ animation: awsui_openTools_hyvsj_1cvzy_1 115ms;
1011
+ animation: awsui_openTools_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1012
1012
  }
1013
1013
  @media (prefers-reduced-motion: reduce) {
1014
- .awsui_tools_hyvsj_blfh0_894.awsui_is-tools-open_hyvsj_blfh0_515.awsui_animating_hyvsj_blfh0_630:not(#\9) {
1014
+ .awsui_tools_hyvsj_1cvzy_894.awsui_is-tools-open_hyvsj_1cvzy_515.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
1015
1015
  animation: none;
1016
1016
  transition: none;
1017
1017
  }
1018
1018
  }
1019
- .awsui-motion-disabled .awsui_tools_hyvsj_blfh0_894.awsui_is-tools-open_hyvsj_blfh0_515.awsui_animating_hyvsj_blfh0_630:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_blfh0_894.awsui_is-tools-open_hyvsj_blfh0_515.awsui_animating_hyvsj_blfh0_630:not(#\9) {
1019
+ .awsui-motion-disabled .awsui_tools_hyvsj_1cvzy_894.awsui_is-tools-open_hyvsj_1cvzy_515.awsui_animating_hyvsj_1cvzy_630:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1cvzy_894.awsui_is-tools-open_hyvsj_1cvzy_515.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
1020
1020
  animation: none;
1021
1021
  transition: none;
1022
1022
  }
1023
- .awsui_tools_hyvsj_blfh0_894 > .awsui_animated-content_hyvsj_blfh0_690:not(#\9) {
1023
+ .awsui_tools_hyvsj_1cvzy_894 > .awsui_animated-content_hyvsj_1cvzy_690:not(#\9) {
1024
1024
  width: var(--awsui-tools-width-ujkcpl);
1025
1025
  }
1026
1026
  @media (min-width: 689px) {
1027
- .awsui_tools_hyvsj_blfh0_894.awsui_is-tools-open_hyvsj_blfh0_515.awsui_has-tools-form-persistence_hyvsj_blfh0_977:not(#\9) {
1027
+ .awsui_tools_hyvsj_1cvzy_894.awsui_is-tools-open_hyvsj_1cvzy_515.awsui_has-tools-form-persistence_hyvsj_1cvzy_977:not(#\9) {
1028
1028
  border-right: 2px solid #e9ebed;
1029
1029
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
1030
1030
  }
1031
1031
  }
1032
1032
  @media (max-width: 688px) {
1033
- .awsui_tools_hyvsj_blfh0_894:not(#\9) {
1033
+ .awsui_tools_hyvsj_1cvzy_894:not(#\9) {
1034
1034
  --awsui-tools-width-ujkcpl: 100vw;
1035
1035
  }
1036
1036
  }
1037
1037
 
1038
- .awsui_hide-tools_hyvsj_blfh0_987:not(#\9) {
1038
+ .awsui_hide-tools_hyvsj_1cvzy_987:not(#\9) {
1039
1039
  position: absolute;
1040
1040
  right: 16px;
1041
1041
  right: var(--space-m-17eucw, 16px);
@@ -1049,7 +1049,7 @@ Warning! If these design tokens for padding change it will adversely impact
1049
1049
  the calculation used to determine the Split Panel maximum width in the
1050
1050
  handleSplitPanelMaxWidth function in the context.
1051
1051
  */
1052
- .awsui_show-tools_hyvsj_blfh0_999:not(#\9) {
1052
+ .awsui_show-tools_hyvsj_1cvzy_999:not(#\9) {
1053
1053
  box-sizing: border-box;
1054
1054
  padding: 12px 20px;
1055
1055
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
@@ -1058,7 +1058,7 @@ handleSplitPanelMaxWidth function in the context.
1058
1058
  take control in responsive viewports.
1059
1059
  */
1060
1060
  }
1061
- @keyframes awsui_showButtons_hyvsj_blfh0_1 {
1061
+ @keyframes awsui_showButtons_hyvsj_1cvzy_1 {
1062
1062
  0% {
1063
1063
  opacity: 0;
1064
1064
  }
@@ -1066,35 +1066,35 @@ handleSplitPanelMaxWidth function in the context.
1066
1066
  opacity: 1;
1067
1067
  }
1068
1068
  }
1069
- .awsui_show-tools_hyvsj_blfh0_999:not(#\9):not(.awsui_has-tools-form_hyvsj_blfh0_977) {
1069
+ .awsui_show-tools_hyvsj_1cvzy_999:not(#\9):not(.awsui_has-tools-form_hyvsj_1cvzy_977) {
1070
1070
  display: none;
1071
1071
  }
1072
1072
  @media (min-width: 689px) {
1073
- .awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form_hyvsj_blfh0_977:not(#\9) {
1073
+ .awsui_show-tools_hyvsj_1cvzy_999.awsui_has-tools-form_hyvsj_1cvzy_977:not(#\9) {
1074
1074
  display: flex;
1075
1075
  flex-direction: column;
1076
1076
  gap: 8px;
1077
1077
  gap: var(--space-xs-rsr2qu, 8px);
1078
1078
  }
1079
- .awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form_hyvsj_blfh0_977.awsui_animating_hyvsj_blfh0_630:not(#\9) {
1080
- animation: awsui_showButtons_hyvsj_blfh0_1 115ms;
1081
- animation: awsui_showButtons_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1079
+ .awsui_show-tools_hyvsj_1cvzy_999.awsui_has-tools-form_hyvsj_1cvzy_977.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
1080
+ animation: awsui_showButtons_hyvsj_1cvzy_1 115ms;
1081
+ animation: awsui_showButtons_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1082
1082
  }
1083
1083
  }
1084
1084
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1085
- .awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form_hyvsj_blfh0_977.awsui_animating_hyvsj_blfh0_630:not(#\9) {
1085
+ .awsui_show-tools_hyvsj_1cvzy_999.awsui_has-tools-form_hyvsj_1cvzy_977.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
1086
1086
  animation: none;
1087
1087
  transition: none;
1088
1088
  }
1089
1089
  }
1090
1090
  @media (min-width: 689px) {
1091
- .awsui-motion-disabled .awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form_hyvsj_blfh0_977.awsui_animating_hyvsj_blfh0_630:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form_hyvsj_blfh0_977.awsui_animating_hyvsj_blfh0_630:not(#\9) {
1091
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_1cvzy_999.awsui_has-tools-form_hyvsj_1cvzy_977.awsui_animating_hyvsj_1cvzy_630:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1cvzy_999.awsui_has-tools-form_hyvsj_1cvzy_977.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
1092
1092
  animation: none;
1093
1093
  transition: none;
1094
1094
  }
1095
1095
  }
1096
1096
  @media (min-width: 689px) {
1097
- .awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form-persistence_hyvsj_blfh0_977:not(#\9) {
1097
+ .awsui_show-tools_hyvsj_1cvzy_999.awsui_has-tools-form-persistence_hyvsj_1cvzy_977:not(#\9) {
1098
1098
  background-color: #ffffff;
1099
1099
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
1100
1100
  z-index: 1;
@@ -1110,7 +1110,7 @@ Warning! If these design tokens for width change it will adversely impact
1110
1110
  the calculation used to determine the Split Panel maximum width in the
1111
1111
  handleSplitPanelMaxWidth function in the context.
1112
1112
  */
1113
- .awsui_trigger_hyvsj_blfh0_1056:not(#\9) {
1113
+ .awsui_trigger_hyvsj_1cvzy_1056:not(#\9) {
1114
1114
  background: #192534;
1115
1115
  background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
1116
1116
  border: none;
@@ -1127,14 +1127,14 @@ handleSplitPanelMaxWidth function in the context.
1127
1127
  width: 40px;
1128
1128
  width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
1129
1129
  }
1130
- .awsui_trigger_hyvsj_blfh0_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1130
+ .awsui_trigger_hyvsj_1cvzy_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1131
1131
  position: relative;
1132
1132
  }
1133
- .awsui_trigger_hyvsj_blfh0_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1133
+ .awsui_trigger_hyvsj_1cvzy_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1134
1134
  outline: 2px dotted transparent;
1135
1135
  outline-offset: calc(3px - 1px);
1136
1136
  }
1137
- .awsui_trigger_hyvsj_blfh0_1056[data-awsui-focus-visible=true]:not(#\9):focus::before {
1137
+ .awsui_trigger_hyvsj_1cvzy_1056[data-awsui-focus-visible=true]:not(#\9):focus::before {
1138
1138
  content: " ";
1139
1139
  display: block;
1140
1140
  position: absolute;
@@ -1143,32 +1143,32 @@ handleSplitPanelMaxWidth function in the context.
1143
1143
  width: calc(100% + 2 * 3px);
1144
1144
  height: calc(100% + 2 * 3px);
1145
1145
  border-radius: 4px;
1146
- border-radius: var(--border-radius-control-focus-ring-default-jlgxet, 4px);
1146
+ border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
1147
1147
  box-shadow: 0 0 0 2px #0972d3;
1148
1148
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
1149
1149
  }
1150
- .awsui_trigger_hyvsj_blfh0_1056:not(#\9):focus {
1150
+ .awsui_trigger_hyvsj_1cvzy_1056:not(#\9):focus {
1151
1151
  outline: none;
1152
1152
  }
1153
- .awsui_trigger_hyvsj_blfh0_1056:not(#\9):hover {
1153
+ .awsui_trigger_hyvsj_1cvzy_1056:not(#\9):hover {
1154
1154
  background: #354150;
1155
1155
  background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
1156
1156
  }
1157
- .awsui_trigger_hyvsj_blfh0_1056:not(#\9):active {
1157
+ .awsui_trigger_hyvsj_1cvzy_1056:not(#\9):active {
1158
1158
  background: #354150;
1159
1159
  background: var(--color-background-layout-toggle-active-d15dki, #354150);
1160
1160
  }
1161
- .awsui_trigger_hyvsj_blfh0_1056.awsui_selected_hyvsj_blfh0_1094:not(#\9) {
1161
+ .awsui_trigger_hyvsj_1cvzy_1056.awsui_selected_hyvsj_1cvzy_1094:not(#\9) {
1162
1162
  background: #0972d3;
1163
1163
  background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
1164
1164
  color: #ffffff;
1165
1165
  color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
1166
1166
  }
1167
- .awsui_trigger_hyvsj_blfh0_1056.awsui_selected_hyvsj_blfh0_1094:not(#\9):hover {
1167
+ .awsui_trigger_hyvsj_1cvzy_1056.awsui_selected_hyvsj_1cvzy_1094:not(#\9):hover {
1168
1168
  background: #065299;
1169
1169
  background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
1170
1170
  }
1171
- .awsui_trigger_hyvsj_blfh0_1056.awsui_selected_hyvsj_blfh0_1094:not(#\9):active {
1171
+ .awsui_trigger_hyvsj_1cvzy_1056.awsui_selected_hyvsj_1cvzy_1094:not(#\9):active {
1172
1172
  background: #0972d3;
1173
1173
  background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
1174
1174
  }