@cloudscape-design/components 3.0.74 → 3.0.76

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 (143) hide show
  1. package/alert/interfaces.d.ts +5 -0
  2. package/alert/interfaces.d.ts.map +1 -1
  3. package/alert/interfaces.js.map +1 -1
  4. package/alert/internal.d.ts +1 -1
  5. package/alert/internal.d.ts.map +1 -1
  6. package/alert/internal.js +2 -2
  7. package/alert/internal.js.map +1 -1
  8. package/annotation-context/annotation/styles.css.js +24 -24
  9. package/annotation-context/annotation/styles.scoped.css +30 -30
  10. package/annotation-context/annotation/styles.selectors.js +24 -24
  11. package/app-layout/visual-refresh/styles.css.js +59 -59
  12. package/app-layout/visual-refresh/styles.scoped.css +218 -218
  13. package/app-layout/visual-refresh/styles.selectors.js +59 -59
  14. package/attribute-editor/interfaces.d.ts +7 -0
  15. package/attribute-editor/interfaces.d.ts.map +1 -1
  16. package/attribute-editor/interfaces.js.map +1 -1
  17. package/attribute-editor/internal.d.ts.map +1 -1
  18. package/attribute-editor/internal.js +2 -2
  19. package/attribute-editor/internal.js.map +1 -1
  20. package/attribute-editor/row.d.ts +2 -1
  21. package/attribute-editor/row.d.ts.map +1 -1
  22. package/attribute-editor/row.js +5 -10
  23. package/attribute-editor/row.js.map +1 -1
  24. package/calendar/grid/index.d.ts +15 -3
  25. package/calendar/grid/index.d.ts.map +1 -1
  26. package/calendar/grid/index.js +19 -17
  27. package/calendar/grid/index.js.map +1 -1
  28. package/calendar/internal.d.ts.map +1 -1
  29. package/calendar/internal.js +5 -17
  30. package/calendar/internal.js.map +1 -1
  31. package/calendar/styles.css.js +18 -18
  32. package/calendar/styles.scoped.css +40 -38
  33. package/calendar/styles.selectors.js +18 -18
  34. package/calendar/utils/intl.d.ts +2 -3
  35. package/calendar/utils/intl.d.ts.map +1 -1
  36. package/calendar/utils/intl.js +6 -5
  37. package/calendar/utils/intl.js.map +1 -1
  38. package/calendar/utils/navigation.d.ts +6 -0
  39. package/calendar/utils/navigation.d.ts.map +1 -0
  40. package/calendar/utils/navigation.js +38 -0
  41. package/calendar/utils/navigation.js.map +1 -0
  42. package/date-picker/index.d.ts.map +1 -1
  43. package/date-picker/index.js +11 -14
  44. package/date-picker/index.js.map +1 -1
  45. package/date-picker/styles.css.js +6 -7
  46. package/date-picker/styles.scoped.css +7 -13
  47. package/date-picker/styles.selectors.js +6 -7
  48. package/date-range-picker/calendar/grids/grid.d.ts +14 -0
  49. package/date-range-picker/calendar/grids/grid.d.ts.map +1 -1
  50. package/date-range-picker/calendar/grids/grid.js +10 -6
  51. package/date-range-picker/calendar/grids/grid.js.map +1 -1
  52. package/date-range-picker/calendar/grids/index.d.ts +1 -3
  53. package/date-range-picker/calendar/grids/index.d.ts.map +1 -1
  54. package/date-range-picker/calendar/grids/index.js +10 -11
  55. package/date-range-picker/calendar/grids/index.js.map +1 -1
  56. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  57. package/date-range-picker/calendar/grids/styles.scoped.css +45 -42
  58. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  59. package/date-range-picker/calendar/header/index.d.ts +2 -2
  60. package/date-range-picker/calendar/header/index.d.ts.map +1 -1
  61. package/date-range-picker/calendar/header/index.js +13 -9
  62. package/date-range-picker/calendar/header/index.js.map +1 -1
  63. package/date-range-picker/calendar/index.d.ts.map +1 -1
  64. package/date-range-picker/calendar/index.js +5 -7
  65. package/date-range-picker/calendar/index.js.map +1 -1
  66. package/date-range-picker/dropdown.js +1 -1
  67. package/date-range-picker/dropdown.js.map +1 -1
  68. package/date-range-picker/interfaces.d.ts +4 -0
  69. package/date-range-picker/interfaces.d.ts.map +1 -1
  70. package/date-range-picker/interfaces.js.map +1 -1
  71. package/flashbar/index.d.ts.map +1 -1
  72. package/flashbar/index.js +105 -34
  73. package/flashbar/index.js.map +1 -1
  74. package/flashbar/styles.css.js +29 -22
  75. package/flashbar/styles.scoped.css +208 -86
  76. package/flashbar/styles.selectors.js +29 -22
  77. package/form/interfaces.d.ts +5 -0
  78. package/form/interfaces.d.ts.map +1 -1
  79. package/form/interfaces.js.map +1 -1
  80. package/form/internal.d.ts +1 -1
  81. package/form/internal.d.ts.map +1 -1
  82. package/form/internal.js +10 -5
  83. package/form/internal.js.map +1 -1
  84. package/input/internal.d.ts +2 -1
  85. package/input/internal.d.ts.map +1 -1
  86. package/input/internal.js +4 -0
  87. package/input/internal.js.map +1 -1
  88. package/input/utils.js +1 -1
  89. package/input/utils.js.map +1 -1
  90. package/internal/components/autosuggest-input/index.js +1 -1
  91. package/internal/components/autosuggest-input/index.js.map +1 -1
  92. package/internal/components/live-region/index.d.ts +3 -2
  93. package/internal/components/live-region/index.d.ts.map +1 -1
  94. package/internal/components/live-region/index.js +5 -2
  95. package/internal/components/live-region/index.js.map +1 -1
  96. package/internal/components/live-region/styles.css.js +1 -1
  97. package/internal/components/live-region/styles.scoped.css +2 -92
  98. package/internal/components/live-region/styles.selectors.js +1 -1
  99. package/internal/components/screenreader-only/index.d.ts +22 -0
  100. package/internal/components/screenreader-only/index.d.ts.map +1 -0
  101. package/internal/components/screenreader-only/index.js +24 -0
  102. package/internal/components/screenreader-only/index.js.map +1 -0
  103. package/internal/components/screenreader-only/styles.css.js +6 -0
  104. package/internal/components/screenreader-only/styles.scoped.css +97 -0
  105. package/internal/components/screenreader-only/styles.selectors.js +7 -0
  106. package/internal/components/visual-context/index.d.ts +7 -0
  107. package/internal/components/visual-context/index.d.ts.map +1 -1
  108. package/internal/components/visual-context/index.js +10 -1
  109. package/internal/components/visual-context/index.js.map +1 -1
  110. package/internal/environment.js +1 -1
  111. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  112. package/internal/generated/custom-css-properties/index.js +26 -24
  113. package/internal/generated/custom-css-properties/index.js.map +1 -1
  114. package/package.json +1 -1
  115. package/select/parts/filter.js +1 -1
  116. package/select/parts/filter.js.map +1 -1
  117. package/tag-editor/index.d.ts.map +1 -1
  118. package/tag-editor/index.js +1 -1
  119. package/tag-editor/index.js.map +1 -1
  120. package/tutorial-panel/interfaces.d.ts +2 -1
  121. package/tutorial-panel/interfaces.d.ts.map +1 -1
  122. package/tutorial-panel/interfaces.js.map +1 -1
  123. package/wizard/interfaces.d.ts +3 -0
  124. package/wizard/interfaces.d.ts.map +1 -1
  125. package/wizard/interfaces.js.map +1 -1
  126. package/wizard/wizard-form.d.ts.map +1 -1
  127. package/wizard/wizard-form.js +1 -1
  128. package/wizard/wizard-form.js.map +1 -1
  129. package/wizard/wizard-navigation.d.ts.map +1 -1
  130. package/wizard/wizard-navigation.js +1 -1
  131. package/wizard/wizard-navigation.js.map +1 -1
  132. package/calendar/utils/move-focus-handler.d.ts +0 -7
  133. package/calendar/utils/move-focus-handler.d.ts.map +0 -1
  134. package/calendar/utils/move-focus-handler.js +0 -24
  135. package/calendar/utils/move-focus-handler.js.map +0 -1
  136. package/calendar/utils/rotate-day-indexes.d.ts +0 -3
  137. package/calendar/utils/rotate-day-indexes.d.ts.map +0 -1
  138. package/calendar/utils/rotate-day-indexes.js +0 -11
  139. package/calendar/utils/rotate-day-indexes.js.map +0 -1
  140. package/date-range-picker/calendar/get-base-date.d.ts +0 -3
  141. package/date-range-picker/calendar/get-base-date.d.ts.map +0 -1
  142. package/date-range-picker/calendar/get-base-date.js +0 -10
  143. package/date-range-picker/calendar/get-base-date.js.map +0 -1
@@ -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_10dcz_93:not(#\9) {
93
+ section.awsui_appbar_hyvsj_1al7x_93:not(#\9) {
94
94
  align-items: center;
95
95
  box-sizing: border-box;
96
96
  display: grid;
@@ -114,20 +114,20 @@ section.awsui_appbar_hyvsj_10dcz_93:not(#\9) {
114
114
  span the entire column definition of the Layout grid.
115
115
  */
116
116
  }
117
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-nav_hyvsj_10dcz_117:not(#\9) {
117
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-nav_hyvsj_1al7x_117:not(#\9) {
118
118
  grid-column: 1;
119
119
  margin-right: var(--space-m-17eucw, 16px);
120
120
  }
121
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9) {
121
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121:not(#\9) {
122
122
  grid-column: 2;
123
123
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
124
124
  }
125
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-tools_hyvsj_10dcz_125:not(#\9) {
125
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-tools_hyvsj_1al7x_125:not(#\9) {
126
126
  grid-column: 3;
127
127
  margin-left: var(--space-m-17eucw, 16px);
128
128
  }
129
129
  @media (min-width: 689px) {
130
- section.awsui_appbar_hyvsj_10dcz_93:not(#\9) {
130
+ section.awsui_appbar_hyvsj_1al7x_93:not(#\9) {
131
131
  /*
132
132
  If Breadcrumbs do not exist then the AppBar should be suppressed
133
133
  because in large viewports the triggers are rendered
@@ -157,31 +157,31 @@ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-tools_hyvsj_10dcz_125:not(#\
157
157
  reduce the the vertical distance from the main content.
158
158
  */
159
159
  }
160
- section.awsui_appbar_hyvsj_10dcz_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160) {
160
+ section.awsui_appbar_hyvsj_1al7x_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1al7x_160) {
161
161
  display: none;
162
162
  }
163
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-nav_hyvsj_10dcz_117:not(#\9),
164
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-tools_hyvsj_10dcz_125:not(#\9) {
163
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-nav_hyvsj_1al7x_117:not(#\9),
164
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-tools_hyvsj_1al7x_125:not(#\9) {
165
165
  display: none;
166
166
  }
167
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167) {
167
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_1al7x_167) {
168
168
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
169
169
  }
170
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121.awsui_has-notifications-content_hyvsj_10dcz_167:not(#\9) {
170
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121.awsui_has-notifications-content_hyvsj_1al7x_167:not(#\9) {
171
171
  padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
172
172
  }
173
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173),
174
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9):not(.awsui_has-header_hyvsj_10dcz_173).awsui_content-type-wizard_hyvsj_10dcz_174 {
173
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121:not(#\9):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173),
174
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121:not(#\9):not(.awsui_has-header_hyvsj_1al7x_173).awsui_content-type-wizard_hyvsj_1al7x_174 {
175
175
  padding-bottom: var(--space-m-17eucw, 16px);
176
176
  }
177
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121.awsui_content-type-cards_hyvsj_10dcz_177:not(#\9),
178
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121.awsui_content-type-table_hyvsj_10dcz_178:not(#\9) {
177
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121.awsui_content-type-cards_hyvsj_1al7x_177:not(#\9),
178
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121.awsui_content-type-table_hyvsj_1al7x_178:not(#\9) {
179
179
  padding-bottom: var(--space-xxs-ynfts5, 4px);
180
180
  z-index: 799;
181
181
  }
182
182
  }
183
183
  @media (max-width: 688px) {
184
- section.awsui_appbar_hyvsj_10dcz_93:not(#\9) {
184
+ section.awsui_appbar_hyvsj_1al7x_93:not(#\9) {
185
185
  background-color: var(--color-background-home-header-mpq08f, #000716);
186
186
  border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
187
187
  box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
@@ -190,18 +190,18 @@ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121.awsui_c
190
190
  height: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
191
191
  padding: 0 var(--space-m-17eucw, 16px);
192
192
  position: sticky;
193
- top: var(--awsui-offset-top-ujkcpl);
193
+ top: var(--awsui-offset-top-f9jj7p);
194
194
  z-index: 1000;
195
195
  /*
196
196
  Remove any existing top and bottom padding from the Breadcrumbs since
197
197
  they are now sticky positioned in the viewport with the AppBar.
198
198
  */
199
199
  }
200
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-nav_hyvsj_10dcz_117:not(#\9),
201
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-tools_hyvsj_10dcz_125:not(#\9) {
200
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-nav_hyvsj_1al7x_117:not(#\9),
201
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_appbar-tools_hyvsj_1al7x_125:not(#\9) {
202
202
  display: block;
203
203
  }
204
- section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9) {
204
+ section.awsui_appbar_hyvsj_1al7x_93 > .awsui_breadcrumbs_hyvsj_1al7x_121:not(#\9) {
205
205
  padding: 0;
206
206
  }
207
207
  }
@@ -210,10 +210,10 @@ section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-tools_hyvsj_10dcz_125:not(#\
210
210
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
211
211
  SPDX-License-Identifier: Apache-2.0
212
212
  */
213
- div.awsui_background_hyvsj_10dcz_213:not(#\9) {
213
+ div.awsui_background_hyvsj_1al7x_213:not(#\9) {
214
214
  display: contents;
215
215
  }
216
- div.awsui_background_hyvsj_10dcz_213 > .awsui_notifications-appbar-header_hyvsj_10dcz_216:not(#\9) {
216
+ div.awsui_background_hyvsj_1al7x_213 > .awsui_notifications-appbar-header_hyvsj_1al7x_216:not(#\9) {
217
217
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
218
218
  grid-column: 1/span 5;
219
219
  grid-row: 1/span 3;
@@ -225,13 +225,13 @@ div.awsui_background_hyvsj_10dcz_213 > .awsui_notifications-appbar-header_hyvsj_
225
225
  */
226
226
  }
227
227
  @media (min-width: 689px) {
228
- div.awsui_background_hyvsj_10dcz_213 > .awsui_notifications-appbar-header_hyvsj_10dcz_216.awsui_content-type-cards_hyvsj_10dcz_177.awsui_has-notifications-content_hyvsj_10dcz_167.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9), div.awsui_background_hyvsj_10dcz_213 > .awsui_notifications-appbar-header_hyvsj_10dcz_216.awsui_content-type-table_hyvsj_10dcz_178.awsui_has-notifications-content_hyvsj_10dcz_167.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9) {
228
+ div.awsui_background_hyvsj_1al7x_213 > .awsui_notifications-appbar-header_hyvsj_1al7x_216.awsui_content-type-cards_hyvsj_1al7x_177.awsui_has-notifications-content_hyvsj_1al7x_167.awsui_sticky-notifications_hyvsj_1al7x_228:not(#\9), div.awsui_background_hyvsj_1al7x_213 > .awsui_notifications-appbar-header_hyvsj_1al7x_216.awsui_content-type-table_hyvsj_1al7x_178.awsui_has-notifications-content_hyvsj_1al7x_167.awsui_sticky-notifications_hyvsj_1al7x_228:not(#\9) {
229
229
  position: sticky;
230
- top: var(--awsui-offset-top-ujkcpl);
230
+ top: var(--awsui-offset-top-f9jj7p);
231
231
  z-index: 799;
232
232
  }
233
233
  }
234
- div.awsui_background_hyvsj_10dcz_213 > .awsui_overlap_hyvsj_10dcz_234:not(#\9) {
234
+ div.awsui_background_hyvsj_1al7x_213 > .awsui_overlap_hyvsj_1al7x_234:not(#\9) {
235
235
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
236
236
  grid-column: 1/span 5;
237
237
  grid-row: 4;
@@ -244,9 +244,9 @@ div.awsui_background_hyvsj_10dcz_213 > .awsui_overlap_hyvsj_10dcz_234:not(#\9) {
244
244
  */
245
245
  }
246
246
  @media (min-width: 689px) {
247
- div.awsui_background_hyvsj_10dcz_213 > .awsui_overlap_hyvsj_10dcz_234.awsui_content-type-cards_hyvsj_10dcz_177:not(#\9), div.awsui_background_hyvsj_10dcz_213 > .awsui_overlap_hyvsj_10dcz_234.awsui_content-type-table_hyvsj_10dcz_178:not(#\9) {
247
+ div.awsui_background_hyvsj_1al7x_213 > .awsui_overlap_hyvsj_1al7x_234.awsui_content-type-cards_hyvsj_1al7x_177:not(#\9), div.awsui_background_hyvsj_1al7x_213 > .awsui_overlap_hyvsj_1al7x_234.awsui_content-type-table_hyvsj_1al7x_178:not(#\9) {
248
248
  position: sticky;
249
- top: var(--awsui-offset-top-with-notifications-ujkcpl);
249
+ top: var(--awsui-offset-top-with-notifications-f9jj7p);
250
250
  z-index: 799;
251
251
  }
252
252
  }
@@ -255,13 +255,13 @@ div.awsui_background_hyvsj_10dcz_213 > .awsui_overlap_hyvsj_10dcz_234:not(#\9) {
255
255
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
256
256
  SPDX-License-Identifier: Apache-2.0
257
257
  */
258
- header.awsui_content_hyvsj_10dcz_174:not(#\9) {
258
+ header.awsui_content_hyvsj_1al7x_174:not(#\9) {
259
259
  grid-column: 3;
260
260
  grid-row: 3;
261
261
  padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
262
262
  }
263
263
  @media (min-width: 689px) {
264
- header.awsui_content_hyvsj_10dcz_174:not(#\9) {
264
+ header.awsui_content_hyvsj_1al7x_174:not(#\9) {
265
265
  /*
266
266
  If Notifications exist and Breadcrumbs do not then Notifications
267
267
  is the previous adjacent sibling to the Header. Add minimal top padding
@@ -279,25 +279,25 @@ header.awsui_content_hyvsj_10dcz_174:not(#\9) {
279
279
  circular buttons.
280
280
  */
281
281
  }
282
- header.awsui_content_hyvsj_10dcz_174.awsui_has-notifications-content_hyvsj_10dcz_167:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160) {
282
+ header.awsui_content_hyvsj_1al7x_174.awsui_has-notifications-content_hyvsj_1al7x_167:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1al7x_160) {
283
283
  padding-top: var(--space-scaled-xs-6859qs, 8px);
284
284
  }
285
- header.awsui_content_hyvsj_10dcz_174.awsui_has-breadcrumbs_hyvsj_10dcz_160:not(#\9) {
285
+ header.awsui_content_hyvsj_1al7x_174.awsui_has-breadcrumbs_hyvsj_1al7x_160:not(#\9) {
286
286
  padding-top: var(--space-xxs-ynfts5, 4px);
287
287
  }
288
- header.awsui_content_hyvsj_10dcz_174:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160) {
288
+ header.awsui_content_hyvsj_1al7x_174:not(#\9):not(.awsui_has-notifications-content_hyvsj_1al7x_167):not(.awsui_has-breadcrumbs_hyvsj_1al7x_160) {
289
289
  padding-top: var(--space-scaled-xs-6859qs, 8px);
290
290
  }
291
291
  }
292
292
  @media (max-width: 688px) {
293
- header.awsui_content_hyvsj_10dcz_174:not(#\9) {
293
+ header.awsui_content_hyvsj_1al7x_174:not(#\9) {
294
294
  padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
295
295
  /*
296
296
  Breadcrumbs has moved to first position and sticky so Notifications
297
297
  are now the previous adjacent sibling if they exist.
298
298
  */
299
299
  }
300
- header.awsui_content_hyvsj_10dcz_174.awsui_has-notifications-content_hyvsj_10dcz_167:not(#\9) {
300
+ header.awsui_content_hyvsj_1al7x_174.awsui_has-notifications-content_hyvsj_1al7x_167:not(#\9) {
301
301
  padding-top: var(--space-scaled-xs-6859qs, 8px);
302
302
  }
303
303
  }
@@ -319,26 +319,26 @@ header.awsui_content_hyvsj_10dcz_174:not(#\9) {
319
319
  circumstances regardless of whether the minContentWidth property is
320
320
  explicitly set in script.
321
321
  */
322
- .awsui_layout_hyvsj_10dcz_322:not(#\9) {
323
- --awsui-content-gap-left-ujkcpl: 0px;
324
- --awsui-content-gap-right-ujkcpl: 0px;
325
- --awsui-content-height-ujkcpl: calc(100vh - var(--awsui-header-height-ujkcpl) - var(--awsui-footer-height-ujkcpl));
326
- --awsui-default-max-content-width-ujkcpl: 1280px;
327
- --awsui-default-min-content-width-ujkcpl: 0px;
328
- --awsui-footer-height-ujkcpl: 0px;
329
- --awsui-header-height-ujkcpl: 0px;
330
- --awsui-layout-width-ujkcpl: 0px;
331
- --awsui-main-offset-left-ujkcpl: 0px;
332
- --awsui-max-content-width-ujkcpl: 0px;
333
- --awsui-min-content-width-ujkcpl: 280px;
334
- --awsui-notifications-height-ujkcpl: 0px;
335
- --awsui-offset-top-ujkcpl: 0px;
336
- --awsui-offset-top-with-notifications-ujkcpl: 0px;
337
- --awsui-overlap-height-ujkcpl: var(--space-dark-header-overlap-distance-hfejul, 36px);
322
+ .awsui_layout_hyvsj_1al7x_322:not(#\9) {
323
+ --awsui-content-gap-left-f9jj7p: 0px;
324
+ --awsui-content-gap-right-f9jj7p: 0px;
325
+ --awsui-content-height-f9jj7p: calc(100vh - var(--awsui-header-height-f9jj7p) - var(--awsui-footer-height-f9jj7p));
326
+ --awsui-default-max-content-width-f9jj7p: 1280px;
327
+ --awsui-default-min-content-width-f9jj7p: 0px;
328
+ --awsui-footer-height-f9jj7p: 0px;
329
+ --awsui-header-height-f9jj7p: 0px;
330
+ --awsui-layout-width-f9jj7p: 0px;
331
+ --awsui-main-offset-left-f9jj7p: 0px;
332
+ --awsui-max-content-width-f9jj7p: 0px;
333
+ --awsui-min-content-width-f9jj7p: 280px;
334
+ --awsui-notifications-height-f9jj7p: 0px;
335
+ --awsui-offset-top-f9jj7p: 0px;
336
+ --awsui-offset-top-with-notifications-f9jj7p: 0px;
337
+ --awsui-overlap-height-f9jj7p: var(--space-dark-header-overlap-distance-hfejul, 36px);
338
338
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
339
339
  display: grid;
340
- grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) 1fr;
341
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-ujkcpl), 1fr) minmax(var(--awsui-default-min-content-width-ujkcpl), var(--awsui-default-max-content-width-ujkcpl)) minmax(var(--awsui-content-gap-right-ujkcpl), 1fr) min-content;
340
+ grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-f9jj7p) 1fr;
341
+ grid-template-columns: min-content minmax(var(--awsui-content-gap-left-f9jj7p), 1fr) minmax(var(--awsui-default-min-content-width-f9jj7p), var(--awsui-default-max-content-width-f9jj7p)) minmax(var(--awsui-content-gap-right-f9jj7p), 1fr) min-content;
342
342
  position: relative;
343
343
  /*
344
344
  Only use the max content width custom property for the middle column definition
@@ -401,77 +401,77 @@ header.awsui_content_hyvsj_10dcz_174:not(#\9) {
401
401
  */
402
402
  }
403
403
  @media (min-width: 1401px) {
404
- .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_10dcz_404) {
405
- --awsui-default-max-content-width-ujkcpl: 1280px;
404
+ .awsui_layout_hyvsj_1al7x_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_1al7x_404) {
405
+ --awsui-default-max-content-width-f9jj7p: 1280px;
406
406
  }
407
407
  }
408
408
  @media (min-width: 1921px) {
409
- .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_10dcz_404) {
410
- --awsui-default-max-content-width-ujkcpl: 1440px;
409
+ .awsui_layout_hyvsj_1al7x_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_1al7x_404) {
410
+ --awsui-default-max-content-width-f9jj7p: 1440px;
411
411
  }
412
412
  }
413
413
  @media (min-width: 2541px) {
414
- .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_10dcz_404) {
415
- --awsui-default-max-content-width-ujkcpl: 1620px;
414
+ .awsui_layout_hyvsj_1al7x_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_1al7x_404) {
415
+ --awsui-default-max-content-width-f9jj7p: 1620px;
416
416
  }
417
417
  }
418
- .awsui_layout_hyvsj_10dcz_322.awsui_has-max-content-width_hyvsj_10dcz_404:not(#\9) {
419
- --awsui-default-max-content-width-ujkcpl: var(--awsui-max-content-width-ujkcpl);
418
+ .awsui_layout_hyvsj_1al7x_322.awsui_has-max-content-width_hyvsj_1al7x_404:not(#\9) {
419
+ --awsui-default-max-content-width-f9jj7p: var(--awsui-max-content-width-f9jj7p);
420
420
  }
421
421
  @media (min-width: 993px) {
422
- .awsui_layout_hyvsj_10dcz_322:not(#\9) {
423
- --awsui-default-min-content-width-ujkcpl: var(--awsui-min-content-width-ujkcpl, 280px);
422
+ .awsui_layout_hyvsj_1al7x_322:not(#\9) {
423
+ --awsui-default-min-content-width-f9jj7p: var(--awsui-min-content-width-f9jj7p, 280px);
424
424
  }
425
425
  }
426
426
  @media (max-width: 992px) {
427
- .awsui_layout_hyvsj_10dcz_322:not(#\9) {
428
- --awsui-default-min-content-width-ujkcpl: 0px;
427
+ .awsui_layout_hyvsj_1al7x_322:not(#\9) {
428
+ --awsui-default-min-content-width-f9jj7p: 0px;
429
429
  }
430
430
  }
431
- .awsui_layout_hyvsj_10dcz_322.awsui_is-overlap-disabled_hyvsj_10dcz_431:not(#\9) {
432
- --awsui-overlap-height-ujkcpl: 0;
431
+ .awsui_layout_hyvsj_1al7x_322.awsui_is-overlap-disabled_hyvsj_1al7x_431:not(#\9) {
432
+ --awsui-overlap-height-f9jj7p: 0;
433
433
  }
434
- .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10dcz_434) {
435
- --awsui-offset-top-ujkcpl: var(--awsui-header-height-ujkcpl);
436
- min-height: var(--awsui-content-height-ujkcpl);
434
+ .awsui_layout_hyvsj_1al7x_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1al7x_434) {
435
+ --awsui-offset-top-f9jj7p: var(--awsui-header-height-f9jj7p);
436
+ min-height: var(--awsui-content-height-f9jj7p);
437
437
  }
438
- .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10dcz_434):not(.awsui_has-sticky-notifications_hyvsj_10dcz_438) {
439
- --awsui-offset-top-with-notifications-ujkcpl: var(--awsui-header-height-ujkcpl);
438
+ .awsui_layout_hyvsj_1al7x_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1al7x_434):not(.awsui_has-sticky-notifications_hyvsj_1al7x_438) {
439
+ --awsui-offset-top-with-notifications-f9jj7p: var(--awsui-header-height-f9jj7p);
440
440
  }
441
- .awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10dcz_434).awsui_has-sticky-notifications_hyvsj_10dcz_438 {
442
- --awsui-offset-top-with-notifications-ujkcpl: calc(
443
- var(--awsui-header-height-ujkcpl) + var(--awsui-notifications-height-ujkcpl) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
441
+ .awsui_layout_hyvsj_1al7x_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1al7x_434).awsui_has-sticky-notifications_hyvsj_1al7x_438 {
442
+ --awsui-offset-top-with-notifications-f9jj7p: calc(
443
+ var(--awsui-header-height-f9jj7p) + var(--awsui-notifications-height-f9jj7p) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
444
444
  );
445
445
  }
446
- .awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434:not(#\9) {
447
- --awsui-offset-top-ujkcpl: 0px;
448
- grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) 1fr auto;
449
- height: var(--awsui-content-height-ujkcpl);
446
+ .awsui_layout_hyvsj_1al7x_322.awsui_disable-body-scroll_hyvsj_1al7x_434:not(#\9) {
447
+ --awsui-offset-top-f9jj7p: 0px;
448
+ grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-f9jj7p) 1fr auto;
449
+ height: var(--awsui-content-height-f9jj7p);
450
450
  overflow-y: scroll;
451
451
  }
452
- .awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434.awsui_has-split-panel_hyvsj_10dcz_452.awsui_split-panel-position-bottom_hyvsj_10dcz_452:not(#\9) {
453
- grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) repeat(2, auto);
452
+ .awsui_layout_hyvsj_1al7x_322.awsui_disable-body-scroll_hyvsj_1al7x_434.awsui_has-split-panel_hyvsj_1al7x_452.awsui_split-panel-position-bottom_hyvsj_1al7x_452:not(#\9) {
453
+ grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-f9jj7p) repeat(2, auto);
454
454
  }
455
- .awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_10dcz_438) {
456
- --awsui-offset-top-with-notifications-ujkcpl: 0px;
455
+ .awsui_layout_hyvsj_1al7x_322.awsui_disable-body-scroll_hyvsj_1al7x_434:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1al7x_438) {
456
+ --awsui-offset-top-with-notifications-f9jj7p: 0px;
457
457
  }
458
- .awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434.awsui_has-sticky-notifications_hyvsj_10dcz_438:not(#\9) {
459
- --awsui-offset-top-with-notifications-ujkcpl: calc(
460
- var(--awsui-notifications-height-ujkcpl) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
458
+ .awsui_layout_hyvsj_1al7x_322.awsui_disable-body-scroll_hyvsj_1al7x_434.awsui_has-sticky-notifications_hyvsj_1al7x_438:not(#\9) {
459
+ --awsui-offset-top-with-notifications-f9jj7p: calc(
460
+ var(--awsui-notifications-height-f9jj7p) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
461
461
  );
462
462
  }
463
463
  @media (min-width: 689px) {
464
- .awsui_layout_hyvsj_10dcz_322.awsui_has-content-gap-left_hyvsj_10dcz_464:not(#\9) {
465
- --awsui-content-gap-left-ujkcpl: var(--space-scaled-2x-xxxl-lbp35j, 40px);
464
+ .awsui_layout_hyvsj_1al7x_322.awsui_has-content-gap-left_hyvsj_1al7x_464:not(#\9) {
465
+ --awsui-content-gap-left-f9jj7p: var(--space-scaled-2x-xxxl-lbp35j, 40px);
466
466
  }
467
- .awsui_layout_hyvsj_10dcz_322.awsui_has-content-gap-right_hyvsj_10dcz_467:not(#\9) {
468
- --awsui-content-gap-right-ujkcpl: var(--space-scaled-2x-xxxl-lbp35j, 40px);
467
+ .awsui_layout_hyvsj_1al7x_322.awsui_has-content-gap-right_hyvsj_1al7x_467:not(#\9) {
468
+ --awsui-content-gap-right-f9jj7p: var(--space-scaled-2x-xxxl-lbp35j, 40px);
469
469
  }
470
470
  }
471
471
  @media (max-width: 688px) {
472
- .awsui_layout_hyvsj_10dcz_322:not(#\9) {
473
- --awsui-content-gap-left-ujkcpl: var(--space-l-4vl6xu, 20px);
474
- --awsui-content-gap-right-ujkcpl: var(--space-l-4vl6xu, 20px);
472
+ .awsui_layout_hyvsj_1al7x_322:not(#\9) {
473
+ --awsui-content-gap-left-f9jj7p: var(--space-l-4vl6xu, 20px);
474
+ --awsui-content-gap-right-f9jj7p: var(--space-l-4vl6xu, 20px);
475
475
  }
476
476
  }
477
477
 
@@ -479,7 +479,7 @@ header.awsui_content_hyvsj_10dcz_174:not(#\9) {
479
479
  This CSS class is applied to the document body to prevent overflow scrolling
480
480
  when the navigation or tools drawers are open in responsive viewports.
481
481
  */
482
- .awsui_block-body-scroll_hyvsj_10dcz_482:not(#\9) {
482
+ .awsui_block-body-scroll_hyvsj_1al7x_482:not(#\9) {
483
483
  overflow: hidden;
484
484
  }
485
485
 
@@ -487,7 +487,7 @@ when the navigation or tools drawers are open in responsive viewports.
487
487
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
488
488
  SPDX-License-Identifier: Apache-2.0
489
489
  */
490
- .awsui_container_hyvsj_10dcz_490:not(#\9) {
490
+ .awsui_container_hyvsj_1al7x_490:not(#\9) {
491
491
  grid-column: 3;
492
492
  grid-row: 4/span 2;
493
493
  padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
@@ -504,20 +504,20 @@ when the navigation or tools drawers are open in responsive viewports.
504
504
  under various circumstances.
505
505
  */
506
506
  }
507
- .awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507:not(#\9) {
507
+ .awsui_container_hyvsj_1al7x_490.awsui_disable-content-paddings_hyvsj_1al7x_507:not(#\9) {
508
508
  grid-column: 1/6;
509
509
  padding: 0;
510
510
  }
511
511
  @media (min-width: 689px) {
512
- .awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507.awsui_is-navigation-open_hyvsj_10dcz_512:not(#\9) {
512
+ .awsui_container_hyvsj_1al7x_490.awsui_disable-content-paddings_hyvsj_1al7x_507.awsui_is-navigation-open_hyvsj_1al7x_512:not(#\9) {
513
513
  grid-column-start: 2;
514
514
  }
515
- .awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507.awsui_is-tools-open_hyvsj_10dcz_515:not(#\9), .awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_split-panel-position-side_hyvsj_10dcz_515:not(#\9) {
515
+ .awsui_container_hyvsj_1al7x_490.awsui_disable-content-paddings_hyvsj_1al7x_507.awsui_is-tools-open_hyvsj_1al7x_515:not(#\9), .awsui_container_hyvsj_1al7x_490.awsui_disable-content-paddings_hyvsj_1al7x_507.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_split-panel-position-side_hyvsj_1al7x_515:not(#\9) {
516
516
  grid-column-end: 5;
517
517
  }
518
518
  }
519
519
  @media (min-width: 689px) {
520
- .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507) {
520
+ .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507) {
521
521
  /*
522
522
  Notifications is the previous adjacent sibling to the Main in
523
523
  desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -532,18 +532,18 @@ when the navigation or tools drawers are open in responsive viewports.
532
532
  sibling to the Main which requires no top padding.
533
533
  */
534
534
  }
535
- .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
535
+ .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-default_hyvsj_1al7x_535.awsui_has-notifications-content_hyvsj_1al7x_167:not(.awsui_has-breadcrumbs_hyvsj_1al7x_160):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173), .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-form_hyvsj_1al7x_535.awsui_has-notifications-content_hyvsj_1al7x_167:not(.awsui_has-breadcrumbs_hyvsj_1al7x_160):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173) {
536
536
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
537
537
  }
538
- .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
538
+ .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-default_hyvsj_1al7x_535:not(.awsui_has-notifications-content_hyvsj_1al7x_167):not(.awsui_has-breadcrumbs_hyvsj_1al7x_160):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173), .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-form_hyvsj_1al7x_535:not(.awsui_has-notifications-content_hyvsj_1al7x_167):not(.awsui_has-breadcrumbs_hyvsj_1al7x_160):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173) {
539
539
  padding-top: var(--space-scaled-xs-6859qs, 8px);
540
540
  }
541
- .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-header_hyvsj_10dcz_173, .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-dynamic-overlap-height_hyvsj_10dcz_173 {
541
+ .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_has-header_hyvsj_1al7x_173, .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_has-dynamic-overlap-height_hyvsj_1al7x_173 {
542
542
  padding-top: 0;
543
543
  }
544
544
  }
545
545
  @media (max-width: 688px) {
546
- .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507) {
546
+ .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507) {
547
547
  /*
548
548
  If the Notifications exist but the Header does not then the
549
549
  Notifications is the previous adjacent sibling to the Main
@@ -558,22 +558,22 @@ when the navigation or tools drawers are open in responsive viewports.
558
558
  sibling to the Main which requires no top padding.
559
559
  */
560
560
  }
561
- .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
561
+ .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-default_hyvsj_1al7x_535.awsui_has-notifications-content_hyvsj_1al7x_167:not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173), .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-form_hyvsj_1al7x_535.awsui_has-notifications-content_hyvsj_1al7x_167:not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173) {
562
562
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
563
563
  }
564
- .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
564
+ .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-default_hyvsj_1al7x_535:not(.awsui_has-notifications-content_hyvsj_1al7x_167):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173), .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_content-type-form_hyvsj_1al7x_535:not(.awsui_has-notifications-content_hyvsj_1al7x_167):not(.awsui_has-header_hyvsj_1al7x_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1al7x_173) {
565
565
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
566
566
  }
567
- .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-header_hyvsj_10dcz_173, .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-dynamic-overlap-height_hyvsj_10dcz_173 {
567
+ .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_has-header_hyvsj_1al7x_173, .awsui_container_hyvsj_1al7x_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1al7x_507).awsui_has-dynamic-overlap-height_hyvsj_1al7x_173 {
568
568
  padding-top: 0;
569
569
  }
570
570
  }
571
- .awsui_container_hyvsj_10dcz_490.awsui_content-type-cards_hyvsj_10dcz_177:not(#\9), .awsui_container_hyvsj_10dcz_490.awsui_content-type-table_hyvsj_10dcz_178:not(#\9), .awsui_container_hyvsj_10dcz_490.awsui_content-type-wizard_hyvsj_10dcz_174:not(#\9) {
571
+ .awsui_container_hyvsj_1al7x_490.awsui_content-type-cards_hyvsj_1al7x_177:not(#\9), .awsui_container_hyvsj_1al7x_490.awsui_content-type-table_hyvsj_1al7x_178:not(#\9), .awsui_container_hyvsj_1al7x_490.awsui_content-type-wizard_hyvsj_1al7x_174:not(#\9) {
572
572
  padding-top: 0;
573
573
  }
574
574
 
575
575
  /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
576
- .awsui_unfocusable_hyvsj_10dcz_576 *:not(#\9) {
576
+ .awsui_unfocusable_hyvsj_1al7x_576 *:not(#\9) {
577
577
  visibility: hidden !important;
578
578
  }
579
579
 
@@ -581,38 +581,38 @@ when the navigation or tools drawers are open in responsive viewports.
581
581
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
582
582
  SPDX-License-Identifier: Apache-2.0
583
583
  */
584
- .awsui_navigation-container_hyvsj_10dcz_584:not(#\9) {
585
- --awsui-navigation-width-ujkcpl: 280px;
584
+ .awsui_navigation-container_hyvsj_1al7x_584:not(#\9) {
585
+ --awsui-navigation-width-f9jj7p: 280px;
586
586
  display: flex;
587
587
  grid-column: 1;
588
588
  grid-row: 1/span 5;
589
- height: var(--awsui-content-height-ujkcpl);
589
+ height: var(--awsui-content-height-f9jj7p);
590
590
  position: sticky;
591
- top: var(--awsui-offset-top-ujkcpl);
591
+ top: var(--awsui-offset-top-f9jj7p);
592
592
  z-index: 850;
593
593
  }
594
594
  @media (min-width: 2541px) {
595
- .awsui_navigation-container_hyvsj_10dcz_584:not(#\9) {
596
- --awsui-navigation-width-ujkcpl: 320px;
595
+ .awsui_navigation-container_hyvsj_1al7x_584:not(#\9) {
596
+ --awsui-navigation-width-f9jj7p: 320px;
597
597
  }
598
598
  }
599
599
  @media (max-width: 688px) {
600
- .awsui_navigation-container_hyvsj_10dcz_584:not(#\9) {
600
+ .awsui_navigation-container_hyvsj_1al7x_584:not(#\9) {
601
601
  left: 0;
602
602
  position: fixed;
603
- top: var(--awsui-offset-top-ujkcpl);
603
+ top: var(--awsui-offset-top-f9jj7p);
604
604
  z-index: 1001;
605
605
  }
606
606
  }
607
607
 
608
- nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9) {
608
+ nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9) {
609
609
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
610
610
  /*
611
611
  Apply the animation only in desktop viewports because the AppBar will
612
612
  take control in responsive viewports.
613
613
  */
614
614
  }
615
- @keyframes awsui_showButtons_hyvsj_10dcz_1 {
615
+ @keyframes awsui_showButtons_hyvsj_1al7x_1 {
616
616
  0% {
617
617
  opacity: 0;
618
618
  }
@@ -620,31 +620,31 @@ nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9) {
620
620
  opacity: 1;
621
621
  }
622
622
  }
623
- nav.awsui_show-navigation_hyvsj_10dcz_608.awsui_is-navigation-open_hyvsj_10dcz_512:not(#\9) {
623
+ nav.awsui_show-navigation_hyvsj_1al7x_608.awsui_is-navigation-open_hyvsj_1al7x_512:not(#\9) {
624
624
  display: none;
625
625
  }
626
626
  @media (min-width: 689px) {
627
- nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512) {
627
+ nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512) {
628
628
  display: block;
629
629
  }
630
- nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630 {
631
- animation: awsui_showButtons_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
630
+ nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512).awsui_animating_hyvsj_1al7x_630 {
631
+ animation: awsui_showButtons_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
632
632
  }
633
633
  }
634
634
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
635
- nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630 {
635
+ nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512).awsui_animating_hyvsj_1al7x_630 {
636
636
  animation: none;
637
637
  transition: none;
638
638
  }
639
639
  }
640
640
  @media (min-width: 689px) {
641
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630 {
641
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512).awsui_animating_hyvsj_1al7x_630, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1al7x_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512).awsui_animating_hyvsj_1al7x_630 {
642
642
  animation: none;
643
643
  transition: none;
644
644
  }
645
645
  }
646
646
 
647
- nav.awsui_navigation_hyvsj_10dcz_584:not(#\9) {
647
+ nav.awsui_navigation_hyvsj_1al7x_584:not(#\9) {
648
648
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
649
649
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
650
650
  bottom: 0;
@@ -660,43 +660,43 @@ nav.awsui_navigation_hyvsj_10dcz_584:not(#\9) {
660
660
  prevent unwanted text wrapping.
661
661
  */
662
662
  }
663
- @keyframes awsui_openNavigation_hyvsj_10dcz_1 {
663
+ @keyframes awsui_openNavigation_hyvsj_1al7x_1 {
664
664
  from {
665
665
  opacity: 0;
666
666
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
667
667
  }
668
668
  to {
669
669
  opacity: 1;
670
- width: var(--awsui-navigation-width-ujkcpl);
670
+ width: var(--awsui-navigation-width-f9jj7p);
671
671
  }
672
672
  }
673
- nav.awsui_navigation_hyvsj_10dcz_584:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512) {
673
+ nav.awsui_navigation_hyvsj_1al7x_584:not(#\9):not(.awsui_is-navigation-open_hyvsj_1al7x_512) {
674
674
  width: 0;
675
675
  display: none;
676
676
  }
677
- nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9) {
678
- animation: awsui_openNavigation_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
677
+ nav.awsui_navigation_hyvsj_1al7x_584.awsui_is-navigation-open_hyvsj_1al7x_512.awsui_animating_hyvsj_1al7x_630:not(#\9) {
678
+ animation: awsui_openNavigation_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
679
679
  }
680
680
  @media (prefers-reduced-motion: reduce) {
681
- nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9) {
681
+ nav.awsui_navigation_hyvsj_1al7x_584.awsui_is-navigation-open_hyvsj_1al7x_512.awsui_animating_hyvsj_1al7x_630:not(#\9) {
682
682
  animation: none;
683
683
  transition: none;
684
684
  }
685
685
  }
686
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9) {
686
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_1al7x_584.awsui_is-navigation-open_hyvsj_1al7x_512.awsui_animating_hyvsj_1al7x_630:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1al7x_584.awsui_is-navigation-open_hyvsj_1al7x_512.awsui_animating_hyvsj_1al7x_630:not(#\9) {
687
687
  animation: none;
688
688
  transition: none;
689
689
  }
690
- nav.awsui_navigation_hyvsj_10dcz_584 > .awsui_animated-content_hyvsj_10dcz_690:not(#\9) {
691
- width: var(--awsui-navigation-width-ujkcpl);
690
+ nav.awsui_navigation_hyvsj_1al7x_584 > .awsui_animated-content_hyvsj_1al7x_690:not(#\9) {
691
+ width: var(--awsui-navigation-width-f9jj7p);
692
692
  }
693
693
  @media (max-width: 688px) {
694
- nav.awsui_navigation_hyvsj_10dcz_584:not(#\9) {
695
- --awsui-navigation-width-ujkcpl: 100vw;
694
+ nav.awsui_navigation_hyvsj_1al7x_584:not(#\9) {
695
+ --awsui-navigation-width-f9jj7p: 100vw;
696
696
  }
697
697
  }
698
698
 
699
- .awsui_hide-navigation_hyvsj_10dcz_699:not(#\9) {
699
+ .awsui_hide-navigation_hyvsj_1al7x_699:not(#\9) {
700
700
  position: absolute;
701
701
  right: var(--space-m-17eucw, 16px);
702
702
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -706,7 +706,7 @@ nav.awsui_navigation_hyvsj_10dcz_584 > .awsui_animated-content_hyvsj_10dcz_690:n
706
706
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
707
707
  SPDX-License-Identifier: Apache-2.0
708
708
  */
709
- .awsui_notifications_hyvsj_10dcz_216:not(#\9) {
709
+ .awsui_notifications_hyvsj_1al7x_216:not(#\9) {
710
710
  grid-column: 3;
711
711
  grid-row: 1;
712
712
  z-index: 825;
@@ -723,30 +723,30 @@ nav.awsui_navigation_hyvsj_10dcz_584 > .awsui_animated-content_hyvsj_10dcz_690:n
723
723
  */
724
724
  }
725
725
  @media (min-width: 689px) {
726
- .awsui_notifications_hyvsj_10dcz_216:not(#\9) {
726
+ .awsui_notifications_hyvsj_1al7x_216:not(#\9) {
727
727
  margin: var(--space-xs-rsr2qu, 8px) 0;
728
728
  /*
729
729
  var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
730
730
  calculation in the layout CSS.
731
731
  */
732
732
  }
733
- .awsui_notifications_hyvsj_10dcz_216.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9) {
733
+ .awsui_notifications_hyvsj_1al7x_216.awsui_sticky-notifications_hyvsj_1al7x_228:not(#\9) {
734
734
  position: sticky;
735
- top: calc(var(--awsui-offset-top-ujkcpl) + var(--space-xs-rsr2qu, 8px));
735
+ top: calc(var(--awsui-offset-top-f9jj7p) + var(--space-xs-rsr2qu, 8px));
736
736
  }
737
- .awsui_notifications_hyvsj_10dcz_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167) {
737
+ .awsui_notifications_hyvsj_1al7x_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_1al7x_167) {
738
738
  margin: 0;
739
739
  }
740
740
  }
741
741
  @media (max-width: 688px) {
742
- .awsui_notifications_hyvsj_10dcz_216:not(#\9) {
742
+ .awsui_notifications_hyvsj_1al7x_216:not(#\9) {
743
743
  grid-row: 2;
744
744
  margin: var(--space-scaled-s-cu1hzn, 12px) 0;
745
745
  }
746
- .awsui_notifications_hyvsj_10dcz_216.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9) {
746
+ .awsui_notifications_hyvsj_1al7x_216.awsui_sticky-notifications_hyvsj_1al7x_228:not(#\9) {
747
747
  position: static;
748
748
  }
749
- .awsui_notifications_hyvsj_10dcz_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167) {
749
+ .awsui_notifications_hyvsj_1al7x_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_1al7x_167) {
750
750
  margin: 0;
751
751
  }
752
752
  }
@@ -763,8 +763,8 @@ within. In the bottom position, the Split Panel is simply a direct child
763
763
  of the Tools component flex container and should consume 100% of the
764
764
  parent height.
765
765
  */
766
- section.awsui_split-panel-bottom_hyvsj_10dcz_766:not(#\9) {
767
- bottom: var(--awsui-footer-height-ujkcpl);
766
+ section.awsui_split-panel-bottom_hyvsj_1al7x_766:not(#\9) {
767
+ bottom: var(--awsui-footer-height-f9jj7p);
768
768
  display: none;
769
769
  grid-column: 1/6;
770
770
  height: auto;
@@ -787,47 +787,47 @@ section.awsui_split-panel-bottom_hyvsj_10dcz_766:not(#\9) {
787
787
  apply the animation to the height property.
788
788
  */
789
789
  }
790
- @keyframes awsui_openSplitPanelBottom_hyvsj_10dcz_1 {
790
+ @keyframes awsui_openSplitPanelBottom_hyvsj_1al7x_1 {
791
791
  from {
792
- height: var(--awsui-split-panel-reported-header-size-ujkcpl, 0);
792
+ height: var(--awsui-split-panel-reported-header-size-f9jj7p, 0);
793
793
  }
794
794
  to {
795
- height: var(--awsui-split-panel-reported-size-ujkcpl);
795
+ height: var(--awsui-split-panel-reported-size-f9jj7p);
796
796
  }
797
797
  }
798
- section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_disable-body-scroll_hyvsj_10dcz_434:not(#\9) {
798
+ section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_disable-body-scroll_hyvsj_1al7x_434:not(#\9) {
799
799
  bottom: 0;
800
800
  }
801
- section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
801
+ section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-navigation-open_hyvsj_1al7x_512.awsui_position-bottom_hyvsj_1al7x_801:not(#\9) {
802
802
  grid-column-start: 2;
803
803
  }
804
- section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-tools-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
804
+ section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-tools-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801:not(#\9) {
805
805
  grid-column-end: 5;
806
806
  }
807
- section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
807
+ section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_position-bottom_hyvsj_1al7x_801:not(#\9) {
808
808
  display: block;
809
809
  }
810
- section.awsui_split-panel-bottom_hyvsj_10dcz_766:not(#\9):not(.awsui_is-split-panel-open_hyvsj_10dcz_515).awsui_position-bottom_hyvsj_10dcz_801 {
810
+ section.awsui_split-panel-bottom_hyvsj_1al7x_766:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1al7x_515).awsui_position-bottom_hyvsj_1al7x_801 {
811
811
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
812
812
  }
813
- section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
813
+ section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801:not(#\9) {
814
814
  box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
815
815
  }
816
- section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9) {
817
- animation: awsui_openSplitPanelBottom_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
816
+ section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801.awsui_animating_hyvsj_1al7x_630:not(#\9) {
817
+ animation: awsui_openSplitPanelBottom_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
818
818
  }
819
819
  @media (prefers-reduced-motion: reduce) {
820
- section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9) {
820
+ section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801.awsui_animating_hyvsj_1al7x_630:not(#\9) {
821
821
  animation: none;
822
822
  transition: none;
823
823
  }
824
824
  }
825
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9) {
825
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801.awsui_animating_hyvsj_1al7x_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1al7x_766.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-bottom_hyvsj_1al7x_801.awsui_animating_hyvsj_1al7x_630:not(#\9) {
826
826
  animation: none;
827
827
  transition: none;
828
828
  }
829
829
 
830
- section.awsui_split-panel-side_hyvsj_10dcz_830:not(#\9) {
830
+ section.awsui_split-panel-side_hyvsj_1al7x_830:not(#\9) {
831
831
  height: 100%;
832
832
  overflow-x: hidden;
833
833
  /*
@@ -841,41 +841,41 @@ section.awsui_split-panel-side_hyvsj_10dcz_830:not(#\9) {
841
841
  prevent unwanted text wrapping.
842
842
  */
843
843
  }
844
- @keyframes awsui_openSplitPanelSide_hyvsj_10dcz_1 {
844
+ @keyframes awsui_openSplitPanelSide_hyvsj_1al7x_1 {
845
845
  from {
846
846
  opacity: 0;
847
- width: var(--awsui-split-panel-min-width-ujkcpl, 280px);
847
+ width: var(--awsui-split-panel-min-width-f9jj7p, 280px);
848
848
  }
849
849
  to {
850
850
  opacity: 1;
851
- width: var(--awsui-split-panel-reported-size-ujkcpl);
851
+ width: var(--awsui-split-panel-reported-size-f9jj7p);
852
852
  }
853
853
  }
854
- section.awsui_split-panel-side_hyvsj_10dcz_830:not(#\9):not(.awsui_is-split-panel-open_hyvsj_10dcz_515), section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
854
+ section.awsui_split-panel-side_hyvsj_1al7x_830:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1al7x_515), section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_position-bottom_hyvsj_1al7x_801:not(#\9) {
855
855
  width: 0;
856
856
  }
857
- section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857:not(#\9) {
857
+ section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-side_hyvsj_1al7x_857:not(#\9) {
858
858
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
859
- max-width: var(--awsui-split-panel-max-width-ujkcpl, 280px);
860
- min-width: var(--awsui-split-panel-min-width-ujkcpl, 280px);
859
+ max-width: var(--awsui-split-panel-max-width-f9jj7p, 280px);
860
+ min-width: var(--awsui-split-panel-min-width-f9jj7p, 280px);
861
861
  }
862
- section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9) {
863
- animation: awsui_openSplitPanelSide_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
862
+ section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-side_hyvsj_1al7x_857.awsui_animating_hyvsj_1al7x_630:not(#\9) {
863
+ animation: awsui_openSplitPanelSide_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
864
864
  }
865
865
  @media (prefers-reduced-motion: reduce) {
866
- section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9) {
866
+ section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-side_hyvsj_1al7x_857.awsui_animating_hyvsj_1al7x_630:not(#\9) {
867
867
  animation: none;
868
868
  transition: none;
869
869
  }
870
870
  }
871
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9) {
871
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-side_hyvsj_1al7x_857.awsui_animating_hyvsj_1al7x_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1al7x_830.awsui_is-split-panel-open_hyvsj_1al7x_515.awsui_position-side_hyvsj_1al7x_857.awsui_animating_hyvsj_1al7x_630:not(#\9) {
872
872
  animation: none;
873
873
  transition: none;
874
874
  }
875
- section.awsui_split-panel-side_hyvsj_10dcz_830 > .awsui_animated-content_hyvsj_10dcz_690:not(#\9) {
875
+ section.awsui_split-panel-side_hyvsj_1al7x_830 > .awsui_animated-content_hyvsj_1al7x_690:not(#\9) {
876
876
  height: 100%;
877
877
  max-width: inherit;
878
- width: var(--awsui-split-panel-reported-size-ujkcpl);
878
+ width: var(--awsui-split-panel-reported-size-f9jj7p);
879
879
  }
880
880
 
881
881
  /*
@@ -891,37 +891,37 @@ content width has a default value that can be set directly with the minContentWi
891
891
  property. The content gap right is computed in the Layout styles based on the
892
892
  viewport size and state of the Tools drawer.
893
893
  */
894
- .awsui_tools-container_hyvsj_10dcz_894:not(#\9) {
894
+ .awsui_tools-container_hyvsj_1al7x_894:not(#\9) {
895
895
  /* stylelint-disable scss/operator-no-newline-after */
896
- --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));
896
+ --awsui-tools-max-width-f9jj7p: calc(var(--awsui-layout-width-f9jj7p) - var(--awsui-main-offset-left-f9jj7p) - var(--awsui-default-min-content-width-f9jj7p) - var(--awsui-content-gap-right-f9jj7p));
897
897
  /* stylelint-enable scss/operator-no-newline-after */
898
- --awsui-tools-width-ujkcpl: 290px;
898
+ --awsui-tools-width-f9jj7p: 290px;
899
899
  display: flex;
900
900
  grid-column: 5;
901
901
  grid-row: 1/span 5;
902
- height: var(--awsui-content-height-ujkcpl);
903
- max-width: var(--awsui-tools-max-width-ujkcpl);
902
+ height: var(--awsui-content-height-f9jj7p);
903
+ max-width: var(--awsui-tools-max-width-f9jj7p);
904
904
  position: sticky;
905
- top: var(--awsui-offset-top-ujkcpl);
905
+ top: var(--awsui-offset-top-f9jj7p);
906
906
  z-index: 850;
907
907
  }
908
908
  @media (min-width: 2541px) {
909
- .awsui_tools-container_hyvsj_10dcz_894:not(#\9) {
910
- --awsui-tools-width-ujkcpl: 360px;
909
+ .awsui_tools-container_hyvsj_1al7x_894:not(#\9) {
910
+ --awsui-tools-width-f9jj7p: 360px;
911
911
  }
912
912
  }
913
913
  @media (max-width: 688px) {
914
- .awsui_tools-container_hyvsj_10dcz_894:not(#\9) {
915
- --awsui-tools-max-width-ujkcpl: none;
916
- --awsui-tools-width-ujkcpl: auto;
914
+ .awsui_tools-container_hyvsj_1al7x_894:not(#\9) {
915
+ --awsui-tools-max-width-f9jj7p: none;
916
+ --awsui-tools-width-f9jj7p: auto;
917
917
  position: fixed;
918
918
  right: 0;
919
- top: var(--awsui-offset-top-ujkcpl);
919
+ top: var(--awsui-offset-top-f9jj7p);
920
920
  z-index: 1001;
921
921
  }
922
922
  }
923
923
 
924
- .awsui_tools_hyvsj_10dcz_894:not(#\9) {
924
+ .awsui_tools_hyvsj_1al7x_894:not(#\9) {
925
925
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
926
926
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
927
927
  flex-shrink: 0;
@@ -943,48 +943,48 @@ viewport size and state of the Tools drawer.
943
943
  in the side position.
944
944
  */
945
945
  }
946
- @keyframes awsui_openTools_hyvsj_10dcz_1 {
946
+ @keyframes awsui_openTools_hyvsj_1al7x_1 {
947
947
  from {
948
- opacity: var(--awsui-tools-animation-starting-opacity-ujkcpl, 0);
948
+ opacity: var(--awsui-tools-animation-starting-opacity-f9jj7p, 0);
949
949
  width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
950
950
  }
951
951
  to {
952
952
  opacity: 1;
953
- width: var(--awsui-tools-width-ujkcpl);
953
+ width: var(--awsui-tools-width-f9jj7p);
954
954
  }
955
955
  }
956
- .awsui_tools_hyvsj_10dcz_894:not(#\9):not(.awsui_is-tools-open_hyvsj_10dcz_515) {
956
+ .awsui_tools_hyvsj_1al7x_894:not(#\9):not(.awsui_is-tools-open_hyvsj_1al7x_515) {
957
957
  width: 0;
958
958
  display: none;
959
959
  }
960
- .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9) {
961
- animation: awsui_openTools_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
960
+ .awsui_tools_hyvsj_1al7x_894.awsui_is-tools-open_hyvsj_1al7x_515.awsui_animating_hyvsj_1al7x_630:not(#\9) {
961
+ animation: awsui_openTools_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
962
962
  }
963
963
  @media (prefers-reduced-motion: reduce) {
964
- .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9) {
964
+ .awsui_tools_hyvsj_1al7x_894.awsui_is-tools-open_hyvsj_1al7x_515.awsui_animating_hyvsj_1al7x_630:not(#\9) {
965
965
  animation: none;
966
966
  transition: none;
967
967
  }
968
968
  }
969
- .awsui-motion-disabled .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9) {
969
+ .awsui-motion-disabled .awsui_tools_hyvsj_1al7x_894.awsui_is-tools-open_hyvsj_1al7x_515.awsui_animating_hyvsj_1al7x_630:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1al7x_894.awsui_is-tools-open_hyvsj_1al7x_515.awsui_animating_hyvsj_1al7x_630:not(#\9) {
970
970
  animation: none;
971
971
  transition: none;
972
972
  }
973
- .awsui_tools_hyvsj_10dcz_894 > .awsui_animated-content_hyvsj_10dcz_690:not(#\9) {
974
- width: var(--awsui-tools-width-ujkcpl);
973
+ .awsui_tools_hyvsj_1al7x_894 > .awsui_animated-content_hyvsj_1al7x_690:not(#\9) {
974
+ width: var(--awsui-tools-width-f9jj7p);
975
975
  }
976
976
  @media (min-width: 689px) {
977
- .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_has-tools-form-persistence_hyvsj_10dcz_977:not(#\9) {
977
+ .awsui_tools_hyvsj_1al7x_894.awsui_is-tools-open_hyvsj_1al7x_515.awsui_has-tools-form-persistence_hyvsj_1al7x_977:not(#\9) {
978
978
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
979
979
  }
980
980
  }
981
981
  @media (max-width: 688px) {
982
- .awsui_tools_hyvsj_10dcz_894:not(#\9) {
983
- --awsui-tools-width-ujkcpl: 100vw;
982
+ .awsui_tools_hyvsj_1al7x_894:not(#\9) {
983
+ --awsui-tools-width-f9jj7p: 100vw;
984
984
  }
985
985
  }
986
986
 
987
- .awsui_hide-tools_hyvsj_10dcz_987:not(#\9) {
987
+ .awsui_hide-tools_hyvsj_1al7x_987:not(#\9) {
988
988
  position: absolute;
989
989
  right: var(--space-m-17eucw, 16px);
990
990
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -996,7 +996,7 @@ Warning! If these design tokens for padding change it will adversely impact
996
996
  the calculation used to determine the Split Panel maximum width in the
997
997
  handleSplitPanelMaxWidth function in the context.
998
998
  */
999
- .awsui_show-tools_hyvsj_10dcz_999:not(#\9) {
999
+ .awsui_show-tools_hyvsj_1al7x_999:not(#\9) {
1000
1000
  box-sizing: border-box;
1001
1001
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
1002
1002
  /*
@@ -1004,7 +1004,7 @@ handleSplitPanelMaxWidth function in the context.
1004
1004
  take control in responsive viewports.
1005
1005
  */
1006
1006
  }
1007
- @keyframes awsui_showButtons_hyvsj_10dcz_1 {
1007
+ @keyframes awsui_showButtons_hyvsj_1al7x_1 {
1008
1008
  0% {
1009
1009
  opacity: 0;
1010
1010
  }
@@ -1012,33 +1012,33 @@ handleSplitPanelMaxWidth function in the context.
1012
1012
  opacity: 1;
1013
1013
  }
1014
1014
  }
1015
- .awsui_show-tools_hyvsj_10dcz_999:not(#\9):not(.awsui_has-tools-form_hyvsj_10dcz_977) {
1015
+ .awsui_show-tools_hyvsj_1al7x_999:not(#\9):not(.awsui_has-tools-form_hyvsj_1al7x_977) {
1016
1016
  display: none;
1017
1017
  }
1018
1018
  @media (min-width: 689px) {
1019
- .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977:not(#\9) {
1019
+ .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form_hyvsj_1al7x_977:not(#\9) {
1020
1020
  display: flex;
1021
1021
  flex-direction: column;
1022
1022
  gap: var(--space-xs-rsr2qu, 8px);
1023
1023
  }
1024
- .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9) {
1025
- animation: awsui_showButtons_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1024
+ .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form_hyvsj_1al7x_977.awsui_animating_hyvsj_1al7x_630:not(#\9) {
1025
+ animation: awsui_showButtons_hyvsj_1al7x_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
1026
1026
  }
1027
1027
  }
1028
1028
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1029
- .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9) {
1029
+ .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form_hyvsj_1al7x_977.awsui_animating_hyvsj_1al7x_630:not(#\9) {
1030
1030
  animation: none;
1031
1031
  transition: none;
1032
1032
  }
1033
1033
  }
1034
1034
  @media (min-width: 689px) {
1035
- .awsui-motion-disabled .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9) {
1035
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form_hyvsj_1al7x_977.awsui_animating_hyvsj_1al7x_630:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form_hyvsj_1al7x_977.awsui_animating_hyvsj_1al7x_630:not(#\9) {
1036
1036
  animation: none;
1037
1037
  transition: none;
1038
1038
  }
1039
1039
  }
1040
1040
  @media (min-width: 689px) {
1041
- .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form-persistence_hyvsj_10dcz_977:not(#\9) {
1041
+ .awsui_show-tools_hyvsj_1al7x_999.awsui_has-tools-form-persistence_hyvsj_1al7x_977:not(#\9) {
1042
1042
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
1043
1043
  z-index: 1;
1044
1044
  }
@@ -1053,7 +1053,7 @@ Warning! If these design tokens for width change it will adversely impact
1053
1053
  the calculation used to determine the Split Panel maximum width in the
1054
1054
  handleSplitPanelMaxWidth function in the context.
1055
1055
  */
1056
- .awsui_trigger_hyvsj_10dcz_1056:not(#\9) {
1056
+ .awsui_trigger_hyvsj_1al7x_1056:not(#\9) {
1057
1057
  background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
1058
1058
  border: none;
1059
1059
  border-radius: 50%;
@@ -1064,14 +1064,14 @@ handleSplitPanelMaxWidth function in the context.
1064
1064
  padding: 0 var(--space-s-hv8c1d, 12px);
1065
1065
  width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
1066
1066
  }
1067
- .awsui_trigger_hyvsj_10dcz_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1067
+ .awsui_trigger_hyvsj_1al7x_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1068
1068
  position: relative;
1069
1069
  }
1070
- .awsui_trigger_hyvsj_10dcz_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1070
+ .awsui_trigger_hyvsj_1al7x_1056[data-awsui-focus-visible=true]:not(#\9):focus {
1071
1071
  outline: 2px dotted transparent;
1072
1072
  outline-offset: calc(3px - 1px);
1073
1073
  }
1074
- .awsui_trigger_hyvsj_10dcz_1056[data-awsui-focus-visible=true]:not(#\9):focus::before {
1074
+ .awsui_trigger_hyvsj_1al7x_1056[data-awsui-focus-visible=true]:not(#\9):focus::before {
1075
1075
  content: " ";
1076
1076
  display: block;
1077
1077
  position: absolute;
@@ -1082,23 +1082,23 @@ handleSplitPanelMaxWidth function in the context.
1082
1082
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
1083
1083
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
1084
1084
  }
1085
- .awsui_trigger_hyvsj_10dcz_1056:not(#\9):focus {
1085
+ .awsui_trigger_hyvsj_1al7x_1056:not(#\9):focus {
1086
1086
  outline: none;
1087
1087
  }
1088
- .awsui_trigger_hyvsj_10dcz_1056:not(#\9):hover {
1088
+ .awsui_trigger_hyvsj_1al7x_1056:not(#\9):hover {
1089
1089
  background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
1090
1090
  }
1091
- .awsui_trigger_hyvsj_10dcz_1056:not(#\9):active {
1091
+ .awsui_trigger_hyvsj_1al7x_1056:not(#\9):active {
1092
1092
  background: var(--color-background-layout-toggle-active-d15dki, #354150);
1093
1093
  }
1094
- .awsui_trigger_hyvsj_10dcz_1056.awsui_selected_hyvsj_10dcz_1094:not(#\9) {
1094
+ .awsui_trigger_hyvsj_1al7x_1056.awsui_selected_hyvsj_1al7x_1094:not(#\9) {
1095
1095
  background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
1096
1096
  color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
1097
1097
  }
1098
- .awsui_trigger_hyvsj_10dcz_1056.awsui_selected_hyvsj_10dcz_1094:not(#\9):hover {
1098
+ .awsui_trigger_hyvsj_1al7x_1056.awsui_selected_hyvsj_1al7x_1094:not(#\9):hover {
1099
1099
  background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
1100
1100
  }
1101
- .awsui_trigger_hyvsj_10dcz_1056.awsui_selected_hyvsj_10dcz_1094:not(#\9):active {
1101
+ .awsui_trigger_hyvsj_1al7x_1056.awsui_selected_hyvsj_1al7x_1094:not(#\9):active {
1102
1102
  background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
1103
1103
  }
1104
1104