@asante-org/atlascopco-vt-litesitegenerator 3.6.9 → 3.6.10

package/dist/themes/theme-1.css

@@ -5479,11 +5479,13 @@
   }
 }
 
-.lsg-hero__controls-wrap {
+:root[data-lsg-theme=theme-1] .lsg-hero__controls-wrap,
+.lsg-themed-component--theme-1 .lsg-hero__controls-wrap {
   display: none;
 }
 @media (min-width: 768px) {
-  .lsg-hero__controls-wrap {
+  :root[data-lsg-theme=theme-1] .lsg-hero__controls-wrap,
+  .lsg-themed-component--theme-1 .lsg-hero__controls-wrap {
     display: grid;
     position: absolute;
     inset-inline: 0;
@@ -5499,12 +5501,13 @@
   }
 }
 @media (min-width: 1024px) {
-  .lsg-hero__controls-wrap {
+  :root[data-lsg-theme=theme-1] .lsg-hero__controls-wrap,
+  .lsg-themed-component--theme-1 .lsg-hero__controls-wrap {
     grid-template-columns: minmax(0, 580px) auto;
   }
 }
-
-.lsg-hero__controls {
+:root[data-lsg-theme=theme-1] .lsg-hero__controls,
+.lsg-themed-component--theme-1 .lsg-hero__controls {
   grid-column: 2;
   align-self: center;
   display: flex;
@@ -5514,9 +5517,10 @@
   pointer-events: auto;
   height: var(--lsg-hero-content-height);
 }
-
-.lsg-hero__prev,
-.lsg-hero__next {
+:root[data-lsg-theme=theme-1] .lsg-hero__prev,
+:root[data-lsg-theme=theme-1] .lsg-hero__next,
+.lsg-themed-component--theme-1 .lsg-hero__prev,
+.lsg-themed-component--theme-1 .lsg-hero__next {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5524,50 +5528,54 @@
   height: 40px;
   flex-shrink: 0;
   border: none;
-  background: transparent;
+  background-color: rgba(255, 255, 255, 0.85);
   cursor: pointer;
   transition: background-color 0.18s ease, color 0.18s ease;
   padding: 0;
 }
-.lsg-hero__prev:hover,
-.lsg-hero__next:hover {
+:root[data-lsg-theme=theme-1] .lsg-hero__prev:hover,
+:root[data-lsg-theme=theme-1] .lsg-hero__next:hover,
+.lsg-themed-component--theme-1 .lsg-hero__prev:hover,
+.lsg-themed-component--theme-1 .lsg-hero__next:hover {
   background-color: var(--lsg-color-dark, #2f363a);
   color: var(--lsg-color-white, #fff);
 }
-.lsg-hero__prev:focus-visible,
-.lsg-hero__next:focus-visible {
+:root[data-lsg-theme=theme-1] .lsg-hero__prev:focus-visible,
+:root[data-lsg-theme=theme-1] .lsg-hero__next:focus-visible,
+.lsg-themed-component--theme-1 .lsg-hero__prev:focus-visible,
+.lsg-themed-component--theme-1 .lsg-hero__next:focus-visible {
   outline: 2px solid var(--lsg-color-primary, #0092bc);
   outline-offset: 2px;
 }
-
-.lsg-hero--fade .lsg-hero__slides {
+:root[data-lsg-theme=theme-1] .lsg-hero--fade .lsg-hero__slides,
+.lsg-themed-component--theme-1 .lsg-hero--fade .lsg-hero__slides {
   align-items: flex-start;
 }
-
-.lsg-hero-card {
+:root[data-lsg-theme=theme-1] .lsg-hero-card,
+.lsg-themed-component--theme-1 .lsg-hero-card {
   flex: 0 0 100%;
   min-width: 0;
   position: relative;
   display: flex;
   align-items: center;
 }
-
-.lsg-hero-card__media {
+:root[data-lsg-theme=theme-1] .lsg-hero-card__media,
+.lsg-themed-component--theme-1 .lsg-hero-card__media {
   position: absolute;
   inset: 0;
   z-index: 0;
   overflow: hidden;
 }
-
-.lsg-hero-card__image {
+:root[data-lsg-theme=theme-1] .lsg-hero-card__image,
+.lsg-themed-component--theme-1 .lsg-hero-card__image {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   display: block;
 }
-
-.lsg-hero-card__video {
+:root[data-lsg-theme=theme-1] .lsg-hero-card__video,
+.lsg-themed-component--theme-1 .lsg-hero-card__video {
   position: absolute;
   inset: 0;
   width: 100%;
@@ -5577,17 +5585,19 @@
   opacity: 0;
   transition: opacity 1.2s ease;
 }
-.lsg-hero-card__video--ready {
+:root[data-lsg-theme=theme-1] .lsg-hero-card__video--ready,
+.lsg-themed-component--theme-1 .lsg-hero-card__video--ready {
   opacity: 1;
 }
-
-.lsg-hero-card__video-embed {
+:root[data-lsg-theme=theme-1] .lsg-hero-card__video-embed,
+.lsg-themed-component--theme-1 .lsg-hero-card__video-embed {
   position: absolute;
   inset: 0;
   overflow: hidden;
   pointer-events: none;
 }
-.lsg-hero-card__video-embed iframe {
+:root[data-lsg-theme=theme-1] .lsg-hero-card__video-embed iframe,
+.lsg-themed-component--theme-1 .lsg-hero-card__video-embed iframe {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -5598,8 +5608,8 @@
   transform: translate(-50%, -50%);
   border: 0;
 }
-
-.lsg-hero-card__content {
+:root[data-lsg-theme=theme-1] .lsg-hero-card__content,
+.lsg-themed-component--theme-1 .lsg-hero-card__content {
   position: relative;
   z-index: 2;
   display: flex;
@@ -5607,11 +5617,12 @@
   margin: 0 auto;
   padding: var(--lsg-spacing-size-SM, 12px);
 }
-.lsg-hero-card__content.layout-container--medium {
+:root[data-lsg-theme=theme-1] .lsg-hero-card__content.layout-container--medium,
+.lsg-themed-component--theme-1 .lsg-hero-card__content.layout-container--medium {
   max-width: var(--lsg-container-width-medium);
 }
-
-.lsg-hero-card__content-wrapper {
+:root[data-lsg-theme=theme-1] .lsg-hero-card__content-wrapper,
+.lsg-themed-component--theme-1 .lsg-hero-card__content-wrapper {
   position: relative;
   z-index: 2;
   display: flex;
@@ -5622,12 +5633,14 @@
   background-color: rgba(255, 255, 255, 0.85);
   color: var(--lsg-color-dark, #18181b);
 }
-.lsg-hero-card__content-wrapper > * {
+:root[data-lsg-theme=theme-1] .lsg-hero-card__content-wrapper > *,
+.lsg-themed-component--theme-1 .lsg-hero-card__content-wrapper > * {
   margin-top: 0;
   margin-bottom: 0;
 }
 @media (min-width: 768px) {
-  .lsg-hero-card__content-wrapper {
+  :root[data-lsg-theme=theme-1] .lsg-hero-card__content-wrapper,
+  .lsg-themed-component--theme-1 .lsg-hero-card__content-wrapper {
     width: 50%;
     max-width: 599px;
     padding: var(--lsg-spacing-size-SM, 12px);
@@ -5635,14 +5648,15 @@
   }
 }
 @media (min-width: 1024px) {
-  .lsg-hero-card__content-wrapper {
+  :root[data-lsg-theme=theme-1] .lsg-hero-card__content-wrapper,
+  .lsg-themed-component--theme-1 .lsg-hero-card__content-wrapper {
     width: 46%;
     max-width: 580px;
     padding: var(--lsg-spacing-size-LG, 24px);
   }
 }
-
-.lsg-hero__pretitle {
+:root[data-lsg-theme=theme-1] .lsg-hero__pretitle,
+.lsg-themed-component--theme-1 .lsg-hero__pretitle {
   display: block;
   font-size: 1rem;
   font-weight: 700;
@@ -5650,120 +5664,162 @@
   text-transform: uppercase;
   color: var(--lsg-color-dark, #18181b);
 }
-
-.lsg-hero__heading {
+:root[data-lsg-theme=theme-1] .lsg-hero__heading,
+.lsg-themed-component--theme-1 .lsg-hero__heading {
   font-size: clamp(var(--lsg-size-H1, 45px), 4vw, var(--lsg-size-xl, 72px));
   font-weight: 700;
   line-height: 1.15;
   color: var(--lsg-color-dark, #18181b);
 }
-
-.lsg-hero__body {
+:root[data-lsg-theme=theme-1] .lsg-hero__body,
+.lsg-themed-component--theme-1 .lsg-hero__body {
   font-size: var(--lsg-size-H5, 21px);
   line-height: 1.6;
   color: var(--lsg-color-dark, #18181b);
 }
 @media (min-width: 768px) {
-  .lsg-hero__body {
+  :root[data-lsg-theme=theme-1] .lsg-hero__body,
+  .lsg-themed-component--theme-1 .lsg-hero__body {
     font-size: var(--lsg-size-H4, 28px);
   }
 }
-
-:root[data-lsg-theme=theme-1] .lsg-cards,
-.lsg-themed-component--theme-1 .lsg-cards {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-cards,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-cards,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-cards,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-cards {
   grid-template-columns: minmax(0, 1fr);
   gap: 16px;
   max-width: 1040px;
 }
-:root[data-lsg-theme=theme-1] .lsg-card,
-.lsg-themed-component--theme-1 .lsg-card {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card {
   border: 1px solid var(--lsg-color-light);
   border-radius: 0;
   background: var(--lsg-color-white);
   transition: border-color 160ms ease, box-shadow 160ms ease;
 }
-:root[data-lsg-theme=theme-1] .lsg-card:hover,
-.lsg-themed-component--theme-1 .lsg-card:hover {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card:hover,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card:hover,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card:hover,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card:hover {
   border-color: var(--lsg-color-light);
 }
-:root[data-lsg-theme=theme-1] .lsg-card:focus-within,
-.lsg-themed-component--theme-1 .lsg-card:focus-within {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card:focus-within,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card:focus-within,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card:focus-within,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card:focus-within {
   border-color: var(--lsg-color-black);
 }
-:root[data-lsg-theme=theme-1] .lsg-card:active,
-.lsg-themed-component--theme-1 .lsg-card:active {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card:active,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card:active,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card:active,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card:active {
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
 }
-:root[data-lsg-theme=theme-1] .lsg-card__content,
-:root[data-lsg-theme=theme-1] .lsg-card__top,
-:root[data-lsg-theme=theme-1] .lsg-card__bottom,
-.lsg-themed-component--theme-1 .lsg-card__content,
-.lsg-themed-component--theme-1 .lsg-card__top,
-.lsg-themed-component--theme-1 .lsg-card__bottom {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__content,
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__top,
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__bottom,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__content,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__top,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__bottom,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__content,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__top,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__bottom,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__content,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__top,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__bottom {
   gap: 9px;
 }
-:root[data-lsg-theme=theme-1] .lsg-card__pre-title,
-.lsg-themed-component--theme-1 .lsg-card__pre-title {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__pre-title,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__pre-title,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__pre-title,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__pre-title {
   padding: 8px 16px;
   background: var(--lsg-color-primary);
   color: var(--lsg-color-white);
   font-size: 12px;
 }
-:root[data-lsg-theme=theme-1] .lsg-card__title,
-.lsg-themed-component--theme-1 .lsg-card__title {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__title,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__title,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__title,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__title {
   color: var(--lsg-color-black);
   font-size: 18px;
 }
-:root[data-lsg-theme=theme-1] .lsg-card__subtitle,
-.lsg-themed-component--theme-1 .lsg-card__subtitle {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__subtitle,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__subtitle,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__subtitle,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__subtitle {
   color: var(--lsg-color-black);
   font-size: 14.5px;
 }
-:root[data-lsg-theme=theme-1] .lsg-card__description,
-.lsg-themed-component--theme-1 .lsg-card__description {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__description,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__description,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__description,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__description {
   color: var(--lsg-color-black);
   font-size: 14.5px;
   line-height: 1.6;
   text-transform: capitalize;
 }
-:root[data-lsg-theme=theme-1] .lsg-card__cta,
-.lsg-themed-component--theme-1 .lsg-card__cta {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__cta,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__cta,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__cta,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__cta {
   display: none;
 }
-:root[data-lsg-theme=theme-1] .lsg-card--with-image,
-.lsg-themed-component--theme-1 .lsg-card--with-image {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-image,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-image,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-image,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-image {
   min-height: 184px;
   border: 0;
 }
-:root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__link,
-.lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__link {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__link,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__link,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__link,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__link {
   flex-direction: row;
   align-items: flex-start;
 }
-:root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__media,
-.lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__media {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__media,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__media,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__media,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__media {
   width: 90px;
   height: 90px;
   flex: 0 0 90px;
 }
-:root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__content,
-.lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__content {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__content,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__content,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__content,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__content {
   padding-left: 18px;
 }
-:root[data-lsg-theme=theme-1] .lsg-card--only-text,
-.lsg-themed-component--theme-1 .lsg-card--only-text {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--only-text,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--only-text,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--only-text,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--only-text {
   min-height: 171px;
 }
-:root[data-lsg-theme=theme-1] .lsg-card--only-text .lsg-card__content,
-.lsg-themed-component--theme-1 .lsg-card--only-text .lsg-card__content {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--only-text .lsg-card__content,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--only-text .lsg-card__content,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--only-text .lsg-card__content,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--only-text .lsg-card__content {
   padding: 16px;
 }
-:root[data-lsg-theme=theme-1] .lsg-card--with-icon,
-.lsg-themed-component--theme-1 .lsg-card--with-icon {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-icon,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-icon,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-icon,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-icon {
   min-height: 193px;
 }
-:root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__content,
-.lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__content {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__content,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__content,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__content,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__content {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 60px;
   grid-template-rows: auto auto;
@@ -5771,14 +5827,20 @@
   row-gap: 9px;
   padding: 16px;
 }
-:root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__top,
-:root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__bottom,
-.lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__top,
-.lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__bottom {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__top,
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__bottom,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__top,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__bottom,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__top,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__bottom,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__top,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__bottom {
   grid-column: 1;
 }
-:root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__icon,
-.lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__icon {
+:root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__icon,
+:root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__icon,
+.lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__icon,
+.lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__icon {
   grid-column: 2;
   grid-row: 1/span 2;
   width: 60px;
@@ -5786,91 +5848,133 @@
   align-self: start;
 }
 @media (min-width: 768px) {
-  :root[data-lsg-theme=theme-1] .lsg-cards,
-  .lsg-themed-component--theme-1 .lsg-cards {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-cards,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-cards,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-cards,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-cards {
     gap: 18px;
   }
-  :root[data-lsg-theme=theme-1] .lsg-cards--cols-2,
-  .lsg-themed-component--theme-1 .lsg-cards--cols-2 {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-cards--cols-2,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-cards--cols-2,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-cards--cols-2,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-cards--cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-  :root[data-lsg-theme=theme-1] .lsg-cards--cols-3,
-  .lsg-themed-component--theme-1 .lsg-cards--cols-3 {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-cards--cols-3,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-cards--cols-3,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-cards--cols-3,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-cards--cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-  :root[data-lsg-theme=theme-1] .lsg-cards--cols-4,
-  .lsg-themed-component--theme-1 .lsg-cards--cols-4 {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-cards--cols-4,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-cards--cols-4,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-cards--cols-4,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-cards--cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
-  :root[data-lsg-theme=theme-1] .lsg-cards--cols-5,
-  .lsg-themed-component--theme-1 .lsg-cards--cols-5 {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-cards--cols-5,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-cards--cols-5,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-cards--cols-5,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-cards--cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
-  :root[data-lsg-theme=theme-1] .lsg-card__content,
-  :root[data-lsg-theme=theme-1] .lsg-card__top,
-  :root[data-lsg-theme=theme-1] .lsg-card__bottom,
-  .lsg-themed-component--theme-1 .lsg-card__content,
-  .lsg-themed-component--theme-1 .lsg-card__top,
-  .lsg-themed-component--theme-1 .lsg-card__bottom {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__content,
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__top,
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__bottom,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__content,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__top,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__bottom,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__content,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__top,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__bottom,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__content,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__top,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__bottom {
     gap: 18px;
   }
-  :root[data-lsg-theme=theme-1] .lsg-card__pre-title,
-  .lsg-themed-component--theme-1 .lsg-card__pre-title {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__pre-title,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__pre-title,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__pre-title,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__pre-title {
     background: var(--lsg-color-light);
     color: var(--lsg-color-black);
     font-size: 14px;
   }
-  :root[data-lsg-theme=theme-1] .lsg-card:hover .lsg-card__pre-title,
-  :root[data-lsg-theme=theme-1] .lsg-card:active .lsg-card__pre-title,
-  .lsg-themed-component--theme-1 .lsg-card:hover .lsg-card__pre-title,
-  .lsg-themed-component--theme-1 .lsg-card:active .lsg-card__pre-title {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card:hover .lsg-card__pre-title,
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card:active .lsg-card__pre-title,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card:hover .lsg-card__pre-title,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card:active .lsg-card__pre-title,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card:hover .lsg-card__pre-title,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card:active .lsg-card__pre-title,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card:hover .lsg-card__pre-title,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card:active .lsg-card__pre-title {
     width: 100%;
     color: var(--lsg-color-primary);
   }
-  :root[data-lsg-theme=theme-1] .lsg-card:hover .lsg-card__pre-title-arrow,
-  :root[data-lsg-theme=theme-1] .lsg-card:active .lsg-card__pre-title-arrow,
-  .lsg-themed-component--theme-1 .lsg-card:hover .lsg-card__pre-title-arrow,
-  .lsg-themed-component--theme-1 .lsg-card:active .lsg-card__pre-title-arrow {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card:hover .lsg-card__pre-title-arrow,
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card:active .lsg-card__pre-title-arrow,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card:hover .lsg-card__pre-title-arrow,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card:active .lsg-card__pre-title-arrow,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card:hover .lsg-card__pre-title-arrow,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card:active .lsg-card__pre-title-arrow,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card:hover .lsg-card__pre-title-arrow,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card:active .lsg-card__pre-title-arrow {
     display: inline-flex;
     margin-left: auto;
     color: var(--lsg-color-primary);
     font-size: 20px;
   }
-  :root[data-lsg-theme=theme-1] .lsg-card__title,
-  .lsg-themed-component--theme-1 .lsg-card__title {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__title,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__title,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__title,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__title {
     color: var(--lsg-color-primary);
     font-size: var(--lsg-size-H5, 21px);
   }
-  :root[data-lsg-theme=theme-1] .lsg-card__subtitle,
-  .lsg-themed-component--theme-1 .lsg-card__subtitle {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__subtitle,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__subtitle,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__subtitle,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__subtitle {
     font-size: var(--lsg-size-H6, 18px);
   }
-  :root[data-lsg-theme=theme-1] .lsg-card__description,
-  .lsg-themed-component--theme-1 .lsg-card__description {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card__description,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card__description,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card__description,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card__description {
     font-size: var(--lsg-size-body, 18px);
     line-height: 1.5;
   }
-  :root[data-lsg-theme=theme-1] .lsg-card--with-image,
-  .lsg-themed-component--theme-1 .lsg-card--with-image {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-image,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-image,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-image,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-image {
     min-height: 400px;
     border: 1px solid var(--lsg-color-light);
   }
-  :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__link,
-  .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__link {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__link,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__link,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__link,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__link {
     flex-direction: column;
   }
-  :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__media,
-  .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__media {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__media,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__media,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__media,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__media {
     width: 100%;
     height: 300px;
     flex-basis: 300px;
   }
-  :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__content,
-  .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__content {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__content,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__content,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__content,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__content {
     padding: 18px;
   }
-  :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__pre-title,
-  .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__pre-title {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__pre-title,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__pre-title,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-image .lsg-card__pre-title,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-image .lsg-card__pre-title {
     position: absolute;
     top: 18px;
     left: 18px;
@@ -5878,24 +5982,34 @@
     max-width: calc(100% - 36px);
     background: var(--lsg-color-white);
   }
-  :root[data-lsg-theme=theme-1] .lsg-card--only-text .lsg-card__content,
-  :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__content,
-  .lsg-themed-component--theme-1 .lsg-card--only-text .lsg-card__content,
-  .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__content {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--only-text .lsg-card__content,
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__content,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--only-text .lsg-card__content,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__content,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--only-text .lsg-card__content,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__content,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--only-text .lsg-card__content,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__content {
     display: flex;
     flex-direction: column;
     padding: 18px;
   }
-  :root[data-lsg-theme=theme-1] .lsg-card--only-text,
-  .lsg-themed-component--theme-1 .lsg-card--only-text {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--only-text,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--only-text,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--only-text,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--only-text {
     min-height: 280px;
   }
-  :root[data-lsg-theme=theme-1] .lsg-card--with-icon,
-  .lsg-themed-component--theme-1 .lsg-card--with-icon {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-icon,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-icon,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-icon,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-icon {
     min-height: 380px;
   }
-  :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__icon,
-  .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__icon {
+  :root[data-lsg-theme=theme-1] :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__icon,
+  :root[data-lsg-theme=theme-1] .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__icon,
+  .lsg-themed-component--theme-1 :root[data-lsg-theme=theme-1] .lsg-card--with-icon .lsg-card__icon,
+  .lsg-themed-component--theme-1 .lsg-themed-component--theme-1 .lsg-card--with-icon .lsg-card__icon {
     order: 3;
     width: 80px;
     height: 80px;