@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;
642
- }
643
-
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;
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;
651
621
  }
652
622
 
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);
1153
- }
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);
944
+ .lsg-carousel__navigation {
945
+ width: calc(100% - 16px);
1158
946
  }
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%;
@@ -6847,75 +6719,454 @@
6847
6719
 
6848
6720
  :root[data-lsg-theme=theme-1] .lsg-carousel,
6849
6721
  .lsg-themed-component--theme-1 .lsg-carousel {
6850
- --lsg-carousel-accent: color-mix(in srgb, var(--lsg-carousel-color) 88%, transparent);
6722
+ --lsg-carousel-bg: var(--lsg-color-primary);
6723
+ --lsg-carousel-color: var(--lsg-color-white);
6851
6724
  --lsg-carousel-gap: 18px;
6852
- --lsg-carousel-card-height: 440px;
6853
- --lsg-carousel-media-radius: var(--lsg-theme-radius, 10px);
6725
+ --lsg-carousel-slide-basis: calc((100% - 18px) / 2);
6726
+ --lsg-carousel-media-height: 440px;
6727
+ --lsg-carousel-media-radius: 0px;
6854
6728
  --lsg-carousel-arrow-size: 40px;
6855
6729
  --lsg-carousel-dot-size: 10px;
6856
6730
  --lsg-carousel-dot-gap: 6px;
6731
+ --lsg-carousel-content-width: 470px;
6857
6732
  }
6858
- :root[data-lsg-theme=theme-1] .lsg-carousel__content-slide,
6859
- .lsg-themed-component--theme-1 .lsg-carousel__content-slide {
6733
+ :root[data-lsg-theme=theme-1] .lsg-carousel__shell,
6734
+ .lsg-themed-component--theme-1 .lsg-carousel__shell {
6735
+ min-height: 625px;
6736
+ gap: clamp(48px, 5.55vw, 80px);
6737
+ padding: 64px clamp(32px, 8.33vw, 120px);
6738
+ }
6739
+ :root[data-lsg-theme=theme-1] .lsg-carousel__content,
6740
+ .lsg-themed-component--theme-1 .lsg-carousel__content {
6860
6741
  gap: 30px;
6861
6742
  }
6862
6743
  :root[data-lsg-theme=theme-1] .lsg-carousel__pre-title,
6863
- :root[data-lsg-theme=theme-1] .lsg-carousel__content-slide > .cmp-lsg-title:first-child:has(+ .cmp-lsg-title),
6864
- .lsg-themed-component--theme-1 .lsg-carousel__pre-title,
6865
- .lsg-themed-component--theme-1 .lsg-carousel__content-slide > .cmp-lsg-title:first-child:has(+ .cmp-lsg-title) {
6744
+ .lsg-themed-component--theme-1 .lsg-carousel__pre-title {
6745
+ color: var(--lsg-color-light);
6866
6746
  letter-spacing: 0.01em;
6867
6747
  }
6748
+ :root[data-lsg-theme=theme-1] .lsg-carousel__heading,
6749
+ :root[data-lsg-theme=theme-1] .lsg-carousel__body,
6750
+ .lsg-themed-component--theme-1 .lsg-carousel__heading,
6751
+ .lsg-themed-component--theme-1 .lsg-carousel__body {
6752
+ color: var(--lsg-color-white);
6753
+ }
6754
+ :root[data-lsg-theme=theme-1] .lsg-carousel__heading,
6755
+ .lsg-themed-component--theme-1 .lsg-carousel__heading {
6756
+ font-size: var(--lsg-size-H1, 45px);
6757
+ }
6868
6758
  :root[data-lsg-theme=theme-1] .lsg-carousel__actions,
6869
6759
  .lsg-themed-component--theme-1 .lsg-carousel__actions {
6870
6760
  margin-top: 10px;
6871
6761
  }
6872
6762
  :root[data-lsg-theme=theme-1] .lsg-carousel__cta.lsg-button,
6763
+ :root[data-lsg-theme=theme-1] .lsg-carousel__cta.lsg-button--primary,
6873
6764
  :root[data-lsg-theme=theme-1] .lsg-carousel__actions .lsg-button,
6874
- :root[data-lsg-theme=theme-1] .lsg-carousel__content-slide > .cmp-lsg-button .lsg-button,
6875
6765
  .lsg-themed-component--theme-1 .lsg-carousel__cta.lsg-button,
6876
- .lsg-themed-component--theme-1 .lsg-carousel__actions .lsg-button,
6877
- .lsg-themed-component--theme-1 .lsg-carousel__content-slide > .cmp-lsg-button .lsg-button {
6878
- border-radius: var(--lsg-theme-radius, 999px);
6766
+ .lsg-themed-component--theme-1 .lsg-carousel__cta.lsg-button--primary,
6767
+ .lsg-themed-component--theme-1 .lsg-carousel__actions .lsg-button {
6768
+ background: transparent;
6769
+ border-color: var(--lsg-color-white);
6770
+ border-radius: 0;
6771
+ color: var(--lsg-color-white);
6879
6772
  text-transform: uppercase;
6880
6773
  }
6774
+ :root[data-lsg-theme=theme-1] .lsg-carousel__cta.lsg-button:hover,
6775
+ :root[data-lsg-theme=theme-1] .lsg-carousel__actions .lsg-button:hover,
6776
+ .lsg-themed-component--theme-1 .lsg-carousel__cta.lsg-button:hover,
6777
+ .lsg-themed-component--theme-1 .lsg-carousel__actions .lsg-button:hover {
6778
+ background: var(--lsg-color-white);
6779
+ border-color: var(--lsg-color-white);
6780
+ color: var(--lsg-color-primary);
6781
+ }
6782
+ :root[data-lsg-theme=theme-1] .lsg-carousel__navigation,
6783
+ .lsg-themed-component--theme-1 .lsg-carousel__navigation {
6784
+ display: grid;
6785
+ grid-template-columns: 40px 40px minmax(0, 1fr);
6786
+ gap: 4px;
6787
+ justify-content: stretch;
6788
+ }
6881
6789
  :root[data-lsg-theme=theme-1] .lsg-carousel__arrow,
6882
6790
  .lsg-themed-component--theme-1 .lsg-carousel__arrow {
6791
+ border-radius: 0;
6883
6792
  background: var(--lsg-color-light);
6884
- color: var(--lsg-color-dark);
6793
+ color: var(--lsg-color-primary);
6885
6794
  }
6886
6795
  :root[data-lsg-theme=theme-1] .lsg-carousel__arrow:hover,
6887
6796
  .lsg-themed-component--theme-1 .lsg-carousel__arrow:hover {
6888
6797
  background: var(--lsg-color-white);
6889
6798
  }
6799
+ :root[data-lsg-theme=theme-1] .lsg-carousel__pagination,
6800
+ .lsg-themed-component--theme-1 .lsg-carousel__pagination {
6801
+ grid-column: 3;
6802
+ justify-self: center;
6803
+ }
6890
6804
  :root[data-lsg-theme=theme-1] .lsg-carousel__dot,
6891
6805
  .lsg-themed-component--theme-1 .lsg-carousel__dot {
6892
- background: var(--lsg-carousel-color);
6806
+ border-radius: 0;
6807
+ background: var(--lsg-color-white);
6893
6808
  }
6894
6809
  :root[data-lsg-theme=theme-1] .lsg-carousel--full-width,
6895
6810
  .lsg-themed-component--theme-1 .lsg-carousel--full-width {
6896
- --lsg-carousel-card-height: 300px;
6811
+ --lsg-carousel-media-height: 300px;
6897
6812
  }
6898
- :root[data-lsg-theme=theme-1] .lsg-carousel__media-label,
6899
- .lsg-themed-component--theme-1 .lsg-carousel__media-label {
6900
- display: none;
6813
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__shell,
6814
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__shell {
6815
+ gap: 24px;
6816
+ padding-top: 46px;
6817
+ padding-bottom: 46px;
6818
+ }
6819
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__content,
6820
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__content {
6821
+ max-width: 900px;
6822
+ }
6823
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__track,
6824
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__track {
6825
+ gap: 18px;
6826
+ }
6827
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__navigation,
6828
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__navigation {
6829
+ grid-template-columns: 40px minmax(0, 1fr) 40px;
6830
+ }
6831
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__arrow--prev,
6832
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__arrow--prev {
6833
+ grid-column: 1;
6834
+ }
6835
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__pagination,
6836
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__pagination {
6837
+ grid-column: 2;
6838
+ }
6839
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__arrow--next,
6840
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__arrow--next {
6841
+ grid-column: 3;
6901
6842
  }
6902
6843
  @media (max-width: 767px) {
6903
6844
  :root[data-lsg-theme=theme-1] .lsg-carousel,
6904
6845
  .lsg-themed-component--theme-1 .lsg-carousel {
6905
- --lsg-carousel-card-height: 400px;
6846
+ --lsg-carousel-slide-basis: 300px;
6847
+ --lsg-carousel-media-height: 400px;
6906
6848
  --lsg-carousel-dot-size: 6px;
6907
6849
  }
6908
- :root[data-lsg-theme=theme-1] .lsg-carousel__content-slide,
6909
- .lsg-themed-component--theme-1 .lsg-carousel__content-slide {
6850
+ :root[data-lsg-theme=theme-1] .lsg-carousel__shell,
6851
+ .lsg-themed-component--theme-1 .lsg-carousel__shell {
6852
+ gap: 30px;
6853
+ padding: 64px 16px;
6854
+ }
6855
+ :root[data-lsg-theme=theme-1] .lsg-carousel:not(.lsg-carousel--full-width) .lsg-carousel__media-column,
6856
+ .lsg-themed-component--theme-1 .lsg-carousel:not(.lsg-carousel--full-width) .lsg-carousel__media-column {
6857
+ order: -1;
6858
+ }
6859
+ :root[data-lsg-theme=theme-1] .lsg-carousel__heading,
6860
+ .lsg-themed-component--theme-1 .lsg-carousel__heading {
6861
+ font-size: var(--lsg-type-h2-mobile-size, 30px);
6862
+ }
6863
+ :root[data-lsg-theme=theme-1] .lsg-carousel__content,
6864
+ .lsg-themed-component--theme-1 .lsg-carousel__content {
6910
6865
  gap: 24px;
6911
6866
  }
6912
6867
  :root[data-lsg-theme=theme-1] .lsg-carousel__media-column,
6913
6868
  .lsg-themed-component--theme-1 .lsg-carousel__media-column {
6914
6869
  gap: 14px;
6915
6870
  }
6871
+ :root[data-lsg-theme=theme-1] .lsg-carousel__navigation,
6872
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__navigation,
6873
+ .lsg-themed-component--theme-1 .lsg-carousel__navigation,
6874
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__navigation {
6875
+ width: calc(100% - 16px);
6876
+ display: grid;
6877
+ grid-template-columns: 40px minmax(0, 1fr) 40px;
6878
+ gap: 8px;
6879
+ }
6880
+ :root[data-lsg-theme=theme-1] .lsg-carousel__arrow--prev,
6881
+ .lsg-themed-component--theme-1 .lsg-carousel__arrow--prev {
6882
+ grid-column: 1;
6883
+ }
6884
+ :root[data-lsg-theme=theme-1] .lsg-carousel__pagination,
6885
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__pagination,
6886
+ .lsg-themed-component--theme-1 .lsg-carousel__pagination,
6887
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__pagination {
6888
+ grid-column: 2;
6889
+ justify-self: center;
6890
+ }
6891
+ :root[data-lsg-theme=theme-1] .lsg-carousel__arrow--next,
6892
+ .lsg-themed-component--theme-1 .lsg-carousel__arrow--next {
6893
+ grid-column: 3;
6894
+ }
6916
6895
  :root[data-lsg-theme=theme-1] .lsg-carousel--full-width,
6917
6896
  .lsg-themed-component--theme-1 .lsg-carousel--full-width {
6918
- --lsg-carousel-card-height: 300px;
6897
+ --lsg-carousel-media-height: 300px;
6898
+ }
6899
+ }
6900
+
6901
+ :root[data-lsg-theme=theme-1] .lsg-carousel,
6902
+ .lsg-themed-component--theme-1 .lsg-carousel {
6903
+ --lsg-carousel-content-width: 511px;
6904
+ --lsg-carousel-dot-size: 10px;
6905
+ }
6906
+ :root[data-lsg-theme=theme-1] .lsg-carousel__heading,
6907
+ .lsg-themed-component--theme-1 .lsg-carousel__heading {
6908
+ font-family: var(--lsg-font-family-primary);
6909
+ line-height: 1.1;
6910
+ }
6911
+ :root[data-lsg-theme=theme-1] .lsg-carousel__media-label,
6912
+ .lsg-themed-component--theme-1 .lsg-carousel__media-label {
6913
+ display: none;
6914
+ }
6915
+ @media (min-width: 768px) {
6916
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-right .lsg-carousel__shell,
6917
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__shell,
6918
+ .lsg-themed-component--theme-1 .lsg-carousel--media-right .lsg-carousel__shell,
6919
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__shell {
6920
+ width: 97.15%;
6921
+ max-width: none;
6922
+ min-height: 625px;
6923
+ padding: 0;
6924
+ column-gap: 5%;
6925
+ }
6926
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-right .lsg-carousel__shell,
6927
+ .lsg-themed-component--theme-1 .lsg-carousel--media-right .lsg-carousel__shell {
6928
+ grid-template-columns: 36.53% 58.47%;
6929
+ margin: 0 0 0 13.89%;
6930
+ }
6931
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__shell,
6932
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__shell {
6933
+ grid-template-columns: 58.47% 36.53%;
6934
+ margin: 0 0 0 -11.04%;
6935
+ }
6936
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-right .lsg-carousel__content,
6937
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__content,
6938
+ .lsg-themed-component--theme-1 .lsg-carousel--media-right .lsg-carousel__content,
6939
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__content {
6940
+ box-sizing: border-box;
6941
+ height: 625px;
6942
+ padding: 60px 0;
6943
+ justify-content: flex-start;
6944
+ gap: 30px;
6945
+ }
6946
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-right .lsg-carousel__heading,
6947
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__heading,
6948
+ .lsg-themed-component--theme-1 .lsg-carousel--media-right .lsg-carousel__heading,
6949
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__heading {
6950
+ margin-top: auto;
6951
+ }
6952
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-right .lsg-carousel__actions,
6953
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__actions,
6954
+ .lsg-themed-component--theme-1 .lsg-carousel--media-right .lsg-carousel__actions,
6955
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__actions {
6956
+ margin-top: auto;
6957
+ }
6958
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-right .lsg-carousel__media-column,
6959
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__media-column,
6960
+ .lsg-themed-component--theme-1 .lsg-carousel--media-right .lsg-carousel__media-column,
6961
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__media-column {
6962
+ box-sizing: border-box;
6963
+ height: 625px;
6964
+ padding: 60px 0;
6965
+ gap: 0;
6966
+ justify-content: space-between;
6967
+ align-self: stretch;
6968
+ }
6969
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-right .lsg-carousel__navigation,
6970
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__navigation,
6971
+ .lsg-themed-component--theme-1 .lsg-carousel--media-right .lsg-carousel__navigation,
6972
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__navigation {
6973
+ width: calc((100% - var(--lsg-carousel-gap)) / 2);
6974
+ min-height: 40px;
6975
+ gap: 0;
6976
+ }
6977
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-right .lsg-carousel__navigation,
6978
+ .lsg-themed-component--theme-1 .lsg-carousel--media-right .lsg-carousel__navigation {
6979
+ grid-template-columns: 40px 40px minmax(0, 1fr);
6980
+ align-self: flex-start;
6981
+ }
6982
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-right .lsg-carousel__arrow--prev,
6983
+ .lsg-themed-component--theme-1 .lsg-carousel--media-right .lsg-carousel__arrow--prev {
6984
+ grid-column: 1;
6985
+ }
6986
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-right .lsg-carousel__arrow--next,
6987
+ .lsg-themed-component--theme-1 .lsg-carousel--media-right .lsg-carousel__arrow--next {
6988
+ grid-column: 2;
6989
+ }
6990
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-right .lsg-carousel__pagination,
6991
+ .lsg-themed-component--theme-1 .lsg-carousel--media-right .lsg-carousel__pagination {
6992
+ grid-column: 3;
6993
+ }
6994
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__navigation,
6995
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__navigation {
6996
+ grid-template-columns: minmax(0, 1fr) 40px 40px;
6997
+ align-self: flex-end;
6998
+ }
6999
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__pagination,
7000
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__pagination {
7001
+ grid-column: 1;
7002
+ }
7003
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__arrow--prev,
7004
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__arrow--prev {
7005
+ grid-column: 2;
7006
+ }
7007
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__arrow--next,
7008
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__arrow--next {
7009
+ grid-column: 3;
7010
+ }
7011
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width,
7012
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width {
7013
+ --lsg-carousel-media-height: 300px;
7014
+ }
7015
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__shell,
7016
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__shell {
7017
+ display: flex;
7018
+ flex-direction: column;
7019
+ gap: 32px;
7020
+ min-height: 0;
7021
+ padding: 64px 0;
7022
+ }
7023
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__content,
7024
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__content {
7025
+ width: 100%;
7026
+ max-width: none;
7027
+ padding: 0 13.89%;
7028
+ gap: 24px;
7029
+ }
7030
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__body,
7031
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__actions,
7032
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__body,
7033
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__actions {
7034
+ display: none;
7035
+ }
7036
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__heading,
7037
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__heading {
7038
+ max-width: 700px;
7039
+ }
7040
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__media-column,
7041
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__media-column {
7042
+ position: relative;
7043
+ width: 100%;
7044
+ box-sizing: border-box;
7045
+ padding: 0 10% 40px;
7046
+ gap: 0;
7047
+ }
7048
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__track,
7049
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__track {
7050
+ gap: 16px;
7051
+ }
7052
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__slide,
7053
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__slide {
7054
+ flex-basis: calc((100% - 32px) / 3);
7055
+ }
7056
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__navigation,
7057
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__navigation {
7058
+ position: absolute;
7059
+ top: 0;
7060
+ left: calc(10% - 42px);
7061
+ right: calc(10% - 42px);
7062
+ height: 340px;
7063
+ width: auto;
7064
+ display: grid;
7065
+ grid-template-columns: 40px minmax(0, 1fr) 40px;
7066
+ align-items: center;
7067
+ pointer-events: none;
7068
+ }
7069
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__arrow,
7070
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__arrow {
7071
+ pointer-events: auto;
7072
+ }
7073
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__arrow--prev,
7074
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__arrow--prev {
7075
+ grid-column: 1;
7076
+ }
7077
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__pagination,
7078
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__pagination {
7079
+ grid-column: 2;
7080
+ align-self: end;
7081
+ justify-self: center;
7082
+ pointer-events: auto;
7083
+ }
7084
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__arrow--next,
7085
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__arrow--next {
7086
+ grid-column: 3;
7087
+ }
7088
+ }
7089
+ @media (max-width: 767px) {
7090
+ :root[data-lsg-theme=theme-1] .lsg-carousel,
7091
+ .lsg-themed-component--theme-1 .lsg-carousel {
7092
+ --lsg-carousel-slide-basis: 300px;
7093
+ --lsg-carousel-media-height: 400px;
7094
+ --lsg-carousel-dot-size: 10px;
7095
+ }
7096
+ :root[data-lsg-theme=theme-1] .lsg-carousel__shell,
7097
+ :root[data-lsg-theme=theme-1] .lsg-carousel--media-left .lsg-carousel__shell,
7098
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__shell,
7099
+ .lsg-themed-component--theme-1 .lsg-carousel__shell,
7100
+ .lsg-themed-component--theme-1 .lsg-carousel--media-left .lsg-carousel__shell,
7101
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__shell {
7102
+ display: flex;
7103
+ flex-direction: column;
7104
+ gap: 0;
7105
+ min-height: 0;
7106
+ padding: 64px 0;
7107
+ }
7108
+ :root[data-lsg-theme=theme-1] .lsg-carousel__content,
7109
+ :root[data-lsg-theme=theme-1] .lsg-carousel__media-column,
7110
+ .lsg-themed-component--theme-1 .lsg-carousel__content,
7111
+ .lsg-themed-component--theme-1 .lsg-carousel__media-column {
7112
+ display: contents;
7113
+ }
7114
+ :root[data-lsg-theme=theme-1] .lsg-carousel__viewport,
7115
+ .lsg-themed-component--theme-1 .lsg-carousel__viewport {
7116
+ order: 1;
7117
+ width: calc(100% - 16px);
7118
+ margin-left: 16px;
7119
+ }
7120
+ :root[data-lsg-theme=theme-1] .lsg-carousel__navigation,
7121
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__navigation,
7122
+ .lsg-themed-component--theme-1 .lsg-carousel__navigation,
7123
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__navigation {
7124
+ order: 2;
7125
+ width: 100%;
7126
+ min-height: 10px;
7127
+ margin-top: 24px;
7128
+ display: flex;
7129
+ justify-content: center;
7130
+ }
7131
+ :root[data-lsg-theme=theme-1] .lsg-carousel__arrow,
7132
+ .lsg-themed-component--theme-1 .lsg-carousel__arrow {
7133
+ display: none;
7134
+ }
7135
+ :root[data-lsg-theme=theme-1] .lsg-carousel__pagination,
7136
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__pagination,
7137
+ .lsg-themed-component--theme-1 .lsg-carousel__pagination,
7138
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__pagination {
7139
+ display: flex;
7140
+ justify-self: auto;
7141
+ }
7142
+ :root[data-lsg-theme=theme-1] .lsg-carousel__pre-title,
7143
+ .lsg-themed-component--theme-1 .lsg-carousel__pre-title {
7144
+ order: 3;
7145
+ margin: 32px 16px 0;
7146
+ font-size: 16px;
7147
+ }
7148
+ :root[data-lsg-theme=theme-1] .lsg-carousel__heading,
7149
+ .lsg-themed-component--theme-1 .lsg-carousel__heading {
7150
+ order: 4;
7151
+ margin: 24px 16px 0;
7152
+ font-size: 30px;
7153
+ line-height: 1.2;
7154
+ }
7155
+ :root[data-lsg-theme=theme-1] .lsg-carousel__body,
7156
+ .lsg-themed-component--theme-1 .lsg-carousel__body {
7157
+ order: 5;
7158
+ margin: 30px 16px 0;
7159
+ }
7160
+ :root[data-lsg-theme=theme-1] .lsg-carousel__actions,
7161
+ .lsg-themed-component--theme-1 .lsg-carousel__actions {
7162
+ order: 6;
7163
+ margin: 24px 16px 0;
7164
+ }
7165
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__body,
7166
+ :root[data-lsg-theme=theme-1] .lsg-carousel--full-width .lsg-carousel__actions,
7167
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__body,
7168
+ .lsg-themed-component--theme-1 .lsg-carousel--full-width .lsg-carousel__actions {
7169
+ display: none;
6919
7170
  }
6920
7171
  }
6921
7172
 
@@ -7363,6 +7614,102 @@
7363
7614
  .lsg-themed-component--theme-1 .cmp-vtba-form__field--tel button {
7364
7615
  border: 0px;
7365
7616
  }
7617
+ :root[data-lsg-theme=theme-1] .table-focus,
7618
+ .lsg-themed-component--theme-1 .table-focus {
7619
+ padding: 0;
7620
+ background: var(--lsg-color-white);
7621
+ border-radius: 0;
7622
+ }
7623
+ :root[data-lsg-theme=theme-1] .table-focus table,
7624
+ .lsg-themed-component--theme-1 .table-focus table {
7625
+ min-width: 360px;
7626
+ }
7627
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:first-child > td,
7628
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:first-child > th,
7629
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:first-child > td,
7630
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:first-child > th {
7631
+ height: 43px;
7632
+ padding: 10px 14px;
7633
+ background: color-mix(in srgb, var(--lsg-table-background-color) 20%, transparent);
7634
+ border-top: 2px solid var(--lsg-table-background-color);
7635
+ border-right: 1px solid var(--lsg-color-white);
7636
+ color: var(--lsg-table-accent-color);
7637
+ font-size: 14.5px;
7638
+ font-weight: var(--lsg-font-weight-semibold);
7639
+ line-height: 1.6;
7640
+ }
7641
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:first-child > :last-child,
7642
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:first-child > :last-child {
7643
+ border-right: 0;
7644
+ }
7645
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:not(:first-child) > td,
7646
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:not(:first-child) > th,
7647
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:not(:first-child) > td,
7648
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:not(:first-child) > th {
7649
+ height: 34px;
7650
+ padding: 10px 14px;
7651
+ background: var(--lsg-color-white);
7652
+ border-right: 1px solid var(--lsg-color-light);
7653
+ border-bottom: 1px solid var(--lsg-color-light);
7654
+ color: var(--lsg-table-accent-color);
7655
+ font-size: 12px;
7656
+ font-weight: var(--lsg-font-weight-regular);
7657
+ line-height: 1.2;
7658
+ }
7659
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:not(:first-child) > :first-child,
7660
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:not(:first-child) > :first-child {
7661
+ width: 160px;
7662
+ min-width: 160px;
7663
+ border-left: 1px solid var(--lsg-color-light);
7664
+ font-weight: var(--lsg-font-weight-semibold);
7665
+ text-transform: uppercase;
7666
+ }
7667
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:first-child > :first-child,
7668
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:first-child > :first-child {
7669
+ min-width: 160px;
7670
+ }
7671
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr > :not(:first-child),
7672
+ .lsg-themed-component--theme-1 .table-focus tbody > tr > :not(:first-child) {
7673
+ min-width: 100px;
7674
+ }
7675
+ @media (min-width: 768px) {
7676
+ :root[data-lsg-theme=theme-1] .table-focus table,
7677
+ .lsg-themed-component--theme-1 .table-focus table {
7678
+ min-width: 800px;
7679
+ }
7680
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:first-child > td,
7681
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:first-child > th,
7682
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:not(:first-child) > td,
7683
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:not(:first-child) > th,
7684
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:first-child > td,
7685
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:first-child > th,
7686
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:not(:first-child) > td,
7687
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:not(:first-child) > th {
7688
+ height: 75px;
7689
+ min-width: 200px;
7690
+ width: auto;
7691
+ padding: 10px 14px;
7692
+ }
7693
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:first-child > td,
7694
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:first-child > th,
7695
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:first-child > td,
7696
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:first-child > th {
7697
+ font-size: var(--lsg-size-H5);
7698
+ line-height: 1.2;
7699
+ }
7700
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:not(:first-child) > td,
7701
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:not(:first-child) > th,
7702
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:not(:first-child) > td,
7703
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:not(:first-child) > th {
7704
+ font-size: var(--lsg-size-body);
7705
+ line-height: 1.5;
7706
+ }
7707
+ :root[data-lsg-theme=theme-1] .table-focus tbody > tr:not(:first-child) > :first-child,
7708
+ .lsg-themed-component--theme-1 .table-focus tbody > tr:not(:first-child) > :first-child {
7709
+ font-size: var(--lsg-size-Pretitle);
7710
+ line-height: 1.2;
7711
+ }
7712
+ }
7366
7713
 
7367
7714
  :root {
7368
7715
  --lsg-color-primary: #14532d;