@asante-org/atlascopco-vt-litesitegenerator 3.6.19 → 3.6.21

package/dist/index.scss

@@ -575,33 +575,19 @@
 }
 
 .lsg-carousel {
-  --lsg-carousel-bg: var(--lsg-carousel-background, var(--lsg-color-primary));
-  --lsg-carousel-color: var(--lsg-carousel-foreground, var(--lsg-color-white));
-  --lsg-carousel-accent: var(--lsg-carousel-color);
-  --lsg-carousel-shell-max: 1440px;
-  --lsg-carousel-pad-inline: clamp(16px, 13.2vw, 190px);
-  --lsg-carousel-pad-block: 64px;
-  --lsg-carousel-column-gap: clamp(32px, 5.2vw, 75px);
-  --lsg-carousel-row-gap: 32px;
-  --lsg-carousel-gutter: max(
-    var(--lsg-carousel-pad-inline),
-    calc((100% - var(--lsg-carousel-shell-max)) / 2 + var(--lsg-carousel-pad-inline))
-  );
-  --lsg-carousel-content-width: clamp(280px, 33.3vw, 480px);
+  --lsg-carousel-bg: var(--lsg-color-primary);
+  --lsg-carousel-color: var(--lsg-color-white);
   --lsg-carousel-gap: 18px;
   --lsg-carousel-slide-gap: var(--lsg-carousel-gap);
-  --lsg-carousel-card-width: 380px;
-  --lsg-carousel-card-height: 410px;
-  --lsg-carousel-slide-basis: var(--lsg-carousel-card-width);
-  --lsg-carousel-media-height: var(--lsg-carousel-card-height);
+  --lsg-carousel-slide-basis: 50%;
+  --lsg-carousel-media-height: 440px;
   --lsg-carousel-media-radius: var(--lsg-theme-radius, 0px);
-  --lsg-carousel-cards-max: 988px;
   --lsg-carousel-arrow-size: 40px;
-  --lsg-carousel-arrow-offset: 24px;
   --lsg-carousel-dot-size: 8px;
   --lsg-carousel-dot-gap: 6px;
+  --lsg-carousel-content-width: 510px;
   width: 100%;
-  overflow-x: clip;
+  overflow: hidden;
   background: var(--lsg-carousel-bg);
   color: var(--lsg-carousel-color);
   font-family: var(--lsg-font-family-primary, inherit);
@@ -610,51 +596,35 @@
 .lsg-carousel__shell {
   box-sizing: border-box;
   display: grid;
-  grid-template-columns: [full-start] var(--lsg-carousel-gutter) minmax(0, var(--lsg-carousel-content-width)) minmax(0, 1fr) [full-end];
-  grid-template-areas: "gutter content media";
+  grid-template-columns: minmax(0, var(--lsg-carousel-content-width)) minmax(0, 1fr);
+  grid-template-areas: "content media";
+  gap: clamp(32px, 5vw, 80px);
   width: 100%;
+  max-width: 1440px;
   min-height: 625px;
-  padding-block: var(--lsg-carousel-pad-block);
+  margin: 0 auto;
+  padding: 64px clamp(32px, 8vw, 128px);
 }
 
 .lsg-carousel--media-left .lsg-carousel__shell {
-  grid-template-columns: [full-start] minmax(0, 1fr) minmax(0, var(--lsg-carousel-content-width)) var(--lsg-carousel-gutter) [full-end];
-  grid-template-areas: "media content gutter";
+  grid-template-columns: minmax(0, 1fr) minmax(0, var(--lsg-carousel-content-width));
+  grid-template-areas: "media content";
 }
 
 .lsg-carousel--full-width .lsg-carousel__shell {
-  grid-template-columns: [full-start] var(--lsg-carousel-gutter) minmax(0, 1fr) var(--lsg-carousel-gutter) [full-end];
-  grid-template-areas: ". content ." "media media media";
-  row-gap: var(--lsg-carousel-row-gap);
+  grid-template-columns: minmax(0, 1fr);
+  grid-template-areas: "content" "media";
   min-height: 0;
 }
 
-.lsg-carousel__content {
-  grid-area: content;
-  min-width: 0;
-  align-self: center;
-  overflow: hidden;
-  padding-inline-end: var(--lsg-carousel-column-gap);
-  direction: ltr;
-}
-
-.lsg-carousel--media-left .lsg-carousel__content {
-  padding-inline-start: var(--lsg-carousel-column-gap);
-  padding-inline-end: 0;
+:root[data-lsg-theme=theme-1] .lsg-carousel--full-width,
+.lsg-themed-component--theme-1 .lsg-carousel--full-width {
+  --lsg-carousel-slide-gap: 16px;
 }
 
-.lsg-carousel--full-width .lsg-carousel__content {
-  padding-inline: 0;
-}
-
-.lsg-carousel__content-track {
-  display: flex;
-  gap: 0 !important;
-}
-
-.lsg-carousel__content-slide {
+.lsg-carousel__content {
+  grid-area: content;
   min-width: 0;
-  flex: 0 0 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -684,6 +654,7 @@
 
 .lsg-carousel__heading {
   margin: 0;
+  color: inherit;
   font-family: var(--lsg-type-heading-family, var(--lsg-font-family-primary, inherit));
   font-size: var(--lsg-size-H1, 45px);
   font-weight: var(--lsg-font-weight-semibold, 600);
@@ -692,6 +663,7 @@
 
 .lsg-carousel__body {
   margin: 0;
+  color: inherit;
   font-size: var(--lsg-size-body, 18px);
   font-weight: var(--lsg-font-weight-regular, 400);
   line-height: 1.5;
@@ -703,53 +675,35 @@
   margin-top: 8px;
 }
 
-.lsg-carousel__content-slide > .cmp-lsg-title:first-child:has(+ .cmp-lsg-title) {
-  font-size: var(--lsg-type-pretitle-desktop-size, 18px);
-  font-weight: var(--lsg-font-weight-semibold, 600);
-  line-height: var(--lsg-type-pretitle-desktop-line-height, 1.2);
-  text-transform: uppercase;
-}
-
-.lsg-carousel__content-slide > .cmp-lsg-title:nth-child(2),
-.lsg-carousel__content-slide > .cmp-lsg-title:first-child:not(:has(+ .cmp-lsg-title)) {
-  font-family: var(--lsg-type-heading-family, var(--lsg-font-family-primary, inherit));
-  font-size: var(--lsg-size-H1, 45px);
-  font-weight: var(--lsg-font-weight-semibold, 600);
-  line-height: 1.1;
-}
-
-.lsg-carousel__content-slide > .cmp-lsg-text {
-  font-size: var(--lsg-size-body, 18px);
-  font-weight: var(--lsg-font-weight-regular, 400);
-  line-height: 1.5;
+.lsg-carousel__pre-title .cmp-title__element {
+  margin: 0;
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+  text-transform: inherit;
 }
 
-.lsg-carousel__pre-title .cmp-title__element,
-.lsg-carousel__heading .cmp-title__element,
-.lsg-carousel__content-slide > .cmp-lsg-title .cmp-title__element {
+.lsg-carousel__heading .cmp-title__element {
   margin: 0;
+  color: inherit;
   font: inherit;
   line-height: inherit;
-  text-transform: inherit;
   word-break: inherit;
 }
 
 .lsg-carousel__body .cmp-text,
-.lsg-carousel__body .cmp-text p,
-.lsg-carousel__content-slide > .cmp-lsg-text .cmp-text,
-.lsg-carousel__content-slide > .cmp-lsg-text .cmp-text p {
+.lsg-carousel__body .cmp-text p {
   margin: 0;
+  color: inherit;
   font: inherit;
   line-height: inherit;
 }
 
-.lsg-carousel__body .cmp-text p,
-.lsg-carousel__content-slide > .cmp-lsg-text .cmp-text p {
+.lsg-carousel__body .cmp-text p {
   word-break: break-word;
 }
 
-.lsg-carousel__actions .lsg-button-container,
-.lsg-carousel__content-slide > .cmp-lsg-button .lsg-button-container {
+.lsg-carousel__actions .lsg-button-container {
   display: flex;
   flex: 0 0 auto;
   width: auto;
@@ -757,8 +711,7 @@
   padding: 0;
 }
 
-.lsg-carousel__actions .lsg-button,
-.lsg-carousel__content-slide > .cmp-lsg-button .lsg-button {
+.lsg-carousel__actions .lsg-button {
   flex: 0 0 auto;
 }
 
@@ -876,25 +829,16 @@
   line-height: 1.4;
 }
 
-.lsg-carousel__controls,
 .lsg-carousel__navigation {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: center;
   gap: 16px;
-  width: var(--lsg-carousel-slide-basis);
   min-height: var(--lsg-carousel-arrow-size);
 }
 
-.lsg-carousel--media-left .lsg-carousel__controls,
-.lsg-carousel--media-left .lsg-carousel__navigation {
-  flex-direction: row-reverse;
-  margin-inline-start: auto;
-}
-
-.lsg-carousel__nav {
-  display: inline-flex;
-  overflow: hidden;
+.lsg-carousel__navigation > * {
+  grid-row: 1;
 }
 
 .lsg-carousel__arrow {
@@ -906,9 +850,9 @@
   flex: 0 0 var(--lsg-carousel-arrow-size);
   padding: 0;
   border: 0;
-  border-radius: 0;
-  background: var(--lsg-carousel-accent);
-  color: var(--lsg-carousel-bg);
+  border-radius: var(--lsg-theme-radius, 0px);
+  background: transparent;
+  color: inherit;
   cursor: pointer;
 }
 .lsg-carousel__arrow:focus-visible {
@@ -916,20 +860,6 @@
   outline-offset: 2px;
 }
 
-.lsg-carousel__arrow--prev {
-  border-radius: var(--lsg-theme-radius) 0 0 var(--lsg-theme-radius);
-}
-
-.lsg-carousel__arrow--next {
-  border-radius: 0 var(--lsg-theme-radius) var(--lsg-theme-radius) 0;
-}
-
-.lsg-carousel__arrow--at-start,
-.lsg-carousel__arrow--at-end {
-  background: color-mix(in srgb, var(--lsg-carousel-accent) 22%, transparent);
-  color: color-mix(in srgb, var(--lsg-carousel-color) 60%, transparent);
-}
-
 .lsg-carousel__arrow-icon {
   display: block;
   width: 23px;
@@ -979,125 +909,12 @@
   outline-offset: 2px;
 }
 
-.lsg-carousel--full-width .lsg-carousel__media-column {
-  display: grid;
-  align-items: center;
-  grid-template-columns: minmax(calc(var(--lsg-carousel-arrow-size) + var(--lsg-carousel-arrow-offset)), var(--lsg-carousel-gutter)) minmax(0, 1fr) minmax(calc(var(--lsg-carousel-arrow-size) + var(--lsg-carousel-arrow-offset)), var(--lsg-carousel-gutter));
-  gap: 0;
-}
-
-.lsg-carousel--full-width .lsg-carousel__controls,
-.lsg-carousel--full-width .lsg-carousel__navigation,
-.lsg-carousel--full-width .lsg-carousel__nav {
-  display: contents;
-}
-
-.lsg-carousel--full-width .lsg-carousel__viewport {
-  grid-area: 1/2;
-  width: 100%;
-  max-width: var(--lsg-carousel-cards-max);
-  justify-self: center;
-}
-
-.lsg-carousel--full-width .lsg-carousel__arrow {
-  border-radius: 50%;
-}
-
-.lsg-carousel--full-width .lsg-carousel__arrow--prev {
-  grid-area: 1/1;
-  justify-self: end;
-}
-
-.lsg-carousel--full-width .lsg-carousel__arrow--next {
-  grid-area: 1/3;
-  justify-self: start;
-}
-
-.lsg-carousel--full-width .lsg-carousel__pagination {
-  grid-area: 2/1/2/-1;
-  justify-self: center;
-  margin-top: 24px;
-}
-
-.lsg-carousel--bg-white {
-  --lsg-carousel-background: var(--lsg-color-white);
-  --lsg-carousel-foreground: var(--lsg-color-dark);
-}
-
-.lsg-carousel--bg-light {
-  --lsg-carousel-background: var(--lsg-color-light);
-  --lsg-carousel-foreground: var(--lsg-color-dark);
-}
-
-.lsg-carousel--bg-primary {
-  --lsg-carousel-background: var(--lsg-color-primary);
-  --lsg-carousel-foreground: var(--lsg-color-white);
-}
-
-.lsg-carousel--bg-secondary {
-  --lsg-carousel-background: var(--lsg-color-secondary);
-  --lsg-carousel-foreground: var(--lsg-color-white);
-}
-
-.lsg-carousel--bg-tertiary {
-  --lsg-carousel-background: var(--lsg-color-tertiary);
-  --lsg-carousel-foreground: var(--lsg-color-white);
-}
-
-.lsg-carousel--bg-dark {
-  --lsg-carousel-background: var(--lsg-color-dark);
-  --lsg-carousel-foreground: var(--lsg-color-white);
-}
-
-.lsg-carousel--bg-black {
-  --lsg-carousel-background: var(--lsg-color-black);
-  --lsg-carousel-foreground: var(--lsg-color-white);
-}
-
-.lsg-carousel--author {
-  padding: var(--lsg-carousel-pad-block) var(--lsg-carousel-pad-inline);
-}
-.lsg-carousel--author .lsg-carousel__author-hint {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin-bottom: 12px;
-  padding: 8px 12px;
-  border: 1px dashed color-mix(in srgb, var(--lsg-carousel-color) 40%, transparent);
-  font-size: 14px;
-  line-height: 1.4;
-}
-.lsg-carousel--author .lsg-carousel__author-hint strong {
-  font-weight: var(--lsg-font-weight-semibold, 600);
-}
-.lsg-carousel--author .lsg-carousel__author-item {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-  gap: 24px;
-  align-items: start;
-  margin-bottom: 24px;
-  padding: 16px;
-  border: 1px solid color-mix(in srgb, var(--lsg-carousel-color) 25%, transparent);
-}
-.lsg-carousel--author .lsg-carousel__author-context .layout-container-spacing-wrapper,
-.lsg-carousel--author .lsg-carousel__author-media .layout-container-spacing-wrapper,
-.lsg-carousel--author .lsg-carousel__author-context .parsys,
-.lsg-carousel--author .lsg-carousel__author-media .parsys {
-  min-height: 96px;
-}
-.lsg-carousel--author .lsg-carousel__author-media img,
-.lsg-carousel--author .lsg-carousel__author-media video {
-  max-width: 100%;
-  height: auto;
-}
-
 @media (max-width: 767px) {
   .lsg-carousel {
-    --lsg-carousel-pad-inline: 16px;
-    --lsg-carousel-gap: 21px;
-    --lsg-carousel-card-width: 293px;
-    --lsg-carousel-card-height: 393px;
-    --lsg-carousel-dot-size: 8px;
+    --lsg-carousel-gap: 18px;
+    --lsg-carousel-slide-basis: 300px;
+    --lsg-carousel-media-height: 400px;
+    --lsg-carousel-dot-size: 6px;
   }
   .lsg-carousel__shell,
   .lsg-carousel--media-left .lsg-carousel__shell,
@@ -1106,62 +923,33 @@
     flex-direction: column;
     gap: 24px;
     min-height: 0;
-    padding: var(--lsg-carousel-pad-block) var(--lsg-carousel-pad-inline);
+    padding: 64px 16px;
   }
-  .lsg-carousel__media-column,
-  .lsg-carousel--full-width .lsg-carousel__media-column {
-    order: 1;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    align-self: stretch;
-    margin-inline-end: calc(-1 * var(--lsg-carousel-pad-inline));
+  .lsg-carousel__content {
+    gap: 24px;
   }
-  .lsg-carousel__content,
-  .lsg-carousel--media-left .lsg-carousel__content,
-  .lsg-carousel--full-width .lsg-carousel__content {
-    order: 2;
+  .lsg-carousel__pre-title {
+    font-size: var(--lsg-type-pretitle-mobile-size, 16px);
+    line-height: var(--lsg-type-pretitle-mobile-line-height, 1.2);
+  }
+  .lsg-carousel__heading {
+    font-size: var(--lsg-type-h2-mobile-size, 30px);
+  }
+  .lsg-carousel__media-column {
+    width: calc(100% + 16px);
     align-self: stretch;
-    padding-inline: 0;
   }
-  .lsg-carousel__viewport,
-  .lsg-carousel--media-left .lsg-carousel__viewport {
-    direction: ltr;
+  .lsg-carousel__viewport {
+    overflow: hidden;
   }
   .lsg-carousel--full-width .lsg-carousel__slide {
     flex-basis: var(--lsg-carousel-slide-basis);
   }
-  .lsg-carousel__controls,
-  .lsg-carousel--media-left .lsg-carousel__controls,
-  .lsg-carousel--full-width .lsg-carousel__controls,
-  .lsg-carousel__navigation,
-  .lsg-carousel--media-left .lsg-carousel__navigation,
-  .lsg-carousel--full-width .lsg-carousel__navigation {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    width: calc(100% - var(--lsg-carousel-pad-inline));
-    margin-inline-start: 0;
+  .lsg-carousel__navigation {
+    width: calc(100% - 16px);
   }
-  .lsg-carousel__nav,
-  .lsg-carousel--full-width .lsg-carousel__nav {
-    display: none;
-  }
-  .lsg-carousel--full-width .lsg-carousel__pagination {
-    margin-top: 0;
-  }
-  .lsg-carousel__pre-title,
-  .lsg-carousel__content-slide > .cmp-lsg-title:first-child:has(+ .cmp-lsg-title) {
-    font-size: var(--lsg-type-pretitle-mobile-size, 16px);
-    line-height: var(--lsg-type-pretitle-mobile-line-height, 1.2);
-  }
-  .lsg-carousel__heading,
-  .lsg-carousel__content-slide > .cmp-lsg-title:nth-child(2),
-  .lsg-carousel__content-slide > .cmp-lsg-title:first-child:not(:has(+ .cmp-lsg-title)) {
-    font-size: var(--lsg-type-h2-mobile-size, 30px);
-  }
-  .lsg-carousel--author .lsg-carousel__author-item {
-    grid-template-columns: minmax(0, 1fr);
+  .lsg-carousel__actions {
+    margin-top: 8px;
   }
 }
 .lsg-card,
@@ -3808,6 +3596,90 @@
   display: block;
 }
 
+.table-focus,
+.table-focus * {
+  box-sizing: border-box;
+}
+
+.table-focus {
+  --lsg-table-background-color: var(--lsg-color-primary);
+  --lsg-table-accent-color: var(--lsg-color-black);
+  width: 100%;
+  max-width: 100%;
+  overflow-x: auto;
+  color: var(--lsg-table-accent-color);
+  font-family: var(--lsg-font-family-primary);
+}
+.table-focus.background-color-white {
+  --lsg-table-background-color: var(--lsg-color-white);
+}
+.table-focus.accent-color-white {
+  --lsg-table-accent-color: var(--lsg-color-white);
+}
+.table-focus.background-color-black {
+  --lsg-table-background-color: var(--lsg-color-black);
+}
+.table-focus.accent-color-black {
+  --lsg-table-accent-color: var(--lsg-color-black);
+}
+.table-focus.background-color-primary {
+  --lsg-table-background-color: var(--lsg-color-primary);
+}
+.table-focus.accent-color-primary {
+  --lsg-table-accent-color: var(--lsg-color-primary);
+}
+.table-focus.background-color-secondary {
+  --lsg-table-background-color: var(--lsg-color-secondary);
+}
+.table-focus.accent-color-secondary {
+  --lsg-table-accent-color: var(--lsg-color-secondary);
+}
+.table-focus.background-color-tertiary {
+  --lsg-table-background-color: var(--lsg-color-tertiary);
+}
+.table-focus.accent-color-tertiary {
+  --lsg-table-accent-color: var(--lsg-color-tertiary);
+}
+.table-focus.background-color-light {
+  --lsg-table-background-color: var(--lsg-color-light);
+}
+.table-focus.accent-color-light {
+  --lsg-table-accent-color: var(--lsg-color-light);
+}
+.table-focus.background-color-dark {
+  --lsg-table-background-color: var(--lsg-color-dark);
+}
+.table-focus.accent-color-dark {
+  --lsg-table-accent-color: var(--lsg-color-dark);
+}
+.table-focus table {
+  width: 100%;
+  margin: 0;
+  border: 0;
+  border-collapse: separate;
+  border-spacing: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+.table-focus tr,
+.table-focus td,
+.table-focus th {
+  border: 0;
+}
+.table-focus td,
+.table-focus th {
+  vertical-align: middle;
+  word-break: break-word;
+}
+.table-focus p {
+  margin: 0;
+}
+
+.table-caption {
+  font-family: var(--lsg-font-family-primary);
+}
+
 .lsg-video {
   position: relative;
   width: 100%;
@@ -5914,33 +5786,19 @@
   }
 }
 .lsg-carousel {
-  --lsg-carousel-bg: var(--lsg-carousel-background, var(--lsg-color-primary));
-  --lsg-carousel-color: var(--lsg-carousel-foreground, var(--lsg-color-white));
-  --lsg-carousel-accent: var(--lsg-carousel-color);
-  --lsg-carousel-shell-max: 1440px;
-  --lsg-carousel-pad-inline: clamp(16px, 13.2vw, 190px);
-  --lsg-carousel-pad-block: 64px;
-  --lsg-carousel-column-gap: clamp(32px, 5.2vw, 75px);
-  --lsg-carousel-row-gap: 32px;
-  --lsg-carousel-gutter: max(
-    var(--lsg-carousel-pad-inline),
-    calc((100% - var(--lsg-carousel-shell-max)) / 2 + var(--lsg-carousel-pad-inline))
-  );
-  --lsg-carousel-content-width: clamp(280px, 33.3vw, 480px);
+  --lsg-carousel-bg: var(--lsg-color-primary);
+  --lsg-carousel-color: var(--lsg-color-white);
   --lsg-carousel-gap: 18px;
   --lsg-carousel-slide-gap: var(--lsg-carousel-gap);
-  --lsg-carousel-card-width: 380px;
-  --lsg-carousel-card-height: 410px;
-  --lsg-carousel-slide-basis: var(--lsg-carousel-card-width);
-  --lsg-carousel-media-height: var(--lsg-carousel-card-height);
+  --lsg-carousel-slide-basis: 50%;
+  --lsg-carousel-media-height: 440px;
   --lsg-carousel-media-radius: var(--lsg-theme-radius, 0px);
-  --lsg-carousel-cards-max: 988px;
   --lsg-carousel-arrow-size: 40px;
-  --lsg-carousel-arrow-offset: 24px;
   --lsg-carousel-dot-size: 8px;
   --lsg-carousel-dot-gap: 6px;
+  --lsg-carousel-content-width: 510px;
   width: 100%;
-  overflow-x: clip;
+  overflow: hidden;
   background: var(--lsg-carousel-bg);
   color: var(--lsg-carousel-color);
   font-family: var(--lsg-font-family-primary, inherit);
@@ -5949,51 +5807,35 @@
 .lsg-carousel__shell {
   box-sizing: border-box;
   display: grid;
-  grid-template-columns: [full-start] var(--lsg-carousel-gutter) minmax(0, var(--lsg-carousel-content-width)) minmax(0, 1fr) [full-end];
-  grid-template-areas: "gutter content media";
+  grid-template-columns: minmax(0, var(--lsg-carousel-content-width)) minmax(0, 1fr);
+  grid-template-areas: "content media";
+  gap: clamp(32px, 5vw, 80px);
   width: 100%;
+  max-width: 1440px;
   min-height: 625px;
-  padding-block: var(--lsg-carousel-pad-block);
+  margin: 0 auto;
+  padding: 64px clamp(32px, 8vw, 128px);
 }
 
 .lsg-carousel--media-left .lsg-carousel__shell {
-  grid-template-columns: [full-start] minmax(0, 1fr) minmax(0, var(--lsg-carousel-content-width)) var(--lsg-carousel-gutter) [full-end];
-  grid-template-areas: "media content gutter";
+  grid-template-columns: minmax(0, 1fr) minmax(0, var(--lsg-carousel-content-width));
+  grid-template-areas: "media content";
 }
 
 .lsg-carousel--full-width .lsg-carousel__shell {
-  grid-template-columns: [full-start] var(--lsg-carousel-gutter) minmax(0, 1fr) var(--lsg-carousel-gutter) [full-end];
-  grid-template-areas: ". content ." "media media media";
-  row-gap: var(--lsg-carousel-row-gap);
+  grid-template-columns: minmax(0, 1fr);
+  grid-template-areas: "content" "media";
   min-height: 0;
 }
 
-.lsg-carousel__content {
-  grid-area: content;
-  min-width: 0;
-  align-self: center;
-  overflow: hidden;
-  padding-inline-end: var(--lsg-carousel-column-gap);
-  direction: ltr;
-}
-
-.lsg-carousel--media-left .lsg-carousel__content {
-  padding-inline-start: var(--lsg-carousel-column-gap);
-  padding-inline-end: 0;
+:root[data-lsg-theme=theme-1] .lsg-carousel--full-width,
+.lsg-themed-component--theme-1 .lsg-carousel--full-width {
+  --lsg-carousel-slide-gap: 16px;
 }
 
-.lsg-carousel--full-width .lsg-carousel__content {
-  padding-inline: 0;
-}
-
-.lsg-carousel__content-track {
-  display: flex;
-  gap: 0 !important;
-}
-
-.lsg-carousel__content-slide {
+.lsg-carousel__content {
+  grid-area: content;
   min-width: 0;
-  flex: 0 0 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -6023,6 +5865,7 @@
 
 .lsg-carousel__heading {
   margin: 0;
+  color: inherit;
   font-family: var(--lsg-type-heading-family, var(--lsg-font-family-primary, inherit));
   font-size: var(--lsg-size-H1, 45px);
   font-weight: var(--lsg-font-weight-semibold, 600);
@@ -6031,6 +5874,7 @@
 
 .lsg-carousel__body {
   margin: 0;
+  color: inherit;
   font-size: var(--lsg-size-body, 18px);
   font-weight: var(--lsg-font-weight-regular, 400);
   line-height: 1.5;
@@ -6042,53 +5886,35 @@
   margin-top: 8px;
 }
 
-.lsg-carousel__content-slide > .cmp-lsg-title:first-child:has(+ .cmp-lsg-title) {
-  font-size: var(--lsg-type-pretitle-desktop-size, 18px);
-  font-weight: var(--lsg-font-weight-semibold, 600);
-  line-height: var(--lsg-type-pretitle-desktop-line-height, 1.2);
-  text-transform: uppercase;
-}
-
-.lsg-carousel__content-slide > .cmp-lsg-title:nth-child(2),
-.lsg-carousel__content-slide > .cmp-lsg-title:first-child:not(:has(+ .cmp-lsg-title)) {
-  font-family: var(--lsg-type-heading-family, var(--lsg-font-family-primary, inherit));
-  font-size: var(--lsg-size-H1, 45px);
-  font-weight: var(--lsg-font-weight-semibold, 600);
-  line-height: 1.1;
-}
-
-.lsg-carousel__content-slide > .cmp-lsg-text {
-  font-size: var(--lsg-size-body, 18px);
-  font-weight: var(--lsg-font-weight-regular, 400);
-  line-height: 1.5;
+.lsg-carousel__pre-title .cmp-title__element {
+  margin: 0;
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+  text-transform: inherit;
 }
 
-.lsg-carousel__pre-title .cmp-title__element,
-.lsg-carousel__heading .cmp-title__element,
-.lsg-carousel__content-slide > .cmp-lsg-title .cmp-title__element {
+.lsg-carousel__heading .cmp-title__element {
   margin: 0;
+  color: inherit;
   font: inherit;
   line-height: inherit;
-  text-transform: inherit;
   word-break: inherit;
 }
 
 .lsg-carousel__body .cmp-text,
-.lsg-carousel__body .cmp-text p,
-.lsg-carousel__content-slide > .cmp-lsg-text .cmp-text,
-.lsg-carousel__content-slide > .cmp-lsg-text .cmp-text p {
+.lsg-carousel__body .cmp-text p {
   margin: 0;
+  color: inherit;
   font: inherit;
   line-height: inherit;
 }
 
-.lsg-carousel__body .cmp-text p,
-.lsg-carousel__content-slide > .cmp-lsg-text .cmp-text p {
+.lsg-carousel__body .cmp-text p {
   word-break: break-word;
 }
 
-.lsg-carousel__actions .lsg-button-container,
-.lsg-carousel__content-slide > .cmp-lsg-button .lsg-button-container {
+.lsg-carousel__actions .lsg-button-container {
   display: flex;
   flex: 0 0 auto;
   width: auto;
@@ -6096,8 +5922,7 @@
   padding: 0;
 }
 
-.lsg-carousel__actions .lsg-button,
-.lsg-carousel__content-slide > .cmp-lsg-button .lsg-button {
+.lsg-carousel__actions .lsg-button {
   flex: 0 0 auto;
 }
 
@@ -6215,25 +6040,16 @@
   line-height: 1.4;
 }
 
-.lsg-carousel__controls,
 .lsg-carousel__navigation {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: center;
   gap: 16px;
-  width: var(--lsg-carousel-slide-basis);
   min-height: var(--lsg-carousel-arrow-size);
 }
 
-.lsg-carousel--media-left .lsg-carousel__controls,
-.lsg-carousel--media-left .lsg-carousel__navigation {
-  flex-direction: row-reverse;
-  margin-inline-start: auto;
-}
-
-.lsg-carousel__nav {
-  display: inline-flex;
-  overflow: hidden;
+.lsg-carousel__navigation > * {
+  grid-row: 1;
 }
 
 .lsg-carousel__arrow {
@@ -6245,9 +6061,9 @@
   flex: 0 0 var(--lsg-carousel-arrow-size);
   padding: 0;
   border: 0;
-  border-radius: 0;
-  background: var(--lsg-carousel-accent);
-  color: var(--lsg-carousel-bg);
+  border-radius: var(--lsg-theme-radius, 0px);
+  background: transparent;
+  color: inherit;
   cursor: pointer;
 }
 .lsg-carousel__arrow:focus-visible {
@@ -6255,20 +6071,6 @@
   outline-offset: 2px;
 }
 
-.lsg-carousel__arrow--prev {
-  border-radius: var(--lsg-theme-radius) 0 0 var(--lsg-theme-radius);
-}
-
-.lsg-carousel__arrow--next {
-  border-radius: 0 var(--lsg-theme-radius) var(--lsg-theme-radius) 0;
-}
-
-.lsg-carousel__arrow--at-start,
-.lsg-carousel__arrow--at-end {
-  background: color-mix(in srgb, var(--lsg-carousel-accent) 22%, transparent);
-  color: color-mix(in srgb, var(--lsg-carousel-color) 60%, transparent);
-}
-
 .lsg-carousel__arrow-icon {
   display: block;
   width: 23px;
@@ -6318,125 +6120,12 @@
   outline-offset: 2px;
 }
 
-.lsg-carousel--full-width .lsg-carousel__media-column {
-  display: grid;
-  align-items: center;
-  grid-template-columns: minmax(calc(var(--lsg-carousel-arrow-size) + var(--lsg-carousel-arrow-offset)), var(--lsg-carousel-gutter)) minmax(0, 1fr) minmax(calc(var(--lsg-carousel-arrow-size) + var(--lsg-carousel-arrow-offset)), var(--lsg-carousel-gutter));
-  gap: 0;
-}
-
-.lsg-carousel--full-width .lsg-carousel__controls,
-.lsg-carousel--full-width .lsg-carousel__navigation,
-.lsg-carousel--full-width .lsg-carousel__nav {
-  display: contents;
-}
-
-.lsg-carousel--full-width .lsg-carousel__viewport {
-  grid-area: 1/2;
-  width: 100%;
-  max-width: var(--lsg-carousel-cards-max);
-  justify-self: center;
-}
-
-.lsg-carousel--full-width .lsg-carousel__arrow {
-  border-radius: 50%;
-}
-
-.lsg-carousel--full-width .lsg-carousel__arrow--prev {
-  grid-area: 1/1;
-  justify-self: end;
-}
-
-.lsg-carousel--full-width .lsg-carousel__arrow--next {
-  grid-area: 1/3;
-  justify-self: start;
-}
-
-.lsg-carousel--full-width .lsg-carousel__pagination {
-  grid-area: 2/1/2/-1;
-  justify-self: center;
-  margin-top: 24px;
-}
-
-.lsg-carousel--bg-white {
-  --lsg-carousel-background: var(--lsg-color-white);
-  --lsg-carousel-foreground: var(--lsg-color-dark);
-}
-
-.lsg-carousel--bg-light {
-  --lsg-carousel-background: var(--lsg-color-light);
-  --lsg-carousel-foreground: var(--lsg-color-dark);
-}
-
-.lsg-carousel--bg-primary {
-  --lsg-carousel-background: var(--lsg-color-primary);
-  --lsg-carousel-foreground: var(--lsg-color-white);
-}
-
-.lsg-carousel--bg-secondary {
-  --lsg-carousel-background: var(--lsg-color-secondary);
-  --lsg-carousel-foreground: var(--lsg-color-white);
-}
-
-.lsg-carousel--bg-tertiary {
-  --lsg-carousel-background: var(--lsg-color-tertiary);
-  --lsg-carousel-foreground: var(--lsg-color-white);
-}
-
-.lsg-carousel--bg-dark {
-  --lsg-carousel-background: var(--lsg-color-dark);
-  --lsg-carousel-foreground: var(--lsg-color-white);
-}
-
-.lsg-carousel--bg-black {
-  --lsg-carousel-background: var(--lsg-color-black);
-  --lsg-carousel-foreground: var(--lsg-color-white);
-}
-
-.lsg-carousel--author {
-  padding: var(--lsg-carousel-pad-block) var(--lsg-carousel-pad-inline);
-}
-.lsg-carousel--author .lsg-carousel__author-hint {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin-bottom: 12px;
-  padding: 8px 12px;
-  border: 1px dashed color-mix(in srgb, var(--lsg-carousel-color) 40%, transparent);
-  font-size: 14px;
-  line-height: 1.4;
-}
-.lsg-carousel--author .lsg-carousel__author-hint strong {
-  font-weight: var(--lsg-font-weight-semibold, 600);
-}
-.lsg-carousel--author .lsg-carousel__author-item {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-  gap: 24px;
-  align-items: start;
-  margin-bottom: 24px;
-  padding: 16px;
-  border: 1px solid color-mix(in srgb, var(--lsg-carousel-color) 25%, transparent);
-}
-.lsg-carousel--author .lsg-carousel__author-context .layout-container-spacing-wrapper,
-.lsg-carousel--author .lsg-carousel__author-media .layout-container-spacing-wrapper,
-.lsg-carousel--author .lsg-carousel__author-context .parsys,
-.lsg-carousel--author .lsg-carousel__author-media .parsys {
-  min-height: 96px;
-}
-.lsg-carousel--author .lsg-carousel__author-media img,
-.lsg-carousel--author .lsg-carousel__author-media video {
-  max-width: 100%;
-  height: auto;
-}
-
 @media (max-width: 767px) {
   .lsg-carousel {
-    --lsg-carousel-pad-inline: 16px;
-    --lsg-carousel-gap: 21px;
-    --lsg-carousel-card-width: 293px;
-    --lsg-carousel-card-height: 393px;
-    --lsg-carousel-dot-size: 8px;
+    --lsg-carousel-gap: 18px;
+    --lsg-carousel-slide-basis: 300px;
+    --lsg-carousel-media-height: 400px;
+    --lsg-carousel-dot-size: 6px;
   }
   .lsg-carousel__shell,
   .lsg-carousel--media-left .lsg-carousel__shell,
@@ -6445,62 +6134,33 @@
     flex-direction: column;
     gap: 24px;
     min-height: 0;
-    padding: var(--lsg-carousel-pad-block) var(--lsg-carousel-pad-inline);
+    padding: 64px 16px;
   }
-  .lsg-carousel__media-column,
-  .lsg-carousel--full-width .lsg-carousel__media-column {
-    order: 1;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    align-self: stretch;
-    margin-inline-end: calc(-1 * var(--lsg-carousel-pad-inline));
+  .lsg-carousel__content {
+    gap: 24px;
   }
-  .lsg-carousel__content,
-  .lsg-carousel--media-left .lsg-carousel__content,
-  .lsg-carousel--full-width .lsg-carousel__content {
-    order: 2;
+  .lsg-carousel__pre-title {
+    font-size: var(--lsg-type-pretitle-mobile-size, 16px);
+    line-height: var(--lsg-type-pretitle-mobile-line-height, 1.2);
+  }
+  .lsg-carousel__heading {
+    font-size: var(--lsg-type-h2-mobile-size, 30px);
+  }
+  .lsg-carousel__media-column {
+    width: calc(100% + 16px);
     align-self: stretch;
-    padding-inline: 0;
   }
-  .lsg-carousel__viewport,
-  .lsg-carousel--media-left .lsg-carousel__viewport {
-    direction: ltr;
+  .lsg-carousel__viewport {
+    overflow: hidden;
   }
   .lsg-carousel--full-width .lsg-carousel__slide {
     flex-basis: var(--lsg-carousel-slide-basis);
   }
-  .lsg-carousel__controls,
-  .lsg-carousel--media-left .lsg-carousel__controls,
-  .lsg-carousel--full-width .lsg-carousel__controls,
-  .lsg-carousel__navigation,
-  .lsg-carousel--media-left .lsg-carousel__navigation,
-  .lsg-carousel--full-width .lsg-carousel__navigation {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    width: calc(100% - var(--lsg-carousel-pad-inline));
-    margin-inline-start: 0;
-  }
-  .lsg-carousel__nav,
-  .lsg-carousel--full-width .lsg-carousel__nav {
-    display: none;
-  }
-  .lsg-carousel--full-width .lsg-carousel__pagination {
-    margin-top: 0;
-  }
-  .lsg-carousel__pre-title,
-  .lsg-carousel__content-slide > .cmp-lsg-title:first-child:has(+ .cmp-lsg-title) {
-    font-size: var(--lsg-type-pretitle-mobile-size, 16px);
-    line-height: var(--lsg-type-pretitle-mobile-line-height, 1.2);
-  }
-  .lsg-carousel__heading,
-  .lsg-carousel__content-slide > .cmp-lsg-title:nth-child(2),
-  .lsg-carousel__content-slide > .cmp-lsg-title:first-child:not(:has(+ .cmp-lsg-title)) {
-    font-size: var(--lsg-type-h2-mobile-size, 30px);
+  .lsg-carousel__navigation {
+    width: calc(100% - 16px);
   }
-  .lsg-carousel--author .lsg-carousel__author-item {
-    grid-template-columns: minmax(0, 1fr);
+  .lsg-carousel__actions {
+    margin-top: 8px;
   }
 }
 .lsg-card,
@@ -9243,6 +8903,89 @@
 .lsg-tabs[data-panelcontainer] .lsg-tabs__panel.cmp-tabs__tabpanel--active {
   display: block;
 }
+.table-focus,
+.table-focus * {
+  box-sizing: border-box;
+}
+
+.table-focus {
+  --lsg-table-background-color: var(--lsg-color-primary);
+  --lsg-table-accent-color: var(--lsg-color-black);
+  width: 100%;
+  max-width: 100%;
+  overflow-x: auto;
+  color: var(--lsg-table-accent-color);
+  font-family: var(--lsg-font-family-primary);
+}
+.table-focus.background-color-white {
+  --lsg-table-background-color: var(--lsg-color-white);
+}
+.table-focus.accent-color-white {
+  --lsg-table-accent-color: var(--lsg-color-white);
+}
+.table-focus.background-color-black {
+  --lsg-table-background-color: var(--lsg-color-black);
+}
+.table-focus.accent-color-black {
+  --lsg-table-accent-color: var(--lsg-color-black);
+}
+.table-focus.background-color-primary {
+  --lsg-table-background-color: var(--lsg-color-primary);
+}
+.table-focus.accent-color-primary {
+  --lsg-table-accent-color: var(--lsg-color-primary);
+}
+.table-focus.background-color-secondary {
+  --lsg-table-background-color: var(--lsg-color-secondary);
+}
+.table-focus.accent-color-secondary {
+  --lsg-table-accent-color: var(--lsg-color-secondary);
+}
+.table-focus.background-color-tertiary {
+  --lsg-table-background-color: var(--lsg-color-tertiary);
+}
+.table-focus.accent-color-tertiary {
+  --lsg-table-accent-color: var(--lsg-color-tertiary);
+}
+.table-focus.background-color-light {
+  --lsg-table-background-color: var(--lsg-color-light);
+}
+.table-focus.accent-color-light {
+  --lsg-table-accent-color: var(--lsg-color-light);
+}
+.table-focus.background-color-dark {
+  --lsg-table-background-color: var(--lsg-color-dark);
+}
+.table-focus.accent-color-dark {
+  --lsg-table-accent-color: var(--lsg-color-dark);
+}
+.table-focus table {
+  width: 100%;
+  margin: 0;
+  border: 0;
+  border-collapse: separate;
+  border-spacing: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+.table-focus tr,
+.table-focus td,
+.table-focus th {
+  border: 0;
+}
+.table-focus td,
+.table-focus th {
+  vertical-align: middle;
+  word-break: break-word;
+}
+.table-focus p {
+  margin: 0;
+}
+
+.table-caption {
+  font-family: var(--lsg-font-family-primary);
+}
 .cmp-vtba-form__field {
   display: flex;
   flex-direction: column;