@cloudscape-design/components 3.0.651 → 3.0.653

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 (129) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +41 -41
  3. package/alert/styles.selectors.js +25 -25
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +33 -33
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/notifications/styles.css.js +3 -3
  8. package/app-layout/notifications/styles.scoped.css +7 -7
  9. package/app-layout/notifications/styles.selectors.js +3 -3
  10. package/app-layout/skeleton/styles.css.js +11 -11
  11. package/app-layout/skeleton/styles.scoped.css +30 -30
  12. package/app-layout/skeleton/styles.selectors.js +11 -11
  13. package/app-layout/toggles/styles.css.js +2 -2
  14. package/app-layout/toggles/styles.scoped.css +8 -8
  15. package/app-layout/toggles/styles.selectors.js +2 -2
  16. package/app-layout/visual-refresh/styles.css.js +82 -82
  17. package/app-layout/visual-refresh/styles.scoped.css +263 -264
  18. package/app-layout/visual-refresh/styles.selectors.js +82 -82
  19. package/button/styles.css.js +19 -19
  20. package/button/styles.scoped.css +213 -213
  21. package/button/styles.selectors.js +19 -19
  22. package/calendar/styles.css.js +20 -20
  23. package/calendar/styles.scoped.css +46 -46
  24. package/calendar/styles.selectors.js +20 -20
  25. package/checkbox/styles.css.js +3 -3
  26. package/checkbox/styles.scoped.css +7 -7
  27. package/checkbox/styles.selectors.js +3 -3
  28. package/code-editor/styles.css.js +32 -32
  29. package/code-editor/styles.scoped.css +137 -137
  30. package/code-editor/styles.selectors.js +32 -32
  31. package/collection-preferences/content-display/styles.css.js +11 -11
  32. package/collection-preferences/content-display/styles.scoped.css +19 -19
  33. package/collection-preferences/content-display/styles.selectors.js +11 -11
  34. package/collection-preferences/styles.css.js +37 -37
  35. package/collection-preferences/styles.scoped.css +46 -46
  36. package/collection-preferences/styles.selectors.js +37 -37
  37. package/content-layout/styles.css.js +14 -14
  38. package/content-layout/styles.scoped.css +27 -27
  39. package/content-layout/styles.selectors.js +14 -14
  40. package/date-range-picker/calendar/grids/styles.css.js +27 -27
  41. package/date-range-picker/calendar/grids/styles.scoped.css +46 -46
  42. package/date-range-picker/calendar/grids/styles.selectors.js +27 -27
  43. package/expandable-section/styles.css.js +32 -32
  44. package/expandable-section/styles.scoped.css +68 -68
  45. package/expandable-section/styles.selectors.js +32 -32
  46. package/file-upload/file-input/styles.css.js +4 -4
  47. package/file-upload/file-input/styles.scoped.css +9 -9
  48. package/file-upload/file-input/styles.selectors.js +4 -4
  49. package/flashbar/styles.css.js +47 -47
  50. package/flashbar/styles.scoped.css +175 -175
  51. package/flashbar/styles.selectors.js +47 -47
  52. package/internal/components/button-trigger/styles.css.js +11 -11
  53. package/internal/components/button-trigger/styles.scoped.css +28 -28
  54. package/internal/components/button-trigger/styles.selectors.js +11 -11
  55. package/internal/components/chart-legend/styles.css.js +6 -6
  56. package/internal/components/chart-legend/styles.scoped.css +17 -17
  57. package/internal/components/chart-legend/styles.selectors.js +6 -6
  58. package/internal/components/dropdown/styles.css.js +20 -20
  59. package/internal/components/dropdown/styles.scoped.css +40 -40
  60. package/internal/components/dropdown/styles.selectors.js +20 -20
  61. package/internal/components/filtering-token/styles.css.js +7 -7
  62. package/internal/components/filtering-token/styles.scoped.css +15 -15
  63. package/internal/components/filtering-token/styles.selectors.js +7 -7
  64. package/internal/components/handle/styles.css.js +2 -2
  65. package/internal/components/handle/styles.scoped.css +8 -8
  66. package/internal/components/handle/styles.selectors.js +2 -2
  67. package/internal/components/menu-dropdown/styles.css.js +7 -7
  68. package/internal/components/menu-dropdown/styles.scoped.css +15 -15
  69. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  70. package/internal/components/panel-resize-handle/styles.css.js +5 -5
  71. package/internal/components/panel-resize-handle/styles.scoped.css +12 -12
  72. package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
  73. package/internal/environment.js +1 -1
  74. package/internal/environment.json +1 -1
  75. package/internal/generated/custom-css-properties/index.d.ts +0 -1
  76. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  77. package/internal/generated/custom-css-properties/index.js +55 -56
  78. package/internal/generated/custom-css-properties/index.js.map +1 -1
  79. package/internal/manifest.json +1 -1
  80. package/package.json +1 -1
  81. package/popover/styles.css.js +50 -50
  82. package/popover/styles.scoped.css +69 -69
  83. package/popover/styles.selectors.js +50 -50
  84. package/radio-group/styles.css.js +9 -9
  85. package/radio-group/styles.scoped.css +17 -17
  86. package/radio-group/styles.selectors.js +9 -9
  87. package/segmented-control/styles.css.js +14 -14
  88. package/segmented-control/styles.scoped.css +35 -35
  89. package/segmented-control/styles.selectors.js +14 -14
  90. package/slider/styles.css.js +25 -25
  91. package/slider/styles.scoped.css +71 -71
  92. package/slider/styles.selectors.js +25 -25
  93. package/spinner/styles.css.js +13 -13
  94. package/spinner/styles.scoped.css +39 -39
  95. package/spinner/styles.selectors.js +13 -13
  96. package/table/body-cell/styles.css.js +45 -45
  97. package/table/body-cell/styles.scoped.css +365 -301
  98. package/table/body-cell/styles.selectors.js +45 -45
  99. package/table/body-cell/td-element.d.ts.map +1 -1
  100. package/table/body-cell/td-element.js +4 -3
  101. package/table/body-cell/td-element.js.map +1 -1
  102. package/table/expandable-rows/styles.css.js +3 -3
  103. package/table/expandable-rows/styles.scoped.css +15 -15
  104. package/table/expandable-rows/styles.selectors.js +3 -3
  105. package/table/header-cell/styles.css.js +26 -26
  106. package/table/header-cell/styles.scoped.css +148 -64
  107. package/table/header-cell/styles.selectors.js +26 -26
  108. package/table/internal.d.ts.map +1 -1
  109. package/table/internal.js +3 -1
  110. package/table/internal.js.map +1 -1
  111. package/table/resizer/styles.css.js +8 -8
  112. package/table/resizer/styles.scoped.css +16 -16
  113. package/table/resizer/styles.selectors.js +8 -8
  114. package/table/table-role/table-role-helper.d.ts +2 -1
  115. package/table/table-role/table-role-helper.d.ts.map +1 -1
  116. package/table/table-role/table-role-helper.js +2 -1
  117. package/table/table-role/table-role-helper.js.map +1 -1
  118. package/tabs/styles.css.js +22 -22
  119. package/tabs/styles.scoped.css +44 -44
  120. package/tabs/styles.selectors.js +22 -22
  121. package/toggle/styles.css.js +8 -8
  122. package/toggle/styles.scoped.css +16 -16
  123. package/toggle/styles.selectors.js +8 -8
  124. package/token-group/styles.css.js +9 -9
  125. package/token-group/styles.scoped.css +21 -21
  126. package/token-group/styles.selectors.js +9 -9
  127. package/top-navigation/styles.css.js +47 -47
  128. package/top-navigation/styles.scoped.css +68 -68
  129. package/top-navigation/styles.selectors.js +47 -47
@@ -94,21 +94,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- div.awsui_background_hyvsj_1cs1p_97:not(#\9) {
97
+ div.awsui_background_hyvsj_16gcr_97:not(#\9) {
98
98
  display: contents;
99
99
  }
100
- div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_100:not(#\9) {
100
+ div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_100:not(#\9) {
101
101
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
102
102
  color: var(--color-text-body-default-at06ol, #000716);
103
103
  grid-column: 1/span 5;
104
- grid-row: 1/10;
104
+ grid-row: 1/9;
105
105
  }
106
106
 
107
107
  /*
108
108
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
109
109
  SPDX-License-Identifier: Apache-2.0
110
110
  */
111
- .awsui_breadcrumbs_hyvsj_1cs1p_111:not(#\9) {
111
+ .awsui_breadcrumbs_hyvsj_16gcr_111:not(#\9) {
112
112
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
113
113
  grid-area: breadcrumbs;
114
114
  }
@@ -121,27 +121,27 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
121
121
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
122
122
  SPDX-License-Identifier: Apache-2.0
123
123
  */
124
- .awsui_drawers-container_hyvsj_1cs1p_124:not(#\9) {
124
+ .awsui_drawers-container_hyvsj_16gcr_124:not(#\9) {
125
125
  background-color: transparent;
126
126
  display: flex;
127
127
  grid-column: 5;
128
- grid-row: 1/span 10;
129
- block-size: var(--awsui-content-height-7t5ed6);
128
+ grid-row: 1/span 9;
129
+ block-size: var(--awsui-content-height-9rhwr5);
130
130
  pointer-events: none;
131
131
  position: sticky;
132
- inset-block-start: var(--awsui-offset-top-7t5ed6);
132
+ inset-block-start: var(--awsui-offset-top-9rhwr5);
133
133
  z-index: 830;
134
134
  }
135
- .awsui_drawers-container_hyvsj_1cs1p_124.awsui_has-open-drawer_hyvsj_1cs1p_135:not(#\9) {
135
+ .awsui_drawers-container_hyvsj_16gcr_124.awsui_has-open-drawer_hyvsj_16gcr_135:not(#\9) {
136
136
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
137
137
  }
138
138
  @media (min-width: 689px) {
139
- .awsui_drawers-container_hyvsj_1cs1p_124:not(#\9) {
140
- max-inline-size: calc(var(--awsui-layout-width-7t5ed6) - var(--awsui-main-offset-left-7t5ed6) - var(--awsui-default-min-content-width-7t5ed6) - var(--awsui-content-gap-right-7t5ed6));
139
+ .awsui_drawers-container_hyvsj_16gcr_124:not(#\9) {
140
+ max-inline-size: calc(var(--awsui-layout-width-9rhwr5) - var(--awsui-main-offset-left-9rhwr5) - var(--awsui-default-min-content-width-9rhwr5) - var(--awsui-content-gap-right-9rhwr5));
141
141
  }
142
142
  }
143
143
  @media (max-width: 688px) {
144
- .awsui_drawers-container_hyvsj_1cs1p_124:not(#\9) {
144
+ .awsui_drawers-container_hyvsj_16gcr_124:not(#\9) {
145
145
  position: fixed;
146
146
  inset-inline-end: 0;
147
147
  z-index: 1001;
@@ -153,12 +153,12 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
153
153
  relative to the body.
154
154
  */
155
155
  }
156
- .awsui_drawers-container_hyvsj_1cs1p_124.awsui_disable-body-scroll_hyvsj_1cs1p_156:not(#\9) {
157
- inset-block-start: var(--awsui-header-height-7t5ed6);
156
+ .awsui_drawers-container_hyvsj_16gcr_124.awsui_disable-body-scroll_hyvsj_16gcr_156:not(#\9) {
157
+ inset-block-start: var(--awsui-header-height-9rhwr5);
158
158
  }
159
159
  }
160
160
 
161
- .awsui_drawers-desktop-triggers-container_hyvsj_1cs1p_161:not(#\9) {
161
+ .awsui_drawers-desktop-triggers-container_hyvsj_16gcr_161:not(#\9) {
162
162
  border-collapse: separate;
163
163
  border-spacing: 0;
164
164
  box-sizing: border-box;
@@ -200,21 +200,21 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
200
200
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
201
201
  overscroll-behavior-y: contain;
202
202
  }
203
- .awsui_drawers-desktop-triggers-container_hyvsj_1cs1p_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cs1p_202).awsui_has-open-drawer_hyvsj_1cs1p_135 {
203
+ .awsui_drawers-desktop-triggers-container_hyvsj_16gcr_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16gcr_202).awsui_has-open-drawer_hyvsj_16gcr_135 {
204
204
  inline-size: 0;
205
205
  }
206
- .awsui_drawers-desktop-triggers-container_hyvsj_1cs1p_161.awsui_has-multiple-triggers_hyvsj_1cs1p_202.awsui_has-open-drawer_hyvsj_1cs1p_135:not(#\9) {
206
+ .awsui_drawers-desktop-triggers-container_hyvsj_16gcr_161.awsui_has-multiple-triggers_hyvsj_16gcr_202.awsui_has-open-drawer_hyvsj_16gcr_135:not(#\9) {
207
207
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
208
208
  }
209
- .awsui_drawers-desktop-triggers-container_hyvsj_1cs1p_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cs1p_202):not(.awsui_has-open-drawer_hyvsj_1cs1p_135) {
209
+ .awsui_drawers-desktop-triggers-container_hyvsj_16gcr_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16gcr_202):not(.awsui_has-open-drawer_hyvsj_16gcr_135) {
210
210
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
211
211
  }
212
212
 
213
- .awsui_drawers-mobile-triggers-container_hyvsj_1cs1p_212:not(#\9) {
213
+ .awsui_drawers-mobile-triggers-container_hyvsj_16gcr_212:not(#\9) {
214
214
  display: flex;
215
215
  }
216
216
 
217
- .awsui_drawers-trigger-content_hyvsj_1cs1p_216:not(#\9) {
217
+ .awsui_drawers-trigger-content_hyvsj_16gcr_216:not(#\9) {
218
218
  align-items: center;
219
219
  display: flex;
220
220
  flex-direction: column;
@@ -222,13 +222,13 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
222
222
  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
223
223
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
224
224
  }
225
- .awsui_drawers-trigger-content_hyvsj_1cs1p_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cs1p_202).awsui_has-open-drawer_hyvsj_1cs1p_135 {
225
+ .awsui_drawers-trigger-content_hyvsj_16gcr_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16gcr_202).awsui_has-open-drawer_hyvsj_16gcr_135 {
226
226
  opacity: 0;
227
227
  }
228
- .awsui_drawers-trigger-content_hyvsj_1cs1p_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cs1p_202):not(.awsui_has-open-drawer_hyvsj_1cs1p_135) {
228
+ .awsui_drawers-trigger-content_hyvsj_16gcr_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16gcr_202):not(.awsui_has-open-drawer_hyvsj_16gcr_135) {
229
229
  opacity: 1;
230
230
  }
231
- .awsui_drawers-trigger-content_hyvsj_1cs1p_216 > .awsui_drawers-trigger-overflow_hyvsj_1cs1p_230:not(#\9) {
231
+ .awsui_drawers-trigger-content_hyvsj_16gcr_216 > .awsui_drawers-trigger-overflow_hyvsj_16gcr_230:not(#\9) {
232
232
  padding-block: 0;
233
233
  padding-inline: 1px;
234
234
  display: flex;
@@ -237,15 +237,15 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
237
237
  }
238
238
 
239
239
  @media (max-width: 688px) {
240
- .awsui_drawers-trigger_hyvsj_1cs1p_216:not(#\9) {
240
+ .awsui_drawers-trigger_hyvsj_16gcr_216:not(#\9) {
241
241
  inline-size: 40px;
242
242
  display: flex;
243
243
  justify-content: center;
244
244
  }
245
245
  }
246
246
 
247
- .awsui_drawer_hyvsj_1cs1p_124:not(#\9) {
248
- --awsui-drawer-size-7t5ed6: 290px;
247
+ .awsui_drawer_hyvsj_16gcr_124:not(#\9) {
248
+ --awsui-drawer-size-9rhwr5: 290px;
249
249
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
250
250
  border-color: transparent;
251
251
  display: grid;
@@ -259,51 +259,51 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
259
259
  pointer-events: auto;
260
260
  word-wrap: break-word;
261
261
  }
262
- .awsui_drawer_hyvsj_1cs1p_124 > .awsui_drawer-content-container_hyvsj_1cs1p_261:not(#\9) {
262
+ .awsui_drawer_hyvsj_16gcr_124 > .awsui_drawer-content-container_hyvsj_16gcr_261:not(#\9) {
263
263
  grid-column: 1/span 2;
264
264
  grid-row: 1;
265
- inline-size: var(--awsui-drawer-size-7t5ed6);
265
+ inline-size: var(--awsui-drawer-size-9rhwr5);
266
266
  display: grid;
267
267
  grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
268
268
  grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
269
269
  overflow-y: auto;
270
270
  }
271
- .awsui_drawer_hyvsj_1cs1p_124 > .awsui_drawer-content-container_hyvsj_1cs1p_261 > .awsui_drawer-close-button_hyvsj_1cs1p_270:not(#\9) {
271
+ .awsui_drawer_hyvsj_16gcr_124 > .awsui_drawer-content-container_hyvsj_16gcr_261 > .awsui_drawer-close-button_hyvsj_16gcr_270:not(#\9) {
272
272
  grid-column: 3;
273
273
  grid-row: 2;
274
274
  z-index: 1;
275
275
  }
276
- .awsui_drawer_hyvsj_1cs1p_124 > .awsui_drawer-content-container_hyvsj_1cs1p_261 > .awsui_drawer-content_hyvsj_1cs1p_261:not(#\9) {
276
+ .awsui_drawer_hyvsj_16gcr_124 > .awsui_drawer-content-container_hyvsj_16gcr_261 > .awsui_drawer-content_hyvsj_16gcr_261:not(#\9) {
277
277
  grid-column: 1/span 4;
278
278
  }
279
- .awsui_drawer_hyvsj_1cs1p_124 > .awsui_drawer-content-container_hyvsj_1cs1p_261 > .awsui_drawer-content_hyvsj_1cs1p_261.awsui_drawer-content-hidden_hyvsj_1cs1p_278:not(#\9) {
279
+ .awsui_drawer_hyvsj_16gcr_124 > .awsui_drawer-content-container_hyvsj_16gcr_261 > .awsui_drawer-content_hyvsj_16gcr_261.awsui_drawer-content-hidden_hyvsj_16gcr_278:not(#\9) {
280
280
  display: none;
281
281
  }
282
- .awsui_drawer_hyvsj_1cs1p_124 > .awsui_drawer-slider_hyvsj_1cs1p_281:not(#\9) {
282
+ .awsui_drawer_hyvsj_16gcr_124 > .awsui_drawer-slider_hyvsj_16gcr_281:not(#\9) {
283
283
  grid-column: 1;
284
284
  grid-row: 1;
285
285
  block-size: 100%;
286
286
  display: flex;
287
287
  align-items: center;
288
288
  }
289
- .awsui_drawer_hyvsj_1cs1p_124:not(#\9):not(.awsui_is-drawer-open_hyvsj_1cs1p_288) {
289
+ .awsui_drawer_hyvsj_16gcr_124:not(#\9):not(.awsui_is-drawer-open_hyvsj_16gcr_288) {
290
290
  opacity: 0;
291
291
  inline-size: 0;
292
292
  }
293
- .awsui_drawer_hyvsj_1cs1p_124.awsui_is-drawer-open_hyvsj_1cs1p_288:not(#\9) {
293
+ .awsui_drawer_hyvsj_16gcr_124.awsui_is-drawer-open_hyvsj_16gcr_288:not(#\9) {
294
294
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
295
295
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
296
296
  opacity: 1;
297
- inline-size: var(--awsui-drawer-size-7t5ed6);
297
+ inline-size: var(--awsui-drawer-size-9rhwr5);
298
298
  }
299
299
  @media (min-width: 2541px) {
300
- .awsui_drawer_hyvsj_1cs1p_124.awsui_is-drawer-open_hyvsj_1cs1p_288:not(#\9) {
301
- --awsui-drawer-size-7t5ed6: 320px;
300
+ .awsui_drawer_hyvsj_16gcr_124.awsui_is-drawer-open_hyvsj_16gcr_288:not(#\9) {
301
+ --awsui-drawer-size-9rhwr5: 320px;
302
302
  }
303
303
  }
304
304
  @media (max-width: 688px) {
305
- .awsui_drawer_hyvsj_1cs1p_124.awsui_is-drawer-open_hyvsj_1cs1p_288:not(#\9) {
306
- --awsui-drawer-size-7t5ed6: 100vw;
305
+ .awsui_drawer_hyvsj_16gcr_124.awsui_is-drawer-open_hyvsj_16gcr_288:not(#\9) {
306
+ --awsui-drawer-size-9rhwr5: 100vw;
307
307
  inline-size: 100vw;
308
308
  }
309
309
  }
@@ -312,7 +312,7 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
312
312
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
313
313
  SPDX-License-Identifier: Apache-2.0
314
314
  */
315
- header.awsui_content_hyvsj_1cs1p_314:not(#\9) {
315
+ header.awsui_content_hyvsj_16gcr_314:not(#\9) {
316
316
  grid-area: header;
317
317
  }
318
318
 
@@ -333,36 +333,35 @@ The minimum content width property is set to zero and applied under all
333
333
  circumstances regardless of whether the minContentWidth property is
334
334
  explicitly set in script.
335
335
  */
336
- .awsui_layout_hyvsj_1cs1p_335:not(#\9) {
337
- --awsui-breadcrumbs-gap-7t5ed6: 0px;
338
- --awsui-content-gap-left-7t5ed6: 0px;
339
- --awsui-content-gap-right-7t5ed6: 0px;
340
- --awsui-content-height-7t5ed6: calc(100vh - var(--awsui-header-height-7t5ed6) - var(--awsui-footer-height-7t5ed6));
341
- --awsui-default-max-content-width-7t5ed6: 1280px;
342
- --awsui-default-min-content-width-7t5ed6: 0px;
343
- --awsui-footer-height-7t5ed6: 0px;
344
- --awsui-header-gap-7t5ed6: 0px;
345
- --awsui-header-height-7t5ed6: 0px;
346
- --awsui-layout-width-7t5ed6: 0px;
347
- --awsui-main-gap-7t5ed6: 0px;
348
- --awsui-main-offset-left-7t5ed6: 0px;
349
- --awsui-main-template-rows-7t5ed6: 1fr;
350
- --awsui-max-content-width-7t5ed6: 0px;
351
- --awsui-min-content-width-7t5ed6: 280px;
352
- --awsui-mobile-bar-height-7t5ed6: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
353
- --awsui-notifications-gap-7t5ed6: 0px;
354
- --awsui-notifications-height-7t5ed6: 0px;
355
- --awsui-offset-top-7t5ed6: var(--awsui-header-height-7t5ed6);
356
- --awsui-overlap-height-7t5ed6: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
357
- --awsui-toggles-left-width-7t5ed6: 0px;
358
- --awsui-toggles-right-width-7t5ed6: 0px;
336
+ .awsui_layout_hyvsj_16gcr_335:not(#\9) {
337
+ --awsui-breadcrumbs-gap-9rhwr5: 0px;
338
+ --awsui-content-gap-left-9rhwr5: 0px;
339
+ --awsui-content-gap-right-9rhwr5: 0px;
340
+ --awsui-content-height-9rhwr5: calc(100vh - var(--awsui-header-height-9rhwr5) - var(--awsui-footer-height-9rhwr5));
341
+ --awsui-default-max-content-width-9rhwr5: 1280px;
342
+ --awsui-default-min-content-width-9rhwr5: 0px;
343
+ --awsui-footer-height-9rhwr5: 0px;
344
+ --awsui-header-gap-9rhwr5: 0px;
345
+ --awsui-header-height-9rhwr5: 0px;
346
+ --awsui-layout-width-9rhwr5: 0px;
347
+ --awsui-main-gap-9rhwr5: 0px;
348
+ --awsui-main-offset-left-9rhwr5: 0px;
349
+ --awsui-main-template-rows-9rhwr5: 1fr;
350
+ --awsui-max-content-width-9rhwr5: 0px;
351
+ --awsui-min-content-width-9rhwr5: 280px;
352
+ --awsui-mobile-bar-height-9rhwr5: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
353
+ --awsui-notifications-height-9rhwr5: 0px;
354
+ --awsui-offset-top-9rhwr5: var(--awsui-header-height-9rhwr5);
355
+ --awsui-overlap-height-9rhwr5: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
356
+ --awsui-toggles-left-width-9rhwr5: 0px;
357
+ --awsui-toggles-right-width-9rhwr5: 0px;
359
358
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
360
359
  color: var(--color-text-body-default-at06ol, #000716);
361
360
  display: grid;
362
- grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
363
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-7t5ed6), 1fr) minmax(var(--awsui-default-min-content-width-7t5ed6), var(--awsui-default-max-content-width-7t5ed6)) minmax(var(--awsui-content-gap-right-7t5ed6), 1fr) min-content;
364
- grid-template-rows: auto var(--awsui-notifications-gap-7t5ed6) auto var(--awsui-breadcrumbs-gap-7t5ed6) auto var(--awsui-header-gap-7t5ed6) auto var(--awsui-main-gap-7t5ed6) var(--awsui-overlap-height-7t5ed6) var(--awsui-main-template-rows-7t5ed6);
365
- min-block-size: var(--awsui-content-height-7t5ed6);
361
+ grid-template-areas: ". . mobileToolbar . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
362
+ grid-template-columns: min-content minmax(var(--awsui-content-gap-left-9rhwr5), 1fr) minmax(var(--awsui-default-min-content-width-9rhwr5), var(--awsui-default-max-content-width-9rhwr5)) minmax(var(--awsui-content-gap-right-9rhwr5), 1fr) min-content;
363
+ grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-9rhwr5) auto var(--awsui-header-gap-9rhwr5) auto var(--awsui-main-gap-9rhwr5) var(--awsui-overlap-height-9rhwr5) var(--awsui-main-template-rows-9rhwr5);
364
+ min-block-size: var(--awsui-content-height-9rhwr5);
366
365
  position: relative;
367
366
  /*
368
367
  Add unified max-width for AppLayout content based on breakpoints. Only use the max content
@@ -406,114 +405,114 @@ explicitly set in script.
406
405
  */
407
406
  }
408
407
  @media (min-width: 1401px) {
409
- .awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408) {
410
- --awsui-default-max-content-width-7t5ed6: 1280px;
408
+ .awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407) {
409
+ --awsui-default-max-content-width-9rhwr5: 1280px;
411
410
  }
412
411
  }
413
412
  @media (min-width: 1921px) {
414
- .awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408) {
415
- --awsui-default-max-content-width-7t5ed6: 1440px;
413
+ .awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407) {
414
+ --awsui-default-max-content-width-9rhwr5: 1440px;
416
415
  }
417
416
  }
418
417
  @media (min-width: 2541px) {
419
- .awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408) {
420
- --awsui-default-max-content-width-7t5ed6: 1620px;
418
+ .awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407) {
419
+ --awsui-default-max-content-width-9rhwr5: 1620px;
421
420
  }
422
421
  }
423
422
  @media (min-width: 1401px) {
424
- .awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408).awsui_content-type-dashboard_hyvsj_1cs1p_423 {
425
- --awsui-default-max-content-width-7t5ed6: 1280px;
423
+ .awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407).awsui_content-type-dashboard_hyvsj_16gcr_422 {
424
+ --awsui-default-max-content-width-9rhwr5: 1280px;
426
425
  }
427
426
  }
428
427
  @media (min-width: 1921px) {
429
- .awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408).awsui_content-type-dashboard_hyvsj_1cs1p_423 {
430
- --awsui-default-max-content-width-7t5ed6: 1620px;
428
+ .awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407).awsui_content-type-dashboard_hyvsj_16gcr_422 {
429
+ --awsui-default-max-content-width-9rhwr5: 1620px;
431
430
  }
432
431
  }
433
432
  @media (min-width: 2541px) {
434
- .awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408).awsui_content-type-dashboard_hyvsj_1cs1p_423 {
435
- --awsui-default-max-content-width-7t5ed6: 2160px;
433
+ .awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407).awsui_content-type-dashboard_hyvsj_16gcr_422 {
434
+ --awsui-default-max-content-width-9rhwr5: 2160px;
436
435
  }
437
436
  }
438
- .awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408).awsui_content-type-table_hyvsj_1cs1p_437, .awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408).awsui_content-type-cards_hyvsj_1cs1p_437 {
439
- --awsui-default-max-content-width-7t5ed6: 100%;
437
+ .awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407).awsui_content-type-table_hyvsj_16gcr_436, .awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407).awsui_content-type-cards_hyvsj_16gcr_436 {
438
+ --awsui-default-max-content-width-9rhwr5: 100%;
440
439
  }
441
- .awsui_layout_hyvsj_1cs1p_335.awsui_has-max-content-width_hyvsj_1cs1p_408:not(#\9) {
442
- --awsui-default-max-content-width-7t5ed6: var(--awsui-max-content-width-7t5ed6);
440
+ .awsui_layout_hyvsj_16gcr_335.awsui_has-max-content-width_hyvsj_16gcr_407:not(#\9) {
441
+ --awsui-default-max-content-width-9rhwr5: var(--awsui-max-content-width-9rhwr5);
443
442
  }
444
- .awsui_layout_hyvsj_1cs1p_335.awsui_is-overlap-disabled_hyvsj_1cs1p_443:not(#\9) {
445
- --awsui-overlap-height-7t5ed6: 0;
443
+ .awsui_layout_hyvsj_16gcr_335.awsui_is-overlap-disabled_hyvsj_16gcr_442:not(#\9) {
444
+ --awsui-overlap-height-9rhwr5: 0;
446
445
  }
447
- .awsui_layout_hyvsj_1cs1p_335.awsui_is-hide-mobile-toolbar_hyvsj_1cs1p_446:not(#\9) {
448
- --awsui-mobile-bar-height-7t5ed6: 0px;
446
+ .awsui_layout_hyvsj_16gcr_335.awsui_is-hide-mobile-toolbar_hyvsj_16gcr_445:not(#\9) {
447
+ --awsui-mobile-bar-height-9rhwr5: 0px;
449
448
  }
450
449
  @media (min-width: 993px) {
451
- .awsui_layout_hyvsj_1cs1p_335:not(#\9) {
452
- --awsui-default-min-content-width-7t5ed6: var(--awsui-min-content-width-7t5ed6, 280px);
450
+ .awsui_layout_hyvsj_16gcr_335:not(#\9) {
451
+ --awsui-default-min-content-width-9rhwr5: var(--awsui-min-content-width-9rhwr5, 280px);
453
452
  }
454
453
  }
455
454
  @media (max-width: 992px) {
456
- .awsui_layout_hyvsj_1cs1p_335:not(#\9) {
457
- --awsui-default-min-content-width-7t5ed6: 0px;
455
+ .awsui_layout_hyvsj_16gcr_335:not(#\9) {
456
+ --awsui-default-min-content-width-9rhwr5: 0px;
458
457
  }
459
458
  }
460
459
  @media (min-width: 689px) {
461
- .awsui_layout_hyvsj_1cs1p_335.awsui_has-content-gap-left_hyvsj_1cs1p_460:not(#\9) {
462
- --awsui-content-gap-left-7t5ed6: var(--space-layout-content-horizontal-7l52k3, 24px);
460
+ .awsui_layout_hyvsj_16gcr_335.awsui_has-content-gap-left_hyvsj_16gcr_459:not(#\9) {
461
+ --awsui-content-gap-left-9rhwr5: var(--space-layout-content-horizontal-7l52k3, 24px);
463
462
  }
464
- .awsui_layout_hyvsj_1cs1p_335.awsui_has-content-gap-right_hyvsj_1cs1p_463:not(#\9) {
465
- --awsui-content-gap-right-7t5ed6: var(--space-layout-content-horizontal-7l52k3, 24px);
463
+ .awsui_layout_hyvsj_16gcr_335.awsui_has-content-gap-right_hyvsj_16gcr_462:not(#\9) {
464
+ --awsui-content-gap-right-9rhwr5: var(--space-layout-content-horizontal-7l52k3, 24px);
466
465
  }
467
466
  }
468
467
  @media (max-width: 688px) {
469
- .awsui_layout_hyvsj_1cs1p_335:not(#\9) {
470
- --awsui-content-gap-left-7t5ed6: var(--space-l-t419sm, 20px);
471
- --awsui-content-gap-right-7t5ed6: var(--space-l-t419sm, 20px);
468
+ .awsui_layout_hyvsj_16gcr_335:not(#\9) {
469
+ --awsui-content-gap-left-9rhwr5: var(--space-l-t419sm, 20px);
470
+ --awsui-content-gap-right-9rhwr5: var(--space-l-t419sm, 20px);
472
471
  }
473
472
  }
474
- .awsui_layout_hyvsj_1cs1p_335.awsui_has-breadcrumbs_hyvsj_1cs1p_473:not(#\9) {
475
- --awsui-breadcrumbs-gap-7t5ed6: var(--space-scaled-m-mo5yse, 16px);
473
+ .awsui_layout_hyvsj_16gcr_335.awsui_has-breadcrumbs_hyvsj_16gcr_472:not(#\9) {
474
+ --awsui-breadcrumbs-gap-9rhwr5: var(--space-scaled-m-mo5yse, 16px);
476
475
  }
477
- .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-header_hyvsj_1cs1p_476:not(#\9), .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-notifications_hyvsj_1cs1p_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cs1p_473).awsui_has-header_hyvsj_1cs1p_476 {
478
- --awsui-header-gap-7t5ed6: var(--space-scaled-xs-26e2du, 8px);
476
+ .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-header_hyvsj_16gcr_475:not(#\9), .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-notifications_hyvsj_16gcr_475:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16gcr_472).awsui_has-header_hyvsj_16gcr_475 {
477
+ --awsui-header-gap-9rhwr5: var(--space-scaled-xs-26e2du, 8px);
479
478
  }
480
- .awsui_layout_hyvsj_1cs1p_335.awsui_has-breadcrumbs_hyvsj_1cs1p_473.awsui_has-header_hyvsj_1cs1p_476:not(#\9) {
481
- --awsui-header-gap-7t5ed6: var(--space-scaled-xs-26e2du, 8px);
479
+ .awsui_layout_hyvsj_16gcr_335.awsui_has-breadcrumbs_hyvsj_16gcr_472.awsui_has-header_hyvsj_16gcr_475:not(#\9) {
480
+ --awsui-header-gap-9rhwr5: var(--space-scaled-xs-26e2du, 8px);
482
481
  }
483
- .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-notifications_hyvsj_1cs1p_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cs1p_473):not(.awsui_has-header_hyvsj_1cs1p_476) {
484
- --awsui-main-gap-7t5ed6: var(--space-xs-zb16t3, 8px);
482
+ .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-notifications_hyvsj_16gcr_475:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16gcr_472):not(.awsui_has-header_hyvsj_16gcr_475) {
483
+ --awsui-main-gap-9rhwr5: var(--space-xs-zb16t3, 8px);
485
484
  }
486
- .awsui_layout_hyvsj_1cs1p_335.awsui_has-breadcrumbs_hyvsj_1cs1p_473:not(#\9):not(.awsui_has-header_hyvsj_1cs1p_476) {
487
- --awsui-main-gap-7t5ed6: var(--space-scaled-xxs-7597g1, 4px);
485
+ .awsui_layout_hyvsj_16gcr_335.awsui_has-breadcrumbs_hyvsj_16gcr_472:not(#\9):not(.awsui_has-header_hyvsj_16gcr_475) {
486
+ --awsui-main-gap-9rhwr5: var(--space-scaled-xxs-7597g1, 4px);
488
487
  }
489
- .awsui_layout_hyvsj_1cs1p_335.awsui_has-header_hyvsj_1cs1p_476:not(#\9) {
490
- --awsui-main-gap-7t5ed6: var(--space-content-header-padding-bottom-y2enua, 16px);
488
+ .awsui_layout_hyvsj_16gcr_335.awsui_has-header_hyvsj_16gcr_475:not(#\9) {
489
+ --awsui-main-gap-9rhwr5: var(--space-content-header-padding-bottom-y2enua, 16px);
491
490
  }
492
- .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-main_hyvsj_1cs1p_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cs1p_491) {
493
- --awsui-main-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
491
+ .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-main_hyvsj_16gcr_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_16gcr_490) {
492
+ --awsui-main-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
494
493
  }
495
- .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-main_hyvsj_1cs1p_491.awsui_disable-content-paddings_hyvsj_1cs1p_491:not(#\9) {
496
- --awsui-main-gap-7t5ed6: 0px;
494
+ .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-main_hyvsj_16gcr_490.awsui_disable-content-paddings_hyvsj_16gcr_490:not(#\9) {
495
+ --awsui-main-gap-9rhwr5: 0px;
497
496
  }
498
497
  @media (max-width: 688px) {
499
- .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-header_hyvsj_1cs1p_476:not(#\9) {
500
- --awsui-header-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
498
+ .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-header_hyvsj_16gcr_475:not(#\9) {
499
+ --awsui-header-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
501
500
  }
502
- .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-notifications_hyvsj_1cs1p_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cs1p_473).awsui_has-header_hyvsj_1cs1p_476 {
503
- --awsui-header-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
501
+ .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-notifications_hyvsj_16gcr_475:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16gcr_472).awsui_has-header_hyvsj_16gcr_475 {
502
+ --awsui-header-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
504
503
  }
505
- .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-notifications_hyvsj_1cs1p_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cs1p_473):not(.awsui_has-header_hyvsj_1cs1p_476), .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-main_hyvsj_1cs1p_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cs1p_491) {
506
- --awsui-main-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
504
+ .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-notifications_hyvsj_16gcr_475:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16gcr_472):not(.awsui_has-header_hyvsj_16gcr_475), .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-main_hyvsj_16gcr_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_16gcr_490) {
505
+ --awsui-main-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
507
506
  }
508
- .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-main_hyvsj_1cs1p_491.awsui_disable-content-paddings_hyvsj_1cs1p_491:not(#\9) {
509
- --awsui-main-gap-7t5ed6: 0px;
507
+ .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-main_hyvsj_16gcr_490.awsui_disable-content-paddings_hyvsj_16gcr_490:not(#\9) {
508
+ --awsui-main-gap-9rhwr5: 0px;
510
509
  }
511
510
  }
512
- .awsui_layout_hyvsj_1cs1p_335.awsui_has-left-toggles-gutter_hyvsj_1cs1p_511:not(#\9) {
513
- --awsui-toggles-left-width-7t5ed6: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
511
+ .awsui_layout_hyvsj_16gcr_335.awsui_has-left-toggles-gutter_hyvsj_16gcr_510:not(#\9) {
512
+ --awsui-toggles-left-width-9rhwr5: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
514
513
  }
515
- .awsui_layout_hyvsj_1cs1p_335.awsui_has-right-toggles-gutter_hyvsj_1cs1p_514:not(#\9) {
516
- --awsui-toggles-right-width-7t5ed6: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
514
+ .awsui_layout_hyvsj_16gcr_335.awsui_has-right-toggles-gutter_hyvsj_16gcr_513:not(#\9) {
515
+ --awsui-toggles-right-width-9rhwr5: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
517
516
  }
518
517
 
519
518
  /*
@@ -526,27 +525,27 @@ not matter. The offset top value for AppLayout contentMain children with
526
525
  position: sticky will be the value of the notifications height in addition to the
527
526
  notifications top margin and some additional vertical space for aesthetics.
528
527
  */
529
- .awsui_layout_hyvsj_1cs1p_335.awsui_disable-body-scroll_hyvsj_1cs1p_156:not(#\9) {
530
- --awsui-main-template-rows-7t5ed6: 1fr auto;
531
- --awsui-offset-top-7t5ed6: 0px;
532
- block-size: var(--awsui-content-height-7t5ed6);
528
+ .awsui_layout_hyvsj_16gcr_335.awsui_disable-body-scroll_hyvsj_16gcr_156:not(#\9) {
529
+ --awsui-main-template-rows-9rhwr5: 1fr auto;
530
+ --awsui-offset-top-9rhwr5: 0px;
531
+ block-size: var(--awsui-content-height-9rhwr5);
533
532
  overflow-y: scroll;
534
533
  }
535
- .awsui_layout_hyvsj_1cs1p_335.awsui_disable-body-scroll_hyvsj_1cs1p_156.awsui_has-split-panel_hyvsj_1cs1p_534.awsui_split-panel-position-bottom_hyvsj_1cs1p_534:not(#\9) {
536
- --awsui-main-template-rows-7t5ed6: repeat(2, auto);
534
+ .awsui_layout_hyvsj_16gcr_335.awsui_disable-body-scroll_hyvsj_16gcr_156.awsui_has-split-panel_hyvsj_16gcr_533.awsui_split-panel-position-bottom_hyvsj_16gcr_533:not(#\9) {
535
+ --awsui-main-template-rows-9rhwr5: repeat(2, auto);
537
536
  }
538
537
 
539
538
  /*
540
539
  This CSS class is applied to the document body to prevent overflow scrolling
541
540
  when the navigation or tools drawers are open in responsive viewports.
542
541
  */
543
- .awsui_block-body-scroll_hyvsj_1cs1p_542:not(#\9) {
542
+ .awsui_block-body-scroll_hyvsj_16gcr_541:not(#\9) {
544
543
  overflow: hidden;
545
544
  }
546
545
 
547
546
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
548
- .awsui_unfocusable_hyvsj_1cs1p_547:not(#\9),
549
- .awsui_unfocusable_hyvsj_1cs1p_547 *:not(#\9) {
547
+ .awsui_unfocusable_hyvsj_16gcr_546:not(#\9),
548
+ .awsui_unfocusable_hyvsj_16gcr_546 *:not(#\9) {
550
549
  visibility: hidden !important;
551
550
  }
552
551
 
@@ -555,7 +554,7 @@ when the navigation or tools drawers are open in responsive viewports.
555
554
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
556
555
  SPDX-License-Identifier: Apache-2.0
557
556
  */
558
- .awsui_container_hyvsj_1cs1p_557:not(#\9) {
557
+ .awsui_container_hyvsj_16gcr_556:not(#\9) {
559
558
  grid-area: main;
560
559
  padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
561
560
  /*
@@ -572,19 +571,19 @@ when the navigation or tools drawers are open in responsive viewports.
572
571
  on the right, we decrement the column end by one.
573
572
  */
574
573
  }
575
- .awsui_container_hyvsj_1cs1p_557.awsui_has-split-panel_hyvsj_1cs1p_534.awsui_split-panel-position-bottom_hyvsj_1cs1p_534:not(#\9) {
576
- padding-block-end: calc(var(--awsui-split-panel-height-7t5ed6) + var(--space-layout-content-bottom-noqzmw, 40px));
574
+ .awsui_container_hyvsj_16gcr_556.awsui_has-split-panel_hyvsj_16gcr_533.awsui_split-panel-position-bottom_hyvsj_16gcr_533:not(#\9) {
575
+ padding-block-end: calc(var(--awsui-split-panel-height-9rhwr5) + var(--space-layout-content-bottom-noqzmw, 40px));
577
576
  }
578
- .awsui_container_hyvsj_1cs1p_557.awsui_disable-content-paddings_hyvsj_1cs1p_491:not(#\9) {
577
+ .awsui_container_hyvsj_16gcr_556.awsui_disable-content-paddings_hyvsj_16gcr_490:not(#\9) {
579
578
  grid-column: 1/6;
580
579
  padding-block: 0;
581
580
  padding-inline: 0;
582
581
  }
583
582
  @media (min-width: 689px) {
584
- .awsui_container_hyvsj_1cs1p_557.awsui_disable-content-paddings_hyvsj_1cs1p_491.awsui_is-navigation-open_hyvsj_1cs1p_583:not(#\9) {
583
+ .awsui_container_hyvsj_16gcr_556.awsui_disable-content-paddings_hyvsj_16gcr_490.awsui_is-navigation-open_hyvsj_16gcr_582:not(#\9) {
585
584
  grid-column-start: 2;
586
585
  }
587
- .awsui_container_hyvsj_1cs1p_557.awsui_disable-content-paddings_hyvsj_1cs1p_491.awsui_is-tools-open_hyvsj_1cs1p_586:not(#\9), .awsui_container_hyvsj_1cs1p_557.awsui_disable-content-paddings_hyvsj_1cs1p_491.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_split-panel-position-side_hyvsj_1cs1p_586:not(#\9), .awsui_container_hyvsj_1cs1p_557.awsui_disable-content-paddings_hyvsj_1cs1p_491.awsui_has-active-drawer_hyvsj_1cs1p_586:not(#\9) {
586
+ .awsui_container_hyvsj_16gcr_556.awsui_disable-content-paddings_hyvsj_16gcr_490.awsui_is-tools-open_hyvsj_16gcr_585:not(#\9), .awsui_container_hyvsj_16gcr_556.awsui_disable-content-paddings_hyvsj_16gcr_490.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_split-panel-position-side_hyvsj_16gcr_585:not(#\9), .awsui_container_hyvsj_16gcr_556.awsui_disable-content-paddings_hyvsj_16gcr_490.awsui_has-active-drawer_hyvsj_16gcr_585:not(#\9) {
588
587
  grid-column-end: 5;
589
588
  }
590
589
  }
@@ -593,13 +592,13 @@ when the navigation or tools drawers are open in responsive viewports.
593
592
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
594
593
  SPDX-License-Identifier: Apache-2.0
595
594
  */
596
- section.awsui_mobile-toolbar_hyvsj_1cs1p_595:not(#\9) {
595
+ section.awsui_mobile-toolbar_hyvsj_16gcr_594:not(#\9) {
597
596
  align-items: center;
598
597
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
599
598
  border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
600
599
  box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
601
600
  box-sizing: border-box;
602
- block-size: var(--awsui-mobile-bar-height-7t5ed6);
601
+ block-size: var(--awsui-mobile-bar-height-9rhwr5);
603
602
  display: grid;
604
603
  grid-area: mobileToolbar;
605
604
  grid-column: 1/span 5;
@@ -607,22 +606,22 @@ section.awsui_mobile-toolbar_hyvsj_1cs1p_595:not(#\9) {
607
606
  padding-block: 0;
608
607
  padding-inline: var(--space-m-udix3p, 16px);
609
608
  position: sticky;
610
- inset-block-start: var(--awsui-offset-top-7t5ed6);
609
+ inset-block-start: var(--awsui-offset-top-9rhwr5);
611
610
  z-index: 1000;
612
611
  }
613
- section.awsui_mobile-toolbar_hyvsj_1cs1p_595:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1cs1p_612) {
612
+ section.awsui_mobile-toolbar_hyvsj_16gcr_594:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_16gcr_611) {
614
613
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
615
614
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
616
615
  }
617
- section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-nav_hyvsj_1cs1p_616:not(#\9) {
616
+ section.awsui_mobile-toolbar_hyvsj_16gcr_594 > .awsui_mobile-toolbar-nav_hyvsj_16gcr_615:not(#\9) {
618
617
  grid-column: 1;
619
618
  margin-inline-end: var(--space-m-udix3p, 16px);
620
619
  }
621
- section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1cs1p_620:not(#\9) {
620
+ section.awsui_mobile-toolbar_hyvsj_16gcr_594 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_16gcr_619:not(#\9) {
622
621
  grid-column: 2;
623
622
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
624
623
  }
625
- section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-tools_hyvsj_1cs1p_624:not(#\9) {
624
+ section.awsui_mobile-toolbar_hyvsj_16gcr_594 > .awsui_mobile-toolbar-tools_hyvsj_16gcr_623:not(#\9) {
626
625
  grid-column: 3;
627
626
  margin-inline-start: var(--space-m-udix3p, 16px);
628
627
  }
@@ -631,13 +630,13 @@ section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-tools_hyvsj
631
630
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
632
631
  SPDX-License-Identifier: Apache-2.0
633
632
  */
634
- .awsui_navigation-container_hyvsj_1cs1p_633:not(#\9) {
633
+ .awsui_navigation-container_hyvsj_16gcr_632:not(#\9) {
635
634
  display: flex;
636
635
  grid-column: 1;
637
- grid-row: 1/span 10;
638
- block-size: var(--awsui-content-height-7t5ed6);
636
+ grid-row: 1/span 9;
637
+ block-size: var(--awsui-content-height-9rhwr5);
639
638
  position: sticky;
640
- inset-block-start: var(--awsui-offset-top-7t5ed6);
639
+ inset-block-start: var(--awsui-offset-top-9rhwr5);
641
640
  z-index: 830;
642
641
  /*
643
642
  The navigation and tools containers (that contain the toggle buttons)
@@ -652,7 +651,7 @@ section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-tools_hyvsj
652
651
  pointer-events: none;
653
652
  }
654
653
  @media (max-width: 688px) {
655
- .awsui_navigation-container_hyvsj_1cs1p_633:not(#\9) {
654
+ .awsui_navigation-container_hyvsj_16gcr_632:not(#\9) {
656
655
  inset-inline-start: 0;
657
656
  position: fixed;
658
657
  z-index: 1001;
@@ -664,12 +663,12 @@ section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-tools_hyvsj
664
663
  relative to the body.
665
664
  */
666
665
  }
667
- .awsui_navigation-container_hyvsj_1cs1p_633.awsui_disable-body-scroll_hyvsj_1cs1p_156:not(#\9) {
668
- inset-block-start: var(--awsui-header-height-7t5ed6);
666
+ .awsui_navigation-container_hyvsj_16gcr_632.awsui_disable-body-scroll_hyvsj_16gcr_156:not(#\9) {
667
+ inset-block-start: var(--awsui-header-height-9rhwr5);
669
668
  }
670
669
  }
671
670
 
672
- nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9) {
671
+ nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9) {
673
672
  padding-block: var(--space-scaled-s-aqzyko, 12px);
674
673
  padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
675
674
  /*
@@ -677,7 +676,7 @@ nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9) {
677
676
  take control in responsive viewports.
678
677
  */
679
678
  }
680
- @keyframes awsui_showButtons_hyvsj_1cs1p_1 {
679
+ @keyframes awsui_showButtons_hyvsj_16gcr_1 {
681
680
  0% {
682
681
  opacity: 0;
683
682
  }
@@ -685,31 +684,31 @@ nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9) {
685
684
  opacity: 1;
686
685
  }
687
686
  }
688
- nav.awsui_show-navigation_hyvsj_1cs1p_671.awsui_is-navigation-open_hyvsj_1cs1p_583:not(#\9) {
687
+ nav.awsui_show-navigation_hyvsj_16gcr_670.awsui_is-navigation-open_hyvsj_16gcr_582:not(#\9) {
689
688
  display: none;
690
689
  }
691
690
  @media (min-width: 689px) {
692
- nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583) {
691
+ nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582) {
693
692
  display: block;
694
693
  }
695
- nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583).awsui_animating_hyvsj_1cs1p_694 {
696
- animation: awsui_showButtons_hyvsj_1cs1p_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
694
+ nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582).awsui_animating_hyvsj_16gcr_693 {
695
+ animation: awsui_showButtons_hyvsj_16gcr_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
697
696
  }
698
697
  }
699
698
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
700
- nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583).awsui_animating_hyvsj_1cs1p_694 {
699
+ nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582).awsui_animating_hyvsj_16gcr_693 {
701
700
  animation: none;
702
701
  transition: none;
703
702
  }
704
703
  }
705
704
  @media (min-width: 689px) {
706
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583).awsui_animating_hyvsj_1cs1p_694, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583).awsui_animating_hyvsj_1cs1p_694 {
705
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582).awsui_animating_hyvsj_16gcr_693, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582).awsui_animating_hyvsj_16gcr_693 {
707
706
  animation: none;
708
707
  transition: none;
709
708
  }
710
709
  }
711
710
 
712
- nav.awsui_navigation_hyvsj_1cs1p_633:not(#\9) {
711
+ nav.awsui_navigation_hyvsj_16gcr_632:not(#\9) {
713
712
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
714
713
  inset-block-end: 0;
715
714
  block-size: 100%;
@@ -727,43 +726,43 @@ nav.awsui_navigation_hyvsj_1cs1p_633:not(#\9) {
727
726
  prevent unwanted text wrapping.
728
727
  */
729
728
  }
730
- @keyframes awsui_openNavigation_hyvsj_1cs1p_1 {
729
+ @keyframes awsui_openNavigation_hyvsj_16gcr_1 {
731
730
  from {
732
731
  opacity: 0;
733
732
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
734
733
  }
735
734
  to {
736
735
  opacity: 1;
737
- inline-size: var(--awsui-navigation-width-7t5ed6);
736
+ inline-size: var(--awsui-navigation-width-9rhwr5);
738
737
  }
739
738
  }
740
- nav.awsui_navigation_hyvsj_1cs1p_633:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583) {
739
+ nav.awsui_navigation_hyvsj_16gcr_632:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582) {
741
740
  inline-size: 0;
742
741
  display: none;
743
742
  }
744
- nav.awsui_navigation_hyvsj_1cs1p_633.awsui_is-navigation-open_hyvsj_1cs1p_583.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
745
- animation: awsui_openNavigation_hyvsj_1cs1p_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
743
+ nav.awsui_navigation_hyvsj_16gcr_632.awsui_is-navigation-open_hyvsj_16gcr_582.awsui_animating_hyvsj_16gcr_693:not(#\9) {
744
+ animation: awsui_openNavigation_hyvsj_16gcr_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
746
745
  }
747
746
  @media (prefers-reduced-motion: reduce) {
748
- nav.awsui_navigation_hyvsj_1cs1p_633.awsui_is-navigation-open_hyvsj_1cs1p_583.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
747
+ nav.awsui_navigation_hyvsj_16gcr_632.awsui_is-navigation-open_hyvsj_16gcr_582.awsui_animating_hyvsj_16gcr_693:not(#\9) {
749
748
  animation: none;
750
749
  transition: none;
751
750
  }
752
751
  }
753
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_1cs1p_633.awsui_is-navigation-open_hyvsj_1cs1p_583.awsui_animating_hyvsj_1cs1p_694:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1cs1p_633.awsui_is-navigation-open_hyvsj_1cs1p_583.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
752
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_16gcr_632.awsui_is-navigation-open_hyvsj_16gcr_582.awsui_animating_hyvsj_16gcr_693:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_16gcr_632.awsui_is-navigation-open_hyvsj_16gcr_582.awsui_animating_hyvsj_16gcr_693:not(#\9) {
754
753
  animation: none;
755
754
  transition: none;
756
755
  }
757
- nav.awsui_navigation_hyvsj_1cs1p_633 > .awsui_animated-content_hyvsj_1cs1p_756:not(#\9) {
758
- inline-size: var(--awsui-navigation-width-7t5ed6);
756
+ nav.awsui_navigation_hyvsj_16gcr_632 > .awsui_animated-content_hyvsj_16gcr_755:not(#\9) {
757
+ inline-size: var(--awsui-navigation-width-9rhwr5);
759
758
  }
760
759
  @media (max-width: 688px) {
761
- nav.awsui_navigation_hyvsj_1cs1p_633:not(#\9) {
762
- --awsui-navigation-width-7t5ed6: 100vw;
760
+ nav.awsui_navigation_hyvsj_16gcr_632:not(#\9) {
761
+ --awsui-navigation-width-9rhwr5: 100vw;
763
762
  }
764
763
  }
765
764
 
766
- .awsui_hide-navigation_hyvsj_1cs1p_765:not(#\9) {
765
+ .awsui_hide-navigation_hyvsj_16gcr_764:not(#\9) {
767
766
  position: absolute;
768
767
  inset-inline-end: var(--space-m-udix3p, 16px);
769
768
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -773,24 +772,24 @@ nav.awsui_navigation_hyvsj_1cs1p_633 > .awsui_animated-content_hyvsj_1cs1p_756:n
773
772
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
774
773
  SPDX-License-Identifier: Apache-2.0
775
774
  */
776
- .awsui_notifications_hyvsj_1cs1p_775:not(#\9) {
775
+ .awsui_notifications_hyvsj_16gcr_774:not(#\9) {
777
776
  color: var(--color-text-body-default-at06ol, #000716);
778
777
  grid-area: notifications;
779
778
  z-index: 850;
780
779
  }
781
- .awsui_notifications_hyvsj_1cs1p_775.awsui_has-notification-content_hyvsj_1cs1p_780:not(#\9) {
780
+ .awsui_notifications_hyvsj_16gcr_774.awsui_has-notification-content_hyvsj_16gcr_779:not(#\9) {
782
781
  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
783
782
  }
784
783
  @media (min-width: 689px) {
785
- .awsui_notifications_hyvsj_1cs1p_775.awsui_sticky-notifications_hyvsj_1cs1p_784:not(#\9) {
786
- --awsui-flashbar-sticky-bottom-margin-7t5ed6: var(--space-xxl-cu2m1r, 32px);
784
+ .awsui_notifications_hyvsj_16gcr_774.awsui_sticky-notifications_hyvsj_16gcr_783:not(#\9) {
785
+ --awsui-flashbar-sticky-bottom-margin-9rhwr5: var(--space-xxl-cu2m1r, 32px);
787
786
  position: sticky;
788
- inset-block-start: var(--awsui-offset-top-7t5ed6);
787
+ inset-block-start: var(--awsui-offset-top-9rhwr5);
789
788
  }
790
- .awsui_notifications_hyvsj_1cs1p_775.awsui_sticky-notifications_hyvsj_1cs1p_784:not(#\9):not(.awsui_high-contrast_hyvsj_1cs1p_789) {
789
+ .awsui_notifications_hyvsj_16gcr_774.awsui_sticky-notifications_hyvsj_16gcr_783:not(#\9):not(.awsui_high-contrast_hyvsj_16gcr_788) {
791
790
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
792
791
  }
793
- .awsui_notifications_hyvsj_1cs1p_775.awsui_has-notification-content_hyvsj_1cs1p_780:not(#\9) {
792
+ .awsui_notifications_hyvsj_16gcr_774.awsui_has-notification-content_hyvsj_16gcr_779:not(#\9) {
794
793
  padding-block-start: var(--space-xs-zb16t3, 8px);
795
794
  }
796
795
  }
@@ -805,16 +804,16 @@ as the content area. This row is defined as 1 fractional unit which will
805
804
  consume the remaining vertical space in the grid after the notifications
806
805
  and breadcrumbs.
807
806
  */
808
- section.awsui_split-panel-bottom_hyvsj_1cs1p_807:not(#\9) {
807
+ section.awsui_split-panel-bottom_hyvsj_16gcr_806:not(#\9) {
809
808
  /*
810
809
  The align self property will position the split panel at the bottom of the grid row.
811
810
  This could be off the viewport if the content area has enough content to be scrollable.
812
811
  */
813
812
  align-self: end;
814
- inset-block-end: var(--awsui-footer-height-7t5ed6);
813
+ inset-block-end: var(--awsui-footer-height-9rhwr5);
815
814
  display: none;
816
815
  grid-column: 1/6;
817
- grid-row: 10;
816
+ grid-row: 9;
818
817
  block-size: auto;
819
818
  overflow-y: hidden;
820
819
  /*
@@ -841,47 +840,47 @@ section.awsui_split-panel-bottom_hyvsj_1cs1p_807:not(#\9) {
841
840
  apply the animation to the height property.
842
841
  */
843
842
  }
844
- @keyframes awsui_openSplitPanelBottom_hyvsj_1cs1p_1 {
843
+ @keyframes awsui_openSplitPanelBottom_hyvsj_16gcr_1 {
845
844
  from {
846
- block-size: var(--awsui-split-panel-reported-header-size-7t5ed6, 0);
845
+ block-size: var(--awsui-split-panel-reported-header-size-9rhwr5, 0);
847
846
  }
848
847
  to {
849
- block-size: var(--awsui-split-panel-reported-size-7t5ed6);
848
+ block-size: var(--awsui-split-panel-reported-size-9rhwr5);
850
849
  }
851
850
  }
852
- section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_disable-body-scroll_hyvsj_1cs1p_156:not(#\9) {
851
+ section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_disable-body-scroll_hyvsj_16gcr_156:not(#\9) {
853
852
  inset-block-end: 0;
854
853
  }
855
- section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-navigation-open_hyvsj_1cs1p_583.awsui_position-bottom_hyvsj_1cs1p_854:not(#\9) {
854
+ section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-navigation-open_hyvsj_16gcr_582.awsui_position-bottom_hyvsj_16gcr_853:not(#\9) {
856
855
  grid-column-start: 2;
857
856
  }
858
- section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_has-open-drawer_hyvsj_1cs1p_135.awsui_position-bottom_hyvsj_1cs1p_854:not(#\9) {
857
+ section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_has-open-drawer_hyvsj_16gcr_135.awsui_position-bottom_hyvsj_16gcr_853:not(#\9) {
859
858
  grid-column-end: 5;
860
859
  }
861
- section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_position-bottom_hyvsj_1cs1p_854:not(#\9) {
860
+ section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_position-bottom_hyvsj_16gcr_853:not(#\9) {
862
861
  display: block;
863
862
  }
864
- section.awsui_split-panel-bottom_hyvsj_1cs1p_807:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1cs1p_586).awsui_position-bottom_hyvsj_1cs1p_854 {
863
+ section.awsui_split-panel-bottom_hyvsj_16gcr_806:not(#\9):not(.awsui_is-split-panel-open_hyvsj_16gcr_585).awsui_position-bottom_hyvsj_16gcr_853 {
865
864
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
866
865
  }
867
- section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-bottom_hyvsj_1cs1p_854:not(#\9) {
866
+ section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-bottom_hyvsj_16gcr_853:not(#\9) {
868
867
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
869
868
  }
870
- section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-bottom_hyvsj_1cs1p_854.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
871
- animation: awsui_openSplitPanelBottom_hyvsj_1cs1p_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
869
+ section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-bottom_hyvsj_16gcr_853.awsui_animating_hyvsj_16gcr_693:not(#\9) {
870
+ animation: awsui_openSplitPanelBottom_hyvsj_16gcr_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
872
871
  }
873
872
  @media (prefers-reduced-motion: reduce) {
874
- section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-bottom_hyvsj_1cs1p_854.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
873
+ section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-bottom_hyvsj_16gcr_853.awsui_animating_hyvsj_16gcr_693:not(#\9) {
875
874
  animation: none;
876
875
  transition: none;
877
876
  }
878
877
  }
879
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-bottom_hyvsj_1cs1p_854.awsui_animating_hyvsj_1cs1p_694:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-bottom_hyvsj_1cs1p_854.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
878
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-bottom_hyvsj_16gcr_853.awsui_animating_hyvsj_16gcr_693:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-bottom_hyvsj_16gcr_853.awsui_animating_hyvsj_16gcr_693:not(#\9) {
880
879
  animation: none;
881
880
  transition: none;
882
881
  }
883
882
 
884
- section.awsui_split-panel-side_hyvsj_1cs1p_883:not(#\9) {
883
+ section.awsui_split-panel-side_hyvsj_16gcr_882:not(#\9) {
885
884
  block-size: 100%;
886
885
  overflow-x: hidden;
887
886
  pointer-events: auto;
@@ -891,15 +890,15 @@ section.awsui_split-panel-side_hyvsj_1cs1p_883:not(#\9) {
891
890
  be persistent in the DOM when closed.
892
891
  */
893
892
  }
894
- section.awsui_split-panel-side_hyvsj_1cs1p_883:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1cs1p_586), section.awsui_split-panel-side_hyvsj_1cs1p_883.awsui_position-bottom_hyvsj_1cs1p_854:not(#\9) {
893
+ section.awsui_split-panel-side_hyvsj_16gcr_882:not(#\9):not(.awsui_is-split-panel-open_hyvsj_16gcr_585), section.awsui_split-panel-side_hyvsj_16gcr_882.awsui_position-bottom_hyvsj_16gcr_853:not(#\9) {
895
894
  inline-size: 0;
896
895
  }
897
- section.awsui_split-panel-side_hyvsj_1cs1p_883.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-side_hyvsj_1cs1p_896:not(#\9) {
898
- max-inline-size: var(--awsui-split-panel-max-width-7t5ed6, 280px);
899
- min-inline-size: var(--awsui-split-panel-min-width-7t5ed6, 280px);
896
+ section.awsui_split-panel-side_hyvsj_16gcr_882.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-side_hyvsj_16gcr_895:not(#\9) {
897
+ max-inline-size: var(--awsui-split-panel-max-width-9rhwr5, 280px);
898
+ min-inline-size: var(--awsui-split-panel-min-width-9rhwr5, 280px);
900
899
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
901
900
  }
902
- section.awsui_split-panel-side_hyvsj_1cs1p_883.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-side_hyvsj_1cs1p_896:not(#\9):not(.awsui_has-open-drawer_hyvsj_1cs1p_135) {
901
+ section.awsui_split-panel-side_hyvsj_16gcr_882.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-side_hyvsj_16gcr_895:not(#\9):not(.awsui_has-open-drawer_hyvsj_16gcr_135) {
903
902
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
904
903
  }
905
904
 
@@ -916,22 +915,22 @@ content width has a default value that can be set directly with the minContentWi
916
915
  property. The content gap right is computed in the Layout styles based on the
917
916
  viewport size and state of the Tools drawer.
918
917
  */
919
- .awsui_tools-container_hyvsj_1cs1p_918:not(#\9) {
920
- --awsui-tools-max-width-7t5ed6: calc(var(--awsui-layout-width-7t5ed6) - var(--awsui-main-offset-left-7t5ed6) - var(--awsui-default-min-content-width-7t5ed6) - var(--awsui-content-gap-right-7t5ed6));
918
+ .awsui_tools-container_hyvsj_16gcr_917:not(#\9) {
919
+ --awsui-tools-max-width-9rhwr5: calc(var(--awsui-layout-width-9rhwr5) - var(--awsui-main-offset-left-9rhwr5) - var(--awsui-default-min-content-width-9rhwr5) - var(--awsui-content-gap-right-9rhwr5));
921
920
  display: flex;
922
921
  grid-column: 5;
923
- grid-row: 1/span 10;
924
- block-size: var(--awsui-content-height-7t5ed6);
925
- max-inline-size: var(--awsui-tools-max-width-7t5ed6);
922
+ grid-row: 1/span 9;
923
+ block-size: var(--awsui-content-height-9rhwr5);
924
+ max-inline-size: var(--awsui-tools-max-width-9rhwr5);
926
925
  position: sticky;
927
- inset-block-start: var(--awsui-offset-top-7t5ed6);
926
+ inset-block-start: var(--awsui-offset-top-9rhwr5);
928
927
  z-index: 830;
929
928
  pointer-events: none;
930
929
  }
931
930
  @media (max-width: 688px) {
932
- .awsui_tools-container_hyvsj_1cs1p_918:not(#\9) {
933
- --awsui-tools-max-width-7t5ed6: none;
934
- --awsui-tools-width-7t5ed6: auto;
931
+ .awsui_tools-container_hyvsj_16gcr_917:not(#\9) {
932
+ --awsui-tools-max-width-9rhwr5: none;
933
+ --awsui-tools-width-9rhwr5: auto;
935
934
  position: fixed;
936
935
  inset-inline-end: 0;
937
936
  z-index: 1001;
@@ -943,12 +942,12 @@ viewport size and state of the Tools drawer.
943
942
  relative to the body.
944
943
  */
945
944
  }
946
- .awsui_tools-container_hyvsj_1cs1p_918.awsui_disable-body-scroll_hyvsj_1cs1p_156:not(#\9) {
947
- inset-block-start: var(--awsui-header-height-7t5ed6);
945
+ .awsui_tools-container_hyvsj_16gcr_917.awsui_disable-body-scroll_hyvsj_16gcr_156:not(#\9) {
946
+ inset-block-start: var(--awsui-header-height-9rhwr5);
948
947
  }
949
948
  }
950
949
 
951
- .awsui_tools_hyvsj_1cs1p_918:not(#\9) {
950
+ .awsui_tools_hyvsj_16gcr_917:not(#\9) {
952
951
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
953
952
  flex-shrink: 0;
954
953
  block-size: 100%;
@@ -971,51 +970,51 @@ viewport size and state of the Tools drawer.
971
970
  in the side position.
972
971
  */
973
972
  }
974
- @keyframes awsui_openTools_hyvsj_1cs1p_1 {
973
+ @keyframes awsui_openTools_hyvsj_16gcr_1 {
975
974
  from {
976
- opacity: var(--awsui-tools-animation-starting-opacity-7t5ed6, 0);
975
+ opacity: var(--awsui-tools-animation-starting-opacity-9rhwr5, 0);
977
976
  inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
978
977
  }
979
978
  to {
980
979
  opacity: 1;
981
- inline-size: var(--awsui-tools-width-7t5ed6);
980
+ inline-size: var(--awsui-tools-width-9rhwr5);
982
981
  }
983
982
  }
984
- .awsui_tools_hyvsj_1cs1p_918:not(#\9):not(.awsui_is-tools-open_hyvsj_1cs1p_586) {
983
+ .awsui_tools_hyvsj_16gcr_917:not(#\9):not(.awsui_is-tools-open_hyvsj_16gcr_585) {
985
984
  inline-size: 0;
986
985
  display: none;
987
986
  }
988
- .awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586:not(#\9) {
987
+ .awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585:not(#\9) {
989
988
  border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
990
989
  }
991
- .awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
992
- animation: awsui_openTools_hyvsj_1cs1p_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
990
+ .awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585.awsui_animating_hyvsj_16gcr_693:not(#\9) {
991
+ animation: awsui_openTools_hyvsj_16gcr_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
993
992
  }
994
993
  @media (prefers-reduced-motion: reduce) {
995
- .awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
994
+ .awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585.awsui_animating_hyvsj_16gcr_693:not(#\9) {
996
995
  animation: none;
997
996
  transition: none;
998
997
  }
999
998
  }
1000
- .awsui-motion-disabled .awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586.awsui_animating_hyvsj_1cs1p_694:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
999
+ .awsui-motion-disabled .awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585.awsui_animating_hyvsj_16gcr_693:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585.awsui_animating_hyvsj_16gcr_693:not(#\9) {
1001
1000
  animation: none;
1002
1001
  transition: none;
1003
1002
  }
1004
- .awsui_tools_hyvsj_1cs1p_918 > .awsui_animated-content_hyvsj_1cs1p_756:not(#\9) {
1005
- inline-size: var(--awsui-tools-width-7t5ed6);
1003
+ .awsui_tools_hyvsj_16gcr_917 > .awsui_animated-content_hyvsj_16gcr_755:not(#\9) {
1004
+ inline-size: var(--awsui-tools-width-9rhwr5);
1006
1005
  }
1007
1006
  @media (min-width: 689px) {
1008
- .awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586.awsui_has-tools-form-persistence_hyvsj_1cs1p_1007:not(#\9) {
1007
+ .awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585.awsui_has-tools-form-persistence_hyvsj_16gcr_1006:not(#\9) {
1009
1008
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
1010
1009
  }
1011
1010
  }
1012
1011
  @media (max-width: 688px) {
1013
- .awsui_tools_hyvsj_1cs1p_918:not(#\9) {
1014
- --awsui-tools-width-7t5ed6: 100vw;
1012
+ .awsui_tools_hyvsj_16gcr_917:not(#\9) {
1013
+ --awsui-tools-width-9rhwr5: 100vw;
1015
1014
  }
1016
1015
  }
1017
1016
 
1018
- .awsui_hide-tools_hyvsj_1cs1p_1017:not(#\9) {
1017
+ .awsui_hide-tools_hyvsj_16gcr_1016:not(#\9) {
1019
1018
  position: absolute;
1020
1019
  inset-inline-end: var(--space-m-udix3p, 16px);
1021
1020
  inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
@@ -1027,7 +1026,7 @@ Warning! If these design tokens for padding change it will adversely impact
1027
1026
  the calculation used to determine the Split Panel maximum width in the
1028
1027
  handleSplitPanelMaxWidth function in the context.
1029
1028
  */
1030
- .awsui_show-tools_hyvsj_1cs1p_1029:not(#\9) {
1029
+ .awsui_show-tools_hyvsj_16gcr_1028:not(#\9) {
1031
1030
  border-collapse: separate;
1032
1031
  border-spacing: 0;
1033
1032
  box-sizing: border-box;
@@ -1069,7 +1068,7 @@ handleSplitPanelMaxWidth function in the context.
1069
1068
  take control in responsive viewports.
1070
1069
  */
1071
1070
  }
1072
- @keyframes awsui_showButtons_hyvsj_1cs1p_1 {
1071
+ @keyframes awsui_showButtons_hyvsj_16gcr_1 {
1073
1072
  0% {
1074
1073
  opacity: 0;
1075
1074
  }
@@ -1077,31 +1076,31 @@ handleSplitPanelMaxWidth function in the context.
1077
1076
  opacity: 1;
1078
1077
  }
1079
1078
  }
1080
- .awsui_show-tools_hyvsj_1cs1p_1029:not(#\9):not(.awsui_has-tools-form_hyvsj_1cs1p_1007) {
1079
+ .awsui_show-tools_hyvsj_16gcr_1028:not(#\9):not(.awsui_has-tools-form_hyvsj_16gcr_1006) {
1081
1080
  display: none;
1082
1081
  }
1083
1082
  @media (min-width: 689px) {
1084
- .awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form_hyvsj_1cs1p_1007:not(#\9) {
1083
+ .awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form_hyvsj_16gcr_1006:not(#\9) {
1085
1084
  display: flex;
1086
1085
  flex-direction: column;
1087
1086
  gap: var(--space-xs-zb16t3, 8px);
1088
1087
  }
1089
- .awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form_hyvsj_1cs1p_1007.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
1090
- animation: awsui_showButtons_hyvsj_1cs1p_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1088
+ .awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form_hyvsj_16gcr_1006.awsui_animating_hyvsj_16gcr_693:not(#\9) {
1089
+ animation: awsui_showButtons_hyvsj_16gcr_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
1091
1090
  }
1092
1091
  }
1093
1092
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
1094
- .awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form_hyvsj_1cs1p_1007.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
1093
+ .awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form_hyvsj_16gcr_1006.awsui_animating_hyvsj_16gcr_693:not(#\9) {
1095
1094
  animation: none;
1096
1095
  transition: none;
1097
1096
  }
1098
1097
  }
1099
1098
  @media (min-width: 689px) {
1100
- .awsui-motion-disabled .awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form_hyvsj_1cs1p_1007.awsui_animating_hyvsj_1cs1p_694:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form_hyvsj_1cs1p_1007.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
1099
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form_hyvsj_16gcr_1006.awsui_animating_hyvsj_16gcr_693:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form_hyvsj_16gcr_1006.awsui_animating_hyvsj_16gcr_693:not(#\9) {
1101
1100
  animation: none;
1102
1101
  transition: none;
1103
1102
  }
1104
- .awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form-persistence_hyvsj_1cs1p_1007:not(#\9) {
1103
+ .awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form-persistence_hyvsj_16gcr_1006:not(#\9) {
1105
1104
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
1106
1105
  z-index: 1;
1107
1106
  }
@@ -1111,7 +1110,7 @@ handleSplitPanelMaxWidth function in the context.
1111
1110
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1112
1111
  SPDX-License-Identifier: Apache-2.0
1113
1112
  */
1114
- .awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9) {
1113
+ .awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9) {
1115
1114
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1116
1115
  border-start-start-radius: 50%;
1117
1116
  border-start-end-radius: 50%;
@@ -1128,13 +1127,13 @@ handleSplitPanelMaxWidth function in the context.
1128
1127
  clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
1129
1128
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1130
1129
  }
1131
- .awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9):hover {
1130
+ .awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9):hover {
1132
1131
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1133
1132
  }
1134
- .awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9):active {
1133
+ .awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9):active {
1135
1134
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1136
1135
  }
1137
- .awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9):dir(rtl) {
1136
+ .awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9):dir(rtl) {
1138
1137
  clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
1139
1138
  }
1140
1139
 
@@ -1143,7 +1142,7 @@ Warning! If these design tokens for width change it will adversely impact
1143
1142
  the calculation used to determine the Split Panel maximum width in the
1144
1143
  handleSplitPanelMaxWidth function in the context.
1145
1144
  */
1146
- .awsui_trigger_hyvsj_1cs1p_1112:not(#\9) {
1145
+ .awsui_trigger_hyvsj_16gcr_1111:not(#\9) {
1147
1146
  background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
1148
1147
  border-start-start-radius: 50%;
1149
1148
  border-start-end-radius: 50%;
@@ -1159,72 +1158,72 @@ handleSplitPanelMaxWidth function in the context.
1159
1158
  pointer-events: auto;
1160
1159
  position: relative;
1161
1160
  }
1162
- .awsui_trigger_hyvsj_1cs1p_1112:not(#\9):hover {
1161
+ .awsui_trigger_hyvsj_16gcr_1111:not(#\9):hover {
1163
1162
  background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
1164
1163
  }
1165
- .awsui_trigger_hyvsj_1cs1p_1112:not(#\9):active {
1164
+ .awsui_trigger_hyvsj_16gcr_1111:not(#\9):active {
1166
1165
  background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
1167
1166
  }
1168
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cs1p_1112:not(#\9):focus {
1167
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16gcr_1111:not(#\9):focus {
1169
1168
  position: relative;
1170
1169
  }
1171
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cs1p_1112:not(#\9):focus {
1170
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16gcr_1111:not(#\9):focus {
1172
1171
  outline: 2px dotted transparent;
1173
1172
  outline-offset: calc(3px - 1px);
1174
1173
  }
1175
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cs1p_1112:not(#\9):focus::before {
1174
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16gcr_1111:not(#\9):focus::before {
1176
1175
  content: " ";
1177
1176
  display: block;
1178
1177
  position: absolute;
1179
1178
  inset-inline-start: calc(-1 * 3px);
1180
1179
  inset-block-start: calc(-1 * 3px);
1181
- inline-size: calc(100% + 2 * 3px);
1182
- block-size: calc(100% + 2 * 3px);
1180
+ inline-size: calc(100% + 3px + 3px);
1181
+ block-size: calc(100% + 3px + 3px);
1183
1182
  border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1184
1183
  border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1185
1184
  border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1186
1185
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
1187
1186
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
1188
1187
  }
1189
- .awsui_trigger_hyvsj_1cs1p_1112:not(#\9):focus {
1188
+ .awsui_trigger_hyvsj_16gcr_1111:not(#\9):focus {
1190
1189
  outline: none;
1191
1190
  }
1192
- .awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190:not(#\9) {
1191
+ .awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189:not(#\9) {
1193
1192
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1194
1193
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1195
1194
  }
1196
- .awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190:not(#\9):hover {
1195
+ .awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189:not(#\9):hover {
1197
1196
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1198
1197
  }
1199
- .awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190:not(#\9):active {
1198
+ .awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189:not(#\9):active {
1200
1199
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1201
1200
  }
1202
- .awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190 > .awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9) {
1201
+ .awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189 > .awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9) {
1203
1202
  background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
1204
1203
  color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
1205
1204
  }
1206
- .awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190 > .awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9):hover {
1205
+ .awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189 > .awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9):hover {
1207
1206
  background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
1208
1207
  }
1209
- .awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190 > .awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9):active {
1208
+ .awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189 > .awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9):active {
1210
1209
  background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
1211
1210
  }
1212
- .awsui_trigger_hyvsj_1cs1p_1112.awsui_badge_hyvsj_1cs1p_1210:not(#\9), .awsui_trigger_hyvsj_1cs1p_1112.awsui_badge_hyvsj_1cs1p_1210:not(#\9):hover, .awsui_trigger_hyvsj_1cs1p_1112.awsui_badge_hyvsj_1cs1p_1210:not(#\9):active {
1211
+ .awsui_trigger_hyvsj_16gcr_1111.awsui_badge_hyvsj_16gcr_1209:not(#\9), .awsui_trigger_hyvsj_16gcr_1111.awsui_badge_hyvsj_16gcr_1209:not(#\9):hover, .awsui_trigger_hyvsj_16gcr_1111.awsui_badge_hyvsj_16gcr_1209:not(#\9):active {
1213
1212
  background: transparent;
1214
1213
  }
1215
1214
 
1216
- .awsui_trigger-wrapper_hyvsj_1cs1p_1214:not(#\9) {
1215
+ .awsui_trigger-wrapper_hyvsj_16gcr_1213:not(#\9) {
1217
1216
  position: relative;
1218
1217
  border-start-start-radius: 50%;
1219
1218
  border-start-end-radius: 50%;
1220
1219
  border-end-start-radius: 50%;
1221
1220
  border-end-end-radius: 50%;
1222
1221
  }
1223
- .awsui_trigger-wrapper_hyvsj_1cs1p_1214:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1cs1p_612) {
1222
+ .awsui_trigger-wrapper_hyvsj_16gcr_1213:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_16gcr_611) {
1224
1223
  box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1225
1224
  }
1226
1225
 
1227
- .awsui_dot_hyvsj_1cs1p_1225:not(#\9) {
1226
+ .awsui_dot_hyvsj_16gcr_1224:not(#\9) {
1228
1227
  position: absolute;
1229
1228
  inline-size: 9px;
1230
1229
  block-size: 9px;