@cloudscape-design/components-themeable 3.0.1382 → 3.0.1384

package/lib/internal/template/container/styles.scoped.css

@@ -10,7 +10,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_14iqq_w40we_13:not(#\9) {
+.awsui_root_14iqq_8gwpa_13:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -43,28 +43,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_w40we_13.awsui_fit-height_14iqq_w40we_46:not(#\9) {
+.awsui_root_14iqq_8gwpa_13.awsui_fit-height_14iqq_8gwpa_46:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_root_14iqq_w40we_13.awsui_fit-height_14iqq_w40we_46.awsui_with-side-media_14iqq_w40we_51:not(#\9) {
+.awsui_root_14iqq_8gwpa_13.awsui_fit-height_14iqq_8gwpa_46.awsui_with-side-media_14iqq_8gwpa_51:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_w40we_13.awsui_variant-default_14iqq_w40we_54:not(#\9), .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54:not(#\9) {
+.awsui_root_14iqq_8gwpa_13.awsui_variant-default_14iqq_8gwpa_54:not(#\9), .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54:not(#\9) {
   background-color: var(--color-background-container-content-mjfil9, #ffffff);
-  --awsui-inline-label-background-color-66120l: var(--color-background-container-content-mjfil9, #ffffff);
-  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
+  --awsui-inline-label-background-color-ka4djm: var(--color-background-container-content-mjfil9, #ffffff);
+  border-start-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-start-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
   box-sizing: border-box;
 }
-.awsui_root_14iqq_w40we_13.awsui_variant-default_14iqq_w40we_54.awsui_refresh_14iqq_w40we_63:not(#\9), .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54.awsui_refresh_14iqq_w40we_63:not(#\9) {
+.awsui_root_14iqq_8gwpa_13.awsui_variant-default_14iqq_8gwpa_54.awsui_refresh_14iqq_8gwpa_63:not(#\9), .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54.awsui_refresh_14iqq_8gwpa_63:not(#\9) {
   border-block: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
   border-inline: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_root_14iqq_w40we_13.awsui_variant-default_14iqq_w40we_54:not(#\9):not(.awsui_refresh_14iqq_w40we_63)::before, .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54:not(#\9):not(.awsui_refresh_14iqq_w40we_63)::before {
+.awsui_root_14iqq_8gwpa_13.awsui_variant-default_14iqq_8gwpa_54:not(#\9):not(.awsui_refresh_14iqq_8gwpa_63)::before, .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54:not(#\9):not(.awsui_refresh_14iqq_8gwpa_63)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -76,13 +76,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   border-color: transparent;
   border-block-start: var(--border-container-top-width-6p1io9, 1px) solid var(--color-border-container-top-9e7tpv, #eaeded);
-  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
+  border-start-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-start-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
   z-index: 1;
 }
-.awsui_root_14iqq_w40we_13.awsui_variant-default_14iqq_w40we_54:not(#\9):not(.awsui_refresh_14iqq_w40we_63)::after, .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54:not(#\9):not(.awsui_refresh_14iqq_w40we_63)::after {
+.awsui_root_14iqq_8gwpa_13.awsui_variant-default_14iqq_8gwpa_54:not(#\9):not(.awsui_refresh_14iqq_8gwpa_63)::after, .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54:not(#\9):not(.awsui_refresh_14iqq_8gwpa_63)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -92,38 +92,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
+  border-start-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-start-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
   box-shadow: var(--shadow-container-quglkl, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54:not(#\9):not(:last-child), .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54:not(#\9):not(:last-child)::before, .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54:not(#\9):not(:last-child), .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54:not(#\9):not(:last-child)::before, .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54:not(#\9):not(:last-child)::after {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
   border-block-end-width: 0;
 }
-.awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54 + .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54:not(#\9), .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54 + .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54:not(#\9)::before, .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54 + .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54:not(#\9)::after {
+.awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54 + .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54:not(#\9), .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54 + .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54:not(#\9)::before, .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54 + .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54:not(#\9)::after {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54 + .awsui_root_14iqq_w40we_13.awsui_variant-stacked_14iqq_w40we_54:not(#\9):not(.awsui_refresh_14iqq_w40we_63)::before {
+.awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54 + .awsui_root_14iqq_8gwpa_13.awsui_variant-stacked_14iqq_8gwpa_54:not(#\9):not(.awsui_refresh_14iqq_8gwpa_63)::before {
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_root_14iqq_w40we_13.awsui_sticky-enabled_14iqq_w40we_113:not(#\9):not(.awsui_refresh_14iqq_w40we_63)::before {
+.awsui_root_14iqq_8gwpa_13.awsui_sticky-enabled_14iqq_8gwpa_113:not(#\9):not(.awsui_refresh_14iqq_8gwpa_63)::before {
   inset-block-start: calc(-1 * var(--border-container-top-width-6p1io9, 1px));
 }
-.awsui_root_14iqq_w40we_13.awsui_sticky-enabled_14iqq_w40we_113:not(#\9):not(.awsui_refresh_14iqq_w40we_63).awsui_variant-stacked_14iqq_w40we_54::before {
+.awsui_root_14iqq_8gwpa_13.awsui_sticky-enabled_14iqq_8gwpa_113:not(#\9):not(.awsui_refresh_14iqq_8gwpa_63).awsui_variant-stacked_14iqq_8gwpa_54::before {
   inset-block-start: calc(-1 * var(--border-divider-section-width-dlkb8v, 1px));
 }
-.awsui_root_14iqq_w40we_13.awsui_with-stuck-sticky-header-at-bottom_14iqq_w40we_119:not(#\9) {
+.awsui_root_14iqq_8gwpa_13.awsui_with-stuck-sticky-header-at-bottom_14iqq_8gwpa_119:not(#\9) {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
 }
-.awsui_root_14iqq_w40we_13:not(#\9):focus {
+.awsui_root_14iqq_8gwpa_13:not(#\9):focus {
   outline: none;
 }
-.awsui_root_14iqq_w40we_13.awsui_focus-ring_14iqq_w40we_126:not(#\9):focus::after {
+.awsui_root_14iqq_8gwpa_13.awsui_focus-ring_14iqq_8gwpa_126:not(#\9):focus::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -142,128 +142,128 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
 
-.awsui_with-side-media_14iqq_w40we_51:not(#\9) {
+.awsui_with-side-media_14iqq_8gwpa_51:not(#\9) {
   display: flex;
   flex-direction: row;
 }
 
-.awsui_with-top-media_14iqq_w40we_150:not(#\9) {
+.awsui_with-top-media_14iqq_8gwpa_150:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_content-wrapper_14iqq_w40we_155:not(#\9) {
+.awsui_content-wrapper_14iqq_8gwpa_155:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_w40we_160:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_8gwpa_160:not(#\9) {
   block-size: 100%;
   overflow: hidden;
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
 }
 
-.awsui_media_14iqq_w40we_167:not(#\9) {
+.awsui_media_14iqq_8gwpa_167:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_w40we_167 img:not(#\9),
-.awsui_media_14iqq_w40we_167 video:not(#\9),
-.awsui_media_14iqq_w40we_167 picture:not(#\9) {
+.awsui_media_14iqq_8gwpa_167 img:not(#\9),
+.awsui_media_14iqq_8gwpa_167 video:not(#\9),
+.awsui_media_14iqq_8gwpa_167 picture:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_w40we_167 iframe:not(#\9) {
+.awsui_media_14iqq_8gwpa_167 iframe:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   border-block: 0;
   border-inline: 0;
 }
-.awsui_media-top_14iqq_w40we_185:not(#\9) {
+.awsui_media-top_14iqq_8gwpa_185:not(#\9) {
   max-block-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-33hhdh, 0px) - 1px);
   border-start-end-radius: calc(var(--border-radius-container-33hhdh, 0px) - 1px);
 }
-.awsui_media-side_14iqq_w40we_190:not(#\9) {
+.awsui_media-side_14iqq_8gwpa_190:not(#\9) {
   max-inline-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-33hhdh, 0px) - 1px);
   border-end-start-radius: calc(var(--border-radius-container-33hhdh, 0px) - 1px);
 }
 
-.awsui_header_14iqq_w40we_196:not(#\9) {
+.awsui_header_14iqq_8gwpa_196:not(#\9) {
   background-color: var(--color-background-container-header-irktp5, #fafafa);
-  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
+  border-start-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-start-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
 }
-.awsui_header_14iqq_w40we_196.awsui_header-full-page_14iqq_w40we_201:not(#\9) {
+.awsui_header_14iqq_8gwpa_196.awsui_header-full-page_14iqq_8gwpa_201:not(#\9) {
   background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
 }
-.awsui_header-variant-embedded_14iqq_w40we_204.awsui_refresh_14iqq_w40we_63:not(#\9):not(.awsui_header-sticky-enabled_14iqq_w40we_204) {
+.awsui_header-variant-embedded_14iqq_8gwpa_204.awsui_refresh_14iqq_8gwpa_63:not(#\9):not(.awsui_header-sticky-enabled_14iqq_8gwpa_204) {
   background-color: transparent;
 }
-.awsui_header_14iqq_w40we_196.awsui_header-with-media_14iqq_w40we_207:not(#\9) {
+.awsui_header_14iqq_8gwpa_196.awsui_header-with-media_14iqq_8gwpa_207:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_w40we_196.awsui_header-with-media_14iqq_w40we_207:not(#\9):not(:empty) {
+.awsui_header_14iqq_8gwpa_196.awsui_header-with-media_14iqq_8gwpa_207:not(#\9):not(:empty) {
   border-block-end: none;
 }
-.awsui_header-sticky-disabled_14iqq_w40we_213:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_8gwpa_213:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_w40we_204:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_8gwpa_204:not(#\9) {
   inset-block-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_w40we_223:not(#\9) {
+.awsui_header-stuck_14iqq_8gwpa_223:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_header-stuck_14iqq_w40we_223:not(#\9)::before {
+.awsui_header-stuck_14iqq_8gwpa_223:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
 }
-.awsui_header-stuck_14iqq_w40we_223:not(#\9):not(.awsui_header-variant-cards_14iqq_w40we_233) {
+.awsui_header-stuck_14iqq_8gwpa_223:not(#\9):not(.awsui_header-variant-cards_14iqq_8gwpa_233) {
   box-shadow: var(--shadow-sticky-embedded-5m1s1m, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
-.awsui_header-dynamic-height_14iqq_w40we_236.awsui_header-stuck_14iqq_w40we_223:not(#\9) {
+.awsui_header-dynamic-height_14iqq_8gwpa_236.awsui_header-stuck_14iqq_8gwpa_223:not(#\9) {
   margin-block-end: calc(var(--line-height-heading-xl-pi61pg, 36px) - var(--line-height-heading-l-zmt48b, 22px));
 }
-.awsui_header_14iqq_w40we_196:not(#\9):not(:empty) {
+.awsui_header_14iqq_8gwpa_196:not(#\9):not(:empty) {
   border-block-end: var(--border-container-sticky-width-ns9pe4, 1px) solid var(--color-border-container-divider-rkhoab, #eaeded);
 }
-.awsui_header_14iqq_w40we_196.awsui_with-paddings_14iqq_w40we_242:not(#\9) {
+.awsui_header_14iqq_8gwpa_196.awsui_with-paddings_14iqq_8gwpa_242:not(#\9) {
   padding-block-start: var(--space-container-header-top-3txhx4, 12px);
   padding-block-end: var(--space-container-header-bottom-9elagw, 12px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_header_14iqq_w40we_196.awsui_with-paddings_14iqq_w40we_242.awsui_header-variant-cards_14iqq_w40we_233:not(#\9) {
+.awsui_header_14iqq_8gwpa_196.awsui_with-paddings_14iqq_8gwpa_242.awsui_header-variant-cards_14iqq_8gwpa_233:not(#\9) {
   padding-block: var(--space-container-header-top-3txhx4, 12px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_header_14iqq_w40we_196.awsui_with-hidden-content_14iqq_w40we_251:not(#\9) {
-  border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
+.awsui_header_14iqq_8gwpa_196.awsui_with-hidden-content_14iqq_8gwpa_251:not(#\9) {
+  border-end-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
 }
-.awsui_header-variant-cards_14iqq_w40we_233:not(#\9) {
-  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
+.awsui_header-variant-cards_14iqq_8gwpa_233:not(#\9) {
+  border-start-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-start-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_w40we_233.awsui_refresh_14iqq_w40we_63:not(#\9) {
+.awsui_header-variant-cards_14iqq_8gwpa_233.awsui_refresh_14iqq_8gwpa_63:not(#\9) {
   border-block: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
   border-inline: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_header-variant-cards_14iqq_w40we_233:not(#\9):not(.awsui_refresh_14iqq_w40we_63)::before {
+.awsui_header-variant-cards_14iqq_8gwpa_233:not(#\9):not(.awsui_refresh_14iqq_8gwpa_63)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -275,13 +275,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   border-color: transparent;
   border-block-start: var(--border-container-top-width-6p1io9, 1px) solid var(--color-border-container-top-9e7tpv, #eaeded);
-  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
+  border-start-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-start-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_w40we_233:not(#\9):not(.awsui_refresh_14iqq_w40we_63)::after {
+.awsui_header-variant-cards_14iqq_8gwpa_233:not(#\9):not(.awsui_refresh_14iqq_8gwpa_63)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -291,32 +291,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
-  border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
+  border-start-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-start-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-start-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
+  border-end-end-radius: var(--awsui-container-style-border-radius-ka4djm, var(--border-radius-container-33hhdh, 0px));
   box-shadow: var(--shadow-container-quglkl, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_header-variant-cards_14iqq_w40we_233:not(#\9):not(.awsui_header-sticky-enabled_14iqq_w40we_204) {
+.awsui_header-variant-cards_14iqq_8gwpa_233:not(#\9):not(.awsui_header-sticky-enabled_14iqq_8gwpa_204) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_w40we_233.awsui_header-stuck_14iqq_w40we_223:not(#\9)::after, .awsui_header-variant-cards_14iqq_w40we_233.awsui_header-stuck_14iqq_w40we_223:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_8gwpa_233.awsui_header-stuck_14iqq_8gwpa_223:not(#\9)::after, .awsui_header-variant-cards_14iqq_8gwpa_233.awsui_header-stuck_14iqq_8gwpa_223:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_w40we_309.awsui_header-stuck_14iqq_w40we_223:not(#\9) {
+.awsui_header-variant-full-page_14iqq_8gwpa_309.awsui_header-stuck_14iqq_8gwpa_223:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_w40we_309.awsui_header-stuck_14iqq_w40we_223 > .awsui_header-cover_14iqq_w40we_312:not(#\9) {
+.awsui_header-variant-full-page_14iqq_8gwpa_309.awsui_header-stuck_14iqq_8gwpa_223 > .awsui_header-cover_14iqq_8gwpa_312:not(#\9) {
   background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
   inline-size: 100%;
   position: absolute;
   block-size: var(--space-scaled-s-2crg2b, 12px);
   inset-block-start: calc(-1 * var(--space-scaled-s-2crg2b, 12px));
 }
-.awsui_header-variant-full-page_14iqq_w40we_309.awsui_header-stuck_14iqq_w40we_223:not(#\9)::before {
+.awsui_header-variant-full-page_14iqq_8gwpa_309.awsui_header-stuck_14iqq_8gwpa_223:not(#\9)::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -326,7 +326,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   border-block-end: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_header-variant-full-page_14iqq_w40we_309.awsui_header-stuck_14iqq_w40we_223:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_8gwpa_309.awsui_header-stuck_14iqq_8gwpa_223:not(#\9)::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -334,30 +334,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
 
-.awsui_content_14iqq_w40we_155:not(#\9) {
+.awsui_content_14iqq_8gwpa_155:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_w40we_340:not(#\9) {
+.awsui_content-fit-height_14iqq_8gwpa_340:not(#\9) {
   overflow: auto;
   display: flex;
   flex-direction: column;
 }
 
-.awsui_content-inner_14iqq_w40we_346:not(#\9) {
+.awsui_content-inner_14iqq_8gwpa_346:not(#\9) {
   flex: 1;
 }
-.awsui_content-inner_14iqq_w40we_346.awsui_with-paddings_14iqq_w40we_242:not(#\9) {
+.awsui_content-inner_14iqq_8gwpa_346.awsui_with-paddings_14iqq_8gwpa_242:not(#\9) {
   padding-block: var(--space-scaled-l-33ruz6, 20px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_content-inner_14iqq_w40we_346.awsui_with-paddings_14iqq_w40we_242.awsui_with-header_14iqq_w40we_353:not(#\9) {
+.awsui_content-inner_14iqq_8gwpa_346.awsui_with-paddings_14iqq_8gwpa_242.awsui_with-header_14iqq_8gwpa_353:not(#\9) {
   padding-block-start: var(--space-container-content-top-ryubqz, 16px);
 }
 
-.awsui_footer_14iqq_w40we_357.awsui_with-paddings_14iqq_w40we_242:not(#\9) {
+.awsui_footer_14iqq_8gwpa_357.awsui_with-paddings_14iqq_8gwpa_242:not(#\9) {
   padding-block: var(--space-scaled-s-2crg2b, 12px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_footer_14iqq_w40we_357.awsui_with-divider_14iqq_w40we_361:not(#\9) {
+.awsui_footer_14iqq_8gwpa_357.awsui_with-divider_14iqq_8gwpa_361:not(#\9) {
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
 }

package/lib/internal/template/container/styles.selectors.js

@@ -2,39 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_w40we_13",
-  "fit-height": "awsui_fit-height_14iqq_w40we_46",
-  "with-side-media": "awsui_with-side-media_14iqq_w40we_51",
-  "variant-default": "awsui_variant-default_14iqq_w40we_54",
-  "variant-stacked": "awsui_variant-stacked_14iqq_w40we_54",
-  "refresh": "awsui_refresh_14iqq_w40we_63",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_w40we_113",
-  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_w40we_119",
-  "focus-ring": "awsui_focus-ring_14iqq_w40we_126",
-  "with-top-media": "awsui_with-top-media_14iqq_w40we_150",
-  "content-wrapper": "awsui_content-wrapper_14iqq_w40we_155",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_w40we_160",
-  "media": "awsui_media_14iqq_w40we_167",
-  "media-top": "awsui_media-top_14iqq_w40we_185",
-  "media-side": "awsui_media-side_14iqq_w40we_190",
-  "header": "awsui_header_14iqq_w40we_196",
-  "header-full-page": "awsui_header-full-page_14iqq_w40we_201",
-  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_w40we_204",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_w40we_204",
-  "header-with-media": "awsui_header-with-media_14iqq_w40we_207",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_w40we_213",
-  "header-stuck": "awsui_header-stuck_14iqq_w40we_223",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_w40we_233",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_w40we_236",
-  "with-paddings": "awsui_with-paddings_14iqq_w40we_242",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_w40we_251",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_w40we_309",
-  "header-cover": "awsui_header-cover_14iqq_w40we_312",
-  "content": "awsui_content_14iqq_w40we_155",
-  "content-fit-height": "awsui_content-fit-height_14iqq_w40we_340",
-  "content-inner": "awsui_content-inner_14iqq_w40we_346",
-  "with-header": "awsui_with-header_14iqq_w40we_353",
-  "footer": "awsui_footer_14iqq_w40we_357",
-  "with-divider": "awsui_with-divider_14iqq_w40we_361"
+  "root": "awsui_root_14iqq_8gwpa_13",
+  "fit-height": "awsui_fit-height_14iqq_8gwpa_46",
+  "with-side-media": "awsui_with-side-media_14iqq_8gwpa_51",
+  "variant-default": "awsui_variant-default_14iqq_8gwpa_54",
+  "variant-stacked": "awsui_variant-stacked_14iqq_8gwpa_54",
+  "refresh": "awsui_refresh_14iqq_8gwpa_63",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_8gwpa_113",
+  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_8gwpa_119",
+  "focus-ring": "awsui_focus-ring_14iqq_8gwpa_126",
+  "with-top-media": "awsui_with-top-media_14iqq_8gwpa_150",
+  "content-wrapper": "awsui_content-wrapper_14iqq_8gwpa_155",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_8gwpa_160",
+  "media": "awsui_media_14iqq_8gwpa_167",
+  "media-top": "awsui_media-top_14iqq_8gwpa_185",
+  "media-side": "awsui_media-side_14iqq_8gwpa_190",
+  "header": "awsui_header_14iqq_8gwpa_196",
+  "header-full-page": "awsui_header-full-page_14iqq_8gwpa_201",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_8gwpa_204",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_8gwpa_204",
+  "header-with-media": "awsui_header-with-media_14iqq_8gwpa_207",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_8gwpa_213",
+  "header-stuck": "awsui_header-stuck_14iqq_8gwpa_223",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_8gwpa_233",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_8gwpa_236",
+  "with-paddings": "awsui_with-paddings_14iqq_8gwpa_242",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_8gwpa_251",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_8gwpa_309",
+  "header-cover": "awsui_header-cover_14iqq_8gwpa_312",
+  "content": "awsui_content_14iqq_8gwpa_155",
+  "content-fit-height": "awsui_content-fit-height_14iqq_8gwpa_340",
+  "content-inner": "awsui_content-inner_14iqq_8gwpa_346",
+  "with-header": "awsui_with-header_14iqq_8gwpa_353",
+  "footer": "awsui_footer_14iqq_8gwpa_357",
+  "with-divider": "awsui_with-divider_14iqq_8gwpa_361"
 };
   

package/lib/internal/template/content-layout/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "layout": "awsui_layout_5gtk3_10lrw_9",
-  "background": "awsui_background_5gtk3_10lrw_23",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_10lrw_28",
-  "header-background": "awsui_header-background_5gtk3_10lrw_31",
-  "notifications": "awsui_notifications_5gtk3_10lrw_35",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_10lrw_40",
-  "default-padding": "awsui_default-padding_5gtk3_10lrw_45",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_10lrw_49",
-  "with-divider": "awsui_with-divider_5gtk3_10lrw_54",
-  "content": "awsui_content_5gtk3_10lrw_57",
-  "has-header": "awsui_has-header_5gtk3_10lrw_61",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_10lrw_68",
-  "has-default-background": "awsui_has-default-background_5gtk3_10lrw_68",
-  "has-notifications": "awsui_has-notifications_5gtk3_10lrw_72"
+  "layout": "awsui_layout_5gtk3_12weq_9",
+  "background": "awsui_background_5gtk3_12weq_23",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_12weq_28",
+  "header-background": "awsui_header-background_5gtk3_12weq_31",
+  "notifications": "awsui_notifications_5gtk3_12weq_35",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_12weq_40",
+  "default-padding": "awsui_default-padding_5gtk3_12weq_45",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_12weq_49",
+  "with-divider": "awsui_with-divider_5gtk3_12weq_54",
+  "content": "awsui_content_5gtk3_12weq_57",
+  "has-header": "awsui_has-header_5gtk3_12weq_61",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_12weq_68",
+  "has-default-background": "awsui_has-default-background_5gtk3_12weq_68",
+  "has-notifications": "awsui_has-notifications_5gtk3_12weq_72"
 };
   

package/lib/internal/template/content-layout/styles.scoped.css

@@ -6,72 +6,72 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_layout_5gtk3_10lrw_9:not(#\9) {
-  --awsui-content-layout-default-horizontal-padding-66120l: var(--space-layout-content-horizontal-axaoos, 40px);
-  --awsui-content-layout-max-content-width-66120l: 0px;
-  --awsui-content-layout-main-gap-66120l: 0px;
+.awsui_layout_5gtk3_12weq_9:not(#\9) {
+  --awsui-content-layout-default-horizontal-padding-ka4djm: var(--space-layout-content-horizontal-axaoos, 40px);
+  --awsui-content-layout-max-content-width-ka4djm: 0px;
+  --awsui-content-layout-main-gap-ka4djm: 0px;
   display: grid;
-  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-66120l)) 1fr 0 0;
-  grid-template-rows: var(--awsui-content-layout-main-gap-66120l) min-content min-content auto var(--space-dark-header-overlap-distance-16rv3i, 0px) 1fr;
+  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-ka4djm)) 1fr 0 0;
+  grid-template-rows: var(--awsui-content-layout-main-gap-ka4djm) min-content min-content auto var(--space-dark-header-overlap-distance-16rv3i, 0px) 1fr;
   min-block-size: 100%;
 }
 @media (max-width: 688px) {
-  .awsui_layout_5gtk3_10lrw_9:not(#\9) {
-    --awsui-content-layout-default-horizontal-padding-66120l: var(--space-l-dpyxli, 20px);
+  .awsui_layout_5gtk3_12weq_9:not(#\9) {
+    --awsui-content-layout-default-horizontal-padding-ka4djm: var(--space-l-dpyxli, 20px);
   }
 }
-.awsui_layout_5gtk3_10lrw_9 > .awsui_background_5gtk3_10lrw_23:not(#\9) {
+.awsui_layout_5gtk3_12weq_9 > .awsui_background_5gtk3_12weq_23:not(#\9) {
   grid-column: 1/8;
   grid-row: 1/6;
   color: var(--color-text-body-default-b2us04, #16191f);
 }
-.awsui_layout_5gtk3_10lrw_9 > .awsui_background_5gtk3_10lrw_23.awsui_is-overlap-disabled_5gtk3_10lrw_28:not(#\9) {
+.awsui_layout_5gtk3_12weq_9 > .awsui_background_5gtk3_12weq_23.awsui_is-overlap-disabled_5gtk3_12weq_28:not(#\9) {
   grid-row: 1/5;
 }
-.awsui_layout_5gtk3_10lrw_9 > .awsui_background_5gtk3_10lrw_23 > .awsui_header-background_5gtk3_10lrw_31:not(#\9) {
+.awsui_layout_5gtk3_12weq_9 > .awsui_background_5gtk3_12weq_23 > .awsui_header-background_5gtk3_12weq_31:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
 }
-.awsui_layout_5gtk3_10lrw_9 > .awsui_notifications_5gtk3_10lrw_35:not(#\9) {
+.awsui_layout_5gtk3_12weq_9 > .awsui_notifications_5gtk3_12weq_35:not(#\9) {
   grid-column: 4;
   grid-row: 2;
   padding-block-end: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_layout_5gtk3_10lrw_9 > .awsui_breadcrumbs_5gtk3_10lrw_40:not(#\9) {
+.awsui_layout_5gtk3_12weq_9 > .awsui_breadcrumbs_5gtk3_12weq_40:not(#\9) {
   grid-column: 4;
   grid-row: 3;
   padding-block-end: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_layout_5gtk3_10lrw_9.awsui_default-padding_5gtk3_10lrw_45:not(#\9) {
-  --awsui-content-layout-main-gap-66120l: var(--space-scaled-m-lfeh3i, 16px);
-  grid-template-columns: var(--awsui-toggles-left-width-66120l, 0) var(--awsui-content-layout-default-horizontal-padding-66120l, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-66120l)) 1fr var(--awsui-content-layout-default-horizontal-padding-66120l, 0) var(--awsui-toggles-right-width-66120l, 0);
+.awsui_layout_5gtk3_12weq_9.awsui_default-padding_5gtk3_12weq_45:not(#\9) {
+  --awsui-content-layout-main-gap-ka4djm: var(--space-scaled-m-lfeh3i, 16px);
+  grid-template-columns: var(--awsui-toggles-left-width-ka4djm, 0) var(--awsui-content-layout-default-horizontal-padding-ka4djm, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-ka4djm)) 1fr var(--awsui-content-layout-default-horizontal-padding-ka4djm, 0) var(--awsui-toggles-right-width-ka4djm, 0);
 }
-.awsui_layout_5gtk3_10lrw_9 > .awsui_header-wrapper_5gtk3_10lrw_49:not(#\9) {
+.awsui_layout_5gtk3_12weq_9 > .awsui_header-wrapper_5gtk3_12weq_49:not(#\9) {
   grid-column: 4;
   grid-row: 4;
   padding-block-end: var(--space-content-header-padding-bottom-yv2yex, 16px);
 }
-.awsui_layout_5gtk3_10lrw_9 > .awsui_header-wrapper_5gtk3_10lrw_49.awsui_with-divider_5gtk3_10lrw_54:not(#\9) {
+.awsui_layout_5gtk3_12weq_9 > .awsui_header-wrapper_5gtk3_12weq_49.awsui_with-divider_5gtk3_12weq_54:not(#\9) {
   border-block-end: 1px solid var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_layout_5gtk3_10lrw_9 > .awsui_content_5gtk3_10lrw_57:not(#\9) {
+.awsui_layout_5gtk3_12weq_9 > .awsui_content_5gtk3_12weq_57:not(#\9) {
   grid-column: 4;
   grid-row: 5/8;
 }
-.awsui_layout_5gtk3_10lrw_9:not(#\9):not(.awsui_has-header_5gtk3_10lrw_61) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-66120l) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-16rv3i, 0px)) 1fr;
+.awsui_layout_5gtk3_12weq_9:not(#\9):not(.awsui_has-header_5gtk3_12weq_61) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-ka4djm) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-16rv3i, 0px)) 1fr;
 }
-.awsui_layout_5gtk3_10lrw_9.awsui_is-overlap-disabled_5gtk3_10lrw_28:not(#\9) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-66120l) min-content min-content auto 0 1fr;
+.awsui_layout_5gtk3_12weq_9.awsui_is-overlap-disabled_5gtk3_12weq_28:not(#\9) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-ka4djm) min-content min-content auto 0 1fr;
 }
 
-.awsui_layout_5gtk3_10lrw_9.awsui_is-visual-refresh_5gtk3_10lrw_68 > .awsui_background_5gtk3_10lrw_23.awsui_has-default-background_5gtk3_10lrw_68:not(#\9) {
+.awsui_layout_5gtk3_12weq_9.awsui_is-visual-refresh_5gtk3_12weq_68 > .awsui_background_5gtk3_12weq_23.awsui_has-default-background_5gtk3_12weq_68:not(#\9) {
   background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
 }
 
-.awsui_layout_5gtk3_10lrw_9:not(#\9):not(.awsui_is-visual-refresh_5gtk3_10lrw_68).awsui_has-notifications_5gtk3_10lrw_72 {
-  --awsui-content-layout-main-gap-66120l: 0px;
+.awsui_layout_5gtk3_12weq_9:not(#\9):not(.awsui_is-visual-refresh_5gtk3_12weq_68).awsui_has-notifications_5gtk3_12weq_72 {
+  --awsui-content-layout-main-gap-ka4djm: 0px;
 }
-.awsui_layout_5gtk3_10lrw_9:not(#\9):not(.awsui_is-visual-refresh_5gtk3_10lrw_68) > .awsui_notifications_5gtk3_10lrw_35 {
+.awsui_layout_5gtk3_12weq_9:not(#\9):not(.awsui_is-visual-refresh_5gtk3_12weq_68) > .awsui_notifications_5gtk3_12weq_35 {
   grid-column: 1/8;
 }