@digital-b2c/coreui-kit 0.2.2 → 0.3.0

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.
package/dist/index.css CHANGED
@@ -544,6 +544,7 @@ a:hover {
544
544
  .InfoCard_module_info-card .InfoCard_module_header {
545
545
  display: flex;
546
546
  flex-direction: row;
547
+ align-items: center;
547
548
  gap: var(--spacing-md);
548
549
  color: var(--color-black);
549
550
  }
@@ -614,10 +615,16 @@ a:hover {
614
615
  /* src/components/primitives/Container/Container.module.scss */
615
616
  .Container_module_container {
616
617
  width: 100%;
617
- max-width: 1280px;
618
+ max-width: 1312px;
618
619
  overflow: visible;
619
620
  margin: 0 auto;
620
621
  position: relative;
622
+ padding: var(--spacing-3xl) var(--spacing-md);
623
+ }
624
+ @media (max-width: 768px) {
625
+ .Container_module_container {
626
+ padding: var(--spacing-lg) var(--spacing-md);
627
+ }
621
628
  }
622
629
 
623
630
  /* src/components/PracticeCard/PracticeCard.module.scss */
@@ -707,7 +714,7 @@ a:hover {
707
714
  .CardCollection_module_card-collection {
708
715
  display: block;
709
716
  width: 100%;
710
- padding: var(--spacing-3xl) var(--spacing-7xl);
717
+ background-color: var(--color-white);
711
718
  }
712
719
  .CardCollection_module_card-collection h2 {
713
720
  color: var(--color-black);
@@ -741,9 +748,50 @@ a:hover {
741
748
 
742
749
  /* src/widgets/ContactModule/ContactModule.module.scss */
743
750
  .ContactModule_module_contact-module {
744
- width: 100%;
745
751
  display: block;
752
+ width: 100%;
753
+ background-color: var(--color-white);
746
754
  padding-top: 96px;
755
+ position: relative;
756
+ }
757
+ .ContactModule_module_contact-module .ContactModule_module_blur {
758
+ z-index: 2;
759
+ opacity: 1;
760
+ transition: opacity 0.2s ease;
761
+ position: absolute;
762
+ inset: 0;
763
+ backdrop-filter: blur(4px);
764
+ mask-image:
765
+ radial-gradient(
766
+ ellipse at 50% 90%,
767
+ rgb(0, 0, 0) 50%,
768
+ rgba(0, 0, 0, 0) 100%);
769
+ -webkit-mask-image:
770
+ radial-gradient(
771
+ ellipse at 50% 90%,
772
+ rgb(0, 0, 0) 50%,
773
+ rgba(0, 0, 0, 0) 100%);
774
+ }
775
+ .ContactModule_module_contact-module .ContactModule_module_blur--hidden {
776
+ opacity: 0;
777
+ }
778
+ @media (max-width: 768px) {
779
+ .ContactModule_module_contact-module .ContactModule_module_blur {
780
+ mask-image:
781
+ radial-gradient(
782
+ circle at 50% 12%,
783
+ rgba(0, 0, 0, 0) 0%,
784
+ rgb(0, 0, 0) 25%);
785
+ -webkit-mask-image:
786
+ radial-gradient(
787
+ circle at 50% 12%,
788
+ rgba(0, 0, 0, 0) 0%,
789
+ rgb(0, 0, 0) 25%);
790
+ }
791
+ }
792
+ .ContactModule_module_contact-module .ContactModule_module_container {
793
+ padding: 0;
794
+ z-index: 1;
747
795
  }
748
796
  .ContactModule_module_contact-module .ContactModule_module_container,
749
797
  .ContactModule_module_contact-module .ContactModule_module_wrapper,
@@ -788,6 +836,9 @@ a:hover {
788
836
  max-width: 75%;
789
837
  }
790
838
  }
839
+ .ContactModule_module_contact-module .ContactModule_module_subtitle {
840
+ max-width: 500px;
841
+ }
791
842
  @media (max-width: 768px) {
792
843
  .ContactModule_module_contact-module .ContactModule_module_image {
793
844
  max-width: 80%;
@@ -935,6 +986,7 @@ a:hover {
935
986
 
936
987
  /* src/widgets/MiniBanner/MiniBanner.module.scss */
937
988
  .MiniBanner_module_minibanner {
989
+ display: block;
938
990
  width: 100%;
939
991
  background-color: #f3f3f3;
940
992
  min-height: 192px;
@@ -960,13 +1012,10 @@ a:hover {
960
1012
  align-items: center;
961
1013
  justify-content: center;
962
1014
  gap: var(--spacing-lg);
963
- padding: var(--spacing-3xl) 0;
964
1015
  z-index: 2;
965
1016
  }
966
- @media (max-width: 768px) {
967
- .MiniBanner_module_minibanner .MiniBanner_module_container {
968
- padding: var(--spacing-3xl) var(--spacing-md);
969
- }
1017
+ .MiniBanner_module_minibanner .MiniBanner_module_container * {
1018
+ max-width: 100%;
970
1019
  }
971
1020
  .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG {
972
1021
  color: var(--color-black);
@@ -983,14 +1032,22 @@ a:hover {
983
1032
 
984
1033
  /* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
985
1034
  .MiniSectionCta_module_miniSectionCta {
1035
+ display: block;
986
1036
  width: 100%;
1037
+ background-color: var(--color-white);
987
1038
  }
988
- .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_container {
1039
+ .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_wrapper {
989
1040
  display: flex;
990
1041
  flex-direction: row;
991
1042
  justify-content: space-between;
992
1043
  gap: var(--spacing-md);
993
- padding: var(--spacing-3xl) var(--spacing-7xl);
1044
+ padding: 0;
1045
+ }
1046
+ @media (max-width: 768px) {
1047
+ .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_wrapper {
1048
+ flex-direction: column;
1049
+ padding: var(--spacing-lg) var(--spacing-md);
1050
+ }
994
1051
  }
995
1052
  .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_col {
996
1053
  display: flex;
@@ -1001,7 +1058,7 @@ a:hover {
1001
1058
  color: var(--color-black);
1002
1059
  }
1003
1060
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
1004
- background: var(--color-black);
1061
+ background-color: var(--color-black);
1005
1062
  color: var(--color-white);
1006
1063
  }
1007
1064
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack h2 {
@@ -1010,6 +1067,11 @@ a:hover {
1010
1067
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack .subheading {
1011
1068
  color: #cecece;
1012
1069
  }
1070
+ @media (max-width: 768px) {
1071
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
1072
+ text-align: center;
1073
+ }
1074
+ }
1013
1075
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
1014
1076
  flex-direction: row;
1015
1077
  gap: 112px;
@@ -1018,24 +1080,7 @@ a:hover {
1018
1080
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout h2 {
1019
1081
  min-width: fit-content;
1020
1082
  }
1021
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_container {
1022
- flex-direction: column;
1023
- align-items: center;
1024
- }
1025
1083
  @media (max-width: 768px) {
1026
- .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_container {
1027
- flex-direction: column;
1028
- padding: var(--spacing-lg) var(--spacing-md);
1029
- }
1030
- .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
1031
- width: 100%;
1032
- }
1033
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
1034
- text-align: center;
1035
- }
1036
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorGrey {
1037
- text-align: center;
1038
- }
1039
1084
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
1040
1085
  flex-direction: column;
1041
1086
  gap: var(--spacing-md);
@@ -1046,6 +1091,18 @@ a:hover {
1046
1091
  font-weight: var(--font-weight-medium);
1047
1092
  line-height: var(--line-height-tight-1);
1048
1093
  }
1094
+ }
1095
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_wrapper {
1096
+ flex-direction: column;
1097
+ align-items: center;
1098
+ }
1099
+ @media (max-width: 768px) {
1100
+ .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
1101
+ width: 100%;
1102
+ }
1103
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorGrey {
1104
+ text-align: center;
1105
+ }
1049
1106
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_col {
1050
1107
  width: 100%;
1051
1108
  }
@@ -1055,12 +1112,7 @@ a:hover {
1055
1112
  .PracticePathCards_module_practice-path-cards {
1056
1113
  display: block;
1057
1114
  width: 100%;
1058
- padding: var(--spacing-3xl) 0;
1059
- }
1060
- @media (max-width: 768px) {
1061
- .PracticePathCards_module_practice-path-cards {
1062
- padding: var(--spacing-lg) var(--spacing-md);
1063
- }
1115
+ background-color: var(--color-white);
1064
1116
  }
1065
1117
  .PracticePathCards_module_practice-path-cards h2 {
1066
1118
  color: var(--color-black);
@@ -1116,7 +1168,9 @@ a:hover {
1116
1168
 
1117
1169
  /* src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss */
1118
1170
  .Teaser5050With3Text_module_teaser5050-3text {
1171
+ display: block;
1119
1172
  width: 100%;
1173
+ background-color: var(--color-white);
1120
1174
  }
1121
1175
  .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_container {
1122
1176
  display: flex;
@@ -1163,7 +1217,9 @@ a:hover {
1163
1217
 
1164
1218
  /* src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss */
1165
1219
  .Teaser5050WithCta_module_teaser5050 {
1220
+ display: block;
1166
1221
  width: 100%;
1222
+ background-color: var(--color-white);
1167
1223
  }
1168
1224
  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
1169
1225
  display: flex;
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/styles/tokens/_colors.scss","../src/styles/tokens/_typography.scss","../src/styles/base/_reset.scss","../src/styles/base/_globals.scss","../src/styles/base/_fonts.scss","../src/styles/base/_typography.scss","../src/styles/utilities/_mixins.scss","../src/components/Picture/Picture.module.scss","../src/styles/utilities/_mixins.scss","../src/components/Button/Button.module.scss","../src/components/BrandsStrip/BrandsStrip.module.scss","../src/components/Card/Card.module.scss","../src/components/CountingCard/CountingCard.module.scss","../src/components/InfoCard/InfoCard.module.scss","../src/components/Pagination/Pagination.module.scss","../src/components/primitives/Container/Container.module.scss","../src/components/PracticeCard/PracticeCard.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/CardCollection/CardCollection.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/ContactModule/ContactModule.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/HeroBanner/HeroBanner.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/MiniBanner/MiniBanner.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/MiniSectionCta/MiniSectionCta.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/PracticePathCards/PracticePathCards.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss","../src/styles/utilities/_mixins.scss"],"sourcesContent":["/* Neutral palette */\r\n$color-neutral-0: #ffffff;\r\n$color-neutral-900: #000000;\r\n$color-neutral-800: #080808;\r\n$color-neutral-700: #4d4d4d;\r\n$color-neutral-300: #cec3c3;\r\n$color-neutral-200: #f1f1f1;\r\n\r\n/* General palette */\r\n$color-blue: #0035ba;\r\n\r\n/* Gradient palette */\r\n$color-gradient-black: radial-gradient(\r\n 98.36% 208.67% at 2.71% 100%,\r\n #000000 0%,\r\n #171717 57.8%,\r\n #1a1a1a 99.99%\r\n);\r\n$color-gradient-graytowhite: linear-gradient(360deg, #ffffff 0%, #f3f3f3 100%);\r\n$color-gradient-white:\r\n linear-gradient(89.48deg, rgba(255, 255, 255, 0.25) -2.75%, rgba(153, 153, 153, 0) 187.82%),\r\n linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\r\n\r\n/* Brand palette */\r\n$color-lenscrafter-blue: #192c50;\r\n$color-lenscrafter-desctext: #475673;\r\n\r\n$color-foreyes-brown: #ad634a;\r\n$color-foreyes-icontext: #a52e0d;\r\n$color-foreyes-desctext: #884634;\r\n\r\n$color-targetoptical-red: #d71b32;\r\n$color-targetoptical-icontext: #65131d;\r\n$color-targetoptical-desctext: #84424a;\r\n\r\n$color-pearlevision-green: #5c9541;\r\n$color-pearlevision-icontext: #19300e;\r\n$color-pearlevision-desctext: #47593e;\r\n","/* Font Families */\r\n$font-family-primary: 'Instrument Sans', sans-serif;\r\n\r\n/* Font Weights */\r\n$font-weight-regular: 400;\r\n$font-weight-medium: 500;\r\n$font-weight-bold: 600;\r\n\r\n/* Font Sizes (8pt system aligned) */\r\n$font-size-xs: 0.75rem; // 12px\r\n$font-size-sm: 0.875rem; // 14px\r\n$font-size-md: 1rem; // 16px\r\n$font-size-lg: 1.25rem; // 20px\r\n$font-size-xl: 1.5rem; // 24px\r\n$font-size-2xl: 2rem; // 32px\r\n$font-size-3xl: 2.25rem; // 40px\r\n$font-size-4xl: 2.5rem; // 48px\r\n\r\n/* Line Heights */\r\n$line-height-normal: 1.5;\r\n$line-height-tight-1: 1.4;\r\n$line-height-tight-2: 1.33;\r\n$line-height-tight-3: 1.25;\r\n$line-height-tight-4: 1.2;\r\n$line-height-tight-5: 1.17;\r\n","*,\r\n*::before,\r\n*::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n font-size: 16px;\r\n color-scheme: light dark;\r\n -webkit-font-smoothing: antialiased;\r\n -webkit-text-size-adjust: none;\r\n text-size-adjust: none;\r\n}\r\n","@use '../tokens/colors' as *;\r\n@use '../tokens/spacing' as *;\r\n@use '../tokens/typography' as *;\r\n\r\n:root {\r\n /* Color Palette */\r\n --color-white: #{$color-neutral-0};\r\n --color-black: #{$color-neutral-800};\r\n --color-gray: #{$color-neutral-700};\r\n --color-light-gray: #{$color-neutral-300};\r\n --color-link: #{$color-blue};\r\n --color-darkerbg: #{$color-neutral-200};\r\n\r\n --color-gradient-black: #{$color-gradient-black};\r\n --color-gradient-graytowhite: #{$color-gradient-graytowhite};\r\n --color-gradient-white: #{$color-gradient-white};\r\n\r\n --color-lenscrafter-blue: #{$color-lenscrafter-blue};\r\n --color-lenscrafter-desctext: #{$color-lenscrafter-desctext};\r\n\r\n --color-foreyes-brown: #{$color-foreyes-brown};\r\n --color-foreyes-icontext: #{$color-foreyes-icontext};\r\n --color-foreyes-desctext: #{$color-foreyes-desctext};\r\n\r\n --color-targetoptical-red: #{$color-targetoptical-red};\r\n --color-targetoptical-icontext: #{$color-targetoptical-icontext};\r\n --color-targetoptical-desctext: #{$color-targetoptical-desctext};\r\n\r\n --color-pearlevision-green: #{$color-pearlevision-green};\r\n --color-pearlevision-icontext: #{$color-pearlevision-icontext};\r\n --color-pearlevision-desctext: #{$color-pearlevision-desctext};\r\n\r\n /* Spacing */\r\n --spacing-sm: #{$space-sm};\r\n --spacing-md: #{$space-md};\r\n --spacing-lg: #{$space-lg};\r\n --spacing-xl: #{$space-xl};\r\n --spacing-2xl: #{$space-2xl};\r\n --spacing-3xl: #{$space-3xl};\r\n --spacing-4xl: #{$space-4xl};\r\n --spacing-5xl: #{$space-5xl};\r\n --spacing-6xl: #{$space-6xl};\r\n --spacing-7xl: #{$space-7xl};\r\n\r\n /* Typography */\r\n --font-family-primary: #{$font-family-primary};\r\n\r\n --font-weight-regular: #{$font-weight-regular};\r\n --font-weight-medium: #{$font-weight-medium};\r\n --font-weight-bold: #{$font-weight-bold};\r\n\r\n --font-size-xs: #{$font-size-xs};\r\n --font-size-sm: #{$font-size-sm};\r\n --font-size-md: #{$font-size-md};\r\n --font-size-lg: #{$font-size-lg};\r\n --font-size-xl: #{$font-size-xl};\r\n --font-size-2xl: #{$font-size-2xl};\r\n --font-size-3xl: #{$font-size-3xl};\r\n --font-size-4xl: #{$font-size-4xl};\r\n\r\n --line-height-normal: #{$line-height-normal};\r\n --line-height-tight-1: #{$line-height-tight-1};\r\n --line-height-tight-2: #{$line-height-tight-2};\r\n --line-height-tight-3: #{$line-height-tight-3};\r\n --line-height-tight-4: #{$line-height-tight-4};\r\n --line-height-tight-5: #{$line-height-tight-5};\r\n}\r\n","@font-face {\n font-family: 'Instrument Sans';\n font-weight: 400 700;\n font-style: normal;\n font-display: swap;\n src: url('@assets/fonts/instrument-sans.woff2') format('woff2');\n}\n","@use '../tokens/typography' as *;\r\n@use '../tokens/colors' as *;\r\n@use '../utilities/mixins' as *;\r\n\r\nhtml,\r\nbody {\r\n font-family: $font-family-primary;\r\n font-size: $font-size-md;\r\n font-weight: $font-weight-medium;\r\n line-height: $line-height-normal;\r\n color: $color-neutral-700;\r\n}\r\n\r\nh1,\r\n.h1 {\r\n font-size: $font-size-4xl;\r\n font-weight: $font-weight-bold;\r\n line-height: $line-height-tight-5;\r\n\r\n @include respond(md) {\r\n font-size: $font-size-2xl;\r\n }\r\n}\r\n\r\nh2,\r\n.h2 {\r\n font-size: $font-size-3xl;\r\n font-weight: $font-weight-bold;\r\n line-height: $line-height-tight-4;\r\n\r\n @include respond(md) {\r\n font-size: $font-size-xl;\r\n }\r\n}\r\n\r\nh3,\r\n.h3 {\r\n font-size: $font-size-2xl;\r\n font-weight: $font-weight-bold;\r\n line-height: $line-height-tight-3;\r\n\r\n @include respond(md) {\r\n font-size: $font-size-lg;\r\n }\r\n}\r\n\r\nh4,\r\n.h4 {\r\n font-size: $font-size-xl;\r\n font-weight: $font-weight-bold;\r\n line-height: $line-height-tight-2;\r\n\r\n @include respond(md) {\r\n font-size: 18px;\r\n }\r\n}\r\n\r\n.subheading {\r\n font-size: $font-size-lg;\r\n font-weight: $font-weight-medium;\r\n line-height: $line-height-tight-1;\r\n\r\n @include respond(md) {\r\n font-size: 18px;\r\n }\r\n}\r\n\r\np,\r\n.body {\r\n font-size: $font-size-md;\r\n font-weight: $font-weight-medium;\r\n line-height: $line-height-normal;\r\n}\r\n\r\nsmall,\r\n.small {\r\n font-size: $font-size-sm;\r\n font-weight: $font-weight-medium;\r\n line-height: $line-height-normal;\r\n}\r\n\r\n.smallest {\r\n font-size: $font-size-xs;\r\n font-weight: $font-weight-medium;\r\n line-height: $line-height-normal;\r\n}\r\n\r\na {\r\n color: var(--color-link);\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.image-desktop {\r\n display: block;\r\n\r\n @include mixins.respond(md) {\r\n display: none;\r\n }\r\n}\r\n\r\n.image-mobile {\r\n display: none;\r\n\r\n @include mixins.respond(md) {\r\n display: block;\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n",".button {\r\n width: fit-content;\r\n overflow: hidden;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: var(--spacing-sm);\r\n padding: var(--spacing-md);\r\n text-align: center;\r\n white-space: nowrap;\r\n text-decoration: none;\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n border: 1px solid var(--color-white);\r\n background: #ffffff00;\r\n font-family: var(--font-family-primary);\r\n font-size: var(--font-size-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--line-height-normal);\r\n letter-spacing: -0.5%;\r\n position: relative;\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n background: #ffffff33;\r\n }\r\n\r\n &:active {\r\n background: #ffffff4d;\r\n }\r\n\r\n &.fullWidth {\r\n width: 100%;\r\n }\r\n\r\n &.primary {\r\n color: var(--color-white);\r\n background: radial-gradient(95.69% 410.59% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\r\n border: 1px solid #000000;\r\n\r\n &:hover {\r\n background:\r\n linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)),\r\n radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\r\n }\r\n\r\n &:active {\r\n background: #0e0e0e;\r\n }\r\n\r\n &:focus {\r\n background:\r\n linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)),\r\n radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.secondary {\r\n color: var(--color-black);\r\n background: var(--color-white);\r\n border: 1px solid #c2c2c2;\r\n\r\n &:hover {\r\n background: #eeeeee;\r\n }\r\n\r\n &:active {\r\n background: #e3e3e3;\r\n }\r\n\r\n &:focus {\r\n background: #eeeeee;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.ghost {\r\n color: var(--color-black);\r\n background: var(--color-white);\r\n border: none;\r\n\r\n &:hover {\r\n background: #eeeeee;\r\n }\r\n\r\n &:active {\r\n background: #c3c3c3;\r\n }\r\n\r\n &:focus {\r\n background: #eeeeee;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.nofill {\r\n color: var(--color-white);\r\n background: transparent;\r\n border: none;\r\n\r\n &:hover {\r\n background: #ffffff33;\r\n }\r\n\r\n &:active {\r\n background: #ffffff4d;\r\n }\r\n\r\n &:focus {\r\n background: #ffffff33;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.nofillblack {\r\n color: var(--color-black);\r\n background: transparent;\r\n border: none;\r\n\r\n &:hover {\r\n background: #e5e5e580;\r\n }\r\n\r\n &:active {\r\n background: #cbcbcb80;\r\n }\r\n\r\n &:focus {\r\n background: #e5e5e580;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.grey {\r\n color: var(--color-white);\r\n background: transparent;\r\n border: 1px solid #949494;\r\n\r\n &:hover {\r\n background: #ffffff33;\r\n }\r\n\r\n &:active {\r\n background: #5d5d5de6;\r\n }\r\n\r\n &:focus {\r\n background: #ffffff33;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.shiny {\r\n color: var(--color-white);\r\n background: transparent;\r\n border: none;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n padding: 2px;\r\n background: linear-gradient(var(--angle), #ffffff, rgba(153, 153, 153, 0.39));\r\n border-radius: inherit;\r\n animation: rotateGradient 2s ease-in infinite;\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n pointer-events: none;\r\n }\r\n\r\n &:hover {\r\n background: #ffffff33;\r\n }\r\n\r\n &:focus {\r\n background: transparent;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n .icon,\r\n .logo {\r\n width: 24px;\r\n height: 24px;\r\n object-fit: contain;\r\n }\r\n}\r\n\r\n@property --angle {\r\n syntax: '<angle>';\r\n initial-value: 0deg;\r\n inherits: false;\r\n}\r\n\r\n@keyframes rotateGradient {\r\n from {\r\n --angle: 0deg;\r\n }\r\n\r\n to {\r\n --angle: 360deg;\r\n }\r\n}\r\n",".brandsStrip {\r\n display: flex;\r\n height: 116px;\r\n padding: 16px;\r\n position: relative;\r\n overflow: hidden;\r\n\r\n &.light {\r\n background: linear-gradient(\r\n 89.48deg,\r\n rgba(255, 255, 255, 0.25) -2.75%,\r\n rgba(153, 153, 153, 0) 187.82%\r\n );\r\n backdrop-filter: blur(7.45513px);\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n padding: 0.75px;\r\n border: 0.75px solid;\r\n background: linear-gradient(\r\n 89.06deg,\r\n rgba(153, 153, 153, 0.39) -2.28%,\r\n rgba(255, 255, 255, 0.39) 101.91%\r\n );\r\n mask:\r\n linear-gradient(#fff 0 0) content-box,\r\n linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n &.dark {\r\n background-color: var(--color-black);\r\n }\r\n\r\n &.small {\r\n height: 80px;\r\n\r\n .logoWrapper {\r\n height: 49px;\r\n width: 183px;\r\n }\r\n }\r\n\r\n .container {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 16px;\r\n width: 100%;\r\n height: 100%;\r\n transition: filter 0.3s ease;\r\n\r\n .title {\r\n color: var(--color-white);\r\n }\r\n\r\n &.blurred {\r\n filter: blur(15px);\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .logos {\r\n display: flex;\r\n gap: 120px;\r\n\r\n &.marquee {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n\r\n .logoWrapper {\r\n --marquee-duration: 8s;\r\n --marquee-item-width: 258px;\r\n --marquee-gap: 120px;\r\n --total-distance: calc(\r\n (var(--marquee-item-width) + var(--marquee-gap)) * var(--total-items)\r\n );\r\n\r\n position: absolute;\r\n inset-inline-start: 100%;\r\n width: var(--marquee-item-width);\r\n\r\n animation: scrollIndividual var(--marquee-duration) linear infinite;\r\n animation-delay: calc(\r\n (var(--marquee-duration) / var(--total-items)) * var(--item-index) * -1\r\n );\r\n\r\n &.paused {\r\n animation-play-state: paused;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .logoWrapper {\r\n flex-shrink: 0;\r\n height: 69px;\r\n width: 260px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .logo {\r\n width: 100%;\r\n height: auto;\r\n object-fit: contain;\r\n }\r\n }\r\n\r\n .cta {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 10;\r\n max-width: 295px;\r\n }\r\n}\r\n\r\n@keyframes scrollIndividual {\r\n to {\r\n transform: translateX(calc(var(--total-distance) * -1));\r\n }\r\n}\r\n",".card {\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 8px;\r\n padding: var(--spacing-xl);\r\n gap: var(--spacing-2xl);\r\n background: var(--color-gradient-black);\r\n min-width: 308px;\r\n\r\n h3 {\r\n color: var(--color-white);\r\n }\r\n\r\n p {\r\n color: #cecece;\r\n }\r\n}\r\n",".counting-card {\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 16px;\r\n padding: var(--spacing-md) var(--spacing-lg);\r\n gap: var(--spacing-xl);\r\n background: var(--color-gradient-black);\r\n width: 314px;\r\n color: var(--color-white);\r\n\r\n .count::after {\r\n content: '+';\r\n }\r\n\r\n .logo {\r\n max-height: 67px;\r\n filter: brightness(0) invert(1);\r\n }\r\n}\r\n",".info-card {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: var(--spacing-lg);\r\n gap: var(--spacing-md);\r\n\r\n .header {\r\n display: flex;\r\n flex-direction: row;\r\n gap: var(--spacing-md);\r\n color: var(--color-black);\r\n }\r\n\r\n .badge {\r\n border-radius: 50%;\r\n color: var(--color-white);\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: #cecece;\r\n }\r\n\r\n &.hasIcon .header {\r\n color: var(--color-lenscrafter-blue);\r\n }\r\n}\r\n",".pagination {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 11px;\r\n padding: 5px;\r\n align-items: center;\r\n\r\n .next,\r\n .prev {\r\n padding: 0;\r\n border: none;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n width: 40px;\r\n height: 40px;\r\n cursor: pointer;\r\n background: none;\r\n\r\n path {\r\n fill: var(--color-black);\r\n }\r\n }\r\n\r\n .pages {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 4px;\r\n width: max-content;\r\n }\r\n\r\n .page {\r\n padding: 0;\r\n margin: 0;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: none;\r\n border: 1px solid var(--color-light-gray);\r\n transition: width 0.3s;\r\n cursor: pointer;\r\n\r\n &.active {\r\n width: 40px;\r\n border: none;\r\n border-radius: 16px;\r\n background-color: var(--color-black);\r\n }\r\n\r\n &.number.active {\r\n width: 28px;\r\n }\r\n }\r\n}\r\n",".container {\r\n width: 100%;\r\n max-width: 1280px;\r\n overflow: visible;\r\n margin: 0 auto;\r\n position: relative;\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.practice-card {\r\n color: var(--color-white);\r\n position: relative;\r\n max-width: 426px;\r\n height: 521px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n\r\n .wrapper {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .background {\r\n object-fit: cover;\r\n position: absolute;\r\n z-index: 1;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .container {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n width: 100%;\r\n height: 100%;\r\n padding: var(--spacing-lg);\r\n\r\n @include mixins.respond(md) {\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: var(--spacing-md);\r\n }\r\n }\r\n\r\n .title {\r\n max-width: 196px;\r\n\r\n @include mixins.respond(md) {\r\n max-width: 146px;\r\n font-size: var(--font-size-xl);\r\n line-height: var(--line-height-tight-4);\r\n }\r\n }\r\n\r\n .cta {\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n\r\n .ctaRest {\r\n position: absolute;\r\n opacity: 1;\r\n transition:\r\n opacity 0.2s ease,\r\n transform 0.2s ease;\r\n }\r\n\r\n .ctaHover {\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n }\r\n\r\n &:hover {\r\n .background {\r\n transform: scale(1.08);\r\n }\r\n\r\n .ctaRest {\r\n opacity: 0;\r\n transform: rotate(-45deg);\r\n }\r\n\r\n .ctaHover {\r\n opacity: 1;\r\n transition-delay: 0.1s;\r\n }\r\n }\r\n\r\n @include mixins.respond(md) {\r\n width: 100%;\r\n max-width: unset;\r\n height: 140px;\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.card-collection {\r\n display: block;\r\n width: 100%;\r\n padding: var(--spacing-3xl) var(--spacing-7xl);\r\n\r\n h2 {\r\n color: var(--color-black);\r\n margin-bottom: var(--spacing-sm);\r\n }\r\n\r\n .content {\r\n margin-bottom: var(--spacing-xl);\r\n }\r\n\r\n .wrapper {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: var(--spacing-md);\r\n }\r\n\r\n &.threeCols .wrapper {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n &.examCard .wrapper {\r\n grid-template-columns: repeat(auto-fit, minmax(314px, 1fr));\r\n }\r\n\r\n @include mixins.respond(md) {\r\n padding: var(--spacing-lg);\r\n\r\n .wrapper {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n &.threeCols .wrapper {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.contact-module {\r\n width: 100%;\r\n display: block;\r\n padding-top: 96px;\r\n\r\n .container,\r\n .wrapper,\r\n .content,\r\n .cta-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .cta-wrapper {\r\n flex-direction: row;\r\n justify-content: center;\r\n gap: var(--spacing-sm);\r\n\r\n @include mixins.respond(md) {\r\n flex-direction: column-reverse;\r\n\r\n .cta {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n\r\n .wrapper {\r\n gap: var(--spacing-lg);\r\n padding: 0 var(--spacing-md);\r\n }\r\n\r\n .content {\r\n gap: var(--spacing-sm);\r\n text-align: center;\r\n\r\n @include mixins.respond(md) {\r\n max-width: 80%;\r\n }\r\n }\r\n\r\n .title {\r\n color: var(--color-black);\r\n\r\n @include mixins.respond(md) {\r\n max-width: 75%;\r\n }\r\n }\r\n\r\n .image {\r\n @include mixins.respond(md) {\r\n max-width: 80%;\r\n margin-top: -14px;\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.heroBanner {\r\n width: 100%;\r\n position: relative;\r\n\r\n &.mainHeroBanner {\r\n background-color: #f3f3f3;\r\n padding: 48px 80px 0 80px;\r\n\r\n .container {\r\n max-width: 1280px;\r\n height: calc(100dvh - (64px + 48px));\r\n margin: 0 auto;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n &.bannerPodcast {\r\n .container {\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100dvh;\r\n padding: var(--spacing-7xl);\r\n gap: 64px;\r\n\r\n .banner {\r\n padding: 0;\r\n justify-content: center;\r\n\r\n .text {\r\n .title {\r\n color: var(--color-black);\r\n }\r\n\r\n .subtitle {\r\n color: var(--color-gray);\r\n }\r\n }\r\n }\r\n\r\n .logoWrapper {\r\n z-index: 2;\r\n\r\n .logo {\r\n object-fit: contain;\r\n max-width: 466px;\r\n }\r\n }\r\n\r\n .horizontalGradient {\r\n display: flex;\r\n height: 8px;\r\n\r\n .lensCrafters {\r\n background-color: var(--color-lenscrafter-blue);\r\n }\r\n\r\n .forEyes {\r\n background-color: var(--color-foreyes-brown);\r\n }\r\n\r\n .optical {\r\n background-color: var(--color-targetoptical-red);\r\n }\r\n\r\n .pearleVision {\r\n background-color: var(--color-pearlevision-green);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .container {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: end;\r\n height: calc(100dvh - 64px);\r\n\r\n .banner {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: end;\r\n width: 100%;\r\n max-width: 661px;\r\n height: 100%;\r\n gap: var(--spacing-lg);\r\n padding: var(--spacing-7xl);\r\n z-index: 2;\r\n\r\n .text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-sm);\r\n color: var(--color-white);\r\n }\r\n\r\n .ctaContainer {\r\n display: flex;\r\n gap: var(--spacing-sm);\r\n }\r\n }\r\n\r\n .brandsStrip {\r\n z-index: 3;\r\n }\r\n\r\n .backgroundImage {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 1;\r\n }\r\n }\r\n\r\n .scrollDown {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n height: 64px;\r\n\r\n .arrow {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n }\r\n\r\n @include mixins.respond(md) {\r\n &.mainHeroBanner {\r\n padding: 24px 16px;\r\n\r\n .container {\r\n height: calc(100dvh - (64px + 24px));\r\n }\r\n }\r\n\r\n &.bannerPodcast {\r\n .container {\r\n flex-direction: column;\r\n padding: 24px 16px;\r\n gap: 32px;\r\n\r\n .banner {\r\n order: 2;\r\n height: unset;\r\n }\r\n\r\n .logoWrapper {\r\n order: 1;\r\n\r\n .logo {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .container {\r\n .banner {\r\n padding: var(--spacing-lg) var(--spacing-md);\r\n\r\n .ctaContainer {\r\n flex-direction: column;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.minibanner {\r\n width: 100%;\r\n background-color: #f3f3f3;\r\n min-height: 192px;\r\n position: relative;\r\n color: var(--color-white);\r\n text-align: center;\r\n\r\n :global(.h1) {\r\n font-weight: 400;\r\n }\r\n\r\n .background {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 1;\r\n }\r\n\r\n .container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: var(--spacing-lg);\r\n padding: var(--spacing-3xl) 0;\r\n z-index: 2;\r\n\r\n @include mixins.respond(md) {\r\n padding: var(--spacing-3xl) var(--spacing-md);\r\n }\r\n }\r\n\r\n &.miniBannerNoBG {\r\n color: var(--color-black);\r\n\r\n .container {\r\n gap: var(--spacing-lg);\r\n padding: var(--spacing-5xl) 0;\r\n\r\n @include mixins.respond(md) {\r\n padding: var(--spacing-5xl) var(--spacing-md);\r\n }\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.miniSectionCta {\r\n width: 100%;\r\n\r\n .container {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n gap: var(--spacing-md);\r\n padding: var(--spacing-3xl) var(--spacing-7xl);\r\n }\r\n\r\n .col {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n h2 {\r\n color: var(--color-black);\r\n }\r\n\r\n &.BgColorBlack {\r\n background: var(--color-black);\r\n color: var(--color-white);\r\n\r\n h2 {\r\n color: var(--color-white);\r\n }\r\n\r\n :global(.subheading) {\r\n color: #cecece;\r\n }\r\n }\r\n\r\n &.infoCallout {\r\n .col {\r\n flex-direction: row;\r\n gap: 112px;\r\n align-items: center;\r\n }\r\n\r\n h2 {\r\n min-width: fit-content;\r\n }\r\n }\r\n\r\n &.miniTextCenterCta .container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n @include mixins.respond(md) {\r\n .container {\r\n flex-direction: column;\r\n padding: var(--spacing-lg) var(--spacing-md);\r\n }\r\n\r\n .cta {\r\n width: 100%;\r\n }\r\n\r\n &.BgColorBlack {\r\n text-align: center;\r\n }\r\n\r\n &.BgColorGrey {\r\n text-align: center;\r\n }\r\n\r\n &.infoCallout {\r\n .col {\r\n flex-direction: column;\r\n gap: var(--spacing-md);\r\n align-items: flex-start;\r\n }\r\n\r\n .subtitle {\r\n font-size: var(--font-size-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--line-height-tight-1);\r\n }\r\n }\r\n\r\n &.miniTextCenterCta .col {\r\n width: 100%;\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.practice-path-cards {\r\n display: block;\r\n width: 100%;\r\n padding: var(--spacing-3xl) 0;\r\n\r\n @include mixins.respond(md) {\r\n padding: var(--spacing-lg) var(--spacing-md);\r\n }\r\n\r\n h2 {\r\n color: var(--color-black);\r\n }\r\n\r\n .container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n .wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: var(--spacing-xl);\r\n\r\n @include mixins.respond(md) {\r\n flex-direction: column;\r\n\r\n .ctaWrapper {\r\n width: 100%;\r\n padding: 0 var(--spacing-lg);\r\n\r\n .cta {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-sm);\r\n }\r\n\r\n .cards {\r\n display: flex;\r\n flex-direction: row;\r\n overflow: hidden;\r\n border-radius: 16px;\r\n justify-content: center;\r\n\r\n @include mixins.respond(md) {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n .card {\r\n width: 33.333%;\r\n\r\n @include mixins.respond(md) {\r\n width: 100%;\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.teaser5050-3text {\r\n width: 100%;\r\n\r\n .container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n .content {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n &.right .content {\r\n flex-direction: row-reverse;\r\n }\r\n\r\n .title {\r\n color: var(--color-black);\r\n }\r\n .image {\r\n width: 50%;\r\n border-radius: 16px;\r\n }\r\n\r\n @include mixins.respond(md) {\r\n .container {\r\n padding: var(--spacing-lg) var(--spacing-md);\r\n gap: 0;\r\n }\r\n\r\n &.right .container {\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n .content {\r\n flex-direction: column;\r\n }\r\n\r\n &.right .content {\r\n flex-direction: column-reverse;\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n .image {\r\n width: 100%;\r\n padding: 0;\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.teaser5050 {\r\n width: 100%;\r\n\r\n .container {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n &.right .container {\r\n flex-direction: row-reverse;\r\n }\r\n\r\n .wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-md);\r\n padding: 0 var(--spacing-5xl);\r\n width: 50%;\r\n }\r\n\r\n .title {\r\n color: var(--color-black);\r\n }\r\n\r\n .image {\r\n width: 50%;\r\n border-radius: 16px;\r\n }\r\n\r\n @include mixins.respond(md) {\r\n .container {\r\n flex-direction: column-reverse;\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n &.right .container {\r\n flex-direction: column-reverse;\r\n }\r\n\r\n .wrapper,\r\n .image {\r\n width: 100%;\r\n padding: 0;\r\n }\r\n\r\n .cta {\r\n width: 100%;\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n"],"mappings":"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","names":["image-desktop","image-mobile","button","fullWidth","primary","secondary","ghost","nofill","nofillblack","grey","shiny","icon","logo","rotateGradient","brandsStrip","light","dark","small","logoWrapper","container","title","blurred","logos","marquee","paused","logo","cta","scrollIndividual","card","counting-card","count","logo","info-card","header","badge","hasIcon","pagination","next","prev","pages","page","active","number","container","practice-card","wrapper","background","container","title","cta","ctaRest","ctaHover","card-collection","content","wrapper","threeCols","examCard","contact-module","container","wrapper","content","cta-wrapper","cta","title","image","heroBanner","mainHeroBanner","container","bannerPodcast","banner","text","title","subtitle","logoWrapper","logo","horizontalGradient","lensCrafters","forEyes","optical","pearleVision","ctaContainer","brandsStrip","backgroundImage","scrollDown","arrow","minibanner","background","container","miniBannerNoBG","miniSectionCta","container","col","BgColorBlack","infoCallout","miniTextCenterCta","cta","BgColorGrey","subtitle","practice-path-cards","container","wrapper","ctaWrapper","cta","content","cards","card","teaser5050-3text","container","content","right","title","image","teaser5050","container","right","wrapper","title","image","cta"]}
1
+ {"version":3,"sources":["../src/styles/tokens/_colors.scss","../src/styles/tokens/_typography.scss","../src/styles/base/_reset.scss","../src/styles/base/_globals.scss","../src/styles/base/_fonts.scss","../src/styles/base/_typography.scss","../src/styles/utilities/_mixins.scss","../src/components/Picture/Picture.module.scss","../src/styles/utilities/_mixins.scss","../src/components/Button/Button.module.scss","../src/components/BrandsStrip/BrandsStrip.module.scss","../src/components/Card/Card.module.scss","../src/components/CountingCard/CountingCard.module.scss","../src/components/InfoCard/InfoCard.module.scss","../src/components/Pagination/Pagination.module.scss","../src/components/primitives/Container/Container.module.scss","../src/styles/utilities/_mixins.scss","../src/components/PracticeCard/PracticeCard.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/CardCollection/CardCollection.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/ContactModule/ContactModule.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/HeroBanner/HeroBanner.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/MiniBanner/MiniBanner.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/MiniSectionCta/MiniSectionCta.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/PracticePathCards/PracticePathCards.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss","../src/styles/utilities/_mixins.scss"],"sourcesContent":["/* Neutral palette */\r\n$color-neutral-0: #ffffff;\r\n$color-neutral-900: #000000;\r\n$color-neutral-800: #080808;\r\n$color-neutral-700: #4d4d4d;\r\n$color-neutral-300: #cec3c3;\r\n$color-neutral-200: #f1f1f1;\r\n\r\n/* General palette */\r\n$color-blue: #0035ba;\r\n\r\n/* Gradient palette */\r\n$color-gradient-black: radial-gradient(\r\n 98.36% 208.67% at 2.71% 100%,\r\n #000000 0%,\r\n #171717 57.8%,\r\n #1a1a1a 99.99%\r\n);\r\n$color-gradient-graytowhite: linear-gradient(360deg, #ffffff 0%, #f3f3f3 100%);\r\n$color-gradient-white:\r\n linear-gradient(89.48deg, rgba(255, 255, 255, 0.25) -2.75%, rgba(153, 153, 153, 0) 187.82%),\r\n linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\r\n\r\n/* Brand palette */\r\n$color-lenscrafter-blue: #192c50;\r\n$color-lenscrafter-desctext: #475673;\r\n\r\n$color-foreyes-brown: #ad634a;\r\n$color-foreyes-icontext: #a52e0d;\r\n$color-foreyes-desctext: #884634;\r\n\r\n$color-targetoptical-red: #d71b32;\r\n$color-targetoptical-icontext: #65131d;\r\n$color-targetoptical-desctext: #84424a;\r\n\r\n$color-pearlevision-green: #5c9541;\r\n$color-pearlevision-icontext: #19300e;\r\n$color-pearlevision-desctext: #47593e;\r\n","/* Font Families */\r\n$font-family-primary: 'Instrument Sans', sans-serif;\r\n\r\n/* Font Weights */\r\n$font-weight-regular: 400;\r\n$font-weight-medium: 500;\r\n$font-weight-bold: 600;\r\n\r\n/* Font Sizes (8pt system aligned) */\r\n$font-size-xs: 0.75rem; // 12px\r\n$font-size-sm: 0.875rem; // 14px\r\n$font-size-md: 1rem; // 16px\r\n$font-size-lg: 1.25rem; // 20px\r\n$font-size-xl: 1.5rem; // 24px\r\n$font-size-2xl: 2rem; // 32px\r\n$font-size-3xl: 2.25rem; // 40px\r\n$font-size-4xl: 2.5rem; // 48px\r\n\r\n/* Line Heights */\r\n$line-height-normal: 1.5;\r\n$line-height-tight-1: 1.4;\r\n$line-height-tight-2: 1.33;\r\n$line-height-tight-3: 1.25;\r\n$line-height-tight-4: 1.2;\r\n$line-height-tight-5: 1.17;\r\n","*,\r\n*::before,\r\n*::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n font-size: 16px;\r\n color-scheme: light dark;\r\n -webkit-font-smoothing: antialiased;\r\n -webkit-text-size-adjust: none;\r\n text-size-adjust: none;\r\n}\r\n","@use '../tokens/colors' as *;\r\n@use '../tokens/spacing' as *;\r\n@use '../tokens/typography' as *;\r\n\r\n:root {\r\n /* Color Palette */\r\n --color-white: #{$color-neutral-0};\r\n --color-black: #{$color-neutral-800};\r\n --color-gray: #{$color-neutral-700};\r\n --color-light-gray: #{$color-neutral-300};\r\n --color-link: #{$color-blue};\r\n --color-darkerbg: #{$color-neutral-200};\r\n\r\n --color-gradient-black: #{$color-gradient-black};\r\n --color-gradient-graytowhite: #{$color-gradient-graytowhite};\r\n --color-gradient-white: #{$color-gradient-white};\r\n\r\n --color-lenscrafter-blue: #{$color-lenscrafter-blue};\r\n --color-lenscrafter-desctext: #{$color-lenscrafter-desctext};\r\n\r\n --color-foreyes-brown: #{$color-foreyes-brown};\r\n --color-foreyes-icontext: #{$color-foreyes-icontext};\r\n --color-foreyes-desctext: #{$color-foreyes-desctext};\r\n\r\n --color-targetoptical-red: #{$color-targetoptical-red};\r\n --color-targetoptical-icontext: #{$color-targetoptical-icontext};\r\n --color-targetoptical-desctext: #{$color-targetoptical-desctext};\r\n\r\n --color-pearlevision-green: #{$color-pearlevision-green};\r\n --color-pearlevision-icontext: #{$color-pearlevision-icontext};\r\n --color-pearlevision-desctext: #{$color-pearlevision-desctext};\r\n\r\n /* Spacing */\r\n --spacing-sm: #{$space-sm};\r\n --spacing-md: #{$space-md};\r\n --spacing-lg: #{$space-lg};\r\n --spacing-xl: #{$space-xl};\r\n --spacing-2xl: #{$space-2xl};\r\n --spacing-3xl: #{$space-3xl};\r\n --spacing-4xl: #{$space-4xl};\r\n --spacing-5xl: #{$space-5xl};\r\n --spacing-6xl: #{$space-6xl};\r\n --spacing-7xl: #{$space-7xl};\r\n\r\n /* Typography */\r\n --font-family-primary: #{$font-family-primary};\r\n\r\n --font-weight-regular: #{$font-weight-regular};\r\n --font-weight-medium: #{$font-weight-medium};\r\n --font-weight-bold: #{$font-weight-bold};\r\n\r\n --font-size-xs: #{$font-size-xs};\r\n --font-size-sm: #{$font-size-sm};\r\n --font-size-md: #{$font-size-md};\r\n --font-size-lg: #{$font-size-lg};\r\n --font-size-xl: #{$font-size-xl};\r\n --font-size-2xl: #{$font-size-2xl};\r\n --font-size-3xl: #{$font-size-3xl};\r\n --font-size-4xl: #{$font-size-4xl};\r\n\r\n --line-height-normal: #{$line-height-normal};\r\n --line-height-tight-1: #{$line-height-tight-1};\r\n --line-height-tight-2: #{$line-height-tight-2};\r\n --line-height-tight-3: #{$line-height-tight-3};\r\n --line-height-tight-4: #{$line-height-tight-4};\r\n --line-height-tight-5: #{$line-height-tight-5};\r\n}\r\n","@font-face {\n font-family: 'Instrument Sans';\n font-weight: 400 700;\n font-style: normal;\n font-display: swap;\n src: url('@assets/fonts/instrument-sans.woff2') format('woff2');\n}\n","@use '../tokens/typography' as *;\r\n@use '../tokens/colors' as *;\r\n@use '../utilities/mixins' as *;\r\n\r\nhtml,\r\nbody {\r\n font-family: $font-family-primary;\r\n font-size: $font-size-md;\r\n font-weight: $font-weight-medium;\r\n line-height: $line-height-normal;\r\n color: $color-neutral-700;\r\n}\r\n\r\nh1,\r\n.h1 {\r\n font-size: $font-size-4xl;\r\n font-weight: $font-weight-bold;\r\n line-height: $line-height-tight-5;\r\n\r\n @include respond(md) {\r\n font-size: $font-size-2xl;\r\n }\r\n}\r\n\r\nh2,\r\n.h2 {\r\n font-size: $font-size-3xl;\r\n font-weight: $font-weight-bold;\r\n line-height: $line-height-tight-4;\r\n\r\n @include respond(md) {\r\n font-size: $font-size-xl;\r\n }\r\n}\r\n\r\nh3,\r\n.h3 {\r\n font-size: $font-size-2xl;\r\n font-weight: $font-weight-bold;\r\n line-height: $line-height-tight-3;\r\n\r\n @include respond(md) {\r\n font-size: $font-size-lg;\r\n }\r\n}\r\n\r\nh4,\r\n.h4 {\r\n font-size: $font-size-xl;\r\n font-weight: $font-weight-bold;\r\n line-height: $line-height-tight-2;\r\n\r\n @include respond(md) {\r\n font-size: 18px;\r\n }\r\n}\r\n\r\n.subheading {\r\n font-size: $font-size-lg;\r\n font-weight: $font-weight-medium;\r\n line-height: $line-height-tight-1;\r\n\r\n @include respond(md) {\r\n font-size: 18px;\r\n }\r\n}\r\n\r\np,\r\n.body {\r\n font-size: $font-size-md;\r\n font-weight: $font-weight-medium;\r\n line-height: $line-height-normal;\r\n}\r\n\r\nsmall,\r\n.small {\r\n font-size: $font-size-sm;\r\n font-weight: $font-weight-medium;\r\n line-height: $line-height-normal;\r\n}\r\n\r\n.smallest {\r\n font-size: $font-size-xs;\r\n font-weight: $font-weight-medium;\r\n line-height: $line-height-normal;\r\n}\r\n\r\na {\r\n color: var(--color-link);\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.image-desktop {\r\n display: block;\r\n\r\n @include mixins.respond(md) {\r\n display: none;\r\n }\r\n}\r\n\r\n.image-mobile {\r\n display: none;\r\n\r\n @include mixins.respond(md) {\r\n display: block;\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n",".button {\r\n width: fit-content;\r\n overflow: hidden;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: var(--spacing-sm);\r\n padding: var(--spacing-md);\r\n text-align: center;\r\n white-space: nowrap;\r\n text-decoration: none;\r\n color: var(--color-white);\r\n border-radius: 8px;\r\n border: 1px solid var(--color-white);\r\n background: #ffffff00;\r\n font-family: var(--font-family-primary);\r\n font-size: var(--font-size-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--line-height-normal);\r\n letter-spacing: -0.5%;\r\n position: relative;\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n background: #ffffff33;\r\n }\r\n\r\n &:active {\r\n background: #ffffff4d;\r\n }\r\n\r\n &.fullWidth {\r\n width: 100%;\r\n }\r\n\r\n &.primary {\r\n color: var(--color-white);\r\n background: radial-gradient(95.69% 410.59% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\r\n border: 1px solid #000000;\r\n\r\n &:hover {\r\n background:\r\n linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)),\r\n radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\r\n }\r\n\r\n &:active {\r\n background: #0e0e0e;\r\n }\r\n\r\n &:focus {\r\n background:\r\n linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)),\r\n radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.secondary {\r\n color: var(--color-black);\r\n background: var(--color-white);\r\n border: 1px solid #c2c2c2;\r\n\r\n &:hover {\r\n background: #eeeeee;\r\n }\r\n\r\n &:active {\r\n background: #e3e3e3;\r\n }\r\n\r\n &:focus {\r\n background: #eeeeee;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.ghost {\r\n color: var(--color-black);\r\n background: var(--color-white);\r\n border: none;\r\n\r\n &:hover {\r\n background: #eeeeee;\r\n }\r\n\r\n &:active {\r\n background: #c3c3c3;\r\n }\r\n\r\n &:focus {\r\n background: #eeeeee;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.nofill {\r\n color: var(--color-white);\r\n background: transparent;\r\n border: none;\r\n\r\n &:hover {\r\n background: #ffffff33;\r\n }\r\n\r\n &:active {\r\n background: #ffffff4d;\r\n }\r\n\r\n &:focus {\r\n background: #ffffff33;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.nofillblack {\r\n color: var(--color-black);\r\n background: transparent;\r\n border: none;\r\n\r\n &:hover {\r\n background: #e5e5e580;\r\n }\r\n\r\n &:active {\r\n background: #cbcbcb80;\r\n }\r\n\r\n &:focus {\r\n background: #e5e5e580;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.grey {\r\n color: var(--color-white);\r\n background: transparent;\r\n border: 1px solid #949494;\r\n\r\n &:hover {\r\n background: #ffffff33;\r\n }\r\n\r\n &:active {\r\n background: #5d5d5de6;\r\n }\r\n\r\n &:focus {\r\n background: #ffffff33;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n &.shiny {\r\n color: var(--color-white);\r\n background: transparent;\r\n border: none;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n padding: 2px;\r\n background: linear-gradient(var(--angle), #ffffff, rgba(153, 153, 153, 0.39));\r\n border-radius: inherit;\r\n animation: rotateGradient 2s ease-in infinite;\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n pointer-events: none;\r\n }\r\n\r\n &:hover {\r\n background: #ffffff33;\r\n }\r\n\r\n &:focus {\r\n background: transparent;\r\n outline: 4px solid var(--color-link);\r\n }\r\n }\r\n\r\n .icon,\r\n .logo {\r\n width: 24px;\r\n height: 24px;\r\n object-fit: contain;\r\n }\r\n}\r\n\r\n@property --angle {\r\n syntax: '<angle>';\r\n initial-value: 0deg;\r\n inherits: false;\r\n}\r\n\r\n@keyframes rotateGradient {\r\n from {\r\n --angle: 0deg;\r\n }\r\n\r\n to {\r\n --angle: 360deg;\r\n }\r\n}\r\n",".brandsStrip {\r\n display: flex;\r\n height: 116px;\r\n padding: 16px;\r\n position: relative;\r\n overflow: hidden;\r\n\r\n &.light {\r\n background: linear-gradient(\r\n 89.48deg,\r\n rgba(255, 255, 255, 0.25) -2.75%,\r\n rgba(153, 153, 153, 0) 187.82%\r\n );\r\n backdrop-filter: blur(7.45513px);\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n padding: 0.75px;\r\n border: 0.75px solid;\r\n background: linear-gradient(\r\n 89.06deg,\r\n rgba(153, 153, 153, 0.39) -2.28%,\r\n rgba(255, 255, 255, 0.39) 101.91%\r\n );\r\n mask:\r\n linear-gradient(#fff 0 0) content-box,\r\n linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n &.dark {\r\n background-color: var(--color-black);\r\n }\r\n\r\n &.small {\r\n height: 80px;\r\n\r\n .logoWrapper {\r\n height: 49px;\r\n width: 183px;\r\n }\r\n }\r\n\r\n .container {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 16px;\r\n width: 100%;\r\n height: 100%;\r\n transition: filter 0.3s ease;\r\n\r\n .title {\r\n color: var(--color-white);\r\n }\r\n\r\n &.blurred {\r\n filter: blur(15px);\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .logos {\r\n display: flex;\r\n gap: 120px;\r\n\r\n &.marquee {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n\r\n .logoWrapper {\r\n --marquee-duration: 8s;\r\n --marquee-item-width: 258px;\r\n --marquee-gap: 120px;\r\n --total-distance: calc(\r\n (var(--marquee-item-width) + var(--marquee-gap)) * var(--total-items)\r\n );\r\n\r\n position: absolute;\r\n inset-inline-start: 100%;\r\n width: var(--marquee-item-width);\r\n\r\n animation: scrollIndividual var(--marquee-duration) linear infinite;\r\n animation-delay: calc(\r\n (var(--marquee-duration) / var(--total-items)) * var(--item-index) * -1\r\n );\r\n\r\n &.paused {\r\n animation-play-state: paused;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .logoWrapper {\r\n flex-shrink: 0;\r\n height: 69px;\r\n width: 260px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .logo {\r\n width: 100%;\r\n height: auto;\r\n object-fit: contain;\r\n }\r\n }\r\n\r\n .cta {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 10;\r\n max-width: 295px;\r\n }\r\n}\r\n\r\n@keyframes scrollIndividual {\r\n to {\r\n transform: translateX(calc(var(--total-distance) * -1));\r\n }\r\n}\r\n",".card {\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 8px;\r\n padding: var(--spacing-xl);\r\n gap: var(--spacing-2xl);\r\n background: var(--color-gradient-black);\r\n min-width: 308px;\r\n\r\n h3 {\r\n color: var(--color-white);\r\n }\r\n\r\n p {\r\n color: #cecece;\r\n }\r\n}\r\n",".counting-card {\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 16px;\r\n padding: var(--spacing-md) var(--spacing-lg);\r\n gap: var(--spacing-xl);\r\n background: var(--color-gradient-black);\r\n width: 314px;\r\n color: var(--color-white);\r\n\r\n .count::after {\r\n content: '+';\r\n }\r\n\r\n .logo {\r\n max-height: 67px;\r\n filter: brightness(0) invert(1);\r\n }\r\n}\r\n",".info-card {\n width: 100%;\n display: flex;\n flex-direction: column;\n padding: var(--spacing-lg);\n gap: var(--spacing-md);\n\n .header {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-md);\n color: var(--color-black);\n }\n\n .badge {\n border-radius: 50%;\n color: var(--color-white);\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #cecece;\n }\n\n &.hasIcon .header {\n color: var(--color-lenscrafter-blue);\n }\n}\n",".pagination {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 11px;\r\n padding: 5px;\r\n align-items: center;\r\n\r\n .next,\r\n .prev {\r\n padding: 0;\r\n border: none;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n width: 40px;\r\n height: 40px;\r\n cursor: pointer;\r\n background: none;\r\n\r\n path {\r\n fill: var(--color-black);\r\n }\r\n }\r\n\r\n .pages {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 4px;\r\n width: max-content;\r\n }\r\n\r\n .page {\r\n padding: 0;\r\n margin: 0;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: none;\r\n border: 1px solid var(--color-light-gray);\r\n transition: width 0.3s;\r\n cursor: pointer;\r\n\r\n &.active {\r\n width: 40px;\r\n border: none;\r\n border-radius: 16px;\r\n background-color: var(--color-black);\r\n }\r\n\r\n &.number.active {\r\n width: 28px;\r\n }\r\n }\r\n}\r\n","@use '../../../styles/utilities/mixins';\n\n.container {\n width: 100%;\n max-width: calc(1280px + 32px);\n overflow: visible;\n margin: 0 auto;\n position: relative;\n padding: var(--spacing-3xl) var(--spacing-md);\n\n @include mixins.respond(md) {\n padding: var(--spacing-lg) var(--spacing-md);\n }\n}\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.practice-card {\r\n color: var(--color-white);\r\n position: relative;\r\n max-width: 426px;\r\n height: 521px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n\r\n .wrapper {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .background {\r\n object-fit: cover;\r\n position: absolute;\r\n z-index: 1;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .container {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n width: 100%;\r\n height: 100%;\r\n padding: var(--spacing-lg);\r\n\r\n @include mixins.respond(md) {\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: var(--spacing-md);\r\n }\r\n }\r\n\r\n .title {\r\n max-width: 196px;\r\n\r\n @include mixins.respond(md) {\r\n max-width: 146px;\r\n font-size: var(--font-size-xl);\r\n line-height: var(--line-height-tight-4);\r\n }\r\n }\r\n\r\n .cta {\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n\r\n .ctaRest {\r\n position: absolute;\r\n opacity: 1;\r\n transition:\r\n opacity 0.2s ease,\r\n transform 0.2s ease;\r\n }\r\n\r\n .ctaHover {\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n }\r\n\r\n &:hover {\r\n .background {\r\n transform: scale(1.08);\r\n }\r\n\r\n .ctaRest {\r\n opacity: 0;\r\n transform: rotate(-45deg);\r\n }\r\n\r\n .ctaHover {\r\n opacity: 1;\r\n transition-delay: 0.1s;\r\n }\r\n }\r\n\r\n @include mixins.respond(md) {\r\n width: 100%;\r\n max-width: unset;\r\n height: 140px;\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\n\n.card-collection {\n display: block;\n width: 100%;\n background-color: var(--color-white);\n\n h2 {\n color: var(--color-black);\n margin-bottom: var(--spacing-sm);\n }\n\n .content {\n margin-bottom: var(--spacing-xl);\n }\n\n .wrapper {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: var(--spacing-md);\n }\n\n &.threeCols .wrapper {\n grid-template-columns: repeat(3, 1fr);\n }\n\n &.examCard .wrapper {\n grid-template-columns: repeat(auto-fit, minmax(314px, 1fr));\n }\n\n @include mixins.respond(md) {\n padding: var(--spacing-lg);\n\n .wrapper {\n grid-template-columns: 1fr;\n }\n\n &.threeCols .wrapper {\n grid-template-columns: 1fr;\n }\n }\n}\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\n\n.contact-module {\n display: block;\n width: 100%;\n background-color: var(--color-white);\n padding-top: 96px;\n position: relative;\n\n .blur {\n z-index: 2;\n opacity: 1;\n transition: opacity 0.2s ease;\n position: absolute;\n inset: 0;\n backdrop-filter: blur(4px);\n mask-image: radial-gradient(ellipse at 50% 90%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);\n -webkit-mask-image: radial-gradient(\n ellipse at 50% 90%,\n rgba(0, 0, 0, 1) 50%,\n rgba(0, 0, 0, 0) 100%\n );\n\n &--hidden {\n opacity: 0;\n }\n\n @include mixins.respond(md) {\n mask-image: radial-gradient(circle at 50% 12%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%);\n -webkit-mask-image: radial-gradient(\n circle at 50% 12%,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 1) 25%\n );\n }\n }\n\n .container {\n padding: 0;\n z-index: 1;\n }\n\n .container,\n .wrapper,\n .content,\n .cta-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n }\n\n .cta-wrapper {\n flex-direction: row;\n justify-content: center;\n gap: var(--spacing-sm);\n\n @include mixins.respond(md) {\n flex-direction: column-reverse;\n\n .cta {\n width: 100%;\n }\n }\n }\n\n .wrapper {\n gap: var(--spacing-lg);\n padding: 0 var(--spacing-md);\n }\n\n .content {\n gap: var(--spacing-sm);\n text-align: center;\n\n @include mixins.respond(md) {\n max-width: 80%;\n }\n }\n\n .title {\n color: var(--color-black);\n\n @include mixins.respond(md) {\n max-width: 75%;\n }\n }\n\n .subtitle {\n max-width: 500px;\n }\n\n .image {\n @include mixins.respond(md) {\n max-width: 80%;\n margin-top: -14px;\n }\n }\n}\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.heroBanner {\r\n width: 100%;\r\n position: relative;\r\n\r\n &.mainHeroBanner {\r\n background-color: #f3f3f3;\r\n padding: 48px 80px 0 80px;\r\n\r\n .container {\r\n max-width: 1280px;\r\n height: calc(100dvh - (64px + 48px));\r\n margin: 0 auto;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n &.bannerPodcast {\r\n .container {\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100dvh;\r\n padding: var(--spacing-7xl);\r\n gap: 64px;\r\n\r\n .banner {\r\n padding: 0;\r\n justify-content: center;\r\n\r\n .text {\r\n .title {\r\n color: var(--color-black);\r\n }\r\n\r\n .subtitle {\r\n color: var(--color-gray);\r\n }\r\n }\r\n }\r\n\r\n .logoWrapper {\r\n z-index: 2;\r\n\r\n .logo {\r\n object-fit: contain;\r\n max-width: 466px;\r\n }\r\n }\r\n\r\n .horizontalGradient {\r\n display: flex;\r\n height: 8px;\r\n\r\n .lensCrafters {\r\n background-color: var(--color-lenscrafter-blue);\r\n }\r\n\r\n .forEyes {\r\n background-color: var(--color-foreyes-brown);\r\n }\r\n\r\n .optical {\r\n background-color: var(--color-targetoptical-red);\r\n }\r\n\r\n .pearleVision {\r\n background-color: var(--color-pearlevision-green);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .container {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: end;\r\n height: calc(100dvh - 64px);\r\n\r\n .banner {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: end;\r\n width: 100%;\r\n max-width: 661px;\r\n height: 100%;\r\n gap: var(--spacing-lg);\r\n padding: var(--spacing-7xl);\r\n z-index: 2;\r\n\r\n .text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-sm);\r\n color: var(--color-white);\r\n }\r\n\r\n .ctaContainer {\r\n display: flex;\r\n gap: var(--spacing-sm);\r\n }\r\n }\r\n\r\n .brandsStrip {\r\n z-index: 3;\r\n }\r\n\r\n .backgroundImage {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 1;\r\n }\r\n }\r\n\r\n .scrollDown {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n height: 64px;\r\n\r\n .arrow {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n }\r\n\r\n @include mixins.respond(md) {\r\n &.mainHeroBanner {\r\n padding: 24px 16px;\r\n\r\n .container {\r\n height: calc(100dvh - (64px + 24px));\r\n }\r\n }\r\n\r\n &.bannerPodcast {\r\n .container {\r\n flex-direction: column;\r\n padding: 24px 16px;\r\n gap: 32px;\r\n\r\n .banner {\r\n order: 2;\r\n height: unset;\r\n }\r\n\r\n .logoWrapper {\r\n order: 1;\r\n\r\n .logo {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .container {\r\n .banner {\r\n padding: var(--spacing-lg) var(--spacing-md);\r\n\r\n .ctaContainer {\r\n flex-direction: column;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\n\n.minibanner {\n display: block;\n width: 100%;\n background-color: #f3f3f3;\n min-height: 192px;\n position: relative;\n color: var(--color-white);\n text-align: center;\n\n :global(.h1) {\n font-weight: 400;\n }\n\n .background {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\n\n .container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-lg);\n z-index: 2;\n\n * {\n max-width: 100%;\n }\n }\n\n &.miniBannerNoBG {\n color: var(--color-black);\n\n .container {\n gap: var(--spacing-lg);\n padding: var(--spacing-5xl) 0;\n\n @include mixins.respond(md) {\n padding: var(--spacing-5xl) var(--spacing-md);\n }\n }\n }\n}\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\n\n.miniSectionCta {\n display: block;\n width: 100%;\n background-color: var(--color-white);\n\n .wrapper {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: var(--spacing-md);\n padding: 0;\n\n @include mixins.respond(md) {\n flex-direction: column;\n padding: var(--spacing-lg) var(--spacing-md);\n }\n }\n\n .col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n h2 {\n color: var(--color-black);\n }\n\n &.BgColorBlack {\n background-color: var(--color-black);\n color: var(--color-white);\n\n h2 {\n color: var(--color-white);\n }\n\n :global(.subheading) {\n color: #cecece;\n }\n\n @include mixins.respond(md) {\n text-align: center;\n }\n }\n\n &.infoCallout {\n .col {\n flex-direction: row;\n gap: 112px;\n align-items: center;\n }\n\n h2 {\n min-width: fit-content;\n }\n\n @include mixins.respond(md) {\n .col {\n flex-direction: column;\n gap: var(--spacing-md);\n align-items: flex-start;\n }\n\n .subtitle {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-medium);\n line-height: var(--line-height-tight-1);\n }\n }\n }\n\n &.miniTextCenterCta .wrapper {\n flex-direction: column;\n align-items: center;\n }\n\n @include mixins.respond(md) {\n .cta {\n width: 100%;\n }\n\n &.BgColorGrey {\n text-align: center;\n }\n\n &.miniTextCenterCta .col {\n width: 100%;\n }\n }\n}\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\n\n.practice-path-cards {\n display: block;\n width: 100%;\n background-color: var(--color-white);\n\n h2 {\n color: var(--color-black);\n }\n\n .container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xl);\n }\n\n .wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-xl);\n\n @include mixins.respond(md) {\n flex-direction: column;\n\n .ctaWrapper {\n width: 100%;\n padding: 0 var(--spacing-lg);\n\n .cta {\n width: 100%;\n }\n }\n }\n }\n\n .content {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-sm);\n }\n\n .cards {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n border-radius: 16px;\n justify-content: center;\n\n @include mixins.respond(md) {\n flex-direction: column;\n }\n }\n\n .card {\n width: 33.333%;\n\n @include mixins.respond(md) {\n width: 100%;\n }\n }\n}\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\n\n.teaser5050-3text {\n display: block;\n width: 100%;\n background-color: var(--color-white);\n\n .container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xl);\n }\n\n .content {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-xl);\n }\n\n &.right .content {\n flex-direction: row-reverse;\n }\n\n .title {\n color: var(--color-black);\n }\n .image {\n width: 50%;\n border-radius: 16px;\n }\n\n @include mixins.respond(md) {\n .container {\n padding: var(--spacing-lg) var(--spacing-md);\n gap: 0;\n }\n\n &.right .container {\n gap: var(--spacing-xl);\n }\n\n .content {\n flex-direction: column;\n }\n\n &.right .content {\n flex-direction: column-reverse;\n gap: var(--spacing-xl);\n }\n\n .image {\n width: 100%;\n padding: 0;\n }\n }\n}\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\n\n.teaser5050 {\n display: block;\n width: 100%;\n background-color: var(--color-white);\n\n .container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n }\n\n &.right .container {\n flex-direction: row-reverse;\n }\n\n .wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-md);\n padding: 0 var(--spacing-5xl);\n width: 50%;\n }\n\n .title {\n color: var(--color-black);\n }\n\n .image {\n width: 50%;\n border-radius: 16px;\n }\n\n @include mixins.respond(md) {\n .container {\n flex-direction: column-reverse;\n gap: var(--spacing-xl);\n }\n\n &.right .container {\n flex-direction: column-reverse;\n }\n\n .wrapper,\n .image {\n width: 100%;\n padding: 0;\n }\n\n .cta {\n width: 100%;\n }\n }\n}\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n"],"mappings":"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","names":["image-desktop","image-mobile","button","fullWidth","primary","secondary","ghost","nofill","nofillblack","grey","shiny","icon","logo","rotateGradient","brandsStrip","light","dark","small","logoWrapper","container","title","blurred","logos","marquee","paused","logo","cta","scrollIndividual","card","counting-card","count","logo","info-card","header","badge","hasIcon","pagination","next","prev","pages","page","active","number","container","practice-card","wrapper","background","container","title","cta","ctaRest","ctaHover","card-collection","content","wrapper","threeCols","examCard","contact-module","blur","blur--hidden","container","wrapper","content","cta-wrapper","cta","title","subtitle","image","heroBanner","mainHeroBanner","container","bannerPodcast","banner","text","title","subtitle","logoWrapper","logo","horizontalGradient","lensCrafters","forEyes","optical","pearleVision","ctaContainer","brandsStrip","backgroundImage","scrollDown","arrow","minibanner","background","container","miniBannerNoBG","miniSectionCta","wrapper","col","BgColorBlack","infoCallout","subtitle","miniTextCenterCta","cta","BgColorGrey","practice-path-cards","container","wrapper","ctaWrapper","cta","content","cards","card","teaser5050-3text","container","content","right","title","image","teaser5050","container","right","wrapper","title","image","cta"]}
package/dist/index.d.cts CHANGED
@@ -358,9 +358,10 @@ interface ContactModuleProps {
358
358
  subtitle?: ReactNode;
359
359
  ctas?: ICta[];
360
360
  blurred?: boolean;
361
+ animateBlur?: boolean;
361
362
  }
362
363
 
363
- declare const ContactModule: (({ className, children, title, subtitle, ctas, image, blurred, }: ContactModuleProps) => react_jsx_runtime.JSX.Element) & {
364
+ declare const ContactModule: (({ className, children, title, subtitle, ctas, image, blurred, animateBlur, }: ContactModuleProps) => react_jsx_runtime.JSX.Element) & {
364
365
  Title: ({ children }: ContactModuleTitleProps) => react_jsx_runtime.JSX.Element;
365
366
  Subtitle: ({ children }: ContactModuleSubtitleProps) => react_jsx_runtime.JSX.Element;
366
367
  };
package/dist/index.d.ts CHANGED
@@ -358,9 +358,10 @@ interface ContactModuleProps {
358
358
  subtitle?: ReactNode;
359
359
  ctas?: ICta[];
360
360
  blurred?: boolean;
361
+ animateBlur?: boolean;
361
362
  }
362
363
 
363
- declare const ContactModule: (({ className, children, title, subtitle, ctas, image, blurred, }: ContactModuleProps) => react_jsx_runtime.JSX.Element) & {
364
+ declare const ContactModule: (({ className, children, title, subtitle, ctas, image, blurred, animateBlur, }: ContactModuleProps) => react_jsx_runtime.JSX.Element) & {
364
365
  Title: ({ children }: ContactModuleTitleProps) => react_jsx_runtime.JSX.Element;
365
366
  Subtitle: ({ children }: ContactModuleSubtitleProps) => react_jsx_runtime.JSX.Element;
366
367
  };