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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/index.esm.js +359 -545
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.esm.scss +295 -552
  4. package/dist/index.js +361 -543
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.scss +295 -552
  7. package/dist/lsg-clientlib.css +2106 -0
  8. package/dist/lsg-clientlib.css.map +1 -0
  9. package/dist/lsg-clientlib.js +524 -0
  10. package/dist/lsg-clientlib.js.map +1 -0
  11. package/dist/src/components/lsg/LsgCarousel/LsgCarousel.d.ts +12 -33
  12. package/dist/src/components/lsg/LsgCarousel/LsgCarousel.stories.d.ts +3 -18
  13. package/dist/src/components/lsg/LsgCarousel/LsgCarouselController.d.ts +1 -46
  14. package/dist/src/components/lsg/LsgCarousel/bootLsgCarousel.d.ts +9 -2
  15. package/dist/src/components/lsg/LsgTable/LsgTable.d.ts +19 -0
  16. package/dist/src/components/lsg/LsgTable/LsgTable.stories.d.ts +8 -0
  17. package/dist/src/components/lsg/LsgTable/index.d.ts +2 -0
  18. package/dist/src/components/lsg/index.d.ts +2 -0
  19. package/dist/src/index.d.ts +5 -5
  20. package/dist/src/themes/createThemeComponents.d.ts +1 -0
  21. package/dist/src/themes/theme-1/components.d.ts +2 -1
  22. package/dist/src/themes/theme-2/components.d.ts +2 -1
  23. package/dist/src/themes/theme-3/components.d.ts +2 -1
  24. package/dist/themes/theme-1.css +645 -298
  25. package/dist/themes/theme-1.css.map +1 -1
  26. package/dist/themes/theme-1.js +49 -217
  27. package/dist/themes/theme-1.js.map +1 -1
  28. package/dist/themes/theme-2.css +362 -479
  29. package/dist/themes/theme-2.css.map +1 -1
  30. package/dist/themes/theme-2.js +49 -217
  31. package/dist/themes/theme-2.js.map +1 -1
  32. package/dist/themes/theme-3.css +268 -495
  33. package/dist/themes/theme-3.css.map +1 -1
  34. package/dist/themes/theme-3.js +49 -217
  35. package/dist/themes/theme-3.js.map +1 -1
  36. package/dist/tsconfig.tsbuildinfo +1 -1
  37. package/package.json +1 -1
@@ -573,33 +573,19 @@
573
573
  }
574
574
 
575
575
  .lsg-carousel {
576
- --lsg-carousel-bg: var(--lsg-carousel-background, var(--lsg-color-primary));
577
- --lsg-carousel-color: var(--lsg-carousel-foreground, var(--lsg-color-white));
578
- --lsg-carousel-accent: var(--lsg-carousel-color);
579
- --lsg-carousel-shell-max: 1440px;
580
- --lsg-carousel-pad-inline: clamp(16px, 13.2vw, 190px);
581
- --lsg-carousel-pad-block: 64px;
582
- --lsg-carousel-column-gap: clamp(32px, 5.2vw, 75px);
583
- --lsg-carousel-row-gap: 32px;
584
- --lsg-carousel-gutter: max(
585
- var(--lsg-carousel-pad-inline),
586
- calc((100% - var(--lsg-carousel-shell-max)) / 2 + var(--lsg-carousel-pad-inline))
587
- );
588
- --lsg-carousel-content-width: clamp(280px, 33.3vw, 480px);
576
+ --lsg-carousel-bg: var(--lsg-color-primary);
577
+ --lsg-carousel-color: var(--lsg-color-white);
589
578
  --lsg-carousel-gap: 18px;
590
579
  --lsg-carousel-slide-gap: var(--lsg-carousel-gap);
591
- --lsg-carousel-card-width: 380px;
592
- --lsg-carousel-card-height: 410px;
593
- --lsg-carousel-slide-basis: var(--lsg-carousel-card-width);
594
- --lsg-carousel-media-height: var(--lsg-carousel-card-height);
580
+ --lsg-carousel-slide-basis: 50%;
581
+ --lsg-carousel-media-height: 440px;
595
582
  --lsg-carousel-media-radius: var(--lsg-theme-radius, 0px);
596
- --lsg-carousel-cards-max: 988px;
597
583
  --lsg-carousel-arrow-size: 40px;
598
- --lsg-carousel-arrow-offset: 24px;
599
584
  --lsg-carousel-dot-size: 8px;
600
585
  --lsg-carousel-dot-gap: 6px;
586
+ --lsg-carousel-content-width: 510px;
601
587
  width: 100%;
602
- overflow-x: clip;
588
+ overflow: hidden;
603
589
  background: var(--lsg-carousel-bg);
604
590
  color: var(--lsg-carousel-color);
605
591
  font-family: var(--lsg-font-family-primary, inherit);
@@ -608,51 +594,35 @@
608
594
  .lsg-carousel__shell {
609
595
  box-sizing: border-box;
610
596
  display: grid;
611
- grid-template-columns: [full-start] var(--lsg-carousel-gutter) minmax(0, var(--lsg-carousel-content-width)) minmax(0, 1fr) [full-end];
612
- grid-template-areas: "gutter content media";
597
+ grid-template-columns: minmax(0, var(--lsg-carousel-content-width)) minmax(0, 1fr);
598
+ grid-template-areas: "content media";
599
+ gap: clamp(32px, 5vw, 80px);
613
600
  width: 100%;
601
+ max-width: 1440px;
614
602
  min-height: 625px;
615
- padding-block: var(--lsg-carousel-pad-block);
603
+ margin: 0 auto;
604
+ padding: 64px clamp(32px, 8vw, 128px);
616
605
  }
617
606
 
618
607
  .lsg-carousel--media-left .lsg-carousel__shell {
619
- grid-template-columns: [full-start] minmax(0, 1fr) minmax(0, var(--lsg-carousel-content-width)) var(--lsg-carousel-gutter) [full-end];
620
- grid-template-areas: "media content gutter";
608
+ grid-template-columns: minmax(0, 1fr) minmax(0, var(--lsg-carousel-content-width));
609
+ grid-template-areas: "media content";
621
610
  }
622
611
 
623
612
  .lsg-carousel--full-width .lsg-carousel__shell {
624
- grid-template-columns: [full-start] var(--lsg-carousel-gutter) minmax(0, 1fr) var(--lsg-carousel-gutter) [full-end];
625
- grid-template-areas: ". content ." "media media media";
626
- row-gap: var(--lsg-carousel-row-gap);
613
+ grid-template-columns: minmax(0, 1fr);
614
+ grid-template-areas: "content" "media";
627
615
  min-height: 0;
628
616
  }
629
617
 
630
- .lsg-carousel__content {
631
- grid-area: content;
632
- min-width: 0;
633
- align-self: center;
634
- overflow: hidden;
635
- padding-inline-end: var(--lsg-carousel-column-gap);
636
- direction: ltr;
637
- }
638
-
639
- .lsg-carousel--media-left .lsg-carousel__content {
640
- padding-inline-start: var(--lsg-carousel-column-gap);
641
- padding-inline-end: 0;
618
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width,
619
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width {
620
+ --lsg-carousel-slide-gap: 16px;
642
621
  }
643
622
 
644
- .lsg-carousel--full-width .lsg-carousel__content {
645
- padding-inline: 0;
646
- }
647
-
648
- .lsg-carousel__content-track {
649
- display: flex;
650
- gap: 0 !important;
651
- }
652
-
653
- .lsg-carousel__content-slide {
623
+ .lsg-carousel__content {
624
+ grid-area: content;
654
625
  min-width: 0;
655
- flex: 0 0 100%;
656
626
  display: flex;
657
627
  flex-direction: column;
658
628
  align-items: flex-start;
@@ -682,6 +652,7 @@
682
652
 
683
653
  .lsg-carousel__heading {
684
654
  margin: 0;
655
+ color: inherit;
685
656
  font-family: var(--lsg-type-heading-family, var(--lsg-font-family-primary, inherit));
686
657
  font-size: var(--lsg-size-H1, 45px);
687
658
  font-weight: var(--lsg-font-weight-semibold, 600);
@@ -690,6 +661,7 @@
690
661
 
691
662
  .lsg-carousel__body {
692
663
  margin: 0;
664
+ color: inherit;
693
665
  font-size: var(--lsg-size-body, 18px);
694
666
  font-weight: var(--lsg-font-weight-regular, 400);
695
667
  line-height: 1.5;
@@ -701,53 +673,35 @@
701
673
  margin-top: 8px;
702
674
  }
703
675
 
704
- .lsg-carousel__content-slide > .cmp-lsg-title:first-child:has(+ .cmp-lsg-title) {
705
- font-size: var(--lsg-type-pretitle-desktop-size, 18px);
706
- font-weight: var(--lsg-font-weight-semibold, 600);
707
- line-height: var(--lsg-type-pretitle-desktop-line-height, 1.2);
708
- text-transform: uppercase;
709
- }
710
-
711
- .lsg-carousel__content-slide > .cmp-lsg-title:nth-child(2),
712
- .lsg-carousel__content-slide > .cmp-lsg-title:first-child:not(:has(+ .cmp-lsg-title)) {
713
- font-family: var(--lsg-type-heading-family, var(--lsg-font-family-primary, inherit));
714
- font-size: var(--lsg-size-H1, 45px);
715
- font-weight: var(--lsg-font-weight-semibold, 600);
716
- line-height: 1.1;
717
- }
718
-
719
- .lsg-carousel__content-slide > .cmp-lsg-text {
720
- font-size: var(--lsg-size-body, 18px);
721
- font-weight: var(--lsg-font-weight-regular, 400);
722
- line-height: 1.5;
676
+ .lsg-carousel__pre-title .cmp-title__element {
677
+ margin: 0;
678
+ color: inherit;
679
+ font: inherit;
680
+ line-height: inherit;
681
+ text-transform: inherit;
723
682
  }
724
683
 
725
- .lsg-carousel__pre-title .cmp-title__element,
726
- .lsg-carousel__heading .cmp-title__element,
727
- .lsg-carousel__content-slide > .cmp-lsg-title .cmp-title__element {
684
+ .lsg-carousel__heading .cmp-title__element {
728
685
  margin: 0;
686
+ color: inherit;
729
687
  font: inherit;
730
688
  line-height: inherit;
731
- text-transform: inherit;
732
689
  word-break: inherit;
733
690
  }
734
691
 
735
692
  .lsg-carousel__body .cmp-text,
736
- .lsg-carousel__body .cmp-text p,
737
- .lsg-carousel__content-slide > .cmp-lsg-text .cmp-text,
738
- .lsg-carousel__content-slide > .cmp-lsg-text .cmp-text p {
693
+ .lsg-carousel__body .cmp-text p {
739
694
  margin: 0;
695
+ color: inherit;
740
696
  font: inherit;
741
697
  line-height: inherit;
742
698
  }
743
699
 
744
- .lsg-carousel__body .cmp-text p,
745
- .lsg-carousel__content-slide > .cmp-lsg-text .cmp-text p {
700
+ .lsg-carousel__body .cmp-text p {
746
701
  word-break: break-word;
747
702
  }
748
703
 
749
- .lsg-carousel__actions .lsg-button-container,
750
- .lsg-carousel__content-slide > .cmp-lsg-button .lsg-button-container {
704
+ .lsg-carousel__actions .lsg-button-container {
751
705
  display: flex;
752
706
  flex: 0 0 auto;
753
707
  width: auto;
@@ -755,8 +709,7 @@
755
709
  padding: 0;
756
710
  }
757
711
 
758
- .lsg-carousel__actions .lsg-button,
759
- .lsg-carousel__content-slide > .cmp-lsg-button .lsg-button {
712
+ .lsg-carousel__actions .lsg-button {
760
713
  flex: 0 0 auto;
761
714
  }
762
715
 
@@ -872,25 +825,16 @@
872
825
  line-height: 1.4;
873
826
  }
874
827
 
875
- .lsg-carousel__controls,
876
828
  .lsg-carousel__navigation {
877
829
  display: flex;
878
830
  align-items: center;
879
- justify-content: space-between;
831
+ justify-content: center;
880
832
  gap: 16px;
881
- width: var(--lsg-carousel-slide-basis);
882
833
  min-height: var(--lsg-carousel-arrow-size);
883
834
  }
884
835
 
885
- .lsg-carousel--media-left .lsg-carousel__controls,
886
- .lsg-carousel--media-left .lsg-carousel__navigation {
887
- flex-direction: row-reverse;
888
- margin-inline-start: auto;
889
- }
890
-
891
- .lsg-carousel__nav {
892
- display: inline-flex;
893
- overflow: hidden;
836
+ .lsg-carousel__navigation > * {
837
+ grid-row: 1;
894
838
  }
895
839
 
896
840
  .lsg-carousel__arrow {
@@ -902,9 +846,9 @@
902
846
  flex: 0 0 var(--lsg-carousel-arrow-size);
903
847
  padding: 0;
904
848
  border: 0;
905
- border-radius: 0;
906
- background: var(--lsg-carousel-accent);
907
- color: var(--lsg-carousel-bg);
849
+ border-radius: var(--lsg-theme-radius, 0px);
850
+ background: transparent;
851
+ color: inherit;
908
852
  cursor: pointer;
909
853
  }
910
854
  .lsg-carousel__arrow:focus-visible {
@@ -912,20 +856,6 @@
912
856
  outline-offset: 2px;
913
857
  }
914
858
 
915
- .lsg-carousel__arrow--prev {
916
- border-radius: var(--lsg-theme-radius) 0 0 var(--lsg-theme-radius);
917
- }
918
-
919
- .lsg-carousel__arrow--next {
920
- border-radius: 0 var(--lsg-theme-radius) var(--lsg-theme-radius) 0;
921
- }
922
-
923
- .lsg-carousel__arrow--at-start,
924
- .lsg-carousel__arrow--at-end {
925
- background: color-mix(in srgb, var(--lsg-carousel-accent) 22%, transparent);
926
- color: color-mix(in srgb, var(--lsg-carousel-color) 60%, transparent);
927
- }
928
-
929
859
  .lsg-carousel__arrow-icon {
930
860
  display: block;
931
861
  width: 23px;
@@ -975,125 +905,12 @@
975
905
  outline-offset: 2px;
976
906
  }
977
907
 
978
- .lsg-carousel--full-width .lsg-carousel__media-column {
979
- display: grid;
980
- align-items: center;
981
- 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));
982
- gap: 0;
983
- }
984
-
985
- .lsg-carousel--full-width .lsg-carousel__controls,
986
- .lsg-carousel--full-width .lsg-carousel__navigation,
987
- .lsg-carousel--full-width .lsg-carousel__nav {
988
- display: contents;
989
- }
990
-
991
- .lsg-carousel--full-width .lsg-carousel__viewport {
992
- grid-area: 1/2;
993
- width: 100%;
994
- max-width: var(--lsg-carousel-cards-max);
995
- justify-self: center;
996
- }
997
-
998
- .lsg-carousel--full-width .lsg-carousel__arrow {
999
- border-radius: 50%;
1000
- }
1001
-
1002
- .lsg-carousel--full-width .lsg-carousel__arrow--prev {
1003
- grid-area: 1/1;
1004
- justify-self: end;
1005
- }
1006
-
1007
- .lsg-carousel--full-width .lsg-carousel__arrow--next {
1008
- grid-area: 1/3;
1009
- justify-self: start;
1010
- }
1011
-
1012
- .lsg-carousel--full-width .lsg-carousel__pagination {
1013
- grid-area: 2/1/2/-1;
1014
- justify-self: center;
1015
- margin-top: 24px;
1016
- }
1017
-
1018
- .lsg-carousel--bg-white {
1019
- --lsg-carousel-background: var(--lsg-color-white);
1020
- --lsg-carousel-foreground: var(--lsg-color-dark);
1021
- }
1022
-
1023
- .lsg-carousel--bg-light {
1024
- --lsg-carousel-background: var(--lsg-color-light);
1025
- --lsg-carousel-foreground: var(--lsg-color-dark);
1026
- }
1027
-
1028
- .lsg-carousel--bg-primary {
1029
- --lsg-carousel-background: var(--lsg-color-primary);
1030
- --lsg-carousel-foreground: var(--lsg-color-white);
1031
- }
1032
-
1033
- .lsg-carousel--bg-secondary {
1034
- --lsg-carousel-background: var(--lsg-color-secondary);
1035
- --lsg-carousel-foreground: var(--lsg-color-white);
1036
- }
1037
-
1038
- .lsg-carousel--bg-tertiary {
1039
- --lsg-carousel-background: var(--lsg-color-tertiary);
1040
- --lsg-carousel-foreground: var(--lsg-color-white);
1041
- }
1042
-
1043
- .lsg-carousel--bg-dark {
1044
- --lsg-carousel-background: var(--lsg-color-dark);
1045
- --lsg-carousel-foreground: var(--lsg-color-white);
1046
- }
1047
-
1048
- .lsg-carousel--bg-black {
1049
- --lsg-carousel-background: var(--lsg-color-black);
1050
- --lsg-carousel-foreground: var(--lsg-color-white);
1051
- }
1052
-
1053
- .lsg-carousel--author {
1054
- padding: var(--lsg-carousel-pad-block) var(--lsg-carousel-pad-inline);
1055
- }
1056
- .lsg-carousel--author .lsg-carousel__author-hint {
1057
- display: flex;
1058
- flex-direction: column;
1059
- gap: 4px;
1060
- margin-bottom: 12px;
1061
- padding: 8px 12px;
1062
- border: 1px dashed color-mix(in srgb, var(--lsg-carousel-color) 40%, transparent);
1063
- font-size: 14px;
1064
- line-height: 1.4;
1065
- }
1066
- .lsg-carousel--author .lsg-carousel__author-hint strong {
1067
- font-weight: var(--lsg-font-weight-semibold, 600);
1068
- }
1069
- .lsg-carousel--author .lsg-carousel__author-item {
1070
- display: grid;
1071
- grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
1072
- gap: 24px;
1073
- align-items: start;
1074
- margin-bottom: 24px;
1075
- padding: 16px;
1076
- border: 1px solid color-mix(in srgb, var(--lsg-carousel-color) 25%, transparent);
1077
- }
1078
- .lsg-carousel--author .lsg-carousel__author-context .layout-container-spacing-wrapper,
1079
- .lsg-carousel--author .lsg-carousel__author-media .layout-container-spacing-wrapper,
1080
- .lsg-carousel--author .lsg-carousel__author-context .parsys,
1081
- .lsg-carousel--author .lsg-carousel__author-media .parsys {
1082
- min-height: 96px;
1083
- }
1084
- .lsg-carousel--author .lsg-carousel__author-media img,
1085
- .lsg-carousel--author .lsg-carousel__author-media video {
1086
- max-width: 100%;
1087
- height: auto;
1088
- }
1089
-
1090
908
  @media (max-width: 767px) {
1091
909
  .lsg-carousel {
1092
- --lsg-carousel-pad-inline: 16px;
1093
- --lsg-carousel-gap: 21px;
1094
- --lsg-carousel-card-width: 293px;
1095
- --lsg-carousel-card-height: 393px;
1096
- --lsg-carousel-dot-size: 8px;
910
+ --lsg-carousel-gap: 18px;
911
+ --lsg-carousel-slide-basis: 300px;
912
+ --lsg-carousel-media-height: 400px;
913
+ --lsg-carousel-dot-size: 6px;
1097
914
  }
1098
915
  .lsg-carousel__shell,
1099
916
  .lsg-carousel--media-left .lsg-carousel__shell,
@@ -1102,62 +919,33 @@
1102
919
  flex-direction: column;
1103
920
  gap: 24px;
1104
921
  min-height: 0;
1105
- padding: var(--lsg-carousel-pad-block) var(--lsg-carousel-pad-inline);
922
+ padding: 64px 16px;
1106
923
  }
1107
- .lsg-carousel__media-column,
1108
- .lsg-carousel--full-width .lsg-carousel__media-column {
1109
- order: 1;
1110
- display: flex;
1111
- flex-direction: column;
1112
- gap: 16px;
1113
- align-self: stretch;
1114
- margin-inline-end: calc(-1 * var(--lsg-carousel-pad-inline));
924
+ .lsg-carousel__content {
925
+ gap: 24px;
1115
926
  }
1116
- .lsg-carousel__content,
1117
- .lsg-carousel--media-left .lsg-carousel__content,
1118
- .lsg-carousel--full-width .lsg-carousel__content {
1119
- order: 2;
927
+ .lsg-carousel__pre-title {
928
+ font-size: var(--lsg-type-pretitle-mobile-size, 16px);
929
+ line-height: var(--lsg-type-pretitle-mobile-line-height, 1.2);
930
+ }
931
+ .lsg-carousel__heading {
932
+ font-size: var(--lsg-type-h2-mobile-size, 30px);
933
+ }
934
+ .lsg-carousel__media-column {
935
+ width: calc(100% + 16px);
1120
936
  align-self: stretch;
1121
- padding-inline: 0;
1122
937
  }
1123
- .lsg-carousel__viewport,
1124
- .lsg-carousel--media-left .lsg-carousel__viewport {
1125
- direction: ltr;
938
+ .lsg-carousel__viewport {
939
+ overflow: hidden;
1126
940
  }
1127
941
  .lsg-carousel--full-width .lsg-carousel__slide {
1128
942
  flex-basis: var(--lsg-carousel-slide-basis);
1129
943
  }
1130
- .lsg-carousel__controls,
1131
- .lsg-carousel--media-left .lsg-carousel__controls,
1132
- .lsg-carousel--full-width .lsg-carousel__controls,
1133
- .lsg-carousel__navigation,
1134
- .lsg-carousel--media-left .lsg-carousel__navigation,
1135
- .lsg-carousel--full-width .lsg-carousel__navigation {
1136
- display: flex;
1137
- flex-direction: row;
1138
- justify-content: center;
1139
- width: calc(100% - var(--lsg-carousel-pad-inline));
1140
- margin-inline-start: 0;
1141
- }
1142
- .lsg-carousel__nav,
1143
- .lsg-carousel--full-width .lsg-carousel__nav {
1144
- display: none;
1145
- }
1146
- .lsg-carousel--full-width .lsg-carousel__pagination {
1147
- margin-top: 0;
1148
- }
1149
- .lsg-carousel__pre-title,
1150
- .lsg-carousel__content-slide > .cmp-lsg-title:first-child:has(+ .cmp-lsg-title) {
1151
- font-size: var(--lsg-type-pretitle-mobile-size, 16px);
1152
- line-height: var(--lsg-type-pretitle-mobile-line-height, 1.2);
944
+ .lsg-carousel__navigation {
945
+ width: calc(100% - 16px);
1153
946
  }
1154
- .lsg-carousel__heading,
1155
- .lsg-carousel__content-slide > .cmp-lsg-title:nth-child(2),
1156
- .lsg-carousel__content-slide > .cmp-lsg-title:first-child:not(:has(+ .cmp-lsg-title)) {
1157
- font-size: var(--lsg-type-h2-mobile-size, 30px);
1158
- }
1159
- .lsg-carousel--author .lsg-carousel__author-item {
1160
- grid-template-columns: minmax(0, 1fr);
947
+ .lsg-carousel__actions {
948
+ margin-top: 8px;
1161
949
  }
1162
950
  }
1163
951
  .lsg-card,
@@ -3796,6 +3584,90 @@
3796
3584
  display: block;
3797
3585
  }
3798
3586
 
3587
+ .table-focus,
3588
+ .table-focus * {
3589
+ box-sizing: border-box;
3590
+ }
3591
+
3592
+ .table-focus {
3593
+ --lsg-table-background-color: var(--lsg-color-primary);
3594
+ --lsg-table-accent-color: var(--lsg-color-black);
3595
+ width: 100%;
3596
+ max-width: 100%;
3597
+ overflow-x: auto;
3598
+ color: var(--lsg-table-accent-color);
3599
+ font-family: var(--lsg-font-family-primary);
3600
+ }
3601
+ .table-focus.background-color-white {
3602
+ --lsg-table-background-color: var(--lsg-color-white);
3603
+ }
3604
+ .table-focus.accent-color-white {
3605
+ --lsg-table-accent-color: var(--lsg-color-white);
3606
+ }
3607
+ .table-focus.background-color-black {
3608
+ --lsg-table-background-color: var(--lsg-color-black);
3609
+ }
3610
+ .table-focus.accent-color-black {
3611
+ --lsg-table-accent-color: var(--lsg-color-black);
3612
+ }
3613
+ .table-focus.background-color-primary {
3614
+ --lsg-table-background-color: var(--lsg-color-primary);
3615
+ }
3616
+ .table-focus.accent-color-primary {
3617
+ --lsg-table-accent-color: var(--lsg-color-primary);
3618
+ }
3619
+ .table-focus.background-color-secondary {
3620
+ --lsg-table-background-color: var(--lsg-color-secondary);
3621
+ }
3622
+ .table-focus.accent-color-secondary {
3623
+ --lsg-table-accent-color: var(--lsg-color-secondary);
3624
+ }
3625
+ .table-focus.background-color-tertiary {
3626
+ --lsg-table-background-color: var(--lsg-color-tertiary);
3627
+ }
3628
+ .table-focus.accent-color-tertiary {
3629
+ --lsg-table-accent-color: var(--lsg-color-tertiary);
3630
+ }
3631
+ .table-focus.background-color-light {
3632
+ --lsg-table-background-color: var(--lsg-color-light);
3633
+ }
3634
+ .table-focus.accent-color-light {
3635
+ --lsg-table-accent-color: var(--lsg-color-light);
3636
+ }
3637
+ .table-focus.background-color-dark {
3638
+ --lsg-table-background-color: var(--lsg-color-dark);
3639
+ }
3640
+ .table-focus.accent-color-dark {
3641
+ --lsg-table-accent-color: var(--lsg-color-dark);
3642
+ }
3643
+ .table-focus table {
3644
+ width: 100%;
3645
+ margin: 0;
3646
+ border: 0;
3647
+ border-collapse: separate;
3648
+ border-spacing: 0;
3649
+ background: transparent;
3650
+ color: inherit;
3651
+ font: inherit;
3652
+ }
3653
+ .table-focus tr,
3654
+ .table-focus td,
3655
+ .table-focus th {
3656
+ border: 0;
3657
+ }
3658
+ .table-focus td,
3659
+ .table-focus th {
3660
+ vertical-align: middle;
3661
+ word-break: break-word;
3662
+ }
3663
+ .table-focus p {
3664
+ margin: 0;
3665
+ }
3666
+
3667
+ .table-caption {
3668
+ font-family: var(--lsg-font-family-primary);
3669
+ }
3670
+
3799
3671
  .lsg-video {
3800
3672
  position: relative;
3801
3673
  width: 100%;
@@ -6974,229 +6846,147 @@
6974
6846
 
6975
6847
  :root[data-lsg-theme=theme-2] .lsg-carousel,
6976
6848
  .lsg-themed-component--theme-2 .lsg-carousel {
6977
- --lsg-carousel-accent: var(--lsg-carousel-bg);
6849
+ --lsg-carousel-bg: var(--lsg-color-white);
6850
+ --lsg-carousel-color: var(--lsg-color-black);
6978
6851
  --lsg-carousel-gap: 18px;
6979
6852
  --lsg-carousel-slide-basis: 100%;
6980
- --lsg-carousel-card-height: 440px;
6981
- --lsg-carousel-media-radius: var(--lsg-theme-radius, 10px);
6853
+ --lsg-carousel-media-height: 400px;
6854
+ --lsg-carousel-media-radius: 10px;
6982
6855
  --lsg-carousel-arrow-size: 40px;
6983
6856
  --lsg-carousel-dot-size: 6px;
6984
- --lsg-carousel-dot-gap: 10px;
6985
- --lsg-carousel-t2-slab-inset: 50%;
6986
- --lsg-carousel-t2-media-drop: 0px;
6987
- --lsg-carousel-t2-control-strip: 17%;
6988
- --lsg-carousel-t2-media-border: 10px;
6989
- background-color: transparent;
6990
- color: var(--lsg-color-dark);
6857
+ --lsg-carousel-dot-gap: 6px;
6858
+ --lsg-carousel-content-width: 470px;
6991
6859
  }
6992
- :root[data-lsg-theme=theme-2] .lsg-carousel__content-slide,
6993
- .lsg-themed-component--theme-2 .lsg-carousel__content-slide {
6994
- gap: 24px;
6860
+ :root[data-lsg-theme=theme-2] .lsg-carousel__shell,
6861
+ .lsg-themed-component--theme-2 .lsg-carousel__shell {
6862
+ position: relative;
6863
+ min-height: 625px;
6864
+ gap: clamp(48px, 5.55vw, 80px);
6865
+ padding: 64px clamp(32px, 8.33vw, 120px);
6866
+ }
6867
+ :root[data-lsg-theme=theme-2] .lsg-carousel__content,
6868
+ .lsg-themed-component--theme-2 .lsg-carousel__content {
6869
+ position: relative;
6870
+ z-index: 2;
6871
+ gap: 30px;
6995
6872
  }
6996
6873
  :root[data-lsg-theme=theme-2] .lsg-carousel__pre-title,
6997
- :root[data-lsg-theme=theme-2] .lsg-carousel__content-slide > .cmp-lsg-title:first-child:has(+ .cmp-lsg-title),
6998
- .lsg-themed-component--theme-2 .lsg-carousel__pre-title,
6999
- .lsg-themed-component--theme-2 .lsg-carousel__content-slide > .cmp-lsg-title:first-child:has(+ .cmp-lsg-title) {
6874
+ .lsg-themed-component--theme-2 .lsg-carousel__pre-title {
7000
6875
  width: 100%;
7001
- padding-bottom: 14px;
7002
- border-bottom: 3px solid var(--lsg-carousel-accent);
7003
- letter-spacing: 0.04em;
6876
+ color: var(--lsg-color-black);
6877
+ }
6878
+ :root[data-lsg-theme=theme-2] .lsg-carousel__pre-title::after,
6879
+ .lsg-themed-component--theme-2 .lsg-carousel__pre-title::after {
6880
+ content: "";
6881
+ height: 4px;
6882
+ flex: 1 1 auto;
6883
+ min-width: 48px;
6884
+ margin-left: 12px;
6885
+ border-radius: 999px;
6886
+ background: var(--lsg-color-tertiary);
6887
+ }
6888
+ :root[data-lsg-theme=theme-2] .lsg-carousel__heading,
6889
+ :root[data-lsg-theme=theme-2] .lsg-carousel__body,
6890
+ .lsg-themed-component--theme-2 .lsg-carousel__heading,
6891
+ .lsg-themed-component--theme-2 .lsg-carousel__body {
6892
+ color: var(--lsg-color-black);
6893
+ }
6894
+ :root[data-lsg-theme=theme-2] .lsg-carousel__heading,
6895
+ .lsg-themed-component--theme-2 .lsg-carousel__heading {
6896
+ font-size: var(--lsg-size-H1, 45px);
7004
6897
  }
7005
6898
  :root[data-lsg-theme=theme-2] .lsg-carousel__cta.lsg-button,
6899
+ :root[data-lsg-theme=theme-2] .lsg-carousel__cta.lsg-button--primary,
7006
6900
  :root[data-lsg-theme=theme-2] .lsg-carousel__actions .lsg-button,
7007
- :root[data-lsg-theme=theme-2] .lsg-carousel__content-slide > .cmp-lsg-button .lsg-button,
7008
6901
  .lsg-themed-component--theme-2 .lsg-carousel__cta.lsg-button,
7009
- .lsg-themed-component--theme-2 .lsg-carousel__actions .lsg-button,
7010
- .lsg-themed-component--theme-2 .lsg-carousel__content-slide > .cmp-lsg-button .lsg-button {
7011
- border-radius: var(--lsg-theme-radius, 10px);
7012
- text-transform: none;
6902
+ .lsg-themed-component--theme-2 .lsg-carousel__cta.lsg-button--primary,
6903
+ .lsg-themed-component--theme-2 .lsg-carousel__actions .lsg-button {
6904
+ background: var(--lsg-color-tertiary);
6905
+ border-color: var(--lsg-color-tertiary);
6906
+ border-radius: 10px;
6907
+ color: var(--lsg-color-white);
7013
6908
  }
7014
6909
  :root[data-lsg-theme=theme-2] .lsg-carousel__media-column,
7015
6910
  .lsg-themed-component--theme-2 .lsg-carousel__media-column {
7016
6911
  position: relative;
7017
- display: block;
7018
- }
7019
- @media screen and (max-width: 767px) {
7020
- :root[data-lsg-theme=theme-2] .lsg-carousel__media-column,
7021
- .lsg-themed-component--theme-2 .lsg-carousel__media-column {
7022
- margin-inline-end: 0;
7023
- }
6912
+ z-index: 1;
7024
6913
  }
7025
6914
  :root[data-lsg-theme=theme-2] .lsg-carousel__media-column::before,
7026
6915
  .lsg-themed-component--theme-2 .lsg-carousel__media-column::before {
7027
6916
  content: "";
7028
6917
  position: absolute;
7029
- z-index: 0;
7030
- top: 0;
7031
- bottom: var(--lsg-carousel-t2-media-drop);
7032
- right: 0;
7033
- height: calc(100% + var(--lsg-carousel-pad-block) * 2);
7034
- transform: translateY(calc(var(--lsg-carousel-pad-block) * -1));
7035
- left: var(--lsg-carousel-t2-slab-inset);
7036
- background: var(--lsg-carousel-bg);
6918
+ z-index: -1;
6919
+ top: -64px;
6920
+ right: -120px;
6921
+ bottom: -64px;
6922
+ left: 22%;
6923
+ background: var(--lsg-color-tertiary);
7037
6924
  pointer-events: none;
7038
6925
  }
7039
6926
  :root[data-lsg-theme=theme-2] .lsg-carousel--media-left .lsg-carousel__media-column::before,
7040
6927
  .lsg-themed-component--theme-2 .lsg-carousel--media-left .lsg-carousel__media-column::before {
7041
- right: var(--lsg-carousel-t2-slab-inset);
7042
- left: 0;
7043
- }
7044
- :root[data-lsg-theme=theme-2] .lsg-carousel__viewport,
7045
- .lsg-themed-component--theme-2 .lsg-carousel__viewport {
7046
- position: relative;
7047
- z-index: 1;
7048
- width: calc(100% - var(--lsg-carousel-t2-control-strip));
7049
- margin-top: var(--lsg-carousel-t2-media-drop);
7050
- border-radius: calc(var(--lsg-carousel-media-radius) + var(--lsg-carousel-t2-media-border));
7051
- background: var(--lsg-color-white);
7052
- }
7053
- @media screen and (min-width: 768px) {
7054
- :root[data-lsg-theme=theme-2] .lsg-carousel--media-left .lsg-carousel__media-column,
7055
- .lsg-themed-component--theme-2 .lsg-carousel--media-left .lsg-carousel__media-column {
7056
- display: flex;
7057
- flex-direction: row;
7058
- justify-content: flex-end;
7059
- }
7060
- :root[data-lsg-theme=theme-2] .lsg-carousel--media-left .lsg-carousel__media-column .lsg-carousel__viewport,
7061
- .lsg-themed-component--theme-2 .lsg-carousel--media-left .lsg-carousel__media-column .lsg-carousel__viewport {
7062
- margin: 0;
7063
- }
7064
- }
7065
- :root[data-lsg-theme=theme-2] .lsg-carousel--media-left .lsg-carousel__viewport,
7066
- .lsg-themed-component--theme-2 .lsg-carousel--media-left .lsg-carousel__viewport {
7067
- margin-inline-start: var(--lsg-carousel-t2-control-strip);
7068
- }
7069
- :root[data-lsg-theme=theme-2] .lsg-carousel__media .lsg-image__img,
7070
- .lsg-themed-component--theme-2 .lsg-carousel__media .lsg-image__img {
7071
- aspect-ratio: 1/1;
7072
- }
7073
- :root[data-lsg-theme=theme-2] .lsg-carousel__controls,
7074
- .lsg-themed-component--theme-2 .lsg-carousel__controls {
7075
- position: absolute;
7076
- z-index: 2;
7077
- top: var(--lsg-carousel-t2-media-drop);
7078
- bottom: 0;
7079
- right: 0;
7080
- width: var(--lsg-carousel-t2-control-strip);
7081
- height: 100%;
7082
- flex-direction: column;
7083
- justify-content: center;
7084
- gap: 28px;
7085
- margin: 0;
7086
- }
7087
- :root[data-lsg-theme=theme-2] .lsg-carousel--media-left .lsg-carousel__controls,
7088
- .lsg-themed-component--theme-2 .lsg-carousel--media-left .lsg-carousel__controls {
7089
- right: auto;
7090
- left: 0;
7091
- flex-direction: column;
7092
- margin-inline-start: 0;
6928
+ right: 22%;
6929
+ left: -120px;
7093
6930
  }
7094
- :root[data-lsg-theme=theme-2] .lsg-carousel__nav,
7095
- .lsg-themed-component--theme-2 .lsg-carousel__nav {
7096
- display: contents;
6931
+ :root[data-lsg-theme=theme-2] .lsg-carousel__navigation,
6932
+ .lsg-themed-component--theme-2 .lsg-carousel__navigation {
6933
+ justify-content: flex-start;
7097
6934
  }
7098
6935
  :root[data-lsg-theme=theme-2] .lsg-carousel__arrow,
7099
6936
  .lsg-themed-component--theme-2 .lsg-carousel__arrow {
7100
- order: 1;
7101
- border-radius: 0;
7102
- background: transparent;
7103
- color: var(--lsg-color-white);
7104
- }
7105
- :root[data-lsg-theme=theme-2] .lsg-carousel__arrow--prev,
7106
- .lsg-themed-component--theme-2 .lsg-carousel__arrow--prev {
7107
- order: 0;
7108
- }
7109
- :root[data-lsg-theme=theme-2] .lsg-carousel__arrow--next,
7110
- .lsg-themed-component--theme-2 .lsg-carousel__arrow--next {
7111
- order: 2;
7112
- }
7113
- :root[data-lsg-theme=theme-2] .lsg-carousel__arrow .lsg-carousel__arrow-icon,
7114
- .lsg-themed-component--theme-2 .lsg-carousel__arrow .lsg-carousel__arrow-icon {
7115
- width: 20px;
7116
- height: 23px;
7117
- }
7118
- :root[data-lsg-theme=theme-2] .lsg-carousel__arrow--prev .lsg-carousel__arrow-icon,
7119
- .lsg-themed-component--theme-2 .lsg-carousel__arrow--prev .lsg-carousel__arrow-icon {
7120
- transform: rotate(90deg);
7121
- }
7122
- :root[data-lsg-theme=theme-2] .lsg-carousel__arrow--next .lsg-carousel__arrow-icon,
7123
- .lsg-themed-component--theme-2 .lsg-carousel__arrow--next .lsg-carousel__arrow-icon {
7124
- transform: rotate(90deg);
7125
- }
7126
- :root[data-lsg-theme=theme-2] .lsg-carousel__pagination,
7127
- .lsg-themed-component--theme-2 .lsg-carousel__pagination {
7128
- order: 1;
7129
- flex-direction: column;
6937
+ border-radius: 10px;
6938
+ background: var(--lsg-color-white);
6939
+ color: var(--lsg-color-tertiary);
7130
6940
  }
7131
6941
  :root[data-lsg-theme=theme-2] .lsg-carousel__dot,
7132
6942
  .lsg-themed-component--theme-2 .lsg-carousel__dot {
7133
6943
  border-radius: 50%;
7134
- background: var(--lsg-color-white);
6944
+ background: var(--lsg-color-tertiary);
7135
6945
  }
7136
6946
  :root[data-lsg-theme=theme-2] .lsg-carousel--full-width,
7137
6947
  .lsg-themed-component--theme-2 .lsg-carousel--full-width {
7138
- --lsg-carousel-card-height: 300px;
6948
+ --lsg-carousel-media-height: 300px;
6949
+ --lsg-carousel-slide-basis: calc((100% - 36px) / 3);
7139
6950
  }
7140
- :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__media-column,
7141
- .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__media-column {
7142
- display: flex;
7143
- flex-direction: column;
6951
+ :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__shell,
6952
+ .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__shell {
6953
+ gap: 24px;
7144
6954
  }
7145
6955
  :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__media-column::before,
7146
6956
  .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__media-column::before {
7147
- top: 45%;
7148
- right: 0;
7149
- bottom: 0;
7150
- left: 0;
7151
- }
7152
- :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__viewport,
7153
- .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__viewport {
7154
- width: 100%;
7155
- margin-top: 0;
7156
- border: 0;
7157
- border-radius: 0;
7158
- background: transparent;
7159
- }
7160
- :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__media,
7161
- .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__media {
7162
- border: var(--lsg-carousel-t2-media-border) solid var(--lsg-color-white);
6957
+ top: 64px;
6958
+ right: -120px;
6959
+ bottom: -64px;
6960
+ left: -120px;
6961
+ border-radius: 10px;
7163
6962
  }
7164
- :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__controls,
7165
- .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__controls {
7166
- position: static;
7167
- width: auto;
7168
- flex-direction: row;
6963
+ :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__navigation,
6964
+ .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__navigation {
7169
6965
  justify-content: center;
7170
- gap: 24px;
7171
- padding-block: 20px;
7172
- }
7173
- :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__pagination,
7174
- .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__pagination {
7175
- flex-direction: row;
7176
- }
7177
- :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__arrow .lsg-carousel__arrow-icon,
7178
- :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__arrow--prev .lsg-carousel__arrow-icon,
7179
- :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__arrow--next .lsg-carousel__arrow-icon,
7180
- .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__arrow .lsg-carousel__arrow-icon,
7181
- .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__arrow--prev .lsg-carousel__arrow-icon,
7182
- .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__arrow--next .lsg-carousel__arrow-icon {
7183
- width: 23px;
7184
- height: 20px;
7185
- transform: none;
7186
6966
  }
7187
6967
  @media (max-width: 767px) {
7188
6968
  :root[data-lsg-theme=theme-2] .lsg-carousel,
7189
6969
  .lsg-themed-component--theme-2 .lsg-carousel {
7190
- --lsg-carousel-card-height: 300px;
7191
- --lsg-carousel-t2-control-strip: 0%;
7192
- --lsg-carousel-t2-media-drop: 40px;
6970
+ --lsg-carousel-slide-basis: 300px;
6971
+ --lsg-carousel-media-height: 300px;
6972
+ --lsg-carousel-dot-size: 6px;
6973
+ }
6974
+ :root[data-lsg-theme=theme-2] .lsg-carousel__shell,
6975
+ .lsg-themed-component--theme-2 .lsg-carousel__shell {
6976
+ gap: 24px;
6977
+ padding: 0 16px 64px;
6978
+ }
6979
+ :root[data-lsg-theme=theme-2] .lsg-carousel:not(.lsg-carousel--full-width) .lsg-carousel__media-column,
6980
+ .lsg-themed-component--theme-2 .lsg-carousel:not(.lsg-carousel--full-width) .lsg-carousel__media-column {
6981
+ order: -1;
7193
6982
  }
7194
6983
  :root[data-lsg-theme=theme-2] .lsg-carousel__media-column,
7195
- :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__media-column,
7196
- .lsg-themed-component--theme-2 .lsg-carousel__media-column,
7197
- .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__media-column {
7198
- display: flex;
7199
- flex-direction: column;
6984
+ .lsg-themed-component--theme-2 .lsg-carousel__media-column {
6985
+ display: grid;
6986
+ grid-template-rows: auto auto;
6987
+ gap: 16px;
6988
+ width: calc(100% + 16px);
6989
+ padding-top: 64px;
7200
6990
  }
7201
6991
  :root[data-lsg-theme=theme-2] .lsg-carousel__media-column::before,
7202
6992
  :root[data-lsg-theme=theme-2] .lsg-carousel--media-left .lsg-carousel__media-column::before,
@@ -7207,39 +6997,39 @@
7207
6997
  top: 0;
7208
6998
  right: 0;
7209
6999
  bottom: auto;
7210
- left: calc(-1 * var(--lsg-carousel-pad-inline));
7211
- width: calc(100% + 2 * var(--lsg-carousel-pad-inline));
7000
+ left: -16px;
7001
+ width: calc(100% + 16px);
7212
7002
  height: 220px;
7003
+ border-radius: 0;
7213
7004
  }
7214
- :root[data-lsg-theme=theme-2] .lsg-carousel__viewport,
7215
- :root[data-lsg-theme=theme-2] .lsg-carousel--media-left .lsg-carousel__viewport,
7216
- :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__viewport,
7217
- .lsg-themed-component--theme-2 .lsg-carousel__viewport,
7218
- .lsg-themed-component--theme-2 .lsg-carousel--media-left .lsg-carousel__viewport,
7219
- .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__viewport {
7220
- width: 100%;
7221
- margin-inline-start: 0;
7222
- }
7223
- :root[data-lsg-theme=theme-2] .lsg-carousel__controls,
7224
- :root[data-lsg-theme=theme-2] .lsg-carousel--media-left .lsg-carousel__controls,
7225
- :root[data-lsg-theme=theme-2] .lsg-carousel--full-width .lsg-carousel__controls,
7226
- .lsg-themed-component--theme-2 .lsg-carousel__controls,
7227
- .lsg-themed-component--theme-2 .lsg-carousel--media-left .lsg-carousel__controls,
7228
- .lsg-themed-component--theme-2 .lsg-carousel--full-width .lsg-carousel__controls {
7229
- position: static;
7230
- width: calc(100% - var(--lsg-carousel-pad-inline));
7231
- flex-direction: row;
7005
+ :root[data-lsg-theme=theme-2] .lsg-carousel__navigation,
7006
+ .lsg-themed-component--theme-2 .lsg-carousel__navigation {
7007
+ grid-row: 1;
7008
+ width: calc(100% - 16px);
7009
+ min-height: 20px;
7232
7010
  justify-content: center;
7233
- gap: 16px;
7234
- padding-block: 0;
7235
7011
  }
7236
- :root[data-lsg-theme=theme-2] .lsg-carousel__pagination,
7237
- .lsg-themed-component--theme-2 .lsg-carousel__pagination {
7238
- flex-direction: row;
7012
+ :root[data-lsg-theme=theme-2] .lsg-carousel__viewport,
7013
+ .lsg-themed-component--theme-2 .lsg-carousel__viewport {
7014
+ grid-row: 2;
7239
7015
  }
7240
- :root[data-lsg-theme=theme-2] .lsg-carousel__dot,
7241
- .lsg-themed-component--theme-2 .lsg-carousel__dot {
7242
- background: var(--lsg-carousel-bg);
7016
+ :root[data-lsg-theme=theme-2] .lsg-carousel__arrow,
7017
+ .lsg-themed-component--theme-2 .lsg-carousel__arrow {
7018
+ display: none;
7019
+ }
7020
+ :root[data-lsg-theme=theme-2] .lsg-carousel__heading,
7021
+ .lsg-themed-component--theme-2 .lsg-carousel__heading {
7022
+ font-size: var(--lsg-type-h2-mobile-size, 30px);
7023
+ }
7024
+ :root[data-lsg-theme=theme-2] .lsg-carousel__content,
7025
+ .lsg-themed-component--theme-2 .lsg-carousel__content {
7026
+ gap: 24px;
7027
+ padding: 0 8px;
7028
+ }
7029
+ :root[data-lsg-theme=theme-2] .lsg-carousel--full-width,
7030
+ .lsg-themed-component--theme-2 .lsg-carousel--full-width {
7031
+ --lsg-carousel-slide-basis: 300px;
7032
+ --lsg-carousel-media-height: 300px;
7243
7033
  }
7244
7034
  }
7245
7035
 
@@ -8081,6 +7871,99 @@
8081
7871
  background-color: color-mix(in srgb, var(--lsg-color-white) 25%, transparent);
8082
7872
  opacity: 1;
8083
7873
  }
7874
+ :root[data-lsg-theme=theme-2] .table-focus,
7875
+ .lsg-themed-component--theme-2 .table-focus {
7876
+ padding: 0;
7877
+ background: var(--lsg-color-white);
7878
+ border-top: 4px solid var(--lsg-table-background-color);
7879
+ border-bottom: 4px solid var(--lsg-table-background-color);
7880
+ border-radius: 0;
7881
+ }
7882
+ :root[data-lsg-theme=theme-2] .table-focus table,
7883
+ .lsg-themed-component--theme-2 .table-focus table {
7884
+ min-width: 360px;
7885
+ }
7886
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr > td,
7887
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr > th,
7888
+ .lsg-themed-component--theme-2 .table-focus tbody > tr > td,
7889
+ .lsg-themed-component--theme-2 .table-focus tbody > tr > th {
7890
+ color: var(--lsg-table-accent-color);
7891
+ border-bottom: 0.5px solid var(--lsg-color-black);
7892
+ }
7893
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr:first-child > td,
7894
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr:first-child > th,
7895
+ .lsg-themed-component--theme-2 .table-focus tbody > tr:first-child > td,
7896
+ .lsg-themed-component--theme-2 .table-focus tbody > tr:first-child > th {
7897
+ height: 31px;
7898
+ padding: 4px 8px;
7899
+ font-size: 14.5px;
7900
+ font-weight: var(--lsg-font-weight-semibold);
7901
+ line-height: 1.6;
7902
+ }
7903
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr:first-child > :first-child,
7904
+ .lsg-themed-component--theme-2 .table-focus tbody > tr:first-child > :first-child {
7905
+ border-top-left-radius: var(--lsg-theme-radius);
7906
+ }
7907
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr:first-child > :last-child,
7908
+ .lsg-themed-component--theme-2 .table-focus tbody > tr:first-child > :last-child {
7909
+ border-top-right-radius: var(--lsg-theme-radius);
7910
+ }
7911
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr:not(:first-child) > td,
7912
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr:not(:first-child) > th,
7913
+ .lsg-themed-component--theme-2 .table-focus tbody > tr:not(:first-child) > td,
7914
+ .lsg-themed-component--theme-2 .table-focus tbody > tr:not(:first-child) > th {
7915
+ height: 48px;
7916
+ padding: 8px;
7917
+ font-size: 12px;
7918
+ font-weight: var(--lsg-font-weight-regular);
7919
+ line-height: 1.2;
7920
+ }
7921
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr > :first-child,
7922
+ .lsg-themed-component--theme-2 .table-focus tbody > tr > :first-child {
7923
+ min-width: 160px;
7924
+ text-align: left;
7925
+ }
7926
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr > :not(:first-child),
7927
+ .lsg-themed-component--theme-2 .table-focus tbody > tr > :not(:first-child) {
7928
+ width: 100px;
7929
+ min-width: 100px;
7930
+ text-align: right;
7931
+ }
7932
+ @media (min-width: 768px) {
7933
+ :root[data-lsg-theme=theme-2] .table-focus table,
7934
+ .lsg-themed-component--theme-2 .table-focus table {
7935
+ min-width: 800px;
7936
+ }
7937
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr:first-child > td,
7938
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr:first-child > th,
7939
+ .lsg-themed-component--theme-2 .table-focus tbody > tr:first-child > td,
7940
+ .lsg-themed-component--theme-2 .table-focus tbody > tr:first-child > th {
7941
+ height: 57px;
7942
+ min-width: 200px;
7943
+ padding: var(--lsg-spacing-size-SM);
7944
+ font-size: var(--lsg-size-H5);
7945
+ line-height: 1.2;
7946
+ }
7947
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr:not(:first-child) > td,
7948
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr:not(:first-child) > th,
7949
+ .lsg-themed-component--theme-2 .table-focus tbody > tr:not(:first-child) > td,
7950
+ .lsg-themed-component--theme-2 .table-focus tbody > tr:not(:first-child) > th {
7951
+ height: 91px;
7952
+ min-width: 200px;
7953
+ padding: var(--lsg-spacing-size-SM);
7954
+ font-size: var(--lsg-size-body);
7955
+ line-height: 1.5;
7956
+ }
7957
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr > :first-child,
7958
+ .lsg-themed-component--theme-2 .table-focus tbody > tr > :first-child {
7959
+ width: auto;
7960
+ }
7961
+ :root[data-lsg-theme=theme-2] .table-focus tbody > tr > :not(:first-child),
7962
+ .lsg-themed-component--theme-2 .table-focus tbody > tr > :not(:first-child) {
7963
+ width: 250px;
7964
+ min-width: 200px;
7965
+ }
7966
+ }
8084
7967
 
8085
7968
  :root {
8086
7969
  --lsg-color-primary: #0f766e;