@cloudscape-design/components 3.0.365 → 3.0.367

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 (100) hide show
  1. package/app-layout/defaults.d.ts +1 -2
  2. package/app-layout/defaults.d.ts.map +1 -1
  3. package/app-layout/defaults.js.map +1 -1
  4. package/app-layout/drawer/drawers-helpers.d.ts +7 -0
  5. package/app-layout/drawer/drawers-helpers.d.ts.map +1 -0
  6. package/app-layout/drawer/drawers-helpers.js +24 -0
  7. package/app-layout/drawer/drawers-helpers.js.map +1 -0
  8. package/app-layout/drawer/index.d.ts +1 -1
  9. package/app-layout/drawer/index.d.ts.map +1 -1
  10. package/app-layout/drawer/index.js +41 -18
  11. package/app-layout/drawer/index.js.map +1 -1
  12. package/app-layout/drawer/interfaces.d.ts +8 -3
  13. package/app-layout/drawer/interfaces.d.ts.map +1 -1
  14. package/app-layout/drawer/interfaces.js.map +1 -1
  15. package/app-layout/drawer/overflow-menu.d.ts +13 -0
  16. package/app-layout/drawer/overflow-menu.d.ts.map +1 -0
  17. package/app-layout/drawer/overflow-menu.js +17 -0
  18. package/app-layout/drawer/overflow-menu.js.map +1 -0
  19. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
  20. package/app-layout/drawer/resizable-drawer.js +6 -2
  21. package/app-layout/drawer/resizable-drawer.js.map +1 -1
  22. package/app-layout/index.d.ts.map +1 -1
  23. package/app-layout/index.js +46 -124
  24. package/app-layout/index.js.map +1 -1
  25. package/app-layout/mobile-toolbar/index.d.ts +1 -0
  26. package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
  27. package/app-layout/mobile-toolbar/index.js +15 -5
  28. package/app-layout/mobile-toolbar/index.js.map +1 -1
  29. package/app-layout/toggles/index.js +2 -2
  30. package/app-layout/toggles/index.js.map +1 -1
  31. package/app-layout/toggles/interfaces.d.ts +1 -0
  32. package/app-layout/toggles/interfaces.d.ts.map +1 -1
  33. package/app-layout/toggles/interfaces.js.map +1 -1
  34. package/app-layout/utils/use-drawers.d.ts +29 -0
  35. package/app-layout/utils/use-drawers.d.ts.map +1 -0
  36. package/app-layout/utils/use-drawers.js +87 -0
  37. package/app-layout/utils/use-drawers.js.map +1 -0
  38. package/app-layout/utils/use-resize.d.ts +8 -4
  39. package/app-layout/utils/use-resize.d.ts.map +1 -1
  40. package/app-layout/utils/use-resize.js +5 -37
  41. package/app-layout/utils/use-resize.js.map +1 -1
  42. package/app-layout/visual-refresh/context.d.ts +6 -4
  43. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  44. package/app-layout/visual-refresh/context.js +20 -38
  45. package/app-layout/visual-refresh/context.js.map +1 -1
  46. package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  47. package/app-layout/visual-refresh/drawers.js +50 -25
  48. package/app-layout/visual-refresh/drawers.js.map +1 -1
  49. package/app-layout/visual-refresh/mobile-toolbar.js +2 -2
  50. package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  51. package/app-layout/visual-refresh/split-panel.js +1 -1
  52. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  53. package/app-layout/visual-refresh/styles.css.js +74 -69
  54. package/app-layout/visual-refresh/styles.scoped.css +197 -167
  55. package/app-layout/visual-refresh/styles.selectors.js +74 -69
  56. package/app-layout/visual-refresh/tools.js +1 -1
  57. package/app-layout/visual-refresh/tools.js.map +1 -1
  58. package/app-layout/visual-refresh/trigger-button.d.ts +1 -0
  59. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  60. package/app-layout/visual-refresh/trigger-button.js +8 -5
  61. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  62. package/button/icon-helper.d.ts +1 -0
  63. package/button/icon-helper.d.ts.map +1 -1
  64. package/button/icon-helper.js +2 -2
  65. package/button/icon-helper.js.map +1 -1
  66. package/button/internal.d.ts +2 -0
  67. package/button/internal.d.ts.map +1 -1
  68. package/button/internal.js +2 -1
  69. package/button/internal.js.map +1 -1
  70. package/button-dropdown/interfaces.d.ts +10 -1
  71. package/button-dropdown/interfaces.d.ts.map +1 -1
  72. package/button-dropdown/interfaces.js.map +1 -1
  73. package/button-dropdown/internal.d.ts.map +1 -1
  74. package/button-dropdown/internal.js +15 -1
  75. package/button-dropdown/internal.js.map +1 -1
  76. package/button-dropdown/item-element/index.d.ts +4 -0
  77. package/button-dropdown/item-element/index.d.ts.map +1 -1
  78. package/button-dropdown/item-element/index.js +1 -1
  79. package/button-dropdown/item-element/index.js.map +1 -1
  80. package/icon/styles.css.js +21 -21
  81. package/icon/styles.scoped.css +54 -54
  82. package/icon/styles.selectors.js +21 -21
  83. package/internal/base-component/styles.scoped.css +5 -0
  84. package/internal/environment.js +1 -1
  85. package/internal/environment.json +1 -1
  86. package/internal/generated/theming/index.cjs +31 -0
  87. package/internal/generated/theming/index.js +31 -0
  88. package/internal/manifest.json +1 -1
  89. package/package.json +1 -1
  90. package/popover/interfaces.d.ts +4 -0
  91. package/popover/interfaces.d.ts.map +1 -1
  92. package/popover/interfaces.js.map +1 -1
  93. package/popover/internal.js +2 -2
  94. package/popover/internal.js.map +1 -1
  95. package/property-filter/index.d.ts.map +1 -1
  96. package/property-filter/index.js +2 -1
  97. package/property-filter/index.js.map +1 -1
  98. package/property-filter/styles.css.js +30 -29
  99. package/property-filter/styles.scoped.css +38 -32
  100. package/property-filter/styles.selectors.js +30 -29
@@ -90,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- div.awsui_background_hyvsj_li5wi_93:not(#\9) {
93
+ div.awsui_background_hyvsj_jgnob_93:not(#\9) {
94
94
  display: contents;
95
95
  }
96
- div.awsui_background_hyvsj_li5wi_93 > .awsui_scrolling-background_hyvsj_li5wi_96:not(#\9) {
96
+ div.awsui_background_hyvsj_jgnob_93 > .awsui_scrolling-background_hyvsj_jgnob_96:not(#\9) {
97
97
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
98
98
  color: var(--color-text-body-default-2sxhhn, #000716);
99
99
  grid-column: 1/span 5;
100
100
  grid-row: 1/10;
101
101
  }
102
- div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102:not(#\9) {
102
+ div.awsui_background_hyvsj_jgnob_93 > .awsui_sticky-background_hyvsj_jgnob_102:not(#\9) {
103
103
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
104
104
  grid-column: 1/span 5;
105
105
  grid-row: 1/10;
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102:n
107
107
  top: var(--awsui-header-height-zw2xxa);
108
108
  z-index: 799;
109
109
  }
110
- div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_li5wi_110) {
110
+ div.awsui_background_hyvsj_jgnob_93 > .awsui_sticky-background_hyvsj_jgnob_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_jgnob_110) {
111
111
  height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-zw2xxa));
112
112
  }
113
- div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.awsui_has-sticky-notifications_hyvsj_li5wi_110:not(#\9) {
113
+ div.awsui_background_hyvsj_jgnob_93 > .awsui_sticky-background_hyvsj_jgnob_102.awsui_has-sticky-notifications_hyvsj_jgnob_110:not(#\9) {
114
114
  height: calc(
115
115
  var(--awsui-notifications-gap-zw2xxa) + var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-zw2xxa)
116
116
  );
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
120
120
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
121
121
  SPDX-License-Identifier: Apache-2.0
122
122
  */
123
- .awsui_breadcrumbs_hyvsj_li5wi_123:not(#\9) {
123
+ .awsui_breadcrumbs_hyvsj_jgnob_123:not(#\9) {
124
124
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
125
125
  grid-area: breadcrumbs;
126
126
  /*
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
130
130
  be lifted so it doesn't render behind the background element.
131
131
  */
132
132
  }
133
- .awsui_breadcrumbs_hyvsj_li5wi_123.awsui_has-sticky-background_hyvsj_li5wi_133:not(#\9) {
133
+ .awsui_breadcrumbs_hyvsj_jgnob_123.awsui_has-sticky-background_hyvsj_jgnob_133:not(#\9) {
134
134
  z-index: 799;
135
135
  }
136
136
 
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
142
142
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
143
143
  SPDX-License-Identifier: Apache-2.0
144
144
  */
145
- .awsui_drawers-container_hyvsj_li5wi_145:not(#\9) {
145
+ .awsui_drawers-container_hyvsj_jgnob_145:not(#\9) {
146
146
  background-color: transparent;
147
147
  display: flex;
148
148
  grid-column: 5;
@@ -154,29 +154,29 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
154
154
  z-index: 830;
155
155
  transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
156
156
  }
157
- .awsui_drawers-container_hyvsj_li5wi_145.awsui_has-open-drawer_hyvsj_li5wi_157:not(#\9) {
157
+ .awsui_drawers-container_hyvsj_jgnob_145.awsui_has-open-drawer_hyvsj_jgnob_157:not(#\9) {
158
158
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
159
159
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
160
160
  }
161
161
  @media (prefers-reduced-motion: reduce) {
162
- .awsui_drawers-container_hyvsj_li5wi_145:not(#\9) {
162
+ .awsui_drawers-container_hyvsj_jgnob_145:not(#\9) {
163
163
  animation: none;
164
164
  transition: none;
165
165
  }
166
166
  }
167
- .awsui-motion-disabled .awsui_drawers-container_hyvsj_li5wi_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_li5wi_145:not(#\9) {
167
+ .awsui-motion-disabled .awsui_drawers-container_hyvsj_jgnob_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_jgnob_145:not(#\9) {
168
168
  animation: none;
169
169
  transition: none;
170
170
  }
171
171
  @media (min-width: 689px) {
172
- .awsui_drawers-container_hyvsj_li5wi_145:not(#\9) {
172
+ .awsui_drawers-container_hyvsj_jgnob_145:not(#\9) {
173
173
  /* stylelint-disable scss/operator-no-newline-after */
174
174
  max-width: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
175
175
  /* stylelint-enable scss/operator-no-newline-after */
176
176
  }
177
177
  }
178
178
  @media (max-width: 688px) {
179
- .awsui_drawers-container_hyvsj_li5wi_145:not(#\9) {
179
+ .awsui_drawers-container_hyvsj_jgnob_145:not(#\9) {
180
180
  position: fixed;
181
181
  right: 0;
182
182
  z-index: 1001;
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
188
188
  relative to the body.
189
189
  */
190
190
  }
191
- .awsui_drawers-container_hyvsj_li5wi_145.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9) {
191
+ .awsui_drawers-container_hyvsj_jgnob_145.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9) {
192
192
  top: var(--awsui-header-height-zw2xxa);
193
193
  }
194
194
  }
195
195
 
196
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9) {
196
+ .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196:not(#\9) {
197
197
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
198
198
  border-collapse: separate;
199
199
  border-spacing: 0;
@@ -238,39 +238,43 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
238
238
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
239
239
  overscroll-behavior-y: contain;
240
240
  }
241
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215).awsui_has-open-drawer_hyvsj_li5wi_157 {
241
+ .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215).awsui_has-open-drawer_hyvsj_jgnob_157 {
242
242
  width: 0;
243
243
  }
244
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196.awsui_has-multiple-triggers_hyvsj_li5wi_215.awsui_has-open-drawer_hyvsj_li5wi_157:not(#\9) {
244
+ .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196.awsui_has-multiple-triggers_hyvsj_jgnob_215.awsui_has-open-drawer_hyvsj_jgnob_157:not(#\9) {
245
245
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
246
246
  transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
247
247
  }
248
248
  @media (prefers-reduced-motion: reduce) {
249
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196.awsui_has-multiple-triggers_hyvsj_li5wi_215.awsui_has-open-drawer_hyvsj_li5wi_157:not(#\9) {
249
+ .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196.awsui_has-multiple-triggers_hyvsj_jgnob_215.awsui_has-open-drawer_hyvsj_jgnob_157:not(#\9) {
250
250
  animation: none;
251
251
  transition: none;
252
252
  }
253
253
  }
254
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196.awsui_has-multiple-triggers_hyvsj_li5wi_215.awsui_has-open-drawer_hyvsj_li5wi_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196.awsui_has-multiple-triggers_hyvsj_li5wi_215.awsui_has-open-drawer_hyvsj_li5wi_157:not(#\9) {
254
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196.awsui_has-multiple-triggers_hyvsj_jgnob_215.awsui_has-open-drawer_hyvsj_jgnob_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196.awsui_has-multiple-triggers_hyvsj_jgnob_215.awsui_has-open-drawer_hyvsj_jgnob_157:not(#\9) {
255
255
  animation: none;
256
256
  transition: none;
257
257
  }
258
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
258
+ .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
259
259
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
260
260
  transition: width var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
261
261
  }
262
262
  @media (prefers-reduced-motion: reduce) {
263
- .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
263
+ .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
264
264
  animation: none;
265
265
  transition: none;
266
266
  }
267
267
  }
268
- .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
268
+ .awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
269
269
  animation: none;
270
270
  transition: none;
271
271
  }
272
272
 
273
- .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9) {
273
+ .awsui_drawers-mobile-triggers-container_hyvsj_jgnob_247:not(#\9) {
274
+ display: flex;
275
+ }
276
+
277
+ .awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9) {
274
278
  align-items: center;
275
279
  display: flex;
276
280
  flex-direction: column;
@@ -278,33 +282,40 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
278
282
  padding-top: var(--space-scaled-s-aqzyko, 12px);
279
283
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
280
284
  }
281
- .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215).awsui_has-open-drawer_hyvsj_li5wi_157 {
285
+ .awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215).awsui_has-open-drawer_hyvsj_jgnob_157 {
282
286
  opacity: 0;
283
287
  }
284
- .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
288
+ .awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
285
289
  opacity: 1;
286
290
  transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms);
287
291
  transition-delay: calc(var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) / 1.5);
288
292
  }
289
293
  @media (prefers-reduced-motion: reduce) {
290
- .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
294
+ .awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
291
295
  animation: none;
292
296
  transition: none;
293
297
  }
294
298
  }
295
- .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_li5wi_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_li5wi_215):not(.awsui_has-open-drawer_hyvsj_li5wi_157) {
299
+ .awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
296
300
  animation: none;
297
301
  transition: none;
298
302
  }
303
+ .awsui_drawers-trigger-content_hyvsj_jgnob_251 > .awsui_drawers-trigger-overflow_hyvsj_jgnob_277:not(#\9) {
304
+ padding: 0 1px;
305
+ display: flex;
306
+ align-items: center;
307
+ justify-content: center;
308
+ }
299
309
 
300
310
  @media (max-width: 688px) {
301
- .awsui_drawers-trigger_hyvsj_li5wi_247:not(#\9) {
311
+ .awsui_drawers-trigger_hyvsj_jgnob_251:not(#\9) {
302
312
  width: 40px;
303
- text-align: right;
313
+ display: flex;
314
+ justify-content: center;
304
315
  }
305
316
  }
306
317
 
307
- .awsui_drawer_hyvsj_li5wi_145:not(#\9) {
318
+ .awsui_drawer_hyvsj_jgnob_145:not(#\9) {
308
319
  --awsui-drawer-size-zw2xxa: 290px;
309
320
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
310
321
  border-color: transparent;
@@ -320,39 +331,39 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
320
331
  pointer-events: auto;
321
332
  word-wrap: break-word;
322
333
  }
323
- .awsui_drawer_hyvsj_li5wi_145 > .awsui_drawer-close-button_hyvsj_li5wi_297:not(#\9) {
334
+ .awsui_drawer_hyvsj_jgnob_145 > .awsui_drawer-close-button_hyvsj_jgnob_308:not(#\9) {
324
335
  grid-column: 3;
325
336
  grid-row: 2;
326
337
  z-index: 1;
327
338
  }
328
- .awsui_drawer_hyvsj_li5wi_145 > .awsui_drawer-content_hyvsj_li5wi_302:not(#\9) {
339
+ .awsui_drawer_hyvsj_jgnob_145 > .awsui_drawer-content_hyvsj_jgnob_313:not(#\9) {
329
340
  grid-column: 1/span 4;
330
341
  grid-row: 1/span 3;
331
342
  width: var(--awsui-drawer-size-zw2xxa);
332
343
  }
333
- .awsui_drawer_hyvsj_li5wi_145 > .awsui_drawer-slider_hyvsj_li5wi_307:not(#\9) {
344
+ .awsui_drawer_hyvsj_jgnob_145 > .awsui_drawer-slider_hyvsj_jgnob_318:not(#\9) {
334
345
  grid-column: 1;
335
346
  grid-row: 3;
336
347
  height: 100%;
337
348
  display: flex;
338
349
  align-items: center;
339
350
  }
340
- .awsui_drawer_hyvsj_li5wi_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_li5wi_314) {
351
+ .awsui_drawer_hyvsj_jgnob_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_jgnob_325) {
341
352
  opacity: 0;
342
353
  width: 0;
343
354
  }
344
- .awsui_drawer_hyvsj_li5wi_145.awsui_is-drawer-open_hyvsj_li5wi_314:not(#\9) {
355
+ .awsui_drawer_hyvsj_jgnob_145.awsui_is-drawer-open_hyvsj_jgnob_325:not(#\9) {
345
356
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
346
357
  opacity: 1;
347
358
  width: var(--awsui-drawer-size-zw2xxa);
348
359
  }
349
360
  @media (min-width: 2541px) {
350
- .awsui_drawer_hyvsj_li5wi_145.awsui_is-drawer-open_hyvsj_li5wi_314:not(#\9) {
361
+ .awsui_drawer_hyvsj_jgnob_145.awsui_is-drawer-open_hyvsj_jgnob_325:not(#\9) {
351
362
  --awsui-drawer-size-zw2xxa: 320px;
352
363
  }
353
364
  }
354
365
  @media (max-width: 688px) {
355
- .awsui_drawer_hyvsj_li5wi_145.awsui_is-drawer-open_hyvsj_li5wi_314:not(#\9) {
366
+ .awsui_drawer_hyvsj_jgnob_145.awsui_is-drawer-open_hyvsj_jgnob_325:not(#\9) {
356
367
  --awsui-drawer-size-zw2xxa: 100vw;
357
368
  width: 100vw;
358
369
  }
@@ -362,7 +373,7 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
362
373
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
363
374
  SPDX-License-Identifier: Apache-2.0
364
375
  */
365
- header.awsui_content_hyvsj_li5wi_339:not(#\9) {
376
+ header.awsui_content_hyvsj_jgnob_350:not(#\9) {
366
377
  grid-area: header;
367
378
  }
368
379
 
@@ -383,7 +394,7 @@ The minimum content width property is set to zero and applied under all
383
394
  circumstances regardless of whether the minContentWidth property is
384
395
  explicitly set in script.
385
396
  */
386
- .awsui_layout_hyvsj_li5wi_360:not(#\9) {
397
+ .awsui_layout_hyvsj_jgnob_371:not(#\9) {
387
398
  --awsui-breadcrumbs-gap-zw2xxa: 0px;
388
399
  --awsui-content-gap-left-zw2xxa: 0px;
389
400
  --awsui-content-gap-right-zw2xxa: 0px;
@@ -466,133 +477,133 @@ explicitly set in script.
466
477
  */
467
478
  }
468
479
  @media (min-width: 1401px) {
469
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443) {
480
+ .awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454) {
470
481
  --awsui-default-max-content-width-zw2xxa: 1280px;
471
482
  }
472
483
  }
473
484
  @media (min-width: 1921px) {
474
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443) {
485
+ .awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454) {
475
486
  --awsui-default-max-content-width-zw2xxa: 1440px;
476
487
  }
477
488
  }
478
489
  @media (min-width: 2541px) {
479
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443) {
490
+ .awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454) {
480
491
  --awsui-default-max-content-width-zw2xxa: 1620px;
481
492
  }
482
493
  }
483
494
  @media (min-width: 1401px) {
484
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443).awsui_content-type-dashboard_hyvsj_li5wi_458 {
495
+ .awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454).awsui_content-type-dashboard_hyvsj_jgnob_469 {
485
496
  --awsui-default-max-content-width-zw2xxa: 1280px;
486
497
  }
487
498
  }
488
499
  @media (min-width: 1921px) {
489
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443).awsui_content-type-dashboard_hyvsj_li5wi_458 {
500
+ .awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454).awsui_content-type-dashboard_hyvsj_jgnob_469 {
490
501
  --awsui-default-max-content-width-zw2xxa: 1620px;
491
502
  }
492
503
  }
493
504
  @media (min-width: 2541px) {
494
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_li5wi_443).awsui_content-type-dashboard_hyvsj_li5wi_458 {
505
+ .awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454).awsui_content-type-dashboard_hyvsj_jgnob_469 {
495
506
  --awsui-default-max-content-width-zw2xxa: 2160px;
496
507
  }
497
508
  }
498
- .awsui_layout_hyvsj_li5wi_360.awsui_has-max-content-width_hyvsj_li5wi_443:not(#\9) {
509
+ .awsui_layout_hyvsj_jgnob_371.awsui_has-max-content-width_hyvsj_jgnob_454:not(#\9) {
499
510
  --awsui-default-max-content-width-zw2xxa: var(--awsui-max-content-width-zw2xxa);
500
511
  }
501
- .awsui_layout_hyvsj_li5wi_360.awsui_is-overlap-disabled_hyvsj_li5wi_475:not(#\9) {
512
+ .awsui_layout_hyvsj_jgnob_371.awsui_is-overlap-disabled_hyvsj_jgnob_486:not(#\9) {
502
513
  --awsui-overlap-height-zw2xxa: 0;
503
514
  }
504
515
  @media (min-width: 993px) {
505
- .awsui_layout_hyvsj_li5wi_360:not(#\9) {
516
+ .awsui_layout_hyvsj_jgnob_371:not(#\9) {
506
517
  --awsui-default-min-content-width-zw2xxa: var(--awsui-min-content-width-zw2xxa, 280px);
507
518
  }
508
519
  }
509
520
  @media (max-width: 992px) {
510
- .awsui_layout_hyvsj_li5wi_360:not(#\9) {
521
+ .awsui_layout_hyvsj_jgnob_371:not(#\9) {
511
522
  --awsui-default-min-content-width-zw2xxa: 0px;
512
523
  }
513
524
  }
514
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_li5wi_110):not(.awsui_has-sticky-background_hyvsj_li5wi_133) {
525
+ .awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_jgnob_110):not(.awsui_has-sticky-background_hyvsj_jgnob_133) {
515
526
  --awsui-offset-top-with-notifications-zw2xxa: var(--awsui-header-height-zw2xxa);
516
527
  }
517
- .awsui_layout_hyvsj_li5wi_360:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_li5wi_110).awsui_has-sticky-background_hyvsj_li5wi_133 {
528
+ .awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_jgnob_110).awsui_has-sticky-background_hyvsj_jgnob_133 {
518
529
  --awsui-offset-top-with-notifications-zw2xxa: calc(var(--awsui-header-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px));
519
530
  }
520
- .awsui_layout_hyvsj_li5wi_360.awsui_has-sticky-notifications_hyvsj_li5wi_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_li5wi_133) {
531
+ .awsui_layout_hyvsj_jgnob_371.awsui_has-sticky-notifications_hyvsj_jgnob_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_jgnob_133) {
521
532
  --awsui-offset-top-with-notifications-zw2xxa: calc(
522
533
  var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
523
534
  var(--awsui-notifications-height-zw2xxa) + var(--space-xxxs-zbmxqb, 2px)
524
535
  );
525
536
  }
526
- .awsui_layout_hyvsj_li5wi_360.awsui_has-sticky-notifications_hyvsj_li5wi_110.awsui_has-sticky-background_hyvsj_li5wi_133:not(#\9) {
537
+ .awsui_layout_hyvsj_jgnob_371.awsui_has-sticky-notifications_hyvsj_jgnob_110.awsui_has-sticky-background_hyvsj_jgnob_133:not(#\9) {
527
538
  --awsui-offset-top-with-notifications-zw2xxa: calc(
528
539
  var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
529
540
  var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px)
530
541
  );
531
542
  }
532
543
  @media (min-width: 689px) {
533
- .awsui_layout_hyvsj_li5wi_360.awsui_has-content-gap-left_hyvsj_li5wi_507:not(#\9) {
544
+ .awsui_layout_hyvsj_jgnob_371.awsui_has-content-gap-left_hyvsj_jgnob_518:not(#\9) {
534
545
  --awsui-content-gap-left-zw2xxa: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
535
546
  }
536
- .awsui_layout_hyvsj_li5wi_360.awsui_has-content-gap-right_hyvsj_li5wi_510:not(#\9) {
547
+ .awsui_layout_hyvsj_jgnob_371.awsui_has-content-gap-right_hyvsj_jgnob_521:not(#\9) {
537
548
  --awsui-content-gap-right-zw2xxa: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
538
549
  }
539
550
  }
540
551
  @media (max-width: 688px) {
541
- .awsui_layout_hyvsj_li5wi_360:not(#\9) {
552
+ .awsui_layout_hyvsj_jgnob_371:not(#\9) {
542
553
  --awsui-content-gap-left-zw2xxa: var(--space-l-t419sm, 20px);
543
554
  --awsui-content-gap-right-zw2xxa: var(--space-l-t419sm, 20px);
544
555
  }
545
556
  }
546
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9) {
557
+ .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9) {
547
558
  --awsui-notifications-gap-zw2xxa: var(--space-xs-zb16t3, 8px);
548
559
  }
549
- .awsui_layout_hyvsj_li5wi_360.awsui_has-breadcrumbs_hyvsj_li5wi_523:not(#\9) {
560
+ .awsui_layout_hyvsj_jgnob_371.awsui_has-breadcrumbs_hyvsj_jgnob_534:not(#\9) {
550
561
  --awsui-breadcrumbs-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
551
562
  }
552
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-header_hyvsj_li5wi_526:not(#\9), .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_li5wi_523).awsui_has-header_hyvsj_li5wi_526 {
563
+ .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-header_hyvsj_jgnob_537:not(#\9), .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_jgnob_534).awsui_has-header_hyvsj_jgnob_537 {
553
564
  --awsui-header-gap-zw2xxa: var(--space-scaled-xs-26e2du, 8px);
554
565
  }
555
- .awsui_layout_hyvsj_li5wi_360.awsui_has-breadcrumbs_hyvsj_li5wi_523.awsui_has-header_hyvsj_li5wi_526:not(#\9) {
566
+ .awsui_layout_hyvsj_jgnob_371.awsui_has-breadcrumbs_hyvsj_jgnob_534.awsui_has-header_hyvsj_jgnob_537:not(#\9) {
556
567
  --awsui-header-gap-zw2xxa: var(--space-scaled-xs-26e2du, 8px);
557
568
  }
558
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_li5wi_523):not(.awsui_has-header_hyvsj_li5wi_526) {
569
+ .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_jgnob_534):not(.awsui_has-header_hyvsj_jgnob_537) {
559
570
  --awsui-main-gap-zw2xxa: var(--space-xs-zb16t3, 8px);
560
571
  }
561
- .awsui_layout_hyvsj_li5wi_360.awsui_has-breadcrumbs_hyvsj_li5wi_523:not(#\9):not(.awsui_has-header_hyvsj_li5wi_526) {
572
+ .awsui_layout_hyvsj_jgnob_371.awsui_has-breadcrumbs_hyvsj_jgnob_534:not(#\9):not(.awsui_has-header_hyvsj_jgnob_537) {
562
573
  --awsui-container-first-gap-zw2xxa: calc(var(--awsui-breadcrumbs-gap-zw2xxa) - var(--awsui-main-gap-zw2xxa));
563
574
  }
564
- .awsui_layout_hyvsj_li5wi_360.awsui_has-breadcrumbs_hyvsj_li5wi_523:not(#\9):not(.awsui_has-header_hyvsj_li5wi_526).awsui_is-overlap-disabled_hyvsj_li5wi_475 {
575
+ .awsui_layout_hyvsj_jgnob_371.awsui_has-breadcrumbs_hyvsj_jgnob_534:not(#\9):not(.awsui_has-header_hyvsj_jgnob_537).awsui_is-overlap-disabled_hyvsj_jgnob_486 {
565
576
  --awsui-main-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
566
577
  }
567
- .awsui_layout_hyvsj_li5wi_360.awsui_has-breadcrumbs_hyvsj_li5wi_523:not(#\9):not(.awsui_has-header_hyvsj_li5wi_526):not(.awsui_is-overlap-disabled_hyvsj_li5wi_475) {
578
+ .awsui_layout_hyvsj_jgnob_371.awsui_has-breadcrumbs_hyvsj_jgnob_534:not(#\9):not(.awsui_has-header_hyvsj_jgnob_537):not(.awsui_is-overlap-disabled_hyvsj_jgnob_486) {
568
579
  --awsui-main-gap-zw2xxa: var(--space-scaled-xxs-7597g1, 4px);
569
580
  }
570
- .awsui_layout_hyvsj_li5wi_360.awsui_has-header_hyvsj_li5wi_526:not(#\9) {
581
+ .awsui_layout_hyvsj_jgnob_371.awsui_has-header_hyvsj_jgnob_537:not(#\9) {
571
582
  --awsui-main-gap-zw2xxa: var(--space-content-header-padding-bottom-y2enua, 16px);
572
583
  }
573
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-main_hyvsj_li5wi_547:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_li5wi_475), .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-main_hyvsj_li5wi_547.awsui_is-overlap-disabled_hyvsj_li5wi_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_li5wi_547) {
584
+ .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-main_hyvsj_jgnob_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_jgnob_486), .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-main_hyvsj_jgnob_558.awsui_is-overlap-disabled_hyvsj_jgnob_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_jgnob_558) {
574
585
  --awsui-main-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
575
586
  }
576
587
  @media (min-width: 689px) {
577
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-main_hyvsj_li5wi_547:not(#\9):not(.awsui_has-header_hyvsj_li5wi_526) {
588
+ .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-main_hyvsj_jgnob_558:not(#\9):not(.awsui_has-header_hyvsj_jgnob_537) {
578
589
  --awsui-container-first-overlap-extension-zw2xxa: var(--space-m-udix3p, 16px);
579
590
  --awsui-container-first-gap-zw2xxa: var(--space-xxs-p8yyaw, 4px);
580
591
  }
581
592
  }
582
593
  @media (max-width: 688px) {
583
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9) {
594
+ .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9) {
584
595
  --awsui-notifications-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
585
596
  }
586
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-header_hyvsj_li5wi_526:not(#\9) {
597
+ .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-header_hyvsj_jgnob_537:not(#\9) {
587
598
  --awsui-header-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
588
599
  }
589
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_li5wi_523).awsui_has-header_hyvsj_li5wi_526 {
600
+ .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_jgnob_534).awsui_has-header_hyvsj_jgnob_537 {
590
601
  --awsui-header-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
591
602
  }
592
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-notifications_hyvsj_li5wi_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_li5wi_523):not(.awsui_has-header_hyvsj_li5wi_526), .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-main_hyvsj_li5wi_547:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_li5wi_475) {
603
+ .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_jgnob_534):not(.awsui_has-header_hyvsj_jgnob_537), .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-main_hyvsj_jgnob_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_jgnob_486) {
593
604
  --awsui-main-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
594
605
  }
595
- .awsui_layout_hyvsj_li5wi_360.awsui_content-first-child-main_hyvsj_li5wi_547.awsui_is-overlap-disabled_hyvsj_li5wi_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_li5wi_547) {
606
+ .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-main_hyvsj_jgnob_558.awsui_is-overlap-disabled_hyvsj_jgnob_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_jgnob_558) {
596
607
  --awsui-main-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
597
608
  }
598
609
  }
@@ -607,19 +618,19 @@ not matter. The offset top value for AppLayout contentMain children with
607
618
  position: sticky will be the value of the notifications height in addition to the
608
619
  notifications top margin and some additional vertical space for aesthetics.
609
620
  */
610
- .awsui_layout_hyvsj_li5wi_360.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9) {
621
+ .awsui_layout_hyvsj_jgnob_371.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9) {
611
622
  --awsui-main-template-rows-zw2xxa: 1fr auto;
612
623
  --awsui-offset-top-zw2xxa: 0px;
613
624
  height: var(--awsui-content-height-zw2xxa);
614
625
  overflow-y: scroll;
615
626
  }
616
- .awsui_layout_hyvsj_li5wi_360.awsui_disable-body-scroll_hyvsj_li5wi_191.awsui_has-split-panel_hyvsj_li5wi_590.awsui_split-panel-position-bottom_hyvsj_li5wi_590:not(#\9) {
627
+ .awsui_layout_hyvsj_jgnob_371.awsui_disable-body-scroll_hyvsj_jgnob_191.awsui_has-split-panel_hyvsj_jgnob_601.awsui_split-panel-position-bottom_hyvsj_jgnob_601:not(#\9) {
617
628
  --awsui-main-template-rows-zw2xxa: repeat(2, auto);
618
629
  }
619
- .awsui_layout_hyvsj_li5wi_360.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_li5wi_110) {
630
+ .awsui_layout_hyvsj_jgnob_371.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_jgnob_110) {
620
631
  --awsui-offset-top-with-notifications-zw2xxa: 0px;
621
632
  }
622
- .awsui_layout_hyvsj_li5wi_360.awsui_disable-body-scroll_hyvsj_li5wi_191.awsui_has-sticky-notifications_hyvsj_li5wi_110:not(#\9) {
633
+ .awsui_layout_hyvsj_jgnob_371.awsui_disable-body-scroll_hyvsj_jgnob_191.awsui_has-sticky-notifications_hyvsj_jgnob_110:not(#\9) {
623
634
  --awsui-offset-top-with-notifications-zw2xxa: calc(
624
635
  var(--awsui-notifications-height-zw2xxa) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
625
636
  );
@@ -629,13 +640,13 @@ notifications top margin and some additional vertical space for aesthetics.
629
640
  This CSS class is applied to the document body to prevent overflow scrolling
630
641
  when the navigation or tools drawers are open in responsive viewports.
631
642
  */
632
- .awsui_block-body-scroll_hyvsj_li5wi_606:not(#\9) {
643
+ .awsui_block-body-scroll_hyvsj_jgnob_617:not(#\9) {
633
644
  overflow: hidden;
634
645
  }
635
646
 
636
647
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
637
- .awsui_unfocusable_hyvsj_li5wi_611:not(#\9),
638
- .awsui_unfocusable_hyvsj_li5wi_611 *:not(#\9) {
648
+ .awsui_unfocusable_hyvsj_jgnob_622:not(#\9),
649
+ .awsui_unfocusable_hyvsj_jgnob_622 *:not(#\9) {
639
650
  visibility: hidden !important;
640
651
  }
641
652
 
@@ -644,7 +655,7 @@ when the navigation or tools drawers are open in responsive viewports.
644
655
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
645
656
  SPDX-License-Identifier: Apache-2.0
646
657
  */
647
- .awsui_container_hyvsj_li5wi_621:not(#\9) {
658
+ .awsui_container_hyvsj_jgnob_632:not(#\9) {
648
659
  grid-area: main;
649
660
  padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
650
661
  /*
@@ -661,18 +672,18 @@ when the navigation or tools drawers are open in responsive viewports.
661
672
  on the right, we decrement the column end by one.
662
673
  */
663
674
  }
664
- .awsui_container_hyvsj_li5wi_621.awsui_has-split-panel_hyvsj_li5wi_590.awsui_split-panel-position-bottom_hyvsj_li5wi_590:not(#\9) {
675
+ .awsui_container_hyvsj_jgnob_632.awsui_has-split-panel_hyvsj_jgnob_601.awsui_split-panel-position-bottom_hyvsj_jgnob_601:not(#\9) {
665
676
  padding-bottom: calc(var(--awsui-split-panel-height-zw2xxa) + var(--space-layout-content-bottom-noqzmw, 40px));
666
677
  }
667
- .awsui_container_hyvsj_li5wi_621.awsui_disable-content-paddings_hyvsj_li5wi_547:not(#\9) {
678
+ .awsui_container_hyvsj_jgnob_632.awsui_disable-content-paddings_hyvsj_jgnob_558:not(#\9) {
668
679
  grid-column: 1/6;
669
680
  padding: 0;
670
681
  }
671
682
  @media (min-width: 689px) {
672
- .awsui_container_hyvsj_li5wi_621.awsui_disable-content-paddings_hyvsj_li5wi_547.awsui_is-navigation-open_hyvsj_li5wi_646:not(#\9) {
683
+ .awsui_container_hyvsj_jgnob_632.awsui_disable-content-paddings_hyvsj_jgnob_558.awsui_is-navigation-open_hyvsj_jgnob_657:not(#\9) {
673
684
  grid-column-start: 2;
674
685
  }
675
- .awsui_container_hyvsj_li5wi_621.awsui_disable-content-paddings_hyvsj_li5wi_547.awsui_is-tools-open_hyvsj_li5wi_649:not(#\9), .awsui_container_hyvsj_li5wi_621.awsui_disable-content-paddings_hyvsj_li5wi_547.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_split-panel-position-side_hyvsj_li5wi_649:not(#\9) {
686
+ .awsui_container_hyvsj_jgnob_632.awsui_disable-content-paddings_hyvsj_jgnob_558.awsui_is-tools-open_hyvsj_jgnob_660:not(#\9), .awsui_container_hyvsj_jgnob_632.awsui_disable-content-paddings_hyvsj_jgnob_558.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_split-panel-position-side_hyvsj_jgnob_660:not(#\9) {
676
687
  grid-column-end: 5;
677
688
  }
678
689
  }
@@ -681,7 +692,7 @@ when the navigation or tools drawers are open in responsive viewports.
681
692
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
682
693
  SPDX-License-Identifier: Apache-2.0
683
694
  */
684
- section.awsui_mobile-toolbar_hyvsj_li5wi_658:not(#\9) {
695
+ section.awsui_mobile-toolbar_hyvsj_jgnob_669:not(#\9) {
685
696
  align-items: center;
686
697
  background-color: var(--color-background-home-header-2rudu7, #000716);
687
698
  border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
@@ -697,15 +708,15 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658:not(#\9) {
697
708
  top: var(--awsui-offset-top-zw2xxa);
698
709
  z-index: 1000;
699
710
  }
700
- section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-nav_hyvsj_li5wi_674:not(#\9) {
711
+ section.awsui_mobile-toolbar_hyvsj_jgnob_669 > .awsui_mobile-toolbar-nav_hyvsj_jgnob_685:not(#\9) {
701
712
  grid-column: 1;
702
713
  margin-right: var(--space-m-udix3p, 16px);
703
714
  }
704
- section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_li5wi_678:not(#\9) {
715
+ section.awsui_mobile-toolbar_hyvsj_jgnob_669 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_jgnob_689:not(#\9) {
705
716
  grid-column: 2;
706
717
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
707
718
  }
708
- section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-tools_hyvsj_li5wi_682:not(#\9) {
719
+ section.awsui_mobile-toolbar_hyvsj_jgnob_669 > .awsui_mobile-toolbar-tools_hyvsj_jgnob_693:not(#\9) {
709
720
  grid-column: 3;
710
721
  margin-left: var(--space-m-udix3p, 16px);
711
722
  }
@@ -714,7 +725,7 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-tools_hyvsj
714
725
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
715
726
  SPDX-License-Identifier: Apache-2.0
716
727
  */
717
- .awsui_navigation-container_hyvsj_li5wi_691:not(#\9) {
728
+ .awsui_navigation-container_hyvsj_jgnob_702:not(#\9) {
718
729
  --awsui-navigation-width-zw2xxa: 280px;
719
730
  display: flex;
720
731
  grid-column: 1;
@@ -736,12 +747,12 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-tools_hyvsj
736
747
  pointer-events: none;
737
748
  }
738
749
  @media (min-width: 2541px) {
739
- .awsui_navigation-container_hyvsj_li5wi_691:not(#\9) {
750
+ .awsui_navigation-container_hyvsj_jgnob_702:not(#\9) {
740
751
  --awsui-navigation-width-zw2xxa: 320px;
741
752
  }
742
753
  }
743
754
  @media (max-width: 688px) {
744
- .awsui_navigation-container_hyvsj_li5wi_691:not(#\9) {
755
+ .awsui_navigation-container_hyvsj_jgnob_702:not(#\9) {
745
756
  left: 0;
746
757
  position: fixed;
747
758
  z-index: 1001;
@@ -753,19 +764,19 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-tools_hyvsj
753
764
  relative to the body.
754
765
  */
755
766
  }
756
- .awsui_navigation-container_hyvsj_li5wi_691.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9) {
767
+ .awsui_navigation-container_hyvsj_jgnob_702.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9) {
757
768
  top: var(--awsui-header-height-zw2xxa);
758
769
  }
759
770
  }
760
771
 
761
- nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9) {
772
+ nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9) {
762
773
  padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
763
774
  /*
764
775
  Apply the animation only in desktop viewports because the MobileToolbar will
765
776
  take control in responsive viewports.
766
777
  */
767
778
  }
768
- @keyframes awsui_showButtons_hyvsj_li5wi_1 {
779
+ @keyframes awsui_showButtons_hyvsj_jgnob_1 {
769
780
  0% {
770
781
  opacity: 0;
771
782
  }
@@ -773,31 +784,31 @@ nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9) {
773
784
  opacity: 1;
774
785
  }
775
786
  }
776
- nav.awsui_show-navigation_hyvsj_li5wi_735.awsui_is-navigation-open_hyvsj_li5wi_646:not(#\9) {
787
+ nav.awsui_show-navigation_hyvsj_jgnob_746.awsui_is-navigation-open_hyvsj_jgnob_657:not(#\9) {
777
788
  display: none;
778
789
  }
779
790
  @media (min-width: 689px) {
780
- nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646) {
791
+ nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657) {
781
792
  display: block;
782
793
  }
783
- nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646).awsui_animating_hyvsj_li5wi_757 {
784
- animation: awsui_showButtons_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
794
+ nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657).awsui_animating_hyvsj_jgnob_768 {
795
+ animation: awsui_showButtons_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
785
796
  }
786
797
  }
787
798
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
788
- nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646).awsui_animating_hyvsj_li5wi_757 {
799
+ nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657).awsui_animating_hyvsj_jgnob_768 {
789
800
  animation: none;
790
801
  transition: none;
791
802
  }
792
803
  }
793
804
  @media (min-width: 689px) {
794
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646).awsui_animating_hyvsj_li5wi_757, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646).awsui_animating_hyvsj_li5wi_757 {
805
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657).awsui_animating_hyvsj_jgnob_768, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657).awsui_animating_hyvsj_jgnob_768 {
795
806
  animation: none;
796
807
  transition: none;
797
808
  }
798
809
  }
799
810
 
800
- nav.awsui_navigation_hyvsj_li5wi_691:not(#\9) {
811
+ nav.awsui_navigation_hyvsj_jgnob_702:not(#\9) {
801
812
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
802
813
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
803
814
  bottom: 0;
@@ -815,7 +826,7 @@ nav.awsui_navigation_hyvsj_li5wi_691:not(#\9) {
815
826
  prevent unwanted text wrapping.
816
827
  */
817
828
  }
818
- @keyframes awsui_openNavigation_hyvsj_li5wi_1 {
829
+ @keyframes awsui_openNavigation_hyvsj_jgnob_1 {
819
830
  from {
820
831
  opacity: 0;
821
832
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
@@ -825,33 +836,33 @@ nav.awsui_navigation_hyvsj_li5wi_691:not(#\9) {
825
836
  width: var(--awsui-navigation-width-zw2xxa);
826
837
  }
827
838
  }
828
- nav.awsui_navigation_hyvsj_li5wi_691:not(#\9):not(.awsui_is-navigation-open_hyvsj_li5wi_646) {
839
+ nav.awsui_navigation_hyvsj_jgnob_702:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657) {
829
840
  width: 0;
830
841
  display: none;
831
842
  }
832
- nav.awsui_navigation_hyvsj_li5wi_691.awsui_is-navigation-open_hyvsj_li5wi_646.awsui_animating_hyvsj_li5wi_757:not(#\9) {
833
- animation: awsui_openNavigation_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
843
+ nav.awsui_navigation_hyvsj_jgnob_702.awsui_is-navigation-open_hyvsj_jgnob_657.awsui_animating_hyvsj_jgnob_768:not(#\9) {
844
+ animation: awsui_openNavigation_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
834
845
  }
835
846
  @media (prefers-reduced-motion: reduce) {
836
- nav.awsui_navigation_hyvsj_li5wi_691.awsui_is-navigation-open_hyvsj_li5wi_646.awsui_animating_hyvsj_li5wi_757:not(#\9) {
847
+ nav.awsui_navigation_hyvsj_jgnob_702.awsui_is-navigation-open_hyvsj_jgnob_657.awsui_animating_hyvsj_jgnob_768:not(#\9) {
837
848
  animation: none;
838
849
  transition: none;
839
850
  }
840
851
  }
841
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_li5wi_691.awsui_is-navigation-open_hyvsj_li5wi_646.awsui_animating_hyvsj_li5wi_757:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_li5wi_691.awsui_is-navigation-open_hyvsj_li5wi_646.awsui_animating_hyvsj_li5wi_757:not(#\9) {
852
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_jgnob_702.awsui_is-navigation-open_hyvsj_jgnob_657.awsui_animating_hyvsj_jgnob_768:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_jgnob_702.awsui_is-navigation-open_hyvsj_jgnob_657.awsui_animating_hyvsj_jgnob_768:not(#\9) {
842
853
  animation: none;
843
854
  transition: none;
844
855
  }
845
- nav.awsui_navigation_hyvsj_li5wi_691 > .awsui_animated-content_hyvsj_li5wi_819:not(#\9) {
856
+ nav.awsui_navigation_hyvsj_jgnob_702 > .awsui_animated-content_hyvsj_jgnob_830:not(#\9) {
846
857
  width: var(--awsui-navigation-width-zw2xxa);
847
858
  }
848
859
  @media (max-width: 688px) {
849
- nav.awsui_navigation_hyvsj_li5wi_691:not(#\9) {
860
+ nav.awsui_navigation_hyvsj_jgnob_702:not(#\9) {
850
861
  --awsui-navigation-width-zw2xxa: 100vw;
851
862
  }
852
863
  }
853
864
 
854
- .awsui_hide-navigation_hyvsj_li5wi_828:not(#\9) {
865
+ .awsui_hide-navigation_hyvsj_jgnob_839:not(#\9) {
855
866
  position: absolute;
856
867
  right: var(--space-m-udix3p, 16px);
857
868
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -861,13 +872,13 @@ nav.awsui_navigation_hyvsj_li5wi_691 > .awsui_animated-content_hyvsj_li5wi_819:n
861
872
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
862
873
  SPDX-License-Identifier: Apache-2.0
863
874
  */
864
- .awsui_notifications_hyvsj_li5wi_838:not(#\9) {
875
+ .awsui_notifications_hyvsj_jgnob_849:not(#\9) {
865
876
  color: var(--color-text-body-default-2sxhhn, #000716);
866
877
  grid-area: notifications;
867
878
  z-index: 850;
868
879
  }
869
880
  @media (min-width: 689px) {
870
- .awsui_notifications_hyvsj_li5wi_838.awsui_sticky-notifications_hyvsj_li5wi_844:not(#\9) {
881
+ .awsui_notifications_hyvsj_jgnob_849.awsui_sticky-notifications_hyvsj_jgnob_855:not(#\9) {
871
882
  --awsui-flashbar-sticky-bottom-margin-zw2xxa: var(--space-xxl-cu2m1r, 32px);
872
883
  position: sticky;
873
884
  top: calc(var(--awsui-offset-top-zw2xxa) + var(--space-xs-zb16t3, 8px));
@@ -884,7 +895,7 @@ as the content area. This row is defined as 1 fractional unit which will
884
895
  consume the remaining vertical space in the grid after the notifications
885
896
  and breadcrumbs.
886
897
  */
887
- section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9) {
898
+ section.awsui_split-panel-bottom_hyvsj_jgnob_872:not(#\9) {
888
899
  /*
889
900
  The align self property will position the split panel at the bottom of the grid row.
890
901
  This could be off the viewport if the content area has enough content to be scrollable.
@@ -895,6 +906,7 @@ section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9) {
895
906
  grid-column: 1/6;
896
907
  grid-row: 10;
897
908
  height: auto;
909
+ overflow-y: hidden;
898
910
  /*
899
911
  The position sticky will work in conjunction with the align self: end; property.
900
912
  If the grid row scrolls beyond the viewport, the sticky bottom position
@@ -919,7 +931,7 @@ section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9) {
919
931
  apply the animation to the height property.
920
932
  */
921
933
  }
922
- @keyframes awsui_openSplitPanelBottom_hyvsj_li5wi_1 {
934
+ @keyframes awsui_openSplitPanelBottom_hyvsj_jgnob_1 {
923
935
  from {
924
936
  height: var(--awsui-split-panel-reported-header-size-zw2xxa, 0);
925
937
  }
@@ -927,39 +939,39 @@ section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9) {
927
939
  height: var(--awsui-split-panel-reported-size-zw2xxa);
928
940
  }
929
941
  }
930
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9) {
942
+ section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9) {
931
943
  bottom: 0;
932
944
  }
933
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-navigation-open_hyvsj_li5wi_646.awsui_position-bottom_hyvsj_li5wi_907:not(#\9) {
945
+ section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-navigation-open_hyvsj_jgnob_657.awsui_position-bottom_hyvsj_jgnob_919:not(#\9) {
934
946
  grid-column-start: 2;
935
947
  }
936
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_has-open-drawer_hyvsj_li5wi_157.awsui_position-bottom_hyvsj_li5wi_907:not(#\9) {
948
+ section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_has-open-drawer_hyvsj_jgnob_157.awsui_position-bottom_hyvsj_jgnob_919:not(#\9) {
937
949
  grid-column-end: 5;
938
950
  }
939
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_position-bottom_hyvsj_li5wi_907:not(#\9) {
951
+ section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_position-bottom_hyvsj_jgnob_919:not(#\9) {
940
952
  display: block;
941
953
  }
942
- section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9):not(.awsui_is-split-panel-open_hyvsj_li5wi_649).awsui_position-bottom_hyvsj_li5wi_907 {
954
+ section.awsui_split-panel-bottom_hyvsj_jgnob_872:not(#\9):not(.awsui_is-split-panel-open_hyvsj_jgnob_660).awsui_position-bottom_hyvsj_jgnob_919 {
943
955
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
944
956
  }
945
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-bottom_hyvsj_li5wi_907:not(#\9) {
957
+ section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-bottom_hyvsj_jgnob_919:not(#\9) {
946
958
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
947
959
  }
948
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-bottom_hyvsj_li5wi_907.awsui_animating_hyvsj_li5wi_757:not(#\9) {
949
- animation: awsui_openSplitPanelBottom_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
960
+ section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-bottom_hyvsj_jgnob_919.awsui_animating_hyvsj_jgnob_768:not(#\9) {
961
+ animation: awsui_openSplitPanelBottom_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
950
962
  }
951
963
  @media (prefers-reduced-motion: reduce) {
952
- section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-bottom_hyvsj_li5wi_907.awsui_animating_hyvsj_li5wi_757:not(#\9) {
964
+ section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-bottom_hyvsj_jgnob_919.awsui_animating_hyvsj_jgnob_768:not(#\9) {
953
965
  animation: none;
954
966
  transition: none;
955
967
  }
956
968
  }
957
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-bottom_hyvsj_li5wi_907.awsui_animating_hyvsj_li5wi_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_li5wi_861.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-bottom_hyvsj_li5wi_907.awsui_animating_hyvsj_li5wi_757:not(#\9) {
969
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-bottom_hyvsj_jgnob_919.awsui_animating_hyvsj_jgnob_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-bottom_hyvsj_jgnob_919.awsui_animating_hyvsj_jgnob_768:not(#\9) {
958
970
  animation: none;
959
971
  transition: none;
960
972
  }
961
973
 
962
- section.awsui_split-panel-side_hyvsj_li5wi_936:not(#\9) {
974
+ section.awsui_split-panel-side_hyvsj_jgnob_948:not(#\9) {
963
975
  height: 100%;
964
976
  overflow-x: hidden;
965
977
  pointer-events: auto;
@@ -974,7 +986,7 @@ section.awsui_split-panel-side_hyvsj_li5wi_936:not(#\9) {
974
986
  prevent unwanted text wrapping.
975
987
  */
976
988
  }
977
- @keyframes awsui_openSplitPanelSide_hyvsj_li5wi_1 {
989
+ @keyframes awsui_openSplitPanelSide_hyvsj_jgnob_1 {
978
990
  from {
979
991
  opacity: 0;
980
992
  width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
@@ -984,28 +996,28 @@ section.awsui_split-panel-side_hyvsj_li5wi_936:not(#\9) {
984
996
  width: var(--awsui-split-panel-reported-size-zw2xxa);
985
997
  }
986
998
  }
987
- section.awsui_split-panel-side_hyvsj_li5wi_936:not(#\9):not(.awsui_is-split-panel-open_hyvsj_li5wi_649), section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_position-bottom_hyvsj_li5wi_907:not(#\9) {
999
+ section.awsui_split-panel-side_hyvsj_jgnob_948:not(#\9):not(.awsui_is-split-panel-open_hyvsj_jgnob_660), section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_position-bottom_hyvsj_jgnob_919:not(#\9) {
988
1000
  width: 0;
989
1001
  }
990
- section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-side_hyvsj_li5wi_964:not(#\9) {
1002
+ section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-side_hyvsj_jgnob_976:not(#\9) {
991
1003
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
992
1004
  max-width: var(--awsui-split-panel-max-width-zw2xxa, 280px);
993
1005
  min-width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
994
1006
  }
995
- section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-side_hyvsj_li5wi_964.awsui_animating_hyvsj_li5wi_757:not(#\9) {
996
- animation: awsui_openSplitPanelSide_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1007
+ section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-side_hyvsj_jgnob_976.awsui_animating_hyvsj_jgnob_768:not(#\9) {
1008
+ animation: awsui_openSplitPanelSide_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
997
1009
  }
998
1010
  @media (prefers-reduced-motion: reduce) {
999
- section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-side_hyvsj_li5wi_964.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1011
+ section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-side_hyvsj_jgnob_976.awsui_animating_hyvsj_jgnob_768:not(#\9) {
1000
1012
  animation: none;
1001
1013
  transition: none;
1002
1014
  }
1003
1015
  }
1004
- .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-side_hyvsj_li5wi_964.awsui_animating_hyvsj_li5wi_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_li5wi_936.awsui_is-split-panel-open_hyvsj_li5wi_649.awsui_position-side_hyvsj_li5wi_964.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1016
+ .awsui-motion-disabled section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-side_hyvsj_jgnob_976.awsui_animating_hyvsj_jgnob_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-side_hyvsj_jgnob_976.awsui_animating_hyvsj_jgnob_768:not(#\9) {
1005
1017
  animation: none;
1006
1018
  transition: none;
1007
1019
  }
1008
- section.awsui_split-panel-side_hyvsj_li5wi_936 > .awsui_animated-content_hyvsj_li5wi_819:not(#\9) {
1020
+ section.awsui_split-panel-side_hyvsj_jgnob_948 > .awsui_animated-content_hyvsj_jgnob_830:not(#\9) {
1009
1021
  height: 100%;
1010
1022
  max-width: inherit;
1011
1023
  width: var(--awsui-split-panel-reported-size-zw2xxa);
@@ -1024,7 +1036,7 @@ content width has a default value that can be set directly with the minContentWi
1024
1036
  property. The content gap right is computed in the Layout styles based on the
1025
1037
  viewport size and state of the Tools drawer.
1026
1038
  */
1027
- .awsui_tools-container_hyvsj_li5wi_1001:not(#\9) {
1039
+ .awsui_tools-container_hyvsj_jgnob_1013:not(#\9) {
1028
1040
  /* stylelint-disable scss/operator-no-newline-after */
1029
1041
  --awsui-tools-max-width-zw2xxa: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
1030
1042
  /* stylelint-enable scss/operator-no-newline-after */
@@ -1040,12 +1052,12 @@ viewport size and state of the Tools drawer.
1040
1052
  pointer-events: none;
1041
1053
  }
1042
1054
  @media (min-width: 2541px) {
1043
- .awsui_tools-container_hyvsj_li5wi_1001:not(#\9) {
1055
+ .awsui_tools-container_hyvsj_jgnob_1013:not(#\9) {
1044
1056
  --awsui-tools-width-zw2xxa: 360px;
1045
1057
  }
1046
1058
  }
1047
1059
  @media (max-width: 688px) {
1048
- .awsui_tools-container_hyvsj_li5wi_1001:not(#\9) {
1060
+ .awsui_tools-container_hyvsj_jgnob_1013:not(#\9) {
1049
1061
  --awsui-tools-max-width-zw2xxa: none;
1050
1062
  --awsui-tools-width-zw2xxa: auto;
1051
1063
  position: fixed;
@@ -1059,12 +1071,12 @@ viewport size and state of the Tools drawer.
1059
1071
  relative to the body.
1060
1072
  */
1061
1073
  }
1062
- .awsui_tools-container_hyvsj_li5wi_1001.awsui_disable-body-scroll_hyvsj_li5wi_191:not(#\9) {
1074
+ .awsui_tools-container_hyvsj_jgnob_1013.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9) {
1063
1075
  top: var(--awsui-header-height-zw2xxa);
1064
1076
  }
1065
1077
  }
1066
1078
 
1067
- .awsui_tools_hyvsj_li5wi_1001:not(#\9) {
1079
+ .awsui_tools_hyvsj_jgnob_1013:not(#\9) {
1068
1080
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1069
1081
  box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
1070
1082
  flex-shrink: 0;
@@ -1088,7 +1100,7 @@ viewport size and state of the Tools drawer.
1088
1100
  in the side position.
1089
1101
  */
1090
1102
  }
1091
- @keyframes awsui_openTools_hyvsj_li5wi_1 {
1103
+ @keyframes awsui_openTools_hyvsj_jgnob_1 {
1092
1104
  from {
1093
1105
  opacity: var(--awsui-tools-animation-starting-opacity-zw2xxa, 0);
1094
1106
  width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
@@ -1098,38 +1110,38 @@ viewport size and state of the Tools drawer.
1098
1110
  width: var(--awsui-tools-width-zw2xxa);
1099
1111
  }
1100
1112
  }
1101
- .awsui_tools_hyvsj_li5wi_1001:not(#\9):not(.awsui_is-tools-open_hyvsj_li5wi_649) {
1113
+ .awsui_tools_hyvsj_jgnob_1013:not(#\9):not(.awsui_is-tools-open_hyvsj_jgnob_660) {
1102
1114
  width: 0;
1103
1115
  display: none;
1104
1116
  }
1105
- .awsui_tools_hyvsj_li5wi_1001.awsui_is-tools-open_hyvsj_li5wi_649.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1106
- animation: awsui_openTools_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1117
+ .awsui_tools_hyvsj_jgnob_1013.awsui_is-tools-open_hyvsj_jgnob_660.awsui_animating_hyvsj_jgnob_768:not(#\9) {
1118
+ animation: awsui_openTools_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1107
1119
  }
1108
1120
  @media (prefers-reduced-motion: reduce) {
1109
- .awsui_tools_hyvsj_li5wi_1001.awsui_is-tools-open_hyvsj_li5wi_649.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1121
+ .awsui_tools_hyvsj_jgnob_1013.awsui_is-tools-open_hyvsj_jgnob_660.awsui_animating_hyvsj_jgnob_768:not(#\9) {
1110
1122
  animation: none;
1111
1123
  transition: none;
1112
1124
  }
1113
1125
  }
1114
- .awsui-motion-disabled .awsui_tools_hyvsj_li5wi_1001.awsui_is-tools-open_hyvsj_li5wi_649.awsui_animating_hyvsj_li5wi_757:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_li5wi_1001.awsui_is-tools-open_hyvsj_li5wi_649.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1126
+ .awsui-motion-disabled .awsui_tools_hyvsj_jgnob_1013.awsui_is-tools-open_hyvsj_jgnob_660.awsui_animating_hyvsj_jgnob_768:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_jgnob_1013.awsui_is-tools-open_hyvsj_jgnob_660.awsui_animating_hyvsj_jgnob_768:not(#\9) {
1115
1127
  animation: none;
1116
1128
  transition: none;
1117
1129
  }
1118
- .awsui_tools_hyvsj_li5wi_1001 > .awsui_animated-content_hyvsj_li5wi_819:not(#\9) {
1130
+ .awsui_tools_hyvsj_jgnob_1013 > .awsui_animated-content_hyvsj_jgnob_830:not(#\9) {
1119
1131
  width: var(--awsui-tools-width-zw2xxa);
1120
1132
  }
1121
1133
  @media (min-width: 689px) {
1122
- .awsui_tools_hyvsj_li5wi_1001.awsui_is-tools-open_hyvsj_li5wi_649.awsui_has-tools-form-persistence_hyvsj_li5wi_1096:not(#\9) {
1134
+ .awsui_tools_hyvsj_jgnob_1013.awsui_is-tools-open_hyvsj_jgnob_660.awsui_has-tools-form-persistence_hyvsj_jgnob_1108:not(#\9) {
1123
1135
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
1124
1136
  }
1125
1137
  }
1126
1138
  @media (max-width: 688px) {
1127
- .awsui_tools_hyvsj_li5wi_1001:not(#\9) {
1139
+ .awsui_tools_hyvsj_jgnob_1013:not(#\9) {
1128
1140
  --awsui-tools-width-zw2xxa: 100vw;
1129
1141
  }
1130
1142
  }
1131
1143
 
1132
- .awsui_hide-tools_hyvsj_li5wi_1106:not(#\9) {
1144
+ .awsui_hide-tools_hyvsj_jgnob_1118:not(#\9) {
1133
1145
  position: absolute;
1134
1146
  right: var(--space-m-udix3p, 16px);
1135
1147
  top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1141,7 +1153,7 @@ Warning! If these design tokens for padding change it will adversely impact
1141
1153
  the calculation used to determine the Split Panel maximum width in the
1142
1154
  handleSplitPanelMaxWidth function in the context.
1143
1155
  */
1144
- .awsui_show-tools_hyvsj_li5wi_1118:not(#\9) {
1156
+ .awsui_show-tools_hyvsj_jgnob_1130:not(#\9) {
1145
1157
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1146
1158
  border-collapse: separate;
1147
1159
  border-spacing: 0;
@@ -1185,7 +1197,7 @@ handleSplitPanelMaxWidth function in the context.
1185
1197
  take control in responsive viewports.
1186
1198
  */
1187
1199
  }
1188
- @keyframes awsui_showButtons_hyvsj_li5wi_1 {
1200
+ @keyframes awsui_showButtons_hyvsj_jgnob_1 {
1189
1201
  0% {
1190
1202
  opacity: 0;
1191
1203
  }
@@ -1193,31 +1205,31 @@ handleSplitPanelMaxWidth function in the context.
1193
1205
  opacity: 1;
1194
1206
  }
1195
1207
  }
1196
- .awsui_show-tools_hyvsj_li5wi_1118:not(#\9):not(.awsui_has-tools-form_hyvsj_li5wi_1096) {
1208
+ .awsui_show-tools_hyvsj_jgnob_1130:not(#\9):not(.awsui_has-tools-form_hyvsj_jgnob_1108) {
1197
1209
  display: none;
1198
1210
  }
1199
1211
  @media (min-width: 689px) {
1200
- .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form_hyvsj_li5wi_1096:not(#\9) {
1212
+ .awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form_hyvsj_jgnob_1108:not(#\9) {
1201
1213
  display: flex;
1202
1214
  flex-direction: column;
1203
1215
  gap: var(--space-xs-zb16t3, 8px);
1204
1216
  }
1205
- .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form_hyvsj_li5wi_1096.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1206
- animation: awsui_showButtons_hyvsj_li5wi_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1217
+ .awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form_hyvsj_jgnob_1108.awsui_animating_hyvsj_jgnob_768:not(#\9) {
1218
+ animation: awsui_showButtons_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1207
1219
  }
1208
1220
  }
1209
1221
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1210
- .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form_hyvsj_li5wi_1096.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1222
+ .awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form_hyvsj_jgnob_1108.awsui_animating_hyvsj_jgnob_768:not(#\9) {
1211
1223
  animation: none;
1212
1224
  transition: none;
1213
1225
  }
1214
1226
  }
1215
1227
  @media (min-width: 689px) {
1216
- .awsui-motion-disabled .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form_hyvsj_li5wi_1096.awsui_animating_hyvsj_li5wi_757:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form_hyvsj_li5wi_1096.awsui_animating_hyvsj_li5wi_757:not(#\9) {
1228
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form_hyvsj_jgnob_1108.awsui_animating_hyvsj_jgnob_768:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form_hyvsj_jgnob_1108.awsui_animating_hyvsj_jgnob_768:not(#\9) {
1217
1229
  animation: none;
1218
1230
  transition: none;
1219
1231
  }
1220
- .awsui_show-tools_hyvsj_li5wi_1118.awsui_has-tools-form-persistence_hyvsj_li5wi_1096:not(#\9) {
1232
+ .awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form-persistence_hyvsj_jgnob_1108:not(#\9) {
1221
1233
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1222
1234
  z-index: 1;
1223
1235
  }
@@ -1232,7 +1244,7 @@ Warning! If these design tokens for width change it will adversely impact
1232
1244
  the calculation used to determine the Split Panel maximum width in the
1233
1245
  handleSplitPanelMaxWidth function in the context.
1234
1246
  */
1235
- .awsui_trigger_hyvsj_li5wi_1183:not(#\9) {
1247
+ .awsui_trigger_hyvsj_jgnob_1195:not(#\9) {
1236
1248
  background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
1237
1249
  border: none;
1238
1250
  border-radius: 50%;
@@ -1243,15 +1255,16 @@ handleSplitPanelMaxWidth function in the context.
1243
1255
  padding: 0 var(--space-s-34lx8l, 12px);
1244
1256
  pointer-events: auto;
1245
1257
  width: var(--space-layout-toggle-diameter-x54u6y, 40px);
1258
+ position: relative;
1246
1259
  }
1247
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_li5wi_1183:not(#\9):focus {
1260
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_jgnob_1195:not(#\9):focus {
1248
1261
  position: relative;
1249
1262
  }
1250
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_li5wi_1183:not(#\9):focus {
1263
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_jgnob_1195:not(#\9):focus {
1251
1264
  outline: 2px dotted transparent;
1252
1265
  outline-offset: calc(3px - 1px);
1253
1266
  }
1254
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_li5wi_1183:not(#\9):focus::before {
1267
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_jgnob_1195:not(#\9):focus::before {
1255
1268
  content: " ";
1256
1269
  display: block;
1257
1270
  position: absolute;
@@ -1262,25 +1275,42 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_li5wi_1183:not(#\9):foc
1262
1275
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1263
1276
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1264
1277
  }
1265
- .awsui_trigger_hyvsj_li5wi_1183:not(#\9):focus {
1278
+ .awsui_trigger_hyvsj_jgnob_1195:not(#\9):focus {
1266
1279
  outline: none;
1267
1280
  }
1268
- .awsui_trigger_hyvsj_li5wi_1183:not(#\9):hover {
1281
+ .awsui_trigger_hyvsj_jgnob_1195:not(#\9):hover {
1269
1282
  background: var(--color-background-layout-toggle-hover-ho9150, #354150);
1270
1283
  }
1271
- .awsui_trigger_hyvsj_li5wi_1183:not(#\9):active {
1284
+ .awsui_trigger_hyvsj_jgnob_1195:not(#\9):active {
1272
1285
  background: var(--color-background-layout-toggle-active-robi8g, #354150);
1273
1286
  }
1274
- .awsui_trigger_hyvsj_li5wi_1183.awsui_selected_hyvsj_li5wi_1222:not(#\9) {
1287
+ .awsui_trigger_hyvsj_jgnob_1195.awsui_selected_hyvsj_jgnob_1235:not(#\9) {
1275
1288
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1276
1289
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1277
1290
  }
1278
- .awsui_trigger_hyvsj_li5wi_1183.awsui_selected_hyvsj_li5wi_1222:not(#\9):hover {
1291
+ .awsui_trigger_hyvsj_jgnob_1195.awsui_selected_hyvsj_jgnob_1235:not(#\9):hover {
1279
1292
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1280
1293
  }
1281
- .awsui_trigger_hyvsj_li5wi_1183.awsui_selected_hyvsj_li5wi_1222:not(#\9):active {
1294
+ .awsui_trigger_hyvsj_jgnob_1195.awsui_selected_hyvsj_jgnob_1235:not(#\9):active {
1282
1295
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1283
1296
  }
1297
+ .awsui_trigger_hyvsj_jgnob_1195.awsui_badge_hyvsj_jgnob_1245:not(#\9) {
1298
+ clip-path: path("M38.0215 11.3161C37.1068 11.7545 36.0821 12 35 12C31.134 12 28 8.86599 28 5C28 3.91794 28.2455 2.89322 28.6839 1.97851C26.0575 0.710652 23.1118 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 16.8882 39.2893 13.9425 38.0215 11.3161Z");
1299
+ }
1300
+
1301
+ .awsui_trigger-wrapper_hyvsj_jgnob_1249:not(#\9) {
1302
+ position: relative;
1303
+ }
1304
+
1305
+ .awsui_dot_hyvsj_jgnob_1253:not(#\9) {
1306
+ position: absolute;
1307
+ width: 10px;
1308
+ height: 10px;
1309
+ border-radius: 8px;
1310
+ background-color: var(--color-background-badge-icon-q1kfox, #d91515);
1311
+ top: 0;
1312
+ right: 0;
1313
+ }
1284
1314
 
1285
1315
  /*
1286
1316
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.