@digital-b2c/coreui-kit 0.7.5 → 0.9.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
@@ -1,3 +1,5 @@
1
+ @charset "UTF-8";
2
+
1
3
  /* src/styles/index.scss */
2
4
  *,
3
5
  *::before,
@@ -14,6 +16,7 @@ html {
14
16
  }
15
17
  :root {
16
18
  --color-white: #ffffff;
19
+ --color-true-black: #000000;
17
20
  --color-black: #080808;
18
21
  --color-gray: #4d4d4d;
19
22
  --color-light-gray-2: #cecece;
@@ -165,7 +168,6 @@ h4,
165
168
  font-size: 18px;
166
169
  }
167
170
  }
168
- p,
169
171
  .body {
170
172
  font-size: 1rem;
171
173
  font-weight: 500;
@@ -383,6 +385,53 @@ a:hover {
383
385
  background: transparent;
384
386
  outline: 4px solid var(--color-link);
385
387
  }
388
+ .Button_module_button.Button_module_tabbutton {
389
+ display: inline-block;
390
+ width: 100%;
391
+ height: 8.3125rem;
392
+ white-space: normal;
393
+ background:
394
+ linear-gradient(
395
+ 180deg,
396
+ var(--color-white) 0%,
397
+ var(--color-gray) 830%);
398
+ border-style: solid;
399
+ border-width: 1px;
400
+ border-color: var(--color-light-gray-2);
401
+ border-radius: var(--spacing-md) var(--spacing-md) 0 0;
402
+ font-weight: var(--font-weight-bold);
403
+ font-size: var(--font-size-xl);
404
+ line-height: 133%;
405
+ letter-spacing: -0.01em;
406
+ text-align: center;
407
+ color: var(--color-true-black);
408
+ transition:
409
+ background 0.2s ease,
410
+ border-color 0.2s ease,
411
+ border-width 0.2s ease;
412
+ padding: 1.8125rem 1.875rem;
413
+ box-shadow:
414
+ 0px -2px 3px 0px rgba(54, 54, 54, 0.0509803922),
415
+ -3px -2px 4px 0px rgba(54, 54, 54, 0.0431372549),
416
+ 3px -2px 4px 0px rgba(54, 54, 54, 0.0431372549);
417
+ }
418
+ .Button_module_button.Button_module_tabbutton:hover {
419
+ background:
420
+ linear-gradient(
421
+ 180deg,
422
+ var(--color-white) 0%,
423
+ var(--color-light-gray-2) 830%);
424
+ }
425
+ .Button_module_button.Button_module_tabbutton:focus {
426
+ border-width: 1px 1px 0 1px;
427
+ border-color: var(--color-light-gray-2);
428
+ background: var(--color-white);
429
+ }
430
+ .Button_module_button.Button_module_tabbutton.Button_module_active {
431
+ background: var(--color-white);
432
+ border-width: 1px 1px 0 1px;
433
+ border-color: var(--color-light-gray-2);
434
+ }
386
435
  .Button_module_button .Button_module_icon,
387
436
  .Button_module_button .Button_module_logo {
388
437
  width: 24px;
@@ -553,10 +602,29 @@ a:hover {
553
602
  font-weight: var(--font-weight-medium);
554
603
  color: var(--color-black);
555
604
  }
605
+ .Card_module_card .Card_module_logoContainer {
606
+ position: relative;
607
+ width: 40px;
608
+ height: 40px;
609
+ display: flex;
610
+ align-items: center;
611
+ justify-content: center;
612
+ }
556
613
  .Card_module_card .Card_module_logo {
557
614
  width: 40px;
558
615
  height: 40px;
559
616
  }
617
+ .Card_module_card .Card_module_logoHover {
618
+ display: none;
619
+ width: 40px;
620
+ height: 40px;
621
+ }
622
+ .Card_module_card:hover .Card_module_hideLogo {
623
+ display: none;
624
+ }
625
+ .Card_module_card:hover .Card_module_logoHover {
626
+ display: block;
627
+ }
560
628
  .Card_module_card .Card_module_subtitle table {
561
629
  width: 100%;
562
630
  }
@@ -760,6 +828,43 @@ a:hover.Card_module_card {
760
828
  }
761
829
  }
762
830
 
831
+ /* src/components/LogoBar/LogoBar.module.scss */
832
+ .LogoBar_module_logoBar {
833
+ display: flex;
834
+ flex-wrap: nowrap;
835
+ overflow-x: auto;
836
+ align-items: center;
837
+ justify-content: space-between;
838
+ gap: var(--spacing-sm);
839
+ max-width: 303px;
840
+ }
841
+ .LogoBar_module_logoBar a {
842
+ position: relative;
843
+ flex-shrink: 0;
844
+ }
845
+ .LogoBar_module_logoBar a .LogoBar_module_logoWrapper {
846
+ position: relative;
847
+ display: flex;
848
+ align-items: center;
849
+ justify-content: center;
850
+ }
851
+ .LogoBar_module_logoBar a .LogoBar_module_logoWrapper .LogoBar_module_logo {
852
+ display: block;
853
+ object-fit: contain;
854
+ max-height: 48px;
855
+ }
856
+ .LogoBar_module_logoBar a .LogoBar_module_logoWrapper .LogoBar_module_logoHover {
857
+ position: absolute;
858
+ inset: 0;
859
+ opacity: 0;
860
+ transition: opacity 0.3s ease-in-out;
861
+ object-fit: contain;
862
+ max-height: 48px;
863
+ }
864
+ .LogoBar_module_logoBar a:hover .LogoBar_module_logoHover {
865
+ opacity: 1;
866
+ }
867
+
763
868
  /* src/widgets/CardCollection/CardCollection.module.scss */
764
869
  .CardCollection_module_card-collection {
765
870
  display: block;
@@ -1209,72 +1314,27 @@ a:hover.Card_module_card {
1209
1314
  .HeroBanner_module_heroBanner {
1210
1315
  width: 100%;
1211
1316
  position: relative;
1212
- }
1213
- .HeroBanner_module_heroBanner.HeroBanner_module_pageHeroBanner {
1214
1317
  background-color: #f3f3f3;
1215
1318
  padding: 48px 80px 0 80px;
1216
1319
  }
1217
- .HeroBanner_module_heroBanner.HeroBanner_module_pageHeroBanner .HeroBanner_module_container {
1218
- max-width: 1280px;
1219
- height: calc(100dvh - 112px);
1220
- margin: 0 auto;
1221
- border-radius: 16px;
1222
- overflow: hidden;
1223
- }
1224
- .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container {
1225
- flex-direction: row;
1226
- align-items: center;
1227
- justify-content: center;
1228
- height: 100dvh;
1229
- padding: var(--spacing-7xl);
1230
- gap: 64px;
1231
- }
1232
- .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner {
1233
- padding: 0;
1234
- justify-content: center;
1235
- }
1236
- .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_title {
1237
- color: var(--color-black);
1238
- }
1239
- .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_subtitle {
1240
- color: var(--color-gray);
1241
- }
1242
- .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_logoWrapper {
1243
- z-index: 2;
1244
- }
1245
- .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_logoWrapper .HeroBanner_module_logo {
1246
- object-fit: contain;
1247
- max-width: 466px;
1248
- }
1249
- .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_horizontalGradient {
1250
- display: flex;
1251
- height: 8px;
1252
- }
1253
- .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_horizontalGradient .HeroBanner_module_lensCrafters {
1254
- background-color: var(--color-lenscrafter-blue);
1255
- }
1256
- .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_horizontalGradient .HeroBanner_module_forEyes {
1257
- background-color: var(--color-foreyes-brown);
1258
- }
1259
- .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_horizontalGradient .HeroBanner_module_optical {
1260
- background-color: var(--color-targetoptical-red);
1261
- }
1262
- .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_horizontalGradient .HeroBanner_module_pearleVision {
1263
- background-color: var(--color-pearlevision-green);
1264
- }
1265
1320
  .HeroBanner_module_heroBanner .HeroBanner_module_container {
1266
1321
  position: relative;
1267
1322
  display: flex;
1268
1323
  flex-direction: column;
1269
1324
  justify-content: end;
1270
- height: calc(100dvh - 64px);
1325
+ max-width: 1280px;
1326
+ height: calc(100dvh - 112px);
1327
+ margin: 0 auto;
1328
+ border-radius: 16px;
1329
+ overflow: hidden;
1271
1330
  }
1272
1331
  .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner {
1273
1332
  display: flex;
1274
1333
  flex-direction: column;
1275
1334
  justify-content: end;
1335
+ max-width: 1440px;
1336
+ margin: 0 auto;
1276
1337
  width: 100%;
1277
- max-width: 661px;
1278
1338
  height: 100%;
1279
1339
  gap: var(--spacing-lg);
1280
1340
  padding: var(--spacing-7xl);
@@ -1286,6 +1346,16 @@ a:hover.Card_module_card {
1286
1346
  gap: var(--spacing-sm);
1287
1347
  color: var(--color-white);
1288
1348
  }
1349
+ .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_titleLogo {
1350
+ max-width: 500px;
1351
+ }
1352
+ .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_title {
1353
+ letter-spacing: -0.02em;
1354
+ }
1355
+ .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_subtitle {
1356
+ color: var(--color-light-gray-2);
1357
+ letter-spacing: -0.01em;
1358
+ }
1289
1359
  .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_ctaContainer {
1290
1360
  display: flex;
1291
1361
  gap: var(--spacing-sm);
@@ -1313,12 +1383,67 @@ a:hover.Card_module_card {
1313
1383
  width: 32px;
1314
1384
  height: 32px;
1315
1385
  }
1386
+ .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner {
1387
+ background-color: transparent;
1388
+ padding: 0;
1389
+ }
1390
+ .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner .HeroBanner_module_container {
1391
+ max-width: unset;
1392
+ height: calc(100dvh - 64px);
1393
+ margin: unset;
1394
+ border-radius: 0;
1395
+ overflow: visible;
1396
+ }
1397
+ .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast {
1398
+ padding: 0;
1399
+ }
1400
+ .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container {
1401
+ flex-direction: row;
1402
+ align-items: center;
1403
+ justify-content: center;
1404
+ max-width: 1440px;
1405
+ margin: 0 auto;
1406
+ height: calc(100dvh - 8px);
1407
+ padding: var(--spacing-7xl);
1408
+ gap: 64px;
1409
+ }
1410
+ .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner {
1411
+ padding: 0;
1412
+ justify-content: center;
1413
+ }
1414
+ .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_title {
1415
+ color: var(--color-black);
1416
+ }
1417
+ .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_subtitle {
1418
+ color: var(--color-gray);
1419
+ }
1420
+ .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_logoWrapper {
1421
+ z-index: 2;
1422
+ }
1423
+ .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_logoWrapper .HeroBanner_module_logo {
1424
+ object-fit: contain;
1425
+ max-width: 466px;
1426
+ }
1427
+ .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_horizontalGradient {
1428
+ position: relative;
1429
+ display: flex;
1430
+ height: 8px;
1431
+ }
1432
+ .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_horizontalGradient > * {
1433
+ flex: 1;
1434
+ }
1316
1435
  @media (max-width: 768px) {
1317
- .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner {
1436
+ .HeroBanner_module_heroBanner {
1318
1437
  padding: 24px 16px;
1319
1438
  }
1439
+ .HeroBanner_module_heroBanner .HeroBanner_module_container {
1440
+ height: calc(100dvh - 96px);
1441
+ }
1442
+ .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner {
1443
+ padding: 0;
1444
+ }
1320
1445
  .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner .HeroBanner_module_container {
1321
- height: calc(100dvh - 88px);
1446
+ height: calc(100dvh - 64px);
1322
1447
  }
1323
1448
  .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container {
1324
1449
  flex-direction: column;
@@ -1328,6 +1453,10 @@ a:hover.Card_module_card {
1328
1453
  .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner {
1329
1454
  order: 2;
1330
1455
  height: unset;
1456
+ gap: 16px;
1457
+ }
1458
+ .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_logoBar {
1459
+ margin: 0 auto;
1331
1460
  }
1332
1461
  .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_logoWrapper {
1333
1462
  order: 1;
@@ -1341,6 +1470,9 @@ a:hover.Card_module_card {
1341
1470
  .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_ctaContainer {
1342
1471
  flex-direction: column;
1343
1472
  }
1473
+ .HeroBanner_module_heroBanner .HeroBanner_module_scrollDown {
1474
+ height: 48px;
1475
+ }
1344
1476
  }
1345
1477
 
1346
1478
  /* src/widgets/HeroBannerCarousel/HeroBannerCarousel.module.scss */
@@ -1574,567 +1706,1028 @@ a:hover.Card_module_card {
1574
1706
  border-color: var(--color-black);
1575
1707
  }
1576
1708
 
1577
- /* src/widgets/MiniBanner/MiniBanner.module.scss */
1578
- .MiniBanner_module_minibanner {
1579
- width: 100%;
1580
- background-color: #f3f3f3;
1581
- min-height: 192px;
1582
- position: relative;
1583
- color: var(--color-white);
1584
- padding: var(--spacing-3xl) var(--spacing-7xl);
1709
+ /* src/components/Accordion/Accordion.module.scss */
1710
+ html,
1711
+ body {
1712
+ font-family: "Instrument Sans", sans-serif;
1713
+ font-size: 1rem;
1714
+ font-weight: 500;
1715
+ line-height: 1.5;
1716
+ color: #4d4d4d;
1585
1717
  }
1586
- .MiniBanner_module_minibanner .MiniBanner_module_background {
1587
- position: absolute;
1588
- left: 0;
1589
- top: 0;
1590
- width: 100%;
1591
- height: 100%;
1592
- object-fit: cover;
1593
- z-index: 1;
1718
+ h1,
1719
+ .Accordion_module_h1 {
1720
+ font-size: 3rem;
1721
+ font-weight: 600;
1722
+ line-height: 1.17;
1594
1723
  }
1595
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper {
1596
- width: 100%;
1597
- max-width: 1440px;
1598
- margin: 0 auto;
1599
- text-align: center;
1600
- display: flex;
1601
- flex-direction: column;
1602
- align-items: center;
1603
- gap: var(--spacing-lg);
1724
+ @media (max-width: 768px) {
1725
+ h1,
1726
+ .Accordion_module_h1 {
1727
+ font-size: 2rem;
1728
+ }
1604
1729
  }
1605
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
1606
- position: relative;
1607
- display: flex;
1608
- flex-direction: column;
1609
- justify-items: center;
1610
- align-items: center;
1611
- gap: var(--spacing-lg);
1612
- z-index: 2;
1730
+ h2,
1731
+ .Accordion_module_h2 {
1732
+ font-size: 2.5rem;
1733
+ font-weight: 600;
1734
+ line-height: 1.2;
1613
1735
  }
1614
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_logo {
1615
- width: 100%;
1616
- max-width: 384px;
1736
+ @media (max-width: 768px) {
1737
+ h2,
1738
+ .Accordion_module_h2 {
1739
+ font-size: 1.5rem;
1740
+ }
1617
1741
  }
1618
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_pretitle {
1619
- color: var(--color-light-gray);
1742
+ h3,
1743
+ .Accordion_module_h3 {
1744
+ font-size: 2rem;
1745
+ font-weight: 600;
1746
+ line-height: 1.25;
1620
1747
  }
1621
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
1622
- display: flex;
1623
- gap: var(--spacing-md);
1748
+ @media (max-width: 768px) {
1749
+ h3,
1750
+ .Accordion_module_h3 {
1751
+ font-size: 1.25rem;
1752
+ }
1624
1753
  }
1625
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
1626
- font-weight: 400;
1754
+ h4,
1755
+ .Accordion_module_h4 {
1756
+ font-size: 1.5rem;
1757
+ font-weight: 600;
1758
+ line-height: 1.33;
1627
1759
  }
1628
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_ctaContainer {
1629
- position: relative;
1630
- width: 100%;
1631
- z-index: 2;
1760
+ @media (max-width: 768px) {
1761
+ h4,
1762
+ .Accordion_module_h4 {
1763
+ font-size: 18px;
1764
+ }
1632
1765
  }
1633
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG {
1634
- color: var(--color-black);
1635
- padding: var(--spacing-5xl) var(--spacing-7xl);
1766
+ .Accordion_module_subheading {
1767
+ font-size: 1.25rem;
1768
+ font-weight: 500;
1769
+ line-height: 1.4;
1636
1770
  }
1637
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
1638
- gap: var(--spacing-xl);
1771
+ @media (max-width: 768px) {
1772
+ .Accordion_module_subheading {
1773
+ font-size: 18px;
1774
+ }
1639
1775
  }
1640
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
1641
- gap: var(--spacing-sm);
1776
+ .Accordion_module_body,
1777
+ .Accordion_module_accordionTitle {
1778
+ font-size: 1rem;
1779
+ font-weight: 500;
1780
+ line-height: 1.5;
1642
1781
  }
1643
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
1644
- font-weight: 600;
1782
+ small,
1783
+ .Accordion_module_small {
1784
+ font-size: 0.875rem;
1785
+ font-weight: 500;
1786
+ line-height: 1.5;
1645
1787
  }
1646
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
1647
- padding: var(--spacing-5xl) var(--spacing-7xl);
1788
+ .Accordion_module_smallest {
1789
+ font-size: 0.75rem;
1790
+ font-weight: 500;
1791
+ line-height: 1.5;
1648
1792
  }
1649
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper {
1650
- flex-direction: column;
1651
- align-items: flex-start;
1793
+ a {
1794
+ color: var(--color-link);
1795
+ text-decoration: none;
1796
+ cursor: pointer;
1652
1797
  }
1653
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
1654
- gap: var(--spacing-sm);
1655
- max-width: unset;
1656
- align-items: flex-start;
1657
- text-align: left;
1798
+ a:hover {
1799
+ text-decoration: underline;
1658
1800
  }
1659
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
1660
- font-weight: 600;
1801
+ .Accordion_module_accordion {
1802
+ width: 100%;
1803
+ overflow: hidden;
1804
+ background: var(--color-white);
1661
1805
  }
1662
- @media (max-width: 768px) {
1663
- .MiniBanner_module_minibanner {
1664
- padding-inline: var(--spacing-md);
1665
- }
1666
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
1667
- padding: var(--spacing-5xl) var(--spacing-md);
1668
- }
1669
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
1670
- padding: 0;
1671
- }
1672
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
1673
- padding: var(--spacing-lg) var(--spacing-md);
1674
- gap: var(--spacing-xl);
1675
- }
1676
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
1677
- overflow-wrap: anywhere;
1678
- }
1679
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_ctaContainer {
1680
- margin: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
1681
- width: calc(100% - var(--spacing-xl));
1682
- }
1806
+ .Accordion_module_accordionItem {
1807
+ padding-bottom: 0.75rem;
1683
1808
  }
1684
-
1685
- /* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
1686
- .MiniSectionCta_module_miniSectionCta {
1687
- display: block;
1688
- width: 100%;
1809
+ .Accordion_module_accordionItem:last-child {
1810
+ padding-bottom: none;
1811
+ }
1812
+ .Accordion_module_accordionItem.Accordion_module_accordionItemOpen {
1689
1813
  background-color: var(--color-white);
1690
1814
  }
1691
- .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_wrapper {
1815
+ .Accordion_module_accordionHeader {
1816
+ border-radius: var(--spacing-md);
1817
+ width: 100%;
1818
+ padding: var(--spacing-md);
1819
+ background: var(--color-black);
1820
+ text-align: left;
1821
+ cursor: pointer;
1692
1822
  display: flex;
1693
- flex-direction: row;
1694
1823
  justify-content: space-between;
1695
- gap: var(--spacing-md);
1696
- padding: 0;
1824
+ align-items: center;
1825
+ transition: all 0.2s ease;
1826
+ color: var(--color-white);
1697
1827
  }
1698
- @media (max-width: 768px) {
1699
- .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_wrapper {
1700
- flex-direction: column;
1701
- padding: var(--spacing-lg) var(--spacing-md);
1702
- }
1828
+ .Accordion_module_accordionItemOpen .Accordion_module_accordionHeader {
1829
+ color: var(--color-black);
1830
+ background-color: var(--color-white);
1831
+ border-radius: var(--spacing-md) var(--spacing-md) 0px 0px;
1832
+ border: 1px solid var(--color-light-gray-2);
1703
1833
  }
1704
- .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_col {
1834
+ .Accordion_module_accordionHeaderLeft {
1705
1835
  display: flex;
1706
- flex-direction: column;
1836
+ align-items: center;
1837
+ gap: 0.75rem;
1838
+ flex: 1;
1839
+ }
1840
+ .Accordion_module_accordionTitle {
1841
+ font-weight: var(--font-weight-regular);
1842
+ }
1843
+ .Accordion_module_accordionChevron {
1844
+ display: flex;
1845
+ align-items: center;
1707
1846
  justify-content: center;
1847
+ transition: transform 0.3s ease;
1848
+ flex-shrink: 0;
1708
1849
  }
1709
- .MiniSectionCta_module_miniSectionCta h2 {
1710
- color: var(--color-black);
1850
+ .Accordion_module_accordionContent {
1851
+ background: transparent;
1852
+ overflow: hidden;
1711
1853
  }
1712
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
1713
- background-color: var(--color-black);
1714
- color: var(--color-white);
1854
+ .Accordion_module_accordionItemOpen .Accordion_module_accordionContent {
1855
+ border: 1px solid var(--color-light-gray-2);
1856
+ border-top: none;
1857
+ border-radius: 0px 0px var(--spacing-md) var(--spacing-md);
1715
1858
  }
1716
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack h2 {
1717
- color: var(--color-light-gray-2);
1859
+ .Accordion_module_accordionContentInner {
1860
+ padding: var(--spacing-md);
1861
+ }
1862
+
1863
+ /* src/widgets/InternalBrandsTab/InternalBrandsTab.module.scss */
1864
+ html,
1865
+ body {
1866
+ font-family: "Instrument Sans", sans-serif;
1867
+ font-size: 1rem;
1868
+ font-weight: 500;
1869
+ line-height: 1.5;
1870
+ color: #4d4d4d;
1871
+ }
1872
+ h1,
1873
+ .InternalBrandsTab_module_h1 {
1874
+ font-size: 3rem;
1875
+ font-weight: 600;
1876
+ line-height: 1.17;
1718
1877
  }
1719
1878
  @media (max-width: 768px) {
1720
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
1721
- text-align: center;
1879
+ h1,
1880
+ .InternalBrandsTab_module_h1 {
1881
+ font-size: 2rem;
1722
1882
  }
1723
1883
  }
1724
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
1725
- flex-direction: row;
1726
- gap: 112px;
1727
- align-items: center;
1884
+ h2,
1885
+ .InternalBrandsTab_module_h2 {
1886
+ font-size: 2.5rem;
1887
+ font-weight: 600;
1888
+ line-height: 1.2;
1728
1889
  }
1729
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout h2 {
1730
- min-width: fit-content;
1890
+ @media (max-width: 768px) {
1891
+ h2,
1892
+ .InternalBrandsTab_module_h2 {
1893
+ font-size: 1.5rem;
1894
+ }
1895
+ }
1896
+ h3,
1897
+ .InternalBrandsTab_module_h3 {
1898
+ font-size: 2rem;
1899
+ font-weight: 600;
1900
+ line-height: 1.25;
1731
1901
  }
1732
1902
  @media (max-width: 768px) {
1733
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
1734
- flex-direction: column;
1735
- gap: var(--spacing-md);
1736
- align-items: flex-start;
1903
+ h3,
1904
+ .InternalBrandsTab_module_h3 {
1905
+ font-size: 1.25rem;
1737
1906
  }
1738
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_subtitle {
1739
- font-size: var(--font-size-lg);
1740
- font-weight: var(--font-weight-medium);
1741
- line-height: var(--line-height-tight-1);
1907
+ }
1908
+ h4,
1909
+ .InternalBrandsTab_module_h4 {
1910
+ font-size: 1.5rem;
1911
+ font-weight: 600;
1912
+ line-height: 1.33;
1913
+ }
1914
+ @media (max-width: 768px) {
1915
+ h4,
1916
+ .InternalBrandsTab_module_h4 {
1917
+ font-size: 18px;
1742
1918
  }
1743
1919
  }
1744
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_wrapper {
1745
- flex-direction: column;
1746
- align-items: center;
1920
+ .InternalBrandsTab_module_subheading,
1921
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_textsContainer .InternalBrandsTab_module_subTitle > *,
1922
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentTitle,
1923
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentLongText p,
1924
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentTitle {
1925
+ font-size: 1.25rem;
1926
+ font-weight: 500;
1927
+ line-height: 1.4;
1747
1928
  }
1748
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light {
1749
- background-color: var(--color-white);
1929
+ @media (max-width: 768px) {
1930
+ .InternalBrandsTab_module_subheading,
1931
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_textsContainer .InternalBrandsTab_module_subTitle > *,
1932
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentTitle,
1933
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentLongText p,
1934
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentTitle {
1935
+ font-size: 18px;
1936
+ }
1750
1937
  }
1751
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light h2,
1752
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle {
1753
- color: var(--color-black);
1938
+ .InternalBrandsTab_module_body,
1939
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTitle,
1940
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide bottomContentTextList,
1941
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentQuote,
1942
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTitle,
1943
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList,
1944
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentQuote {
1945
+ font-size: 1rem;
1946
+ font-weight: 500;
1947
+ line-height: 1.5;
1754
1948
  }
1755
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark {
1756
- background-color: var(--color-black);
1949
+ small,
1950
+ .InternalBrandsTab_module_small {
1951
+ font-size: 0.875rem;
1952
+ font-weight: 500;
1953
+ line-height: 1.5;
1757
1954
  }
1758
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark h2 {
1759
- color: var(--color-white);
1955
+ .InternalBrandsTab_module_smallest {
1956
+ font-size: 0.75rem;
1957
+ font-weight: 500;
1958
+ line-height: 1.5;
1760
1959
  }
1761
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark .MiniSectionCta_module_subtitle {
1762
- color: var(--color-light-gray-2);
1960
+ a {
1961
+ color: var(--color-link);
1962
+ text-decoration: none;
1963
+ cursor: pointer;
1964
+ }
1965
+ a:hover {
1966
+ text-decoration: underline;
1967
+ }
1968
+ .InternalBrandsTab_module_internalBrandsTab {
1969
+ padding-bottom: var(--spacing-xl);
1763
1970
  }
1764
1971
  @media (max-width: 768px) {
1765
- .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
1766
- width: 100%;
1767
- }
1768
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorGrey {
1769
- text-align: center;
1770
- }
1771
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_col {
1772
- width: 100%;
1972
+ .InternalBrandsTab_module_internalBrandsTab {
1973
+ padding-bottom: 0.75rem;
1773
1974
  }
1774
1975
  }
1775
-
1776
- /* src/widgets/PracticePathCards/PracticePathCards.module.scss */
1777
- .PracticePathCards_module_practice-path-cards {
1778
- display: block;
1779
- width: 100%;
1780
- background-color: var(--color-white);
1976
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_textsContainer {
1977
+ max-width: 67.5rem;
1978
+ margin-bottom: var(--spacing-xl);
1979
+ display: flex;
1980
+ flex-direction: column;
1981
+ height: 100%;
1781
1982
  }
1782
- .PracticePathCards_module_practice-path-cards h2 {
1983
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_textsContainer .InternalBrandsTab_module_title {
1783
1984
  color: var(--color-black);
1784
1985
  }
1785
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_container {
1986
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_textsContainer .InternalBrandsTab_module_subTitle {
1987
+ margin-top: var(--spacing-sm);
1988
+ }
1989
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_tabWrapper {
1990
+ margin-top: var(--spacing-xl);
1786
1991
  display: flex;
1787
1992
  flex-direction: column;
1788
- gap: var(--spacing-xl);
1993
+ flex-grow: 1;
1789
1994
  }
1790
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper {
1995
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_tabButtonsRow {
1791
1996
  display: flex;
1792
- align-items: center;
1793
- justify-content: space-between;
1794
- gap: var(--spacing-xl);
1795
- }
1796
- @media (max-width: 768px) {
1797
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper {
1798
- flex-direction: column;
1799
- }
1800
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper .PracticePathCards_module_ctaWrapper {
1801
- width: 100%;
1802
- padding: 0 var(--spacing-lg);
1803
- }
1804
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper .PracticePathCards_module_ctaWrapper .PracticePathCards_module_cta {
1805
- width: 100%;
1806
- }
1997
+ gap: 0;
1807
1998
  }
1808
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_content {
1999
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea {
2000
+ flex-grow: 1;
1809
2001
  display: flex;
1810
2002
  flex-direction: column;
1811
- gap: var(--spacing-sm);
2003
+ width: 100%;
2004
+ background: var(--color-white);
2005
+ border: 1px solid var(--color-light-gray-2);
2006
+ border-top: none;
2007
+ border-radius: 0 0 var(--spacing-md) var(--spacing-md);
2008
+ padding: var(--spacing-md);
2009
+ box-shadow: 0px 0px 0.625rem 0px rgba(54, 54, 54, 0.137254902);
1812
2010
  }
1813
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_cards {
2011
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent {
2012
+ padding: var(--spacing-xl);
1814
2013
  display: flex;
1815
- flex-direction: row;
1816
- overflow: hidden;
1817
- border-radius: 16px;
1818
- justify-content: center;
1819
2014
  }
1820
- @media (max-width: 768px) {
1821
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_cards {
1822
- flex-direction: column;
1823
- }
2015
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentTitle {
2016
+ padding-bottom: var(--spacing-md);
1824
2017
  }
1825
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
1826
- width: 33.333%;
2018
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentLongText p {
2019
+ color: var(--color-black);
2020
+ padding-bottom: var(--spacing-xl);
2021
+ letter-spacing: -1%;
1827
2022
  }
1828
- @media (max-width: 768px) {
1829
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
1830
- width: 100%;
1831
- }
2023
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentCta {
2024
+ margin-bottom: var(--spacing-xl);
1832
2025
  }
1833
-
1834
- /* src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss */
1835
- .Teaser5050With3Text_module_teaser5050-3text {
1836
- display: block;
1837
- width: 100%;
1838
- background-color: var(--color-white);
2026
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentRightSide {
2027
+ width: 19.8125rem;
2028
+ margin-left: var(--spacing-xl);
2029
+ color: var(--color-black);
1839
2030
  }
1840
- .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_container {
2031
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent {
2032
+ padding: var(--spacing-xl);
1841
2033
  display: flex;
1842
- flex-direction: column;
1843
- gap: var(--spacing-xl);
1844
2034
  }
1845
- .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_content {
2035
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide {
2036
+ border-top: 1px solid var(--color-light-gray-2);
2037
+ width: 55.6875rem;
2038
+ }
2039
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTitle {
2040
+ padding: var(--spacing-xl) 0 var(--spacing-md) 0;
2041
+ }
2042
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide bottomContentTextList {
2043
+ margin-top: var(--spacing-lg);
2044
+ }
2045
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList ol {
2046
+ list-style: none;
2047
+ padding: 0;
2048
+ margin: 0;
2049
+ column-count: 1;
2050
+ column-gap: var(--spacing-2xl);
2051
+ counter-reset: item;
2052
+ }
2053
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide {
2054
+ }
2055
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList ol:has(li:nth-child(4)) {
2056
+ column-count: 2;
2057
+ }
2058
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList li {
2059
+ counter-increment: item;
1846
2060
  display: flex;
1847
- flex-direction: row;
2061
+ align-items: center;
2062
+ gap: 1.8125rem;
2063
+ color: var(--color-black);
2064
+ break-inside: avoid;
2065
+ margin-bottom: var(--spacing-lg);
2066
+ }
2067
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList li::before {
2068
+ content: counter(item);
2069
+ display: inline-flex;
1848
2070
  align-items: center;
1849
2071
  justify-content: center;
1850
- gap: var(--spacing-xl);
2072
+ min-width: 1.875rem;
2073
+ height: 1.875rem;
2074
+ background: #6b6b6b;
2075
+ color: var(--color-white);
2076
+ border-radius: 50%;
1851
2077
  }
1852
- .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_content {
1853
- flex-direction: row-reverse;
2078
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList ol:has(li:nth-child(4)) li:nth-child(3) {
2079
+ break-after: column;
1854
2080
  }
1855
- .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_title {
2081
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentRightSide {
2082
+ padding: var(--spacing-xl) 0px var(--spacing-2xl) var(--spacing-xl);
2083
+ border-top: 1px solid var(--color-light-gray-2);
2084
+ border-left: 1px solid var(--color-light-gray-2);
2085
+ width: 19.8125rem;
2086
+ flex-shrink: 0;
2087
+ }
2088
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentIcon {
2089
+ width: 1.875rem;
2090
+ height: 1.875rem;
2091
+ margin-bottom: var(--spacing-xl);
2092
+ }
2093
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentQuote {
2094
+ color: var(--color-true-black);
2095
+ }
2096
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentTitle {
2097
+ padding: var(--spacing-md);
2098
+ padding-bottom: 0px;
2099
+ }
2100
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentLongText {
2101
+ padding: var(--spacing-md);
1856
2102
  color: var(--color-black);
1857
2103
  }
1858
- .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_image {
1859
- width: 50%;
1860
- border-radius: 16px;
2104
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentCtaContainer {
2105
+ margin: var(--spacing-md) var(--spacing-md) var(--spacing-xl) var(--spacing-md);
1861
2106
  }
1862
- @media (max-width: 768px) {
1863
- .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_container {
1864
- padding: var(--spacing-lg) var(--spacing-md);
1865
- gap: 0;
1866
- }
1867
- .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_container {
1868
- gap: var(--spacing-xl);
1869
- }
1870
- .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_content {
1871
- flex-direction: column;
1872
- }
1873
- .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_content {
1874
- flex-direction: column-reverse;
1875
- gap: var(--spacing-xl);
1876
- }
1877
- .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_image {
1878
- width: 100%;
1879
- padding: 0;
1880
- }
2107
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentCta {
2108
+ width: 100%;
2109
+ min-height: var(--spacing-3xl);
2110
+ padding: 0.75rem;
1881
2111
  }
1882
-
1883
- /* src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss */
1884
- .Teaser5050WithCta_module_teaser5050 {
1885
- display: block;
2112
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentRightSide {
2113
+ color: var(--color-black);
2114
+ padding-bottom: var(--spacing-xl);
1886
2115
  width: 100%;
1887
- background-color: var(--color-white);
1888
2116
  }
1889
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
2117
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide {
2118
+ flex: 1;
2119
+ }
2120
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTitle {
2121
+ padding: var(--spacing-xl) 0 0 var(--spacing-md);
2122
+ border-top: 1px solid var(--color-light-gray-2);
2123
+ }
2124
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList {
2125
+ margin: var(--spacing-lg) var(--spacing-md);
2126
+ }
2127
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList ol {
2128
+ list-style: none;
2129
+ padding: 0;
2130
+ margin: 0;
2131
+ column-count: 1;
2132
+ column-gap: var(--spacing-2xl);
2133
+ counter-reset: item;
2134
+ }
2135
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList li {
2136
+ font-weight: var(--font-weight-regular);
2137
+ counter-increment: item;
1890
2138
  display: flex;
1891
- flex-direction: row;
2139
+ align-items: center;
2140
+ gap: 1.8125rem;
2141
+ color: var(--color-black);
2142
+ break-inside: avoid;
2143
+ margin-bottom: var(--spacing-lg);
2144
+ }
2145
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList li::before {
2146
+ content: counter(item);
2147
+ display: inline-flex;
1892
2148
  align-items: center;
1893
2149
  justify-content: center;
2150
+ min-width: 1.875rem;
2151
+ height: 1.875rem;
2152
+ background: #6b6b6b;
2153
+ color: var(--color-white);
2154
+ border-radius: 50%;
1894
2155
  }
1895
- .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_left .Teaser5050WithCta_module_container {
1896
- flex-direction: row-reverse;
2156
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentRightSide {
2157
+ border: 1px solid var(--color-light-gray-2);
2158
+ width: 100%;
2159
+ padding: var(--spacing-md);
1897
2160
  }
1898
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper {
2161
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentIcon {
2162
+ width: 1.875rem;
2163
+ height: 1.875rem;
2164
+ margin-bottom: var(--spacing-xl);
2165
+ }
2166
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentQuote {
2167
+ color: var(--color-true-black);
2168
+ }
2169
+
2170
+ /* src/widgets/MiniBanner/MiniBanner.module.scss */
2171
+ .MiniBanner_module_minibanner {
2172
+ width: 100%;
2173
+ background-color: #f3f3f3;
2174
+ min-height: 192px;
2175
+ position: relative;
2176
+ color: var(--color-white);
2177
+ padding: var(--spacing-3xl) var(--spacing-7xl);
2178
+ }
2179
+ .MiniBanner_module_minibanner .MiniBanner_module_background {
2180
+ position: absolute;
2181
+ left: 0;
2182
+ top: 0;
2183
+ width: 100%;
2184
+ height: 100%;
2185
+ object-fit: cover;
2186
+ z-index: 1;
2187
+ }
2188
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper {
2189
+ width: 100%;
2190
+ max-width: 1440px;
2191
+ margin: 0 auto;
2192
+ text-align: center;
1899
2193
  display: flex;
1900
2194
  flex-direction: column;
2195
+ align-items: center;
2196
+ gap: var(--spacing-lg);
2197
+ }
2198
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
2199
+ position: relative;
2200
+ display: flex;
2201
+ flex-direction: column;
2202
+ justify-items: center;
2203
+ align-items: center;
2204
+ gap: var(--spacing-lg);
2205
+ z-index: 2;
2206
+ }
2207
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_logo {
2208
+ width: 100%;
2209
+ max-width: 384px;
2210
+ }
2211
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_pretitle {
2212
+ color: var(--color-light-gray);
2213
+ }
2214
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
2215
+ display: flex;
1901
2216
  gap: var(--spacing-md);
1902
- padding: 0 var(--spacing-5xl);
1903
- width: 50%;
1904
2217
  }
1905
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_title {
2218
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
2219
+ font-weight: 400;
2220
+ }
2221
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_ctaContainer {
2222
+ position: relative;
2223
+ width: 100%;
2224
+ z-index: 2;
2225
+ }
2226
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG {
1906
2227
  color: var(--color-black);
2228
+ padding: var(--spacing-5xl) var(--spacing-7xl);
1907
2229
  }
1908
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
1909
- width: 50%;
1910
- border-radius: 16px;
2230
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
2231
+ gap: var(--spacing-xl);
1911
2232
  }
1912
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta img {
1913
- height: var(--font-size-xs);
1914
- width: var(--font-size-xs);
2233
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
2234
+ gap: var(--spacing-sm);
2235
+ }
2236
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
2237
+ font-weight: 600;
2238
+ }
2239
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
2240
+ padding: var(--spacing-5xl) var(--spacing-7xl);
2241
+ }
2242
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper {
2243
+ flex-direction: column;
2244
+ align-items: flex-start;
2245
+ }
2246
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
2247
+ gap: var(--spacing-sm);
2248
+ max-width: unset;
2249
+ align-items: flex-start;
2250
+ text-align: left;
2251
+ }
2252
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
2253
+ font-weight: 600;
1915
2254
  }
1916
2255
  @media (max-width: 768px) {
1917
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
1918
- flex-direction: column-reverse;
1919
- gap: var(--spacing-xl);
2256
+ .MiniBanner_module_minibanner {
2257
+ padding-inline: var(--spacing-md);
1920
2258
  }
1921
- .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_left .Teaser5050WithCta_module_container {
1922
- flex-direction: column-reverse;
2259
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
2260
+ padding: var(--spacing-5xl) var(--spacing-md);
1923
2261
  }
1924
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper,
1925
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
1926
- width: 100%;
2262
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
1927
2263
  padding: 0;
1928
2264
  }
1929
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta {
1930
- width: 100%;
2265
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
2266
+ padding: var(--spacing-lg) var(--spacing-md);
2267
+ gap: var(--spacing-xl);
1931
2268
  }
1932
- }
1933
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
1934
- display: flex;
1935
- gap: var(--spacing-md);
1936
- }
1937
- @media (max-width: 768px) {
1938
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
1939
- display: grid;
1940
- gap: var(--spacing-sm);
2269
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
2270
+ overflow-wrap: anywhere;
2271
+ }
2272
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_ctaContainer {
2273
+ margin: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
2274
+ width: calc(100% - var(--spacing-xl));
1941
2275
  }
1942
2276
  }
1943
2277
 
1944
- /* src/components/UpcomingEventCard/UpcomingEventCard.module.scss */
1945
- .UpcomingEventCard_module_event-card {
1946
- display: flex;
1947
- border: 1px solid var(--color-extra-light-gray);
1948
- overflow: hidden;
1949
- border-radius: 0.5rem;
2278
+ /* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
2279
+ .MiniSectionCta_module_miniSectionCta {
2280
+ display: block;
2281
+ width: 100%;
1950
2282
  background-color: var(--color-white);
1951
- flex: 1;
1952
- height: 100%;
1953
2283
  }
1954
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content {
2284
+ .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_wrapper {
1955
2285
  display: flex;
2286
+ flex-direction: row;
2287
+ justify-content: space-between;
2288
+ gap: var(--spacing-md);
2289
+ padding: 0;
1956
2290
  }
1957
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
1958
- object-position: center;
1959
- object-fit: cover;
2291
+ @media (max-width: 768px) {
2292
+ .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_wrapper {
2293
+ flex-direction: column;
2294
+ padding: var(--spacing-lg) var(--spacing-md);
2295
+ }
1960
2296
  }
1961
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2297
+ .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_col {
1962
2298
  display: flex;
1963
2299
  flex-direction: column;
1964
- gap: 0.5rem;
1965
- height: 100%;
2300
+ justify-content: center;
1966
2301
  }
1967
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
1968
- line-height: 140%;
2302
+ .MiniSectionCta_module_miniSectionCta h2 {
1969
2303
  color: var(--color-black);
1970
- font-size: var(--font-size-xl);
1971
2304
  }
1972
- @media (max-width: 768px) {
1973
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
1974
- line-height: 130%;
1975
- font-size: var(--font-size-lg);
1976
- }
1977
- }
1978
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_date {
1979
- color: var(--color-gray);
1980
- line-height: 150%;
1981
- font-size: var(--font-size-sm);
2305
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
2306
+ background-color: var(--color-black);
2307
+ color: var(--color-white);
1982
2308
  }
1983
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
1984
- color: var(--color-black);
1985
- line-height: 140%;
1986
- font-size: var(--font-size-lg);
2309
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack h2 {
2310
+ color: var(--color-light-gray-2);
1987
2311
  }
1988
2312
  @media (max-width: 768px) {
1989
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
1990
- line-height: 130%;
1991
- font-size: 18px;
2313
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
2314
+ text-align: center;
1992
2315
  }
1993
2316
  }
1994
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
1995
- font-size: var(--font-size-md);
1996
- line-height: 150%;
2317
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
2318
+ flex-direction: row;
2319
+ gap: 112px;
2320
+ align-items: center;
2321
+ }
2322
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout h2 {
2323
+ min-width: fit-content;
1997
2324
  }
1998
2325
  @media (max-width: 768px) {
1999
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
2000
- font-size: var(--font-size-sm);
2001
- display: -webkit-box;
2002
- line-clamp: 5;
2003
- -webkit-line-clamp: 5;
2004
- -webkit-box-orient: vertical;
2005
- overflow: hidden;
2326
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
2327
+ flex-direction: column;
2328
+ gap: var(--spacing-md);
2329
+ align-items: flex-start;
2330
+ }
2331
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_subtitle {
2332
+ font-size: var(--font-size-lg);
2333
+ font-weight: var(--font-weight-medium);
2334
+ line-height: var(--line-height-tight-1);
2006
2335
  }
2007
2336
  }
2008
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer {
2009
- padding: 1rem;
2337
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_wrapper {
2338
+ flex-direction: column;
2339
+ align-items: center;
2010
2340
  }
2011
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer button {
2012
- margin-right: 1rem;
2013
- min-width: 195px;
2341
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light {
2342
+ background-color: var(--color-white);
2014
2343
  }
2015
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
2016
- flex-direction: row-reverse;
2017
- align-items: center;
2018
- width: 100%;
2019
- padding-right: 1rem;
2344
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light h2,
2345
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle {
2346
+ color: var(--color-black);
2347
+ }
2348
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark {
2349
+ background-color: var(--color-black);
2350
+ }
2351
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark h2 {
2352
+ color: var(--color-white);
2353
+ }
2354
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark .MiniSectionCta_module_subtitle {
2355
+ color: var(--color-light-gray-2);
2020
2356
  }
2021
2357
  @media (max-width: 768px) {
2022
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
2023
- flex-direction: column;
2024
- padding-right: 0;
2358
+ .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
2359
+ width: 100%;
2360
+ }
2361
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorGrey {
2362
+ text-align: center;
2363
+ }
2364
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_col {
2365
+ width: 100%;
2025
2366
  }
2026
2367
  }
2027
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
2028
- flex-direction: row-reverse;
2029
- align-items: center;
2030
- gap: 1rem;
2368
+
2369
+ /* src/widgets/PracticePathCards/PracticePathCards.module.scss */
2370
+ .PracticePathCards_module_practice-path-cards {
2371
+ display: block;
2031
2372
  width: 100%;
2373
+ background-color: var(--color-white);
2374
+ }
2375
+ .PracticePathCards_module_practice-path-cards h2 {
2376
+ color: var(--color-black);
2377
+ }
2378
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_container {
2379
+ display: flex;
2380
+ flex-direction: column;
2381
+ gap: var(--spacing-xl);
2382
+ }
2383
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper {
2384
+ display: flex;
2385
+ align-items: center;
2032
2386
  justify-content: space-between;
2387
+ gap: var(--spacing-xl);
2033
2388
  }
2034
2389
  @media (max-width: 768px) {
2035
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
2390
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper {
2036
2391
  flex-direction: column;
2037
- padding: 0;
2038
2392
  }
2039
- }
2040
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2041
- min-width: 346px;
2042
- height: 153px;
2043
- }
2044
- @media (max-width: 768px) {
2045
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2393
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper .PracticePathCards_module_ctaWrapper {
2046
2394
  width: 100%;
2047
- height: 228.61px;
2395
+ padding: 0 var(--spacing-lg);
2048
2396
  }
2049
- }
2050
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2051
- padding: 1rem;
2052
- }
2053
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content.UpcomingEventCard_module_event-card-show-image {
2054
- padding-top: 1rem;
2055
- }
2056
- @media (max-width: 768px) {
2057
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2058
- padding: 1rem;
2059
- padding-top: 0;
2397
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper .PracticePathCards_module_ctaWrapper .PracticePathCards_module_cta {
2398
+ width: 100%;
2060
2399
  }
2061
2400
  }
2062
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta {
2063
- margin-top: auto;
2064
- }
2065
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta.UpcomingEventCard_module_hidden {
2066
- display: none;
2067
- }
2068
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta.UpcomingEventCard_module_hidden {
2069
- background-color: red;
2070
- }
2071
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-footer.UpcomingEventCard_module_hidden {
2072
- display: none;
2401
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_content {
2402
+ display: flex;
2403
+ flex-direction: column;
2404
+ gap: var(--spacing-sm);
2073
2405
  }
2074
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
2406
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_cards {
2407
+ display: flex;
2075
2408
  flex-direction: row;
2409
+ overflow: hidden;
2410
+ border-radius: 16px;
2411
+ justify-content: center;
2076
2412
  }
2077
2413
  @media (max-width: 768px) {
2078
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
2414
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_cards {
2079
2415
  flex-direction: column;
2080
- align-items: flex-start;
2081
2416
  }
2082
2417
  }
2083
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
2084
- padding: 0;
2085
- padding-right: 1rem;
2418
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
2419
+ width: 33.333%;
2086
2420
  }
2087
2421
  @media (max-width: 768px) {
2088
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
2089
- padding: 1rem;
2090
- padding-top: 0;
2422
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
2423
+ width: 100%;
2091
2424
  }
2092
2425
  }
2093
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical {
2094
- flex-direction: column;
2426
+
2427
+ /* src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss */
2428
+ .Teaser5050With3Text_module_teaser5050-3text {
2429
+ display: block;
2430
+ width: 100%;
2431
+ background-color: var(--color-white);
2095
2432
  }
2096
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content {
2433
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_container {
2434
+ display: flex;
2097
2435
  flex-direction: column;
2436
+ gap: var(--spacing-xl);
2098
2437
  }
2099
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2100
- height: 228.61px;
2101
- min-width: 346px;
2102
- object-position: center;
2103
- object-fit: cover;
2438
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_content {
2439
+ display: flex;
2440
+ flex-direction: row;
2441
+ align-items: center;
2442
+ justify-content: center;
2443
+ gap: var(--spacing-xl);
2104
2444
  }
2105
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2106
- padding: 1rem;
2445
+ .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_content {
2446
+ flex-direction: row-reverse;
2107
2447
  }
2108
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta {
2109
- display: none;
2448
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_title {
2449
+ color: var(--color-black);
2110
2450
  }
2111
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-footer {
2112
- padding-top: 0;
2451
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_image {
2452
+ width: 50%;
2453
+ border-radius: 16px;
2454
+ }
2455
+ @media (max-width: 768px) {
2456
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_container {
2457
+ padding: var(--spacing-lg) var(--spacing-md);
2458
+ gap: 0;
2459
+ }
2460
+ .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_container {
2461
+ gap: var(--spacing-xl);
2462
+ }
2463
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_content {
2464
+ flex-direction: column;
2465
+ }
2466
+ .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_content {
2467
+ flex-direction: column-reverse;
2468
+ gap: var(--spacing-xl);
2469
+ }
2470
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_image {
2471
+ width: 100%;
2472
+ padding: 0;
2473
+ }
2113
2474
  }
2114
2475
 
2115
- /* src/components/Carousel/Carousel.module.scss */
2116
-
2117
- /* src/widgets/EventList/EventList.module.scss */
2118
- .EventList_module_event-list-module .EventList_module_event-list-header-container {
2476
+ /* src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss */
2477
+ .Teaser5050WithCta_module_teaser5050 {
2478
+ display: block;
2479
+ width: 100%;
2480
+ background-color: var(--color-white);
2481
+ }
2482
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
2119
2483
  display: flex;
2120
- justify-content: space-between;
2484
+ flex-direction: row;
2121
2485
  align-items: center;
2122
- gap: 12px var(--spacing-md);
2123
- margin-bottom: var(--spacing-xl);
2486
+ justify-content: center;
2124
2487
  }
2125
- .EventList_module_event-list-module .EventList_module_event-list-header-container .EventList_module_event-list-title {
2126
- color: var(--color-black);
2488
+ .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_left .Teaser5050WithCta_module_container {
2489
+ flex-direction: row-reverse;
2127
2490
  }
2128
- .EventList_module_event-list-module .EventList_module_event-list-wrapper {
2491
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper {
2129
2492
  display: flex;
2493
+ flex-direction: column;
2130
2494
  gap: var(--spacing-md);
2131
- list-style: none;
2495
+ padding: 0 var(--spacing-5xl);
2496
+ width: 50%;
2132
2497
  }
2133
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical {
2134
- flex-direction: column;
2498
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_title {
2499
+ color: var(--color-black);
2135
2500
  }
2136
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item {
2137
- flex: 1;
2501
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
2502
+ width: 50%;
2503
+ border-radius: 16px;
2504
+ }
2505
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta img {
2506
+ height: var(--font-size-xs);
2507
+ width: var(--font-size-xs);
2508
+ }
2509
+ @media (max-width: 768px) {
2510
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
2511
+ flex-direction: column-reverse;
2512
+ gap: var(--spacing-xl);
2513
+ }
2514
+ .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_left .Teaser5050WithCta_module_container {
2515
+ flex-direction: column-reverse;
2516
+ }
2517
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper,
2518
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
2519
+ width: 100%;
2520
+ padding: 0;
2521
+ }
2522
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta {
2523
+ width: 100%;
2524
+ }
2525
+ }
2526
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
2527
+ display: flex;
2528
+ gap: var(--spacing-md);
2529
+ }
2530
+ @media (max-width: 768px) {
2531
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
2532
+ display: grid;
2533
+ gap: var(--spacing-sm);
2534
+ }
2535
+ }
2536
+
2537
+ /* src/components/UpcomingEventCard/UpcomingEventCard.module.scss */
2538
+ .UpcomingEventCard_module_event-card {
2539
+ display: flex;
2540
+ border: 1px solid var(--color-extra-light-gray);
2541
+ overflow: hidden;
2542
+ border-radius: 0.5rem;
2543
+ background-color: var(--color-white);
2544
+ flex: 1;
2545
+ height: 100%;
2546
+ }
2547
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content {
2548
+ display: flex;
2549
+ }
2550
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2551
+ object-position: center;
2552
+ object-fit: cover;
2553
+ }
2554
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2555
+ display: flex;
2556
+ flex-direction: column;
2557
+ gap: 0.5rem;
2558
+ height: 100%;
2559
+ }
2560
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
2561
+ line-height: 140%;
2562
+ color: var(--color-black);
2563
+ font-size: var(--font-size-xl);
2564
+ }
2565
+ @media (max-width: 768px) {
2566
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
2567
+ line-height: 130%;
2568
+ font-size: var(--font-size-lg);
2569
+ }
2570
+ }
2571
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_date {
2572
+ color: var(--color-gray);
2573
+ line-height: 150%;
2574
+ font-size: var(--font-size-sm);
2575
+ }
2576
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
2577
+ color: var(--color-black);
2578
+ line-height: 140%;
2579
+ font-size: var(--font-size-lg);
2580
+ }
2581
+ @media (max-width: 768px) {
2582
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
2583
+ line-height: 130%;
2584
+ font-size: 18px;
2585
+ }
2586
+ }
2587
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
2588
+ font-size: var(--font-size-md);
2589
+ line-height: 150%;
2590
+ }
2591
+ @media (max-width: 768px) {
2592
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
2593
+ font-size: var(--font-size-sm);
2594
+ display: -webkit-box;
2595
+ line-clamp: 5;
2596
+ -webkit-line-clamp: 5;
2597
+ -webkit-box-orient: vertical;
2598
+ overflow: hidden;
2599
+ }
2600
+ }
2601
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer {
2602
+ padding: 1rem;
2603
+ }
2604
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer button {
2605
+ margin-right: 1rem;
2606
+ min-width: 195px;
2607
+ }
2608
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
2609
+ flex-direction: row-reverse;
2610
+ align-items: center;
2611
+ width: 100%;
2612
+ padding-right: 1rem;
2613
+ }
2614
+ @media (max-width: 768px) {
2615
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
2616
+ flex-direction: column;
2617
+ padding-right: 0;
2618
+ }
2619
+ }
2620
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
2621
+ flex-direction: row-reverse;
2622
+ align-items: center;
2623
+ gap: 1rem;
2624
+ width: 100%;
2625
+ justify-content: space-between;
2626
+ }
2627
+ @media (max-width: 768px) {
2628
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
2629
+ flex-direction: column;
2630
+ padding: 0;
2631
+ }
2632
+ }
2633
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2634
+ min-width: 346px;
2635
+ height: 153px;
2636
+ }
2637
+ @media (max-width: 768px) {
2638
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2639
+ width: 100%;
2640
+ height: 228.61px;
2641
+ }
2642
+ }
2643
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2644
+ padding: 1rem;
2645
+ }
2646
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content.UpcomingEventCard_module_event-card-show-image {
2647
+ padding-top: 1rem;
2648
+ }
2649
+ @media (max-width: 768px) {
2650
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2651
+ padding: 1rem;
2652
+ padding-top: 0;
2653
+ }
2654
+ }
2655
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta {
2656
+ margin-top: auto;
2657
+ }
2658
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta.UpcomingEventCard_module_hidden {
2659
+ display: none;
2660
+ }
2661
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta.UpcomingEventCard_module_hidden {
2662
+ background-color: red;
2663
+ }
2664
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-footer.UpcomingEventCard_module_hidden {
2665
+ display: none;
2666
+ }
2667
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
2668
+ flex-direction: row;
2669
+ }
2670
+ @media (max-width: 768px) {
2671
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
2672
+ flex-direction: column;
2673
+ align-items: flex-start;
2674
+ }
2675
+ }
2676
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
2677
+ padding: 0;
2678
+ padding-right: 1rem;
2679
+ }
2680
+ @media (max-width: 768px) {
2681
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
2682
+ padding: 1rem;
2683
+ padding-top: 0;
2684
+ }
2685
+ }
2686
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical {
2687
+ flex-direction: column;
2688
+ }
2689
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content {
2690
+ flex-direction: column;
2691
+ }
2692
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2693
+ height: 228.61px;
2694
+ min-width: 346px;
2695
+ object-position: center;
2696
+ object-fit: cover;
2697
+ }
2698
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2699
+ padding: 1rem;
2700
+ }
2701
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta {
2702
+ display: none;
2703
+ }
2704
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-footer {
2705
+ padding-top: 0;
2706
+ }
2707
+
2708
+ /* src/components/Carousel/Carousel.module.scss */
2709
+
2710
+ /* src/widgets/EventList/EventList.module.scss */
2711
+ .EventList_module_event-list-module .EventList_module_event-list-header-container {
2712
+ display: flex;
2713
+ justify-content: space-between;
2714
+ align-items: center;
2715
+ gap: 12px var(--spacing-md);
2716
+ margin-bottom: var(--spacing-xl);
2717
+ }
2718
+ .EventList_module_event-list-module .EventList_module_event-list-header-container .EventList_module_event-list-title {
2719
+ color: var(--color-black);
2720
+ }
2721
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper {
2722
+ display: flex;
2723
+ gap: var(--spacing-md);
2724
+ list-style: none;
2725
+ }
2726
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical {
2727
+ flex-direction: column;
2728
+ }
2729
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item {
2730
+ flex: 1;
2138
2731
  }
2139
2732
  .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item .card-content {
2140
2733
  flex: 1;
@@ -2306,7 +2899,6 @@ h4,
2306
2899
  font-size: 18px;
2307
2900
  }
2308
2901
  }
2309
- p,
2310
2902
  .TextEvent_module_body {
2311
2903
  font-size: 1rem;
2312
2904
  font-weight: 500;
@@ -2573,7 +3165,6 @@ h4,
2573
3165
  font-size: 18px;
2574
3166
  }
2575
3167
  }
2576
- p,
2577
3168
  .TextBody_module_body {
2578
3169
  font-size: 1rem;
2579
3170
  font-weight: 500;
@@ -2834,4 +3425,482 @@ a:hover {
2834
3425
  width: auto;
2835
3426
  }
2836
3427
  }
3428
+
3429
+ /* src/widgets/ResourcesGridList/ResourcesGridList.module.scss */
3430
+ .ResourcesGridList_module_widget {
3431
+ display: flex;
3432
+ flex-direction: column;
3433
+ gap: var(--spacing-md);
3434
+ align-items: center;
3435
+ width: 100%;
3436
+ padding: var(--spacing-3xl) var(--spacing-7xl);
3437
+ }
3438
+ @media (max-width: 768px) {
3439
+ .ResourcesGridList_module_widget {
3440
+ padding: var(--spacing-lg) var(--spacing-md);
3441
+ }
3442
+ }
3443
+ .ResourcesGridList_module_filterBar {
3444
+ display: flex;
3445
+ align-items: center;
3446
+ justify-content: space-between;
3447
+ width: 100%;
3448
+ max-width: 1280px;
3449
+ }
3450
+ .ResourcesGridList_module_viewToggle,
3451
+ .ResourcesGridList_module_filterActions {
3452
+ display: flex;
3453
+ gap: 8px;
3454
+ align-items: center;
3455
+ }
3456
+ .ResourcesGridList_module_chip {
3457
+ display: flex;
3458
+ align-items: center;
3459
+ gap: 8px;
3460
+ padding: 8px 16px;
3461
+ border-radius: 16px;
3462
+ border: 1px solid var(--grayoutline, #dbdbdb);
3463
+ background: white;
3464
+ cursor: pointer;
3465
+ font-size: var(--size-body, 14px);
3466
+ font-weight: 500;
3467
+ line-height: 1.5;
3468
+ white-space: nowrap;
3469
+ }
3470
+ .ResourcesGridList_module_chip.ResourcesGridList_module_active {
3471
+ background: var(--neutral-50, #ededed);
3472
+ border-color: #4d4d4d;
3473
+ }
3474
+ @media (max-width: 768px) {
3475
+ .ResourcesGridList_module_chip {
3476
+ padding: 8px;
3477
+ gap: 0;
3478
+ }
3479
+ }
3480
+ @media (max-width: 768px) {
3481
+ .ResourcesGridList_module_chipLabel {
3482
+ display: none;
3483
+ }
3484
+ }
3485
+ .ResourcesGridList_module_dropdownWrapper {
3486
+ position: relative;
3487
+ }
3488
+ .ResourcesGridList_module_searchExpanded {
3489
+ display: flex;
3490
+ align-items: center;
3491
+ gap: 8px;
3492
+ padding: 8px 16px;
3493
+ border-radius: 16px;
3494
+ border: 1px solid #4d4d4d;
3495
+ background: white;
3496
+ overflow: hidden;
3497
+ white-space: nowrap;
3498
+ animation: ResourcesGridList_module_searchExpand 0.25s ease forwards;
3499
+ }
3500
+ .ResourcesGridList_module_searchCollapsing {
3501
+ animation: ResourcesGridList_module_searchCollapse 0.25s ease forwards;
3502
+ }
3503
+ @keyframes ResourcesGridList_module_searchExpand {
3504
+ from {
3505
+ width: 0;
3506
+ opacity: 0;
3507
+ padding-left: 0;
3508
+ padding-right: 0;
3509
+ }
3510
+ to {
3511
+ width: 220px;
3512
+ opacity: 1;
3513
+ padding-left: 16px;
3514
+ padding-right: 16px;
3515
+ }
3516
+ }
3517
+ @keyframes ResourcesGridList_module_searchCollapse {
3518
+ from {
3519
+ width: 220px;
3520
+ opacity: 1;
3521
+ padding-left: 16px;
3522
+ padding-right: 16px;
3523
+ }
3524
+ to {
3525
+ width: 0;
3526
+ opacity: 0;
3527
+ padding-left: 0;
3528
+ padding-right: 0;
3529
+ }
3530
+ }
3531
+ .ResourcesGridList_module_searchIconInner {
3532
+ flex-shrink: 0;
3533
+ display: flex;
3534
+ align-items: center;
3535
+ color: #4d4d4d;
3536
+ }
3537
+ .ResourcesGridList_module_searchInput {
3538
+ flex: 1;
3539
+ min-width: 0;
3540
+ border: none;
3541
+ outline: none;
3542
+ font-size: var(--size-body, 14px);
3543
+ font-weight: 500;
3544
+ line-height: 1.5;
3545
+ background: transparent;
3546
+ color: var(--base-black, #080808);
3547
+ }
3548
+ .ResourcesGridList_module_searchInput::placeholder {
3549
+ color: #9e9e9e;
3550
+ }
3551
+ .ResourcesGridList_module_dropdownPanel {
3552
+ position: absolute;
3553
+ top: calc(100% + 6px);
3554
+ right: 0;
3555
+ background: white;
3556
+ border: 1px solid var(--grayoutline, #dbdbdb);
3557
+ border-radius: 16px;
3558
+ padding: 8px;
3559
+ min-width: 150px;
3560
+ z-index: 100;
3561
+ box-shadow:
3562
+ 0 0 3px rgba(54, 54, 54, 0.1),
3563
+ 0 0 6px rgba(54, 54, 54, 0.09),
3564
+ 0 0 8px rgba(54, 54, 54, 0.05),
3565
+ 0 0 9px rgba(54, 54, 54, 0.01);
3566
+ display: flex;
3567
+ flex-direction: column;
3568
+ gap: 4px;
3569
+ }
3570
+ .ResourcesGridList_module_dropdownOption {
3571
+ display: flex;
3572
+ align-items: center;
3573
+ gap: 8px;
3574
+ padding: 4px 8px;
3575
+ border-radius: 8px;
3576
+ cursor: pointer;
3577
+ font-size: var(--size-body, 16px);
3578
+ font-weight: 500;
3579
+ line-height: 1.5;
3580
+ letter-spacing: -0.08px;
3581
+ white-space: nowrap;
3582
+ color: var(--base-black, #080808);
3583
+ background: transparent;
3584
+ border: none;
3585
+ width: 100%;
3586
+ text-align: left;
3587
+ }
3588
+ .ResourcesGridList_module_dropdownOption.ResourcesGridList_module_selected {
3589
+ background: var(--base-black, #080808);
3590
+ color: white;
3591
+ }
3592
+ .ResourcesGridList_module_content {
3593
+ display: flex;
3594
+ gap: 24px;
3595
+ align-items: flex-start;
3596
+ width: 100%;
3597
+ max-width: 1280px;
3598
+ }
3599
+ @media (max-width: 768px) {
3600
+ .ResourcesGridList_module_content {
3601
+ gap: 16px;
3602
+ position: relative;
3603
+ overflow: hidden;
3604
+ min-height: 78vh;
3605
+ }
3606
+ }
3607
+ .ResourcesGridList_module_mobileSidebarOverlay {
3608
+ display: none;
3609
+ }
3610
+ @media (max-width: 768px) {
3611
+ .ResourcesGridList_module_mobileSidebarOverlay {
3612
+ display: flex;
3613
+ gap: 16px;
3614
+ position: absolute;
3615
+ top: 0;
3616
+ left: 0;
3617
+ bottom: 0;
3618
+ width: 100%;
3619
+ background: white;
3620
+ z-index: 20;
3621
+ transform: translateX(-100%);
3622
+ transition: transform 0.3s ease;
3623
+ pointer-events: none;
3624
+ }
3625
+ }
3626
+ @media (max-width: 768px) {
3627
+ .ResourcesGridList_module_mobileSidebarOverlayOpen {
3628
+ transform: translateX(0);
3629
+ pointer-events: auto;
3630
+ }
3631
+ }
3632
+ .ResourcesGridList_module_mobileCategoriesPanel {
3633
+ flex: 1;
3634
+ min-width: 0;
3635
+ overflow-y: auto;
3636
+ }
3637
+ .ResourcesGridList_module_mobileCategoriesList {
3638
+ list-style: none;
3639
+ padding: 0;
3640
+ margin: 0;
3641
+ display: flex;
3642
+ flex-direction: column;
3643
+ }
3644
+ .ResourcesGridList_module_mobileSidebarItem {
3645
+ display: flex;
3646
+ align-items: center;
3647
+ justify-content: space-between;
3648
+ padding: 8px;
3649
+ border-radius: 8px;
3650
+ cursor: pointer;
3651
+ font-weight: 600;
3652
+ font-size: var(--size-body, 16px);
3653
+ line-height: 1.5;
3654
+ letter-spacing: -0.08px;
3655
+ }
3656
+ .ResourcesGridList_module_mobileSidebarItem.ResourcesGridList_module_active {
3657
+ background: rgba(0, 0, 0, 0.1);
3658
+ }
3659
+ .ResourcesGridList_module_mobileSidebarCloseColumn {
3660
+ position: relative;
3661
+ width: 40px;
3662
+ flex-shrink: 0;
3663
+ align-self: stretch;
3664
+ }
3665
+ .ResourcesGridList_module_mobileSidebarCloseColumn::after {
3666
+ content: "";
3667
+ position: absolute;
3668
+ top: 0;
3669
+ bottom: 0;
3670
+ left: 50%;
3671
+ width: 1px;
3672
+ background-color: var(--base-inverted-grey, #cecece);
3673
+ transform: translateX(-50%);
3674
+ }
3675
+ .ResourcesGridList_module_sidebar {
3676
+ width: 272px;
3677
+ flex-shrink: 0;
3678
+ align-self: stretch;
3679
+ border-right: 1px solid var(--base-inverted-grey, #cecece);
3680
+ padding-right: var(--spacing-lg);
3681
+ }
3682
+ @media (max-width: 768px) {
3683
+ .ResourcesGridList_module_sidebar {
3684
+ display: none;
3685
+ }
3686
+ }
3687
+ .ResourcesGridList_module_sidebarItem {
3688
+ display: flex;
3689
+ align-items: center;
3690
+ justify-content: space-between;
3691
+ padding: 8px;
3692
+ border-radius: 8px;
3693
+ cursor: pointer;
3694
+ font-size: var(--size-body, 15px);
3695
+ font-weight: 600;
3696
+ list-style: none;
3697
+ }
3698
+ .ResourcesGridList_module_sidebarItem.ResourcesGridList_module_active {
3699
+ background: rgba(0, 0, 0, 0.1);
3700
+ }
3701
+ .ResourcesGridList_module_sidebarMobile {
3702
+ position: relative;
3703
+ width: 40px;
3704
+ flex-shrink: 0;
3705
+ align-self: stretch;
3706
+ }
3707
+ .ResourcesGridList_module_sidebarMobile::after {
3708
+ content: "";
3709
+ position: absolute;
3710
+ top: 0;
3711
+ bottom: 0;
3712
+ left: 50%;
3713
+ width: 1px;
3714
+ background-color: var(--base-inverted-grey, #cecece);
3715
+ transform: translateX(-50%);
3716
+ }
3717
+ .ResourcesGridList_module_hamburger {
3718
+ position: relative;
3719
+ z-index: 1;
3720
+ background: white;
3721
+ border: 1px solid var(--base-inverted-grey, #cecece);
3722
+ border-radius: 26px;
3723
+ padding: 8px;
3724
+ display: flex;
3725
+ cursor: pointer;
3726
+ margin-top: 26px;
3727
+ }
3728
+ .ResourcesGridList_module_cardsArea {
3729
+ flex: 1;
3730
+ min-width: 0;
3731
+ }
3732
+ .ResourcesGridList_module_grid {
3733
+ display: grid;
3734
+ grid-template-columns: repeat(3, 1fr);
3735
+ gap: 16px;
3736
+ }
3737
+ @media (max-width: 768px) {
3738
+ .ResourcesGridList_module_grid {
3739
+ grid-template-columns: repeat(2, 1fr);
3740
+ }
3741
+ }
3742
+ .ResourcesGridList_module_list {
3743
+ display: flex;
3744
+ flex-direction: column;
3745
+ }
3746
+ .ResourcesGridList_module_cardGrid {
3747
+ width: 100%;
3748
+ border-radius: 8px;
3749
+ overflow: hidden;
3750
+ border: 1px solid var(--grayoutline, #dbdbdb);
3751
+ background: white;
3752
+ }
3753
+ @media (max-width: 768px) {
3754
+ .ResourcesGridList_module_cardGrid .ResourcesGridList_module_cardBody {
3755
+ height: auto;
3756
+ min-height: 236px;
3757
+ padding: 16px;
3758
+ }
3759
+ }
3760
+ .ResourcesGridList_module_cardBody {
3761
+ padding: 24px 24px 16px;
3762
+ height: 314px;
3763
+ display: flex;
3764
+ flex-direction: column;
3765
+ justify-content: space-between;
3766
+ }
3767
+ .ResourcesGridList_module_cardIconTitle {
3768
+ display: flex;
3769
+ gap: 16px;
3770
+ align-items: flex-start;
3771
+ min-width: 0;
3772
+ }
3773
+ @media (max-width: 768px) {
3774
+ .ResourcesGridList_module_cardIconTitle {
3775
+ flex-direction: column;
3776
+ gap: 8px;
3777
+ align-items: flex-start;
3778
+ }
3779
+ }
3780
+ .ResourcesGridList_module_cardTitle {
3781
+ flex: 1;
3782
+ min-width: 0;
3783
+ font-weight: 600;
3784
+ font-size: var(--size-body, 16px);
3785
+ line-height: 1.5;
3786
+ overflow-wrap: anywhere;
3787
+ display: -webkit-box;
3788
+ -webkit-line-clamp: 3;
3789
+ -webkit-box-orient: vertical;
3790
+ overflow: hidden;
3791
+ }
3792
+ @media (max-width: 768px) {
3793
+ .ResourcesGridList_module_cardTitle {
3794
+ letter-spacing: -0.08px;
3795
+ }
3796
+ }
3797
+ .ResourcesGridList_module_cardMeta {
3798
+ display: flex;
3799
+ justify-content: space-between;
3800
+ align-items: center;
3801
+ }
3802
+ .ResourcesGridList_module_cardDate {
3803
+ font-size: 14px;
3804
+ font-weight: 500;
3805
+ color: #4d4d4d;
3806
+ white-space: nowrap;
3807
+ }
3808
+ .ResourcesGridList_module_cardList {
3809
+ background: white;
3810
+ padding: 16px 24px;
3811
+ border-bottom: 1px solid var(--grayoutline, #dbdbdb);
3812
+ display: flex;
3813
+ gap: 32px;
3814
+ align-items: center;
3815
+ }
3816
+ @media (max-width: 768px) {
3817
+ .ResourcesGridList_module_cardList {
3818
+ flex-direction: column;
3819
+ gap: 16px;
3820
+ padding: 16px 24px;
3821
+ border: 1px solid var(--grayoutline, #dbdbdb);
3822
+ border-radius: 8px;
3823
+ border-bottom: 1px solid var(--grayoutline, #dbdbdb);
3824
+ margin-bottom: 16px;
3825
+ }
3826
+ }
3827
+ .ResourcesGridList_module_cardListLeft {
3828
+ display: flex;
3829
+ flex-direction: column;
3830
+ gap: 8px;
3831
+ align-items: center;
3832
+ flex-shrink: 0;
3833
+ min-width: 80px;
3834
+ }
3835
+ @media (max-width: 768px) {
3836
+ .ResourcesGridList_module_cardListLeft {
3837
+ order: 2;
3838
+ flex-direction: row;
3839
+ justify-content: space-between;
3840
+ align-items: center;
3841
+ width: 100%;
3842
+ }
3843
+ }
3844
+ .ResourcesGridList_module_cardListRight {
3845
+ display: flex;
3846
+ gap: 16px;
3847
+ align-items: flex-start;
3848
+ flex: 1;
3849
+ min-width: 0;
3850
+ }
3851
+ @media (max-width: 768px) {
3852
+ .ResourcesGridList_module_cardListRight {
3853
+ order: 1;
3854
+ flex-direction: column;
3855
+ gap: 8px;
3856
+ align-items: flex-start;
3857
+ width: 100%;
3858
+ flex: none;
3859
+ }
3860
+ }
3861
+ .ResourcesGridList_module_notificationDot {
3862
+ width: 16px;
3863
+ height: 16px;
3864
+ border-radius: 50%;
3865
+ background: #c00000;
3866
+ flex-shrink: 0;
3867
+ }
3868
+ .ResourcesGridList_module_iconWrapper {
3869
+ width: 37px;
3870
+ height: 38px;
3871
+ flex-shrink: 0;
3872
+ display: flex;
3873
+ align-items: center;
3874
+ justify-content: center;
3875
+ }
3876
+ .ResourcesGridList_module_pagination {
3877
+ display: flex;
3878
+ gap: 8px;
3879
+ align-items: center;
3880
+ justify-content: center;
3881
+ }
3882
+ .ResourcesGridList_module_pageArrow {
3883
+ width: 44px;
3884
+ height: 44px;
3885
+ border-radius: 50%;
3886
+ background: #ffffff;
3887
+ cursor: pointer;
3888
+ display: flex;
3889
+ align-items: center;
3890
+ justify-content: center;
3891
+ border: none;
3892
+ }
3893
+ .ResourcesGridList_module_pageDotActive {
3894
+ width: 40px;
3895
+ height: 20px;
3896
+ border-radius: 10px;
3897
+ background: #080808;
3898
+ }
3899
+ .ResourcesGridList_module_pageDot {
3900
+ width: 20px;
3901
+ height: 20px;
3902
+ border-radius: 10px;
3903
+ border: 1px solid #cecece;
3904
+ background: white;
3905
+ }
2837
3906
  /*# sourceMappingURL=index.css.map */