@digital-b2c/coreui-kit 0.7.5 → 0.8.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;
@@ -383,6 +386,53 @@ a:hover {
383
386
  background: transparent;
384
387
  outline: 4px solid var(--color-link);
385
388
  }
389
+ .Button_module_button.Button_module_tabbutton {
390
+ display: inline-block;
391
+ width: 100%;
392
+ height: 8.3125rem;
393
+ white-space: normal;
394
+ background:
395
+ linear-gradient(
396
+ 180deg,
397
+ var(--color-white) 0%,
398
+ var(--color-gray) 830%);
399
+ border-style: solid;
400
+ border-width: 1px;
401
+ border-color: var(--color-light-gray-2);
402
+ border-radius: var(--spacing-md) var(--spacing-md) 0 0;
403
+ font-weight: var(--font-weight-bold);
404
+ font-size: var(--font-size-xl);
405
+ line-height: 133%;
406
+ letter-spacing: -0.01em;
407
+ text-align: center;
408
+ color: var(--color-true-black);
409
+ transition:
410
+ background 0.2s ease,
411
+ border-color 0.2s ease,
412
+ border-width 0.2s ease;
413
+ padding: 1.8125rem 1.875rem;
414
+ box-shadow:
415
+ 0px -2px 3px 0px rgba(54, 54, 54, 0.0509803922),
416
+ -3px -2px 4px 0px rgba(54, 54, 54, 0.0431372549),
417
+ 3px -2px 4px 0px rgba(54, 54, 54, 0.0431372549);
418
+ }
419
+ .Button_module_button.Button_module_tabbutton:hover {
420
+ background:
421
+ linear-gradient(
422
+ 180deg,
423
+ var(--color-white) 0%,
424
+ var(--color-light-gray-2) 830%);
425
+ }
426
+ .Button_module_button.Button_module_tabbutton:focus {
427
+ border-width: 1px 1px 0 1px;
428
+ border-color: var(--color-light-gray-2);
429
+ background: var(--color-white);
430
+ }
431
+ .Button_module_button.Button_module_tabbutton.Button_module_active {
432
+ background: var(--color-white);
433
+ border-width: 1px 1px 0 1px;
434
+ border-color: var(--color-light-gray-2);
435
+ }
386
436
  .Button_module_button .Button_module_icon,
387
437
  .Button_module_button .Button_module_logo {
388
438
  width: 24px;
@@ -553,10 +603,29 @@ a:hover {
553
603
  font-weight: var(--font-weight-medium);
554
604
  color: var(--color-black);
555
605
  }
606
+ .Card_module_card .Card_module_logoContainer {
607
+ position: relative;
608
+ width: 40px;
609
+ height: 40px;
610
+ display: flex;
611
+ align-items: center;
612
+ justify-content: center;
613
+ }
556
614
  .Card_module_card .Card_module_logo {
557
615
  width: 40px;
558
616
  height: 40px;
559
617
  }
618
+ .Card_module_card .Card_module_logoHover {
619
+ display: none;
620
+ width: 40px;
621
+ height: 40px;
622
+ }
623
+ .Card_module_card:hover .Card_module_hideLogo {
624
+ display: none;
625
+ }
626
+ .Card_module_card:hover .Card_module_logoHover {
627
+ display: block;
628
+ }
560
629
  .Card_module_card .Card_module_subtitle table {
561
630
  width: 100%;
562
631
  }
@@ -1574,664 +1643,1396 @@ a:hover.Card_module_card {
1574
1643
  border-color: var(--color-black);
1575
1644
  }
1576
1645
 
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);
1646
+ /* src/components/Accordion/Accordion.module.scss */
1647
+ html,
1648
+ body {
1649
+ font-family: "Instrument Sans", sans-serif;
1650
+ font-size: 1rem;
1651
+ font-weight: 500;
1652
+ line-height: 1.5;
1653
+ color: #4d4d4d;
1585
1654
  }
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;
1655
+ h1,
1656
+ .Accordion_module_h1 {
1657
+ font-size: 3rem;
1658
+ font-weight: 600;
1659
+ line-height: 1.17;
1594
1660
  }
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);
1661
+ @media (max-width: 768px) {
1662
+ h1,
1663
+ .Accordion_module_h1 {
1664
+ font-size: 2rem;
1665
+ }
1604
1666
  }
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;
1667
+ h2,
1668
+ .Accordion_module_h2 {
1669
+ font-size: 2.5rem;
1670
+ font-weight: 600;
1671
+ line-height: 1.2;
1613
1672
  }
1614
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_logo {
1615
- width: 100%;
1616
- max-width: 384px;
1673
+ @media (max-width: 768px) {
1674
+ h2,
1675
+ .Accordion_module_h2 {
1676
+ font-size: 1.5rem;
1677
+ }
1617
1678
  }
1618
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_pretitle {
1619
- color: var(--color-light-gray);
1679
+ h3,
1680
+ .Accordion_module_h3 {
1681
+ font-size: 2rem;
1682
+ font-weight: 600;
1683
+ line-height: 1.25;
1620
1684
  }
1621
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
1622
- display: flex;
1623
- gap: var(--spacing-md);
1685
+ @media (max-width: 768px) {
1686
+ h3,
1687
+ .Accordion_module_h3 {
1688
+ font-size: 1.25rem;
1689
+ }
1624
1690
  }
1625
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
1626
- font-weight: 400;
1691
+ h4,
1692
+ .Accordion_module_h4 {
1693
+ font-size: 1.5rem;
1694
+ font-weight: 600;
1695
+ line-height: 1.33;
1627
1696
  }
1628
- .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_ctaContainer {
1629
- position: relative;
1630
- width: 100%;
1631
- z-index: 2;
1697
+ @media (max-width: 768px) {
1698
+ h4,
1699
+ .Accordion_module_h4 {
1700
+ font-size: 18px;
1701
+ }
1632
1702
  }
1633
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG {
1634
- color: var(--color-black);
1635
- padding: var(--spacing-5xl) var(--spacing-7xl);
1703
+ .Accordion_module_subheading {
1704
+ font-size: 1.25rem;
1705
+ font-weight: 500;
1706
+ line-height: 1.4;
1636
1707
  }
1637
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
1638
- gap: var(--spacing-xl);
1708
+ @media (max-width: 768px) {
1709
+ .Accordion_module_subheading {
1710
+ font-size: 18px;
1711
+ }
1639
1712
  }
1640
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
1641
- gap: var(--spacing-sm);
1713
+ p,
1714
+ .Accordion_module_body,
1715
+ .Accordion_module_accordionTitle {
1716
+ font-size: 1rem;
1717
+ font-weight: 500;
1718
+ line-height: 1.5;
1642
1719
  }
1643
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
1644
- font-weight: 600;
1720
+ small,
1721
+ .Accordion_module_small {
1722
+ font-size: 0.875rem;
1723
+ font-weight: 500;
1724
+ line-height: 1.5;
1645
1725
  }
1646
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
1647
- padding: var(--spacing-5xl) var(--spacing-7xl);
1726
+ .Accordion_module_smallest {
1727
+ font-size: 0.75rem;
1728
+ font-weight: 500;
1729
+ line-height: 1.5;
1648
1730
  }
1649
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper {
1650
- flex-direction: column;
1651
- align-items: flex-start;
1731
+ a {
1732
+ color: var(--color-link);
1733
+ text-decoration: none;
1734
+ cursor: pointer;
1652
1735
  }
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;
1736
+ a:hover {
1737
+ text-decoration: underline;
1658
1738
  }
1659
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
1660
- font-weight: 600;
1739
+ .Accordion_module_accordion {
1740
+ width: 100%;
1741
+ overflow: hidden;
1742
+ background: var(--color-white);
1661
1743
  }
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
- }
1744
+ .Accordion_module_accordionItem {
1745
+ padding-bottom: 0.75rem;
1683
1746
  }
1684
-
1685
- /* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
1686
- .MiniSectionCta_module_miniSectionCta {
1687
- display: block;
1688
- width: 100%;
1747
+ .Accordion_module_accordionItem:last-child {
1748
+ padding-bottom: none;
1749
+ }
1750
+ .Accordion_module_accordionItem.Accordion_module_accordionItemOpen {
1689
1751
  background-color: var(--color-white);
1690
1752
  }
1691
- .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_wrapper {
1753
+ .Accordion_module_accordionHeader {
1754
+ border-radius: var(--spacing-md);
1755
+ width: 100%;
1756
+ padding: var(--spacing-md);
1757
+ background: var(--color-black);
1758
+ text-align: left;
1759
+ cursor: pointer;
1692
1760
  display: flex;
1693
- flex-direction: row;
1694
1761
  justify-content: space-between;
1695
- gap: var(--spacing-md);
1696
- padding: 0;
1762
+ align-items: center;
1763
+ transition: all 0.2s ease;
1764
+ color: var(--color-white);
1697
1765
  }
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
- }
1766
+ .Accordion_module_accordionItemOpen .Accordion_module_accordionHeader {
1767
+ color: var(--color-black);
1768
+ background-color: var(--color-white);
1769
+ border-radius: var(--spacing-md) var(--spacing-md) 0px 0px;
1770
+ border: 1px solid var(--color-light-gray-2);
1703
1771
  }
1704
- .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_col {
1772
+ .Accordion_module_accordionHeaderLeft {
1705
1773
  display: flex;
1706
- flex-direction: column;
1707
- justify-content: center;
1774
+ align-items: center;
1775
+ gap: 0.75rem;
1776
+ flex: 1;
1708
1777
  }
1709
- .MiniSectionCta_module_miniSectionCta h2 {
1710
- color: var(--color-black);
1778
+ .Accordion_module_accordionTitle {
1779
+ font-weight: var(--font-weight-regular);
1711
1780
  }
1712
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
1713
- background-color: var(--color-black);
1714
- color: var(--color-white);
1781
+ .Accordion_module_accordionChevron {
1782
+ display: flex;
1783
+ align-items: center;
1784
+ justify-content: center;
1785
+ transition: transform 0.3s ease;
1786
+ flex-shrink: 0;
1715
1787
  }
1716
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack h2 {
1717
- color: var(--color-light-gray-2);
1788
+ .Accordion_module_accordionContent {
1789
+ background: transparent;
1790
+ overflow: hidden;
1718
1791
  }
1719
- @media (max-width: 768px) {
1720
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
1721
- text-align: center;
1722
- }
1792
+ .Accordion_module_accordionItemOpen .Accordion_module_accordionContent {
1793
+ border: 1px solid var(--color-light-gray-2);
1794
+ border-top: none;
1795
+ border-radius: 0px 0px var(--spacing-md) var(--spacing-md);
1723
1796
  }
1724
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
1725
- flex-direction: row;
1726
- gap: 112px;
1727
- align-items: center;
1797
+ .Accordion_module_accordionContentInner {
1798
+ padding: var(--spacing-md);
1728
1799
  }
1729
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout h2 {
1730
- min-width: fit-content;
1800
+
1801
+ /* src/widgets/InternalBrandsTab/InternalBrandsTab.module.scss */
1802
+ html,
1803
+ body {
1804
+ font-family: "Instrument Sans", sans-serif;
1805
+ font-size: 1rem;
1806
+ font-weight: 500;
1807
+ line-height: 1.5;
1808
+ color: #4d4d4d;
1809
+ }
1810
+ h1,
1811
+ .InternalBrandsTab_module_h1 {
1812
+ font-size: 3rem;
1813
+ font-weight: 600;
1814
+ line-height: 1.17;
1731
1815
  }
1732
1816
  @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;
1737
- }
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);
1817
+ h1,
1818
+ .InternalBrandsTab_module_h1 {
1819
+ font-size: 2rem;
1742
1820
  }
1743
1821
  }
1744
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_wrapper {
1745
- flex-direction: column;
1746
- align-items: center;
1747
- }
1748
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light {
1749
- background-color: var(--color-white);
1822
+ h2,
1823
+ .InternalBrandsTab_module_h2 {
1824
+ font-size: 2.5rem;
1825
+ font-weight: 600;
1826
+ line-height: 1.2;
1750
1827
  }
1751
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light h2,
1752
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle {
1753
- color: var(--color-black);
1828
+ @media (max-width: 768px) {
1829
+ h2,
1830
+ .InternalBrandsTab_module_h2 {
1831
+ font-size: 1.5rem;
1832
+ }
1754
1833
  }
1755
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark {
1756
- background-color: var(--color-black);
1834
+ h3,
1835
+ .InternalBrandsTab_module_h3 {
1836
+ font-size: 2rem;
1837
+ font-weight: 600;
1838
+ line-height: 1.25;
1757
1839
  }
1758
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark h2 {
1759
- color: var(--color-white);
1840
+ @media (max-width: 768px) {
1841
+ h3,
1842
+ .InternalBrandsTab_module_h3 {
1843
+ font-size: 1.25rem;
1844
+ }
1760
1845
  }
1761
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark .MiniSectionCta_module_subtitle {
1762
- color: var(--color-light-gray-2);
1846
+ h4,
1847
+ .InternalBrandsTab_module_h4 {
1848
+ font-size: 1.5rem;
1849
+ font-weight: 600;
1850
+ line-height: 1.33;
1763
1851
  }
1764
1852
  @media (max-width: 768px) {
1765
- .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
1766
- width: 100%;
1853
+ h4,
1854
+ .InternalBrandsTab_module_h4 {
1855
+ font-size: 18px;
1767
1856
  }
1768
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorGrey {
1769
- text-align: center;
1857
+ }
1858
+ .InternalBrandsTab_module_subheading,
1859
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_textsContainer .InternalBrandsTab_module_subTitle > *,
1860
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentTitle,
1861
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentLongText p,
1862
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentTitle {
1863
+ font-size: 1.25rem;
1864
+ font-weight: 500;
1865
+ line-height: 1.4;
1866
+ }
1867
+ @media (max-width: 768px) {
1868
+ .InternalBrandsTab_module_subheading,
1869
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_textsContainer .InternalBrandsTab_module_subTitle > *,
1870
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentTitle,
1871
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentLongText p,
1872
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentTitle {
1873
+ font-size: 18px;
1770
1874
  }
1771
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_col {
1772
- width: 100%;
1875
+ }
1876
+ p,
1877
+ .InternalBrandsTab_module_body,
1878
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTitle,
1879
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide bottomContentTextList,
1880
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentQuote,
1881
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTitle,
1882
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList,
1883
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentQuote {
1884
+ font-size: 1rem;
1885
+ font-weight: 500;
1886
+ line-height: 1.5;
1887
+ }
1888
+ small,
1889
+ .InternalBrandsTab_module_small {
1890
+ font-size: 0.875rem;
1891
+ font-weight: 500;
1892
+ line-height: 1.5;
1893
+ }
1894
+ .InternalBrandsTab_module_smallest {
1895
+ font-size: 0.75rem;
1896
+ font-weight: 500;
1897
+ line-height: 1.5;
1898
+ }
1899
+ a {
1900
+ color: var(--color-link);
1901
+ text-decoration: none;
1902
+ cursor: pointer;
1903
+ }
1904
+ a:hover {
1905
+ text-decoration: underline;
1906
+ }
1907
+ .InternalBrandsTab_module_internalBrandsTab {
1908
+ padding-bottom: var(--spacing-xl);
1909
+ }
1910
+ @media (max-width: 768px) {
1911
+ .InternalBrandsTab_module_internalBrandsTab {
1912
+ padding-bottom: 0.75rem;
1773
1913
  }
1774
1914
  }
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);
1915
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_textsContainer {
1916
+ max-width: 67.5rem;
1917
+ margin-bottom: var(--spacing-xl);
1918
+ display: flex;
1919
+ flex-direction: column;
1920
+ height: 100%;
1781
1921
  }
1782
- .PracticePathCards_module_practice-path-cards h2 {
1922
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_textsContainer .InternalBrandsTab_module_title {
1783
1923
  color: var(--color-black);
1784
1924
  }
1785
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_container {
1925
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_textsContainer .InternalBrandsTab_module_subTitle {
1926
+ margin-top: var(--spacing-sm);
1927
+ }
1928
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_tabWrapper {
1929
+ margin-top: var(--spacing-xl);
1786
1930
  display: flex;
1787
1931
  flex-direction: column;
1788
- gap: var(--spacing-xl);
1932
+ flex-grow: 1;
1789
1933
  }
1790
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper {
1934
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_tabButtonsRow {
1791
1935
  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
- }
1936
+ gap: 0;
1807
1937
  }
1808
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_content {
1938
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea {
1939
+ flex-grow: 1;
1809
1940
  display: flex;
1810
1941
  flex-direction: column;
1811
- gap: var(--spacing-sm);
1942
+ width: 100%;
1943
+ background: var(--color-white);
1944
+ border: 1px solid var(--color-light-gray-2);
1945
+ border-top: none;
1946
+ border-radius: 0 0 var(--spacing-md) var(--spacing-md);
1947
+ padding: var(--spacing-md);
1948
+ box-shadow: 0px 0px 0.625rem 0px rgba(54, 54, 54, 0.137254902);
1812
1949
  }
1813
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_cards {
1950
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent {
1951
+ padding: var(--spacing-xl);
1814
1952
  display: flex;
1815
- flex-direction: row;
1816
- overflow: hidden;
1817
- border-radius: 16px;
1818
- justify-content: center;
1819
1953
  }
1820
- @media (max-width: 768px) {
1821
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_cards {
1822
- flex-direction: column;
1823
- }
1954
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentTitle {
1955
+ padding-bottom: var(--spacing-md);
1824
1956
  }
1825
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
1826
- width: 33.333%;
1957
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentLongText p {
1958
+ color: var(--color-black);
1959
+ padding-bottom: var(--spacing-xl);
1960
+ letter-spacing: -1%;
1827
1961
  }
1828
- @media (max-width: 768px) {
1829
- .PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
1830
- width: 100%;
1831
- }
1962
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentCta {
1963
+ margin-bottom: var(--spacing-xl);
1832
1964
  }
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);
1965
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentRightSide {
1966
+ width: 19.8125rem;
1967
+ margin-left: var(--spacing-xl);
1968
+ color: var(--color-black);
1839
1969
  }
1840
- .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_container {
1970
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent {
1971
+ padding: var(--spacing-xl);
1841
1972
  display: flex;
1842
- flex-direction: column;
1843
- gap: var(--spacing-xl);
1844
1973
  }
1845
- .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_content {
1846
- display: flex;
1847
- flex-direction: row;
1848
- align-items: center;
1849
- justify-content: center;
1850
- gap: var(--spacing-xl);
1974
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide {
1975
+ border-top: 1px solid var(--color-light-gray-2);
1976
+ width: 55.6875rem;
1851
1977
  }
1852
- .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_content {
1853
- flex-direction: row-reverse;
1978
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTitle {
1979
+ padding: var(--spacing-xl) 0 var(--spacing-md) 0;
1854
1980
  }
1855
- .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_title {
1856
- color: var(--color-black);
1981
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide bottomContentTextList {
1982
+ margin-top: var(--spacing-lg);
1857
1983
  }
1858
- .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_image {
1859
- width: 50%;
1860
- border-radius: 16px;
1984
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList ol {
1985
+ list-style: none;
1986
+ padding: 0;
1987
+ margin: 0;
1988
+ column-count: 1;
1989
+ column-gap: var(--spacing-2xl);
1990
+ counter-reset: item;
1861
1991
  }
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
- }
1992
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide {
1881
1993
  }
1882
-
1883
- /* src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss */
1884
- .Teaser5050WithCta_module_teaser5050 {
1885
- display: block;
1886
- width: 100%;
1887
- background-color: var(--color-white);
1994
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList ol:has(li:nth-child(4)) {
1995
+ column-count: 2;
1888
1996
  }
1889
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
1997
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList li {
1998
+ counter-increment: item;
1890
1999
  display: flex;
1891
- flex-direction: row;
2000
+ align-items: center;
2001
+ gap: 1.8125rem;
2002
+ color: var(--color-black);
2003
+ break-inside: avoid;
2004
+ margin-bottom: var(--spacing-lg);
2005
+ }
2006
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList li::before {
2007
+ content: counter(item);
2008
+ display: inline-flex;
1892
2009
  align-items: center;
1893
2010
  justify-content: center;
2011
+ min-width: 1.875rem;
2012
+ height: 1.875rem;
2013
+ background: #6b6b6b;
2014
+ color: var(--color-white);
2015
+ border-radius: 50%;
1894
2016
  }
1895
- .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_left .Teaser5050WithCta_module_container {
1896
- flex-direction: row-reverse;
2017
+ .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) {
2018
+ break-after: column;
1897
2019
  }
1898
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper {
1899
- display: flex;
1900
- flex-direction: column;
1901
- gap: var(--spacing-md);
1902
- padding: 0 var(--spacing-5xl);
1903
- width: 50%;
2020
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentRightSide {
2021
+ padding: var(--spacing-xl) 0px var(--spacing-2xl) var(--spacing-xl);
2022
+ border-top: 1px solid var(--color-light-gray-2);
2023
+ border-left: 1px solid var(--color-light-gray-2);
2024
+ width: 19.8125rem;
2025
+ flex-shrink: 0;
1904
2026
  }
1905
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_title {
2027
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentIcon {
2028
+ width: 1.875rem;
2029
+ height: 1.875rem;
2030
+ margin-bottom: var(--spacing-xl);
2031
+ }
2032
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentQuote {
2033
+ color: var(--color-true-black);
2034
+ }
2035
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentTitle {
2036
+ padding: var(--spacing-md);
2037
+ padding-bottom: 0px;
2038
+ }
2039
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentLongText {
2040
+ padding: var(--spacing-md);
1906
2041
  color: var(--color-black);
1907
2042
  }
1908
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
1909
- width: 50%;
1910
- border-radius: 16px;
2043
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentCtaContainer {
2044
+ margin: var(--spacing-md) var(--spacing-md) var(--spacing-xl) var(--spacing-md);
1911
2045
  }
1912
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta img {
1913
- height: var(--font-size-xs);
1914
- width: var(--font-size-xs);
2046
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentCta {
2047
+ width: 100%;
2048
+ min-height: var(--spacing-3xl);
2049
+ padding: 0.75rem;
1915
2050
  }
1916
- @media (max-width: 768px) {
1917
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
1918
- flex-direction: column-reverse;
1919
- gap: var(--spacing-xl);
1920
- }
1921
- .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_left .Teaser5050WithCta_module_container {
1922
- flex-direction: column-reverse;
1923
- }
1924
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper,
1925
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
1926
- width: 100%;
1927
- padding: 0;
1928
- }
1929
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta {
1930
- width: 100%;
1931
- }
2051
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentRightSide {
2052
+ color: var(--color-black);
2053
+ padding-bottom: var(--spacing-xl);
2054
+ width: 100%;
1932
2055
  }
1933
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
1934
- display: flex;
1935
- gap: var(--spacing-md);
2056
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide {
2057
+ flex: 1;
1936
2058
  }
1937
- @media (max-width: 768px) {
1938
- .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
1939
- display: grid;
1940
- gap: var(--spacing-sm);
1941
- }
2059
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTitle {
2060
+ padding: var(--spacing-xl) 0 0 var(--spacing-md);
2061
+ border-top: 1px solid var(--color-light-gray-2);
1942
2062
  }
1943
-
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;
1950
- background-color: var(--color-white);
1951
- flex: 1;
1952
- height: 100%;
2063
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList {
2064
+ margin: var(--spacing-lg) var(--spacing-md);
1953
2065
  }
1954
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content {
2066
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList ol {
2067
+ list-style: none;
2068
+ padding: 0;
2069
+ margin: 0;
2070
+ column-count: 1;
2071
+ column-gap: var(--spacing-2xl);
2072
+ counter-reset: item;
2073
+ }
2074
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList li {
2075
+ font-weight: var(--font-weight-regular);
2076
+ counter-increment: item;
1955
2077
  display: flex;
2078
+ align-items: center;
2079
+ gap: 1.8125rem;
2080
+ color: var(--color-black);
2081
+ break-inside: avoid;
2082
+ margin-bottom: var(--spacing-lg);
1956
2083
  }
1957
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
1958
- object-position: center;
2084
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTextList li::before {
2085
+ content: counter(item);
2086
+ display: inline-flex;
2087
+ align-items: center;
2088
+ justify-content: center;
2089
+ min-width: 1.875rem;
2090
+ height: 1.875rem;
2091
+ background: #6b6b6b;
2092
+ color: var(--color-white);
2093
+ border-radius: 50%;
2094
+ }
2095
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentRightSide {
2096
+ border: 1px solid var(--color-light-gray-2);
2097
+ width: 100%;
2098
+ padding: var(--spacing-md);
2099
+ }
2100
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentIcon {
2101
+ width: 1.875rem;
2102
+ height: 1.875rem;
2103
+ margin-bottom: var(--spacing-xl);
2104
+ }
2105
+ .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionBottomContent .InternalBrandsTab_module_bottomContentRightSide .InternalBrandsTab_module_bottomContentQuote {
2106
+ color: var(--color-true-black);
2107
+ }
2108
+
2109
+ /* src/widgets/MiniBanner/MiniBanner.module.scss */
2110
+ .MiniBanner_module_minibanner {
2111
+ width: 100%;
2112
+ background-color: #f3f3f3;
2113
+ min-height: 192px;
2114
+ position: relative;
2115
+ color: var(--color-white);
2116
+ padding: var(--spacing-3xl) var(--spacing-7xl);
2117
+ }
2118
+ .MiniBanner_module_minibanner .MiniBanner_module_background {
2119
+ position: absolute;
2120
+ left: 0;
2121
+ top: 0;
2122
+ width: 100%;
2123
+ height: 100%;
1959
2124
  object-fit: cover;
2125
+ z-index: 1;
1960
2126
  }
1961
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2127
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper {
2128
+ width: 100%;
2129
+ max-width: 1440px;
2130
+ margin: 0 auto;
2131
+ text-align: center;
1962
2132
  display: flex;
1963
2133
  flex-direction: column;
1964
- gap: 0.5rem;
1965
- height: 100%;
2134
+ align-items: center;
2135
+ gap: var(--spacing-lg);
1966
2136
  }
1967
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
1968
- line-height: 140%;
1969
- color: var(--color-black);
1970
- font-size: var(--font-size-xl);
2137
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
2138
+ position: relative;
2139
+ display: flex;
2140
+ flex-direction: column;
2141
+ justify-items: center;
2142
+ align-items: center;
2143
+ gap: var(--spacing-lg);
2144
+ z-index: 2;
1971
2145
  }
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
- }
2146
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_logo {
2147
+ width: 100%;
2148
+ max-width: 384px;
1977
2149
  }
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);
2150
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_pretitle {
2151
+ color: var(--color-light-gray);
1982
2152
  }
1983
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
2153
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
2154
+ display: flex;
2155
+ gap: var(--spacing-md);
2156
+ }
2157
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
2158
+ font-weight: 400;
2159
+ }
2160
+ .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_ctaContainer {
2161
+ position: relative;
2162
+ width: 100%;
2163
+ z-index: 2;
2164
+ }
2165
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG {
1984
2166
  color: var(--color-black);
1985
- line-height: 140%;
1986
- font-size: var(--font-size-lg);
2167
+ padding: var(--spacing-5xl) var(--spacing-7xl);
1987
2168
  }
1988
- @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;
1992
- }
2169
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
2170
+ gap: var(--spacing-xl);
1993
2171
  }
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%;
2172
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
2173
+ gap: var(--spacing-sm);
1997
2174
  }
1998
- @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;
2006
- }
2175
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
2176
+ font-weight: 600;
2007
2177
  }
2008
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer {
2009
- padding: 1rem;
2178
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
2179
+ padding: var(--spacing-5xl) var(--spacing-7xl);
2010
2180
  }
2011
- .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer button {
2012
- margin-right: 1rem;
2013
- min-width: 195px;
2181
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper {
2182
+ flex-direction: column;
2183
+ align-items: flex-start;
2014
2184
  }
2015
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
2016
- flex-direction: row-reverse;
2017
- align-items: center;
2018
- width: 100%;
2019
- padding-right: 1rem;
2185
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
2186
+ gap: var(--spacing-sm);
2187
+ max-width: unset;
2188
+ align-items: flex-start;
2189
+ text-align: left;
2190
+ }
2191
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
2192
+ font-weight: 600;
2020
2193
  }
2021
2194
  @media (max-width: 768px) {
2022
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
2023
- flex-direction: column;
2024
- padding-right: 0;
2195
+ .MiniBanner_module_minibanner {
2196
+ padding-inline: var(--spacing-md);
2197
+ }
2198
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
2199
+ padding: var(--spacing-5xl) var(--spacing-md);
2200
+ }
2201
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
2202
+ padding: 0;
2203
+ }
2204
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
2205
+ padding: var(--spacing-lg) var(--spacing-md);
2206
+ gap: var(--spacing-xl);
2207
+ }
2208
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
2209
+ overflow-wrap: anywhere;
2210
+ }
2211
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_ctaContainer {
2212
+ margin: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
2213
+ width: calc(100% - var(--spacing-xl));
2025
2214
  }
2026
2215
  }
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;
2216
+
2217
+ /* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
2218
+ .MiniSectionCta_module_miniSectionCta {
2219
+ display: block;
2031
2220
  width: 100%;
2221
+ background-color: var(--color-white);
2222
+ }
2223
+ .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_wrapper {
2224
+ display: flex;
2225
+ flex-direction: row;
2032
2226
  justify-content: space-between;
2227
+ gap: var(--spacing-md);
2228
+ padding: 0;
2033
2229
  }
2034
2230
  @media (max-width: 768px) {
2035
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
2231
+ .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_wrapper {
2036
2232
  flex-direction: column;
2037
- padding: 0;
2233
+ padding: var(--spacing-lg) var(--spacing-md);
2038
2234
  }
2039
2235
  }
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;
2236
+ .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_col {
2237
+ display: flex;
2238
+ flex-direction: column;
2239
+ justify-content: center;
2043
2240
  }
2044
- @media (max-width: 768px) {
2045
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2046
- width: 100%;
2047
- height: 228.61px;
2048
- }
2241
+ .MiniSectionCta_module_miniSectionCta h2 {
2242
+ color: var(--color-black);
2049
2243
  }
2050
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2051
- padding: 1rem;
2244
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
2245
+ background-color: var(--color-black);
2246
+ color: var(--color-white);
2052
2247
  }
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;
2248
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack h2 {
2249
+ color: var(--color-light-gray-2);
2055
2250
  }
2056
2251
  @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;
2252
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
2253
+ text-align: center;
2060
2254
  }
2061
2255
  }
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;
2073
- }
2074
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
2256
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
2075
2257
  flex-direction: row;
2258
+ gap: 112px;
2259
+ align-items: center;
2260
+ }
2261
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout h2 {
2262
+ min-width: fit-content;
2076
2263
  }
2077
2264
  @media (max-width: 768px) {
2078
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
2265
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
2079
2266
  flex-direction: column;
2267
+ gap: var(--spacing-md);
2080
2268
  align-items: flex-start;
2081
2269
  }
2082
- }
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;
2086
- }
2087
- @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;
2270
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_subtitle {
2271
+ font-size: var(--font-size-lg);
2272
+ font-weight: var(--font-weight-medium);
2273
+ line-height: var(--line-height-tight-1);
2091
2274
  }
2092
2275
  }
2093
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical {
2276
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_wrapper {
2094
2277
  flex-direction: column;
2278
+ align-items: center;
2095
2279
  }
2096
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content {
2097
- flex-direction: column;
2280
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light {
2281
+ background-color: var(--color-white);
2098
2282
  }
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;
2283
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light h2,
2284
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle {
2285
+ color: var(--color-black);
2104
2286
  }
2105
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2106
- padding: 1rem;
2287
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark {
2288
+ background-color: var(--color-black);
2107
2289
  }
2108
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta {
2109
- display: none;
2290
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark h2 {
2291
+ color: var(--color-white);
2110
2292
  }
2111
- .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-footer {
2112
- padding-top: 0;
2293
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark .MiniSectionCta_module_subtitle {
2294
+ color: var(--color-light-gray-2);
2295
+ }
2296
+ @media (max-width: 768px) {
2297
+ .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
2298
+ width: 100%;
2299
+ }
2300
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorGrey {
2301
+ text-align: center;
2302
+ }
2303
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_col {
2304
+ width: 100%;
2305
+ }
2113
2306
  }
2114
2307
 
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 {
2119
- display: flex;
2120
- justify-content: space-between;
2121
- align-items: center;
2122
- gap: 12px var(--spacing-md);
2123
- margin-bottom: var(--spacing-xl);
2308
+ /* src/widgets/PracticePathCards/PracticePathCards.module.scss */
2309
+ .PracticePathCards_module_practice-path-cards {
2310
+ display: block;
2311
+ width: 100%;
2312
+ background-color: var(--color-white);
2124
2313
  }
2125
- .EventList_module_event-list-module .EventList_module_event-list-header-container .EventList_module_event-list-title {
2314
+ .PracticePathCards_module_practice-path-cards h2 {
2126
2315
  color: var(--color-black);
2127
2316
  }
2128
- .EventList_module_event-list-module .EventList_module_event-list-wrapper {
2317
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_container {
2129
2318
  display: flex;
2130
- gap: var(--spacing-md);
2131
- list-style: none;
2132
- }
2133
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical {
2134
2319
  flex-direction: column;
2320
+ gap: var(--spacing-xl);
2135
2321
  }
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;
2322
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper {
2323
+ display: flex;
2324
+ align-items: center;
2325
+ justify-content: space-between;
2326
+ gap: var(--spacing-xl);
2138
2327
  }
2139
- .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
- flex: 1;
2328
+ @media (max-width: 768px) {
2329
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper {
2330
+ flex-direction: column;
2331
+ }
2332
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper .PracticePathCards_module_ctaWrapper {
2333
+ width: 100%;
2334
+ padding: 0 var(--spacing-lg);
2335
+ }
2336
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper .PracticePathCards_module_ctaWrapper .PracticePathCards_module_cta {
2337
+ width: 100%;
2338
+ }
2141
2339
  }
2142
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item .card-content .card-text-content {
2143
- flex: 1;
2340
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_content {
2341
+ display: flex;
2342
+ flex-direction: column;
2343
+ gap: var(--spacing-sm);
2144
2344
  }
2145
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item .card-content .card-image {
2146
- width: 346px;
2147
- height: auto;
2148
- max-height: 233px;
2345
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_cards {
2346
+ display: flex;
2347
+ flex-direction: row;
2348
+ overflow: hidden;
2349
+ border-radius: 16px;
2350
+ justify-content: center;
2149
2351
  }
2150
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item {
2151
- flex: 1;
2352
+ @media (max-width: 768px) {
2353
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_cards {
2354
+ flex-direction: column;
2355
+ }
2152
2356
  }
2153
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item .card-content {
2154
- flex: 1;
2357
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
2358
+ width: 33.333%;
2155
2359
  }
2156
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item .card-content .card-text-content {
2157
- flex: 1;
2360
+ @media (max-width: 768px) {
2361
+ .PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
2362
+ width: 100%;
2363
+ }
2158
2364
  }
2159
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item .card-content .card-image {
2160
- width: 346px;
2161
- height: auto;
2162
- max-height: 233px;
2365
+
2366
+ /* src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss */
2367
+ .Teaser5050With3Text_module_teaser5050-3text {
2368
+ display: block;
2369
+ width: 100%;
2370
+ background-color: var(--color-white);
2163
2371
  }
2164
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal {
2372
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_container {
2373
+ display: flex;
2374
+ flex-direction: column;
2375
+ gap: var(--spacing-xl);
2376
+ }
2377
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_content {
2378
+ display: flex;
2165
2379
  flex-direction: row;
2380
+ align-items: center;
2381
+ justify-content: center;
2382
+ gap: var(--spacing-xl);
2166
2383
  }
2167
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item {
2168
- flex: 1;
2384
+ .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_content {
2385
+ flex-direction: row-reverse;
2169
2386
  }
2170
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item {
2171
- justify-content: space-between;
2387
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_title {
2388
+ color: var(--color-black);
2172
2389
  }
2173
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-image {
2174
- min-width: auto;
2390
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_image {
2391
+ width: 50%;
2392
+ border-radius: 16px;
2175
2393
  }
2176
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-title {
2177
- display: -webkit-box;
2178
- -webkit-line-clamp: 2;
2179
- -webkit-box-orient: vertical;
2180
- overflow: hidden;
2394
+ @media (max-width: 768px) {
2395
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_container {
2396
+ padding: var(--spacing-lg) var(--spacing-md);
2397
+ gap: 0;
2398
+ }
2399
+ .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_container {
2400
+ gap: var(--spacing-xl);
2401
+ }
2402
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_content {
2403
+ flex-direction: column;
2404
+ }
2405
+ .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_content {
2406
+ flex-direction: column-reverse;
2407
+ gap: var(--spacing-xl);
2408
+ }
2409
+ .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_image {
2410
+ width: 100%;
2411
+ padding: 0;
2412
+ }
2181
2413
  }
2182
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-description {
2183
- display: -webkit-box;
2184
- -webkit-line-clamp: 4;
2185
- -webkit-box-orient: vertical;
2186
- overflow: hidden;
2414
+
2415
+ /* src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss */
2416
+ .Teaser5050WithCta_module_teaser5050 {
2417
+ display: block;
2418
+ width: 100%;
2419
+ background-color: var(--color-white);
2187
2420
  }
2188
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item {
2189
- flex: 1;
2421
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
2422
+ display: flex;
2423
+ flex-direction: row;
2424
+ align-items: center;
2425
+ justify-content: center;
2190
2426
  }
2191
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item {
2192
- justify-content: space-between;
2427
+ .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_left .Teaser5050WithCta_module_container {
2428
+ flex-direction: row-reverse;
2193
2429
  }
2194
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-image {
2195
- min-width: auto;
2430
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper {
2431
+ display: flex;
2432
+ flex-direction: column;
2433
+ gap: var(--spacing-md);
2434
+ padding: 0 var(--spacing-5xl);
2435
+ width: 50%;
2196
2436
  }
2197
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-title {
2198
- display: -webkit-box;
2199
- -webkit-line-clamp: 2;
2200
- -webkit-box-orient: vertical;
2201
- overflow: hidden;
2437
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_title {
2438
+ color: var(--color-black);
2202
2439
  }
2203
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-description {
2204
- display: -webkit-box;
2205
- -webkit-line-clamp: 4;
2206
- -webkit-box-orient: vertical;
2207
- overflow: hidden;
2440
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
2441
+ width: 50%;
2442
+ border-radius: 16px;
2208
2443
  }
2209
- .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList {
2210
- display: flex !important;
2211
- align-items: stretch !important;
2444
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta img {
2445
+ height: var(--font-size-xs);
2446
+ width: var(--font-size-xs);
2212
2447
  }
2213
- .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item {
2214
- height: auto !important;
2215
- display: flex !important;
2216
- max-width: 258px !important;
2448
+ @media (max-width: 768px) {
2449
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
2450
+ flex-direction: column-reverse;
2451
+ gap: var(--spacing-xl);
2452
+ }
2453
+ .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_left .Teaser5050WithCta_module_container {
2454
+ flex-direction: column-reverse;
2455
+ }
2456
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper,
2457
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
2458
+ width: 100%;
2459
+ padding: 0;
2460
+ }
2461
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta {
2462
+ width: 100%;
2463
+ }
2217
2464
  }
2218
- .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item .EventList_module_event-card .card-content {
2219
- flex: 1;
2465
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
2466
+ display: flex;
2467
+ gap: var(--spacing-md);
2220
2468
  }
2221
- .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item .EventList_module_event-card .card-content .card-text-title {
2222
- display: -webkit-box;
2223
- -webkit-line-clamp: 2;
2224
- -webkit-box-orient: vertical;
2225
- overflow: hidden;
2469
+ @media (max-width: 768px) {
2470
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
2471
+ display: grid;
2472
+ gap: var(--spacing-sm);
2473
+ }
2226
2474
  }
2227
- .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item .EventList_module_event-card .card-content .card-text-description {
2228
- display: -webkit-box;
2229
- -webkit-line-clamp: 3;
2230
- -webkit-box-orient: vertical;
2231
- overflow: hidden;
2475
+
2476
+ /* src/components/UpcomingEventCard/UpcomingEventCard.module.scss */
2477
+ .UpcomingEventCard_module_event-card {
2478
+ display: flex;
2479
+ border: 1px solid var(--color-extra-light-gray);
2480
+ overflow: hidden;
2481
+ border-radius: 0.5rem;
2482
+ background-color: var(--color-white);
2483
+ flex: 1;
2484
+ height: 100%;
2485
+ }
2486
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content {
2487
+ display: flex;
2488
+ }
2489
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2490
+ object-position: center;
2491
+ object-fit: cover;
2492
+ }
2493
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2494
+ display: flex;
2495
+ flex-direction: column;
2496
+ gap: 0.5rem;
2497
+ height: 100%;
2498
+ }
2499
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
2500
+ line-height: 140%;
2501
+ color: var(--color-black);
2502
+ font-size: var(--font-size-xl);
2503
+ }
2504
+ @media (max-width: 768px) {
2505
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
2506
+ line-height: 130%;
2507
+ font-size: var(--font-size-lg);
2508
+ }
2509
+ }
2510
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_date {
2511
+ color: var(--color-gray);
2512
+ line-height: 150%;
2513
+ font-size: var(--font-size-sm);
2514
+ }
2515
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
2516
+ color: var(--color-black);
2517
+ line-height: 140%;
2518
+ font-size: var(--font-size-lg);
2519
+ }
2520
+ @media (max-width: 768px) {
2521
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
2522
+ line-height: 130%;
2523
+ font-size: 18px;
2524
+ }
2525
+ }
2526
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
2527
+ font-size: var(--font-size-md);
2528
+ line-height: 150%;
2529
+ }
2530
+ @media (max-width: 768px) {
2531
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
2532
+ font-size: var(--font-size-sm);
2533
+ display: -webkit-box;
2534
+ line-clamp: 5;
2535
+ -webkit-line-clamp: 5;
2536
+ -webkit-box-orient: vertical;
2537
+ overflow: hidden;
2538
+ }
2539
+ }
2540
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer {
2541
+ padding: 1rem;
2542
+ }
2543
+ .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer button {
2544
+ margin-right: 1rem;
2545
+ min-width: 195px;
2546
+ }
2547
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
2548
+ flex-direction: row-reverse;
2549
+ align-items: center;
2550
+ width: 100%;
2551
+ padding-right: 1rem;
2552
+ }
2553
+ @media (max-width: 768px) {
2554
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
2555
+ flex-direction: column;
2556
+ padding-right: 0;
2557
+ }
2558
+ }
2559
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
2560
+ flex-direction: row-reverse;
2561
+ align-items: center;
2562
+ gap: 1rem;
2563
+ width: 100%;
2564
+ justify-content: space-between;
2565
+ }
2566
+ @media (max-width: 768px) {
2567
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
2568
+ flex-direction: column;
2569
+ padding: 0;
2570
+ }
2571
+ }
2572
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2573
+ min-width: 346px;
2574
+ height: 153px;
2575
+ }
2576
+ @media (max-width: 768px) {
2577
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2578
+ width: 100%;
2579
+ height: 228.61px;
2580
+ }
2581
+ }
2582
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2583
+ padding: 1rem;
2584
+ }
2585
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content.UpcomingEventCard_module_event-card-show-image {
2586
+ padding-top: 1rem;
2587
+ }
2588
+ @media (max-width: 768px) {
2589
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2590
+ padding: 1rem;
2591
+ padding-top: 0;
2592
+ }
2593
+ }
2594
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta {
2595
+ margin-top: auto;
2596
+ }
2597
+ .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 {
2598
+ display: none;
2599
+ }
2600
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta.UpcomingEventCard_module_hidden {
2601
+ background-color: red;
2602
+ }
2603
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-footer.UpcomingEventCard_module_hidden {
2604
+ display: none;
2605
+ }
2606
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
2607
+ flex-direction: row;
2608
+ }
2609
+ @media (max-width: 768px) {
2610
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
2611
+ flex-direction: column;
2612
+ align-items: flex-start;
2613
+ }
2614
+ }
2615
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
2616
+ padding: 0;
2617
+ padding-right: 1rem;
2618
+ }
2619
+ @media (max-width: 768px) {
2620
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
2621
+ padding: 1rem;
2622
+ padding-top: 0;
2623
+ }
2624
+ }
2625
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical {
2626
+ flex-direction: column;
2627
+ }
2628
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content {
2629
+ flex-direction: column;
2630
+ }
2631
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2632
+ height: 228.61px;
2633
+ min-width: 346px;
2634
+ object-position: center;
2635
+ object-fit: cover;
2636
+ }
2637
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2638
+ padding: 1rem;
2639
+ }
2640
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta {
2641
+ display: none;
2642
+ }
2643
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-footer {
2644
+ padding-top: 0;
2645
+ }
2646
+
2647
+ /* src/components/Carousel/Carousel.module.scss */
2648
+
2649
+ /* src/widgets/EventList/EventList.module.scss */
2650
+ .EventList_module_event-list-module .EventList_module_event-list-header-container {
2651
+ display: flex;
2652
+ justify-content: space-between;
2653
+ align-items: center;
2654
+ gap: 12px var(--spacing-md);
2655
+ margin-bottom: var(--spacing-xl);
2656
+ }
2657
+ .EventList_module_event-list-module .EventList_module_event-list-header-container .EventList_module_event-list-title {
2658
+ color: var(--color-black);
2659
+ }
2660
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper {
2661
+ display: flex;
2662
+ gap: var(--spacing-md);
2663
+ list-style: none;
2664
+ }
2665
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical {
2666
+ flex-direction: column;
2667
+ }
2668
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item {
2669
+ flex: 1;
2670
+ }
2671
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item .card-content {
2672
+ flex: 1;
2673
+ }
2674
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item .card-content .card-text-content {
2675
+ flex: 1;
2676
+ }
2677
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item .card-content .card-image {
2678
+ width: 346px;
2679
+ height: auto;
2680
+ max-height: 233px;
2681
+ }
2682
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item {
2683
+ flex: 1;
2684
+ }
2685
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item .card-content {
2686
+ flex: 1;
2687
+ }
2688
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item .card-content .card-text-content {
2689
+ flex: 1;
2690
+ }
2691
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item .card-content .card-image {
2692
+ width: 346px;
2693
+ height: auto;
2694
+ max-height: 233px;
2695
+ }
2696
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal {
2697
+ flex-direction: row;
2698
+ }
2699
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item {
2700
+ flex: 1;
2701
+ }
2702
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item {
2703
+ justify-content: space-between;
2704
+ }
2705
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-image {
2706
+ min-width: auto;
2707
+ }
2708
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-title {
2709
+ display: -webkit-box;
2710
+ -webkit-line-clamp: 2;
2711
+ -webkit-box-orient: vertical;
2712
+ overflow: hidden;
2713
+ }
2714
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-description {
2715
+ display: -webkit-box;
2716
+ -webkit-line-clamp: 4;
2717
+ -webkit-box-orient: vertical;
2718
+ overflow: hidden;
2719
+ }
2720
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item {
2721
+ flex: 1;
2722
+ }
2723
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item {
2724
+ justify-content: space-between;
2725
+ }
2726
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-image {
2727
+ min-width: auto;
2728
+ }
2729
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-title {
2730
+ display: -webkit-box;
2731
+ -webkit-line-clamp: 2;
2732
+ -webkit-box-orient: vertical;
2733
+ overflow: hidden;
2734
+ }
2735
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-description {
2736
+ display: -webkit-box;
2737
+ -webkit-line-clamp: 4;
2738
+ -webkit-box-orient: vertical;
2739
+ overflow: hidden;
2740
+ }
2741
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList {
2742
+ display: flex !important;
2743
+ align-items: stretch !important;
2744
+ }
2745
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item {
2746
+ height: auto !important;
2747
+ display: flex !important;
2748
+ max-width: 258px !important;
2749
+ }
2750
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item .EventList_module_event-card .card-content {
2751
+ flex: 1;
2752
+ }
2753
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item .EventList_module_event-card .card-content .card-text-title {
2754
+ display: -webkit-box;
2755
+ -webkit-line-clamp: 2;
2756
+ -webkit-box-orient: vertical;
2757
+ overflow: hidden;
2758
+ }
2759
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item .EventList_module_event-card .card-content .card-text-description {
2760
+ display: -webkit-box;
2761
+ -webkit-line-clamp: 3;
2762
+ -webkit-box-orient: vertical;
2763
+ overflow: hidden;
2764
+ }
2765
+
2766
+ /* src/widgets/TextEvent/TextEvent.module.scss */
2767
+ html,
2768
+ body {
2769
+ font-family: "Instrument Sans", sans-serif;
2770
+ font-size: 1rem;
2771
+ font-weight: 500;
2772
+ line-height: 1.5;
2773
+ color: #4d4d4d;
2774
+ }
2775
+ h1,
2776
+ .TextEvent_module_h1 {
2777
+ font-size: 3rem;
2778
+ font-weight: 600;
2779
+ line-height: 1.17;
2780
+ }
2781
+ @media (max-width: 768px) {
2782
+ h1,
2783
+ .TextEvent_module_h1 {
2784
+ font-size: 2rem;
2785
+ }
2786
+ }
2787
+ h2,
2788
+ .TextEvent_module_h2 {
2789
+ font-size: 2.5rem;
2790
+ font-weight: 600;
2791
+ line-height: 1.2;
2792
+ }
2793
+ @media (max-width: 768px) {
2794
+ h2,
2795
+ .TextEvent_module_h2 {
2796
+ font-size: 1.5rem;
2797
+ }
2798
+ }
2799
+ h3,
2800
+ .TextEvent_module_h3,
2801
+ .TextEvent_module_textEvent .TextEvent_module_richText h2 {
2802
+ font-size: 2rem;
2803
+ font-weight: 600;
2804
+ line-height: 1.25;
2805
+ }
2806
+ @media (max-width: 768px) {
2807
+ h3,
2808
+ .TextEvent_module_h3,
2809
+ .TextEvent_module_textEvent .TextEvent_module_richText h2 {
2810
+ font-size: 1.25rem;
2811
+ }
2812
+ }
2813
+ h4,
2814
+ .TextEvent_module_h4 {
2815
+ font-size: 1.5rem;
2816
+ font-weight: 600;
2817
+ line-height: 1.33;
2818
+ }
2819
+ @media (max-width: 768px) {
2820
+ h4,
2821
+ .TextEvent_module_h4 {
2822
+ font-size: 18px;
2823
+ }
2824
+ }
2825
+ .TextEvent_module_subheading,
2826
+ .TextEvent_module_textEvent .TextEvent_module_richText p,
2827
+ .TextEvent_module_textEvent .TextEvent_module_richText h3,
2828
+ .TextEvent_module_textEvent .TextEvent_module_richText td {
2829
+ font-size: 1.25rem;
2830
+ font-weight: 500;
2831
+ line-height: 1.4;
2832
+ }
2833
+ @media (max-width: 768px) {
2834
+ .TextEvent_module_subheading,
2835
+ .TextEvent_module_textEvent .TextEvent_module_richText p,
2836
+ .TextEvent_module_textEvent .TextEvent_module_richText h3,
2837
+ .TextEvent_module_textEvent .TextEvent_module_richText td {
2838
+ font-size: 18px;
2839
+ }
2840
+ }
2841
+ p,
2842
+ .TextEvent_module_body {
2843
+ font-size: 1rem;
2844
+ font-weight: 500;
2845
+ line-height: 1.5;
2846
+ }
2847
+ small,
2848
+ .TextEvent_module_small {
2849
+ font-size: 0.875rem;
2850
+ font-weight: 500;
2851
+ line-height: 1.5;
2852
+ }
2853
+ .TextEvent_module_smallest {
2854
+ font-size: 0.75rem;
2855
+ font-weight: 500;
2856
+ line-height: 1.5;
2857
+ }
2858
+ a {
2859
+ color: var(--color-link);
2860
+ text-decoration: none;
2861
+ cursor: pointer;
2862
+ }
2863
+ a:hover {
2864
+ text-decoration: underline;
2865
+ }
2866
+ .TextEvent_module_textEvent {
2867
+ width: 100%;
2868
+ padding: var(--spacing-3xl) var(--spacing-7xl);
2869
+ }
2870
+ @media (max-width: 768px) {
2871
+ .TextEvent_module_textEvent {
2872
+ padding: var(--spacing-lg) var(--spacing-md);
2873
+ }
2874
+ }
2875
+ .TextEvent_module_textEvent .TextEvent_module_title {
2876
+ margin-bottom: var(--spacing-xl);
2877
+ color: var(--color-black);
2878
+ }
2879
+ @media (max-width: 768px) {
2880
+ .TextEvent_module_textEvent .TextEvent_module_title {
2881
+ font-size: var(--font-size-xl);
2882
+ margin-bottom: var(--spacing-lg);
2883
+ }
2884
+ }
2885
+ .TextEvent_module_textEvent .TextEvent_module_richText p {
2886
+ margin-bottom: var(--spacing-xl);
2887
+ color: var(--color-gray);
2888
+ }
2889
+ @media (max-width: 768px) {
2890
+ .TextEvent_module_textEvent .TextEvent_module_richText p {
2891
+ font-size: var(--font-size-md);
2892
+ }
2893
+ }
2894
+ .TextEvent_module_textEvent .TextEvent_module_richText p:first-child {
2895
+ line-height: 140%;
2896
+ margin-bottom: var(--spacing-xl);
2897
+ }
2898
+ .TextEvent_module_textEvent .TextEvent_module_richText p:last-child {
2899
+ margin-bottom: 0;
2900
+ }
2901
+ .TextEvent_module_textEvent .TextEvent_module_richText p:empty {
2902
+ display: none;
2903
+ margin: 0;
2904
+ }
2905
+ .TextEvent_module_textEvent .TextEvent_module_richText a {
2906
+ font-weight: var(--font-weight-medium);
2907
+ }
2908
+ .TextEvent_module_textEvent .TextEvent_module_richText strong {
2909
+ color: var(--color-black);
2910
+ }
2911
+ .TextEvent_module_textEvent .TextEvent_module_richText h2 {
2912
+ margin-bottom: var(--spacing-xl);
2913
+ color: var(--color-black);
2914
+ }
2915
+ .TextEvent_module_textEvent .TextEvent_module_richText h3 {
2916
+ margin-bottom: var(--spacing-lg);
2917
+ color: var(--color-gray);
2918
+ }
2919
+ @media (max-width: 768px) {
2920
+ .TextEvent_module_textEvent .TextEvent_module_richText h3 {
2921
+ font-size: var(--font-size-md);
2922
+ }
2923
+ }
2924
+ .TextEvent_module_textEvent .TextEvent_module_richText br {
2925
+ display: block;
2926
+ content: "";
2927
+ margin-bottom: var(--spacing-sm);
2928
+ }
2929
+ .TextEvent_module_textEvent .TextEvent_module_richText table {
2930
+ width: 100%;
2931
+ border-collapse: collapse;
2932
+ margin-bottom: var(--spacing-xl);
2933
+ }
2934
+ .TextEvent_module_textEvent .TextEvent_module_richText table:last-child {
2935
+ margin-bottom: 0 !important;
2936
+ }
2937
+ .TextEvent_module_textEvent .TextEvent_module_richText tr {
2938
+ border-bottom: 1px solid transparent;
2939
+ }
2940
+ .TextEvent_module_textEvent .TextEvent_module_richText td {
2941
+ padding-bottom: var(--spacing-lg);
2942
+ vertical-align: top;
2943
+ color: var(--color-black);
2944
+ }
2945
+ @media (max-width: 768px) {
2946
+ .TextEvent_module_textEvent .TextEvent_module_richText td {
2947
+ font-size: var(--font-size-md);
2948
+ }
2949
+ }
2950
+ .TextEvent_module_textEvent .TextEvent_module_richText td:first-child {
2951
+ width: 17.5625rem;
2952
+ text-align: right;
2953
+ padding-right: var(--spacing-xl);
2954
+ white-space: nowrap;
2955
+ }
2956
+ @media (max-width: 768px) {
2957
+ .TextEvent_module_textEvent .TextEvent_module_richText td:first-child {
2958
+ padding: var(--spacing-lg) 0;
2959
+ width: unset;
2960
+ text-align: left;
2961
+ padding-right: var(--spacing-lg);
2962
+ white-space: normal;
2963
+ border-bottom: 1px solid #e3e3e3;
2964
+ }
2965
+ }
2966
+ .TextEvent_module_textEvent .TextEvent_module_richText td:last-child {
2967
+ border-left: 1px solid #e3e3e3;
2968
+ padding-left: var(--spacing-xl);
2969
+ }
2970
+ @media (max-width: 768px) {
2971
+ .TextEvent_module_textEvent .TextEvent_module_richText td:last-child {
2972
+ border-left: unset;
2973
+ padding: 0.5rem 0;
2974
+ border-bottom: 1px solid #e3e3e3;
2975
+ text-align: left;
2976
+ padding-left: var(--spacing-lg);
2977
+ }
2978
+ }
2979
+ .TextEvent_module_textEvent .TextEvent_module_richText tbody tr:last-child td {
2980
+ padding-bottom: 0 !important;
2981
+ }
2982
+ .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table {
2983
+ display: flex;
2984
+ flex-direction: column;
2985
+ align-items: center;
2986
+ width: auto;
2987
+ }
2988
+ .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:first-child {
2989
+ padding-top: 14px;
2990
+ }
2991
+ @media (max-width: 768px) {
2992
+ .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:first-child {
2993
+ padding-top: 0px;
2994
+ }
2995
+ }
2996
+ .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:last-child {
2997
+ padding-top: 14px;
2998
+ }
2999
+ @media (max-width: 768px) {
3000
+ .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:last-child {
3001
+ padding-top: 0px;
3002
+ }
3003
+ }
3004
+ .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:first-child {
3005
+ text-align: right;
3006
+ }
3007
+ .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:last-child {
3008
+ text-align: left;
3009
+ border-left: 1px solid #e3e3e3;
3010
+ }
3011
+ @media (max-width: 768px) {
3012
+ .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:last-child {
3013
+ border-left: unset;
3014
+ }
3015
+ }
3016
+ @media (max-width: 768px) {
3017
+ .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr {
3018
+ display: grid;
3019
+ grid-template-columns: 1fr 1fr;
3020
+ border-bottom: 1px solid #e3e3e3;
3021
+ column-gap: 32px;
3022
+ align-items: center;
3023
+ padding: 8px 0;
3024
+ }
3025
+ }
3026
+ @media (max-width: 768px) {
3027
+ .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td {
3028
+ font-size: 1.125rem;
3029
+ padding: 0;
3030
+ border: none !important;
3031
+ width: auto;
3032
+ }
2232
3033
  }
2233
3034
 
2234
- /* src/widgets/TextEvent/TextEvent.module.scss */
3035
+ /* src/widgets/TextBody/TextBody.module.scss */
2235
3036
  html,
2236
3037
  body {
2237
3038
  font-family: "Instrument Sans", sans-serif;
@@ -2241,84 +3042,82 @@ body {
2241
3042
  color: #4d4d4d;
2242
3043
  }
2243
3044
  h1,
2244
- .TextEvent_module_h1 {
3045
+ .TextBody_module_h1 {
2245
3046
  font-size: 3rem;
2246
3047
  font-weight: 600;
2247
3048
  line-height: 1.17;
2248
3049
  }
2249
3050
  @media (max-width: 768px) {
2250
3051
  h1,
2251
- .TextEvent_module_h1 {
3052
+ .TextBody_module_h1 {
2252
3053
  font-size: 2rem;
2253
3054
  }
2254
3055
  }
2255
3056
  h2,
2256
- .TextEvent_module_h2 {
3057
+ .TextBody_module_h2 {
2257
3058
  font-size: 2.5rem;
2258
3059
  font-weight: 600;
2259
3060
  line-height: 1.2;
2260
3061
  }
2261
3062
  @media (max-width: 768px) {
2262
3063
  h2,
2263
- .TextEvent_module_h2 {
3064
+ .TextBody_module_h2 {
2264
3065
  font-size: 1.5rem;
2265
3066
  }
2266
3067
  }
2267
3068
  h3,
2268
- .TextEvent_module_h3,
2269
- .TextEvent_module_textEvent .TextEvent_module_richText h2 {
3069
+ .TextBody_module_h3,
3070
+ .TextBody_module_textBody .TextBody_module_body h2 {
2270
3071
  font-size: 2rem;
2271
3072
  font-weight: 600;
2272
3073
  line-height: 1.25;
2273
3074
  }
2274
3075
  @media (max-width: 768px) {
2275
3076
  h3,
2276
- .TextEvent_module_h3,
2277
- .TextEvent_module_textEvent .TextEvent_module_richText h2 {
3077
+ .TextBody_module_h3,
3078
+ .TextBody_module_textBody .TextBody_module_body h2 {
2278
3079
  font-size: 1.25rem;
2279
3080
  }
2280
3081
  }
2281
3082
  h4,
2282
- .TextEvent_module_h4 {
3083
+ .TextBody_module_h4 {
2283
3084
  font-size: 1.5rem;
2284
3085
  font-weight: 600;
2285
3086
  line-height: 1.33;
2286
3087
  }
2287
3088
  @media (max-width: 768px) {
2288
3089
  h4,
2289
- .TextEvent_module_h4 {
3090
+ .TextBody_module_h4 {
2290
3091
  font-size: 18px;
2291
3092
  }
2292
3093
  }
2293
- .TextEvent_module_subheading,
2294
- .TextEvent_module_textEvent .TextEvent_module_richText p,
2295
- .TextEvent_module_textEvent .TextEvent_module_richText h3,
2296
- .TextEvent_module_textEvent .TextEvent_module_richText td {
3094
+ .TextBody_module_subheading,
3095
+ .TextBody_module_textBody .TextBody_module_body h3,
3096
+ .TextBody_module_textBody .TextBody_module_body h4 {
2297
3097
  font-size: 1.25rem;
2298
3098
  font-weight: 500;
2299
3099
  line-height: 1.4;
2300
3100
  }
2301
3101
  @media (max-width: 768px) {
2302
- .TextEvent_module_subheading,
2303
- .TextEvent_module_textEvent .TextEvent_module_richText p,
2304
- .TextEvent_module_textEvent .TextEvent_module_richText h3,
2305
- .TextEvent_module_textEvent .TextEvent_module_richText td {
3102
+ .TextBody_module_subheading,
3103
+ .TextBody_module_textBody .TextBody_module_body h3,
3104
+ .TextBody_module_textBody .TextBody_module_body h4 {
2306
3105
  font-size: 18px;
2307
3106
  }
2308
3107
  }
2309
3108
  p,
2310
- .TextEvent_module_body {
3109
+ .TextBody_module_body {
2311
3110
  font-size: 1rem;
2312
3111
  font-weight: 500;
2313
3112
  line-height: 1.5;
2314
3113
  }
2315
3114
  small,
2316
- .TextEvent_module_small {
3115
+ .TextBody_module_small {
2317
3116
  font-size: 0.875rem;
2318
3117
  font-weight: 500;
2319
3118
  line-height: 1.5;
2320
3119
  }
2321
- .TextEvent_module_smallest {
3120
+ .TextBody_module_smallest {
2322
3121
  font-size: 0.75rem;
2323
3122
  font-weight: 500;
2324
3123
  line-height: 1.5;
@@ -2331,507 +3130,718 @@ a {
2331
3130
  a:hover {
2332
3131
  text-decoration: underline;
2333
3132
  }
2334
- .TextEvent_module_textEvent {
3133
+ .TextBody_module_textBody {
2335
3134
  width: 100%;
2336
3135
  padding: var(--spacing-3xl) var(--spacing-7xl);
2337
3136
  }
2338
3137
  @media (max-width: 768px) {
2339
- .TextEvent_module_textEvent {
3138
+ .TextBody_module_textBody {
2340
3139
  padding: var(--spacing-lg) var(--spacing-md);
2341
3140
  }
2342
3141
  }
2343
- .TextEvent_module_textEvent .TextEvent_module_title {
3142
+ .TextBody_module_textBody .TextBody_module_title {
2344
3143
  margin-bottom: var(--spacing-xl);
2345
3144
  color: var(--color-black);
2346
3145
  }
2347
3146
  @media (max-width: 768px) {
2348
- .TextEvent_module_textEvent .TextEvent_module_title {
3147
+ .TextBody_module_textBody .TextBody_module_title {
2349
3148
  font-size: var(--font-size-xl);
2350
3149
  margin-bottom: var(--spacing-lg);
2351
3150
  }
2352
3151
  }
2353
- .TextEvent_module_textEvent .TextEvent_module_richText p {
3152
+ @media (max-width: 768px) {
3153
+ .TextBody_module_textBody .TextBody_module_body {
3154
+ padding: 0 var(--spacing-md);
3155
+ }
3156
+ }
3157
+ .TextBody_module_textBody .TextBody_module_body p {
3158
+ font-size: var(--font-size-md);
3159
+ font-weight: var(--font-weight-regular);
3160
+ line-height: 1.5;
2354
3161
  margin-bottom: var(--spacing-xl);
2355
- color: var(--color-gray);
3162
+ color: var(--color-black);
2356
3163
  }
2357
3164
  @media (max-width: 768px) {
2358
- .TextEvent_module_textEvent .TextEvent_module_richText p {
3165
+ .TextBody_module_textBody .TextBody_module_body p {
2359
3166
  font-size: var(--font-size-md);
2360
3167
  }
2361
3168
  }
2362
- .TextEvent_module_textEvent .TextEvent_module_richText p:first-child {
2363
- line-height: 140%;
2364
- margin-bottom: var(--spacing-xl);
2365
- }
2366
- .TextEvent_module_textEvent .TextEvent_module_richText p:last-child {
3169
+ .TextBody_module_textBody .TextBody_module_body p:last-child {
2367
3170
  margin-bottom: 0;
2368
3171
  }
2369
- .TextEvent_module_textEvent .TextEvent_module_richText p:empty {
3172
+ .TextBody_module_textBody .TextBody_module_body p:empty {
2370
3173
  display: none;
2371
3174
  margin: 0;
2372
3175
  }
2373
- .TextEvent_module_textEvent .TextEvent_module_richText a {
2374
- font-weight: var(--font-weight-medium);
2375
- }
2376
- .TextEvent_module_textEvent .TextEvent_module_richText strong {
3176
+ .TextBody_module_textBody .TextBody_module_body strong {
3177
+ font-weight: var(--font-weight-bold);
2377
3178
  color: var(--color-black);
2378
3179
  }
2379
- .TextEvent_module_textEvent .TextEvent_module_richText h2 {
2380
- margin-bottom: var(--spacing-xl);
3180
+ .TextBody_module_textBody .TextBody_module_body p:has(strong) {
3181
+ margin-bottom: 0 !important;
3182
+ }
3183
+ .TextBody_module_textBody .TextBody_module_body a {
3184
+ color: var(--color-link);
3185
+ font-weight: var(--font-weight-semibold);
3186
+ }
3187
+ .TextBody_module_textBody .TextBody_module_body h2 {
3188
+ font-weight: var(--font-weight-bold);
2381
3189
  color: var(--color-black);
2382
3190
  }
2383
- .TextEvent_module_textEvent .TextEvent_module_richText h3 {
3191
+ .TextBody_module_textBody .TextBody_module_body h3,
3192
+ .TextBody_module_textBody .TextBody_module_body h4 {
3193
+ font-size: var(--font-size-xl);
2384
3194
  margin-bottom: var(--spacing-lg);
2385
- color: var(--color-gray);
3195
+ color: var(--color-black);
2386
3196
  }
2387
3197
  @media (max-width: 768px) {
2388
- .TextEvent_module_textEvent .TextEvent_module_richText h3 {
2389
- font-size: var(--font-size-md);
3198
+ .TextBody_module_textBody .TextBody_module_body h3,
3199
+ .TextBody_module_textBody .TextBody_module_body h4 {
3200
+ font-size: var(--font-size-lg);
2390
3201
  }
2391
3202
  }
2392
- .TextEvent_module_textEvent .TextEvent_module_richText br {
3203
+ .TextBody_module_textBody .TextBody_module_body br {
2393
3204
  display: block;
2394
3205
  content: "";
2395
3206
  margin-bottom: var(--spacing-sm);
2396
3207
  }
2397
- .TextEvent_module_textEvent .TextEvent_module_richText table {
3208
+ .TextBody_module_textBody .TextBody_module_body table {
2398
3209
  width: 100%;
2399
3210
  border-collapse: collapse;
2400
3211
  margin-bottom: var(--spacing-xl);
3212
+ border: 1px solid rgba(8, 8, 8, 0.5);
3213
+ table-layout: fixed;
2401
3214
  }
2402
- .TextEvent_module_textEvent .TextEvent_module_richText table:last-child {
3215
+ .TextBody_module_textBody .TextBody_module_body table:last-child {
2403
3216
  margin-bottom: 0 !important;
2404
3217
  }
2405
- .TextEvent_module_textEvent .TextEvent_module_richText tr {
2406
- border-bottom: 1px solid transparent;
2407
- }
2408
- .TextEvent_module_textEvent .TextEvent_module_richText td {
2409
- padding-bottom: var(--spacing-lg);
2410
- vertical-align: top;
3218
+ .TextBody_module_textBody .TextBody_module_body th,
3219
+ .TextBody_module_textBody .TextBody_module_body td {
3220
+ padding: 8px 16px;
3221
+ border: 1px solid rgba(8, 8, 8, 0.5);
3222
+ font-size: var(--font-size-md);
3223
+ font-weight: var(--font-weight-regular);
3224
+ line-height: 1.5;
2411
3225
  color: var(--color-black);
3226
+ vertical-align: top;
3227
+ overflow-wrap: break-word;
3228
+ word-break: break-word;
2412
3229
  }
2413
3230
  @media (max-width: 768px) {
2414
- .TextEvent_module_textEvent .TextEvent_module_richText td {
2415
- font-size: var(--font-size-md);
3231
+ .TextBody_module_textBody .TextBody_module_body th,
3232
+ .TextBody_module_textBody .TextBody_module_body td {
3233
+ padding: 8px;
3234
+ font-size: var(--font-size-sm);
2416
3235
  }
2417
3236
  }
2418
- .TextEvent_module_textEvent .TextEvent_module_richText td:first-child {
2419
- width: 17.5625rem;
2420
- text-align: right;
2421
- padding-right: var(--spacing-xl);
2422
- white-space: nowrap;
3237
+ .TextBody_module_textBody .TextBody_module_body tbody tr:first-child {
3238
+ background: #dedede;
3239
+ font-weight: var(--font-weight-semibold);
3240
+ text-align: left;
3241
+ }
3242
+ .TextBody_module_textBody .TextBody_module_body ol,
3243
+ .TextBody_module_textBody .TextBody_module_body ul {
3244
+ margin-left: 24px;
3245
+ margin-bottom: var(--spacing-xl);
3246
+ }
3247
+ .TextBody_module_textBody .TextBody_module_body ol li,
3248
+ .TextBody_module_textBody .TextBody_module_body ul li {
3249
+ margin-bottom: var(--spacing-sm);
3250
+ font-size: var(--font-size-md);
3251
+ font-weight: var(--font-weight-regular);
3252
+ line-height: 1.5;
3253
+ color: var(--color-black);
3254
+ }
3255
+ .TextBody_module_textBody .TextBody_module_body ol ol,
3256
+ .TextBody_module_textBody .TextBody_module_body ol ul,
3257
+ .TextBody_module_textBody .TextBody_module_body ul ol,
3258
+ .TextBody_module_textBody .TextBody_module_body ul ul {
3259
+ margin-left: 48px;
3260
+ list-style-type: lower-alpha;
3261
+ }
3262
+ .TextBody_module_textBody .TextBody_module_body blockquote {
3263
+ border-left: 5px solid var(--color-gray);
3264
+ padding: 5px 0 1px 30px;
3265
+ margin: 15px 0;
3266
+ font-size: 1.125em;
3267
+ line-height: 1.125em;
3268
+ }
3269
+ .TextBody_module_textBody .TextBody_module_body :is(h1, h2, h3, h4, h5, h6, span).align--center {
3270
+ text-align: center;
2423
3271
  }
2424
3272
  @media (max-width: 768px) {
2425
- .TextEvent_module_textEvent .TextEvent_module_richText td:first-child {
2426
- padding: var(--spacing-lg) 0;
2427
- width: unset;
2428
- text-align: left;
2429
- padding-right: var(--spacing-lg);
2430
- white-space: normal;
2431
- border-bottom: 1px solid #e3e3e3;
3273
+ .TextBody_module_textBody .TextBody_module_body :is(h1, h2, h3, h4, h5, h6, span).align--center {
3274
+ text-align: justify;
2432
3275
  }
2433
3276
  }
2434
- .TextEvent_module_textEvent .TextEvent_module_richText td:last-child {
2435
- border-left: 1px solid #e3e3e3;
2436
- padding-left: var(--spacing-xl);
3277
+ .TextBody_module_textBody .TextBody_module_body p.align--center {
3278
+ text-align: center;
3279
+ margin-bottom: var(--spacing-lg) !important;
2437
3280
  }
2438
3281
  @media (max-width: 768px) {
2439
- .TextEvent_module_textEvent .TextEvent_module_richText td:last-child {
2440
- border-left: unset;
2441
- padding: 0.5rem 0;
2442
- border-bottom: 1px solid #e3e3e3;
2443
- text-align: left;
2444
- padding-left: var(--spacing-lg);
3282
+ .TextBody_module_textBody .TextBody_module_body p.align--center {
3283
+ text-align: justify;
2445
3284
  }
2446
3285
  }
2447
- .TextEvent_module_textEvent .TextEvent_module_richText tbody tr:last-child td {
2448
- padding-bottom: 0 !important;
3286
+ .TextBody_module_textBody .TextBody_module_body table p.align--center {
3287
+ margin-bottom: 0 !important;
3288
+ text-align: center;
2449
3289
  }
2450
- .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table {
3290
+
3291
+ /* src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss */
3292
+ .TextCenterCtaInBottom_module_textCenterCta {
3293
+ display: block;
3294
+ width: 100%;
3295
+ background-color: var(--color-white);
3296
+ }
3297
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
2451
3298
  display: flex;
2452
3299
  flex-direction: column;
2453
3300
  align-items: center;
2454
- width: auto;
2455
- }
2456
- .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:first-child {
2457
- padding-top: 14px;
2458
- }
2459
- @media (max-width: 768px) {
2460
- .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:first-child {
2461
- padding-top: 0px;
2462
- }
3301
+ justify-content: center;
3302
+ padding: var(--spacing-3xl) var(--spacing-7xl);
3303
+ gap: var(--spacing-xl);
2463
3304
  }
2464
- .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:last-child {
2465
- padding-top: 14px;
3305
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
3306
+ display: flex;
3307
+ flex-direction: column;
3308
+ align-items: center;
3309
+ text-align: center;
3310
+ max-width: 866px;
3311
+ gap: var(--spacing-xl);
2466
3312
  }
2467
- @media (max-width: 768px) {
2468
- .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:last-child {
2469
- padding-top: 0px;
2470
- }
3313
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
3314
+ font-size: var(--font-size-xl);
3315
+ font-weight: 600;
3316
+ line-height: var(--line-height-tight-2);
3317
+ color: var(--color-black);
2471
3318
  }
2472
- .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:first-child {
2473
- text-align: right;
3319
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
3320
+ font-size: var(--font-size-lg);
3321
+ font-weight: 500;
3322
+ line-height: var(--line-height-tight-1);
3323
+ color: var(--color-neutral-700);
2474
3324
  }
2475
- .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:last-child {
2476
- text-align: left;
2477
- border-left: 1px solid #e3e3e3;
3325
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
3326
+ display: flex;
3327
+ gap: var(--spacing-md);
2478
3328
  }
2479
3329
  @media (max-width: 768px) {
2480
- .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:last-child {
2481
- border-left: unset;
3330
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
3331
+ display: grid;
3332
+ gap: var(--spacing-sm);
2482
3333
  }
2483
3334
  }
2484
3335
  @media (max-width: 768px) {
2485
- .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr {
2486
- display: grid;
2487
- grid-template-columns: 1fr 1fr;
2488
- border-bottom: 1px solid #e3e3e3;
2489
- column-gap: 32px;
2490
- align-items: center;
2491
- padding: 8px 0;
3336
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper.TextCenterCtaInBottom_module_iconOnly {
3337
+ display: flex;
3338
+ justify-content: center;
2492
3339
  }
2493
3340
  }
3341
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta img {
3342
+ height: var(--font-size-xs);
3343
+ width: var(--font-size-xs);
3344
+ }
2494
3345
  @media (max-width: 768px) {
2495
- .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td {
2496
- font-size: 1.125rem;
2497
- padding: 0;
2498
- border: none !important;
3346
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
3347
+ padding: var(--spacing-lg) var(--spacing-md);
3348
+ gap: var(--spacing-md);
3349
+ }
3350
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
3351
+ max-width: 343px;
3352
+ gap: var(--spacing-md);
3353
+ }
3354
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
3355
+ font-size: var(--font-size-lg);
3356
+ line-height: var(--line-height-tight-3);
3357
+ }
3358
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
3359
+ font-size: 18px;
3360
+ line-height: var(--line-height-normal);
3361
+ }
3362
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta {
3363
+ width: 100%;
3364
+ }
3365
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_iconOnly .TextCenterCtaInBottom_module_cta {
2499
3366
  width: auto;
2500
3367
  }
2501
3368
  }
2502
3369
 
2503
- /* src/widgets/TextBody/TextBody.module.scss */
2504
- html,
2505
- body {
2506
- font-family: "Instrument Sans", sans-serif;
2507
- font-size: 1rem;
3370
+ /* src/widgets/ResourcesGridList/ResourcesGridList.module.scss */
3371
+ .ResourcesGridList_module_widget {
3372
+ display: flex;
3373
+ flex-direction: column;
3374
+ gap: var(--spacing-md);
3375
+ align-items: center;
3376
+ width: 100%;
3377
+ padding: var(--spacing-3xl) var(--spacing-7xl);
3378
+ }
3379
+ @media (max-width: 768px) {
3380
+ .ResourcesGridList_module_widget {
3381
+ padding: var(--spacing-lg) var(--spacing-md);
3382
+ }
3383
+ }
3384
+ .ResourcesGridList_module_filterBar {
3385
+ display: flex;
3386
+ align-items: center;
3387
+ justify-content: space-between;
3388
+ width: 100%;
3389
+ max-width: 1280px;
3390
+ }
3391
+ .ResourcesGridList_module_viewToggle,
3392
+ .ResourcesGridList_module_filterActions {
3393
+ display: flex;
3394
+ gap: 8px;
3395
+ align-items: center;
3396
+ }
3397
+ .ResourcesGridList_module_chip {
3398
+ display: flex;
3399
+ align-items: center;
3400
+ gap: 8px;
3401
+ padding: 8px 16px;
3402
+ border-radius: 16px;
3403
+ border: 1px solid var(--grayoutline, #dbdbdb);
3404
+ background: white;
3405
+ cursor: pointer;
3406
+ font-size: var(--size-body, 14px);
2508
3407
  font-weight: 500;
2509
3408
  line-height: 1.5;
2510
- color: #4d4d4d;
3409
+ white-space: nowrap;
2511
3410
  }
2512
- h1,
2513
- .TextBody_module_h1 {
2514
- font-size: 3rem;
2515
- font-weight: 600;
2516
- line-height: 1.17;
3411
+ .ResourcesGridList_module_chip.ResourcesGridList_module_active {
3412
+ background: var(--neutral-50, #ededed);
3413
+ border-color: #4d4d4d;
2517
3414
  }
2518
3415
  @media (max-width: 768px) {
2519
- h1,
2520
- .TextBody_module_h1 {
2521
- font-size: 2rem;
3416
+ .ResourcesGridList_module_chip {
3417
+ padding: 8px;
3418
+ gap: 0;
2522
3419
  }
2523
3420
  }
2524
- h2,
2525
- .TextBody_module_h2 {
2526
- font-size: 2.5rem;
2527
- font-weight: 600;
2528
- line-height: 1.2;
2529
- }
2530
3421
  @media (max-width: 768px) {
2531
- h2,
2532
- .TextBody_module_h2 {
2533
- font-size: 1.5rem;
3422
+ .ResourcesGridList_module_chipLabel {
3423
+ display: none;
2534
3424
  }
2535
3425
  }
2536
- h3,
2537
- .TextBody_module_h3,
2538
- .TextBody_module_textBody .TextBody_module_body h2 {
2539
- font-size: 2rem;
2540
- font-weight: 600;
2541
- line-height: 1.25;
3426
+ .ResourcesGridList_module_dropdownWrapper {
3427
+ position: relative;
2542
3428
  }
2543
- @media (max-width: 768px) {
2544
- h3,
2545
- .TextBody_module_h3,
2546
- .TextBody_module_textBody .TextBody_module_body h2 {
2547
- font-size: 1.25rem;
2548
- }
3429
+ .ResourcesGridList_module_searchExpanded {
3430
+ display: flex;
3431
+ align-items: center;
3432
+ gap: 8px;
3433
+ padding: 8px 16px;
3434
+ border-radius: 16px;
3435
+ border: 1px solid #4d4d4d;
3436
+ background: white;
3437
+ overflow: hidden;
3438
+ white-space: nowrap;
3439
+ animation: ResourcesGridList_module_searchExpand 0.25s ease forwards;
2549
3440
  }
2550
- h4,
2551
- .TextBody_module_h4 {
2552
- font-size: 1.5rem;
2553
- font-weight: 600;
2554
- line-height: 1.33;
3441
+ .ResourcesGridList_module_searchCollapsing {
3442
+ animation: ResourcesGridList_module_searchCollapse 0.25s ease forwards;
2555
3443
  }
2556
- @media (max-width: 768px) {
2557
- h4,
2558
- .TextBody_module_h4 {
2559
- font-size: 18px;
3444
+ @keyframes ResourcesGridList_module_searchExpand {
3445
+ from {
3446
+ width: 0;
3447
+ opacity: 0;
3448
+ padding-left: 0;
3449
+ padding-right: 0;
3450
+ }
3451
+ to {
3452
+ width: 220px;
3453
+ opacity: 1;
3454
+ padding-left: 16px;
3455
+ padding-right: 16px;
2560
3456
  }
2561
3457
  }
2562
- .TextBody_module_subheading,
2563
- .TextBody_module_textBody .TextBody_module_body h3,
2564
- .TextBody_module_textBody .TextBody_module_body h4 {
2565
- font-size: 1.25rem;
2566
- font-weight: 500;
2567
- line-height: 1.4;
2568
- }
2569
- @media (max-width: 768px) {
2570
- .TextBody_module_subheading,
2571
- .TextBody_module_textBody .TextBody_module_body h3,
2572
- .TextBody_module_textBody .TextBody_module_body h4 {
2573
- font-size: 18px;
3458
+ @keyframes ResourcesGridList_module_searchCollapse {
3459
+ from {
3460
+ width: 220px;
3461
+ opacity: 1;
3462
+ padding-left: 16px;
3463
+ padding-right: 16px;
3464
+ }
3465
+ to {
3466
+ width: 0;
3467
+ opacity: 0;
3468
+ padding-left: 0;
3469
+ padding-right: 0;
2574
3470
  }
2575
3471
  }
2576
- p,
2577
- .TextBody_module_body {
2578
- font-size: 1rem;
2579
- font-weight: 500;
2580
- line-height: 1.5;
3472
+ .ResourcesGridList_module_searchIconInner {
3473
+ flex-shrink: 0;
3474
+ display: flex;
3475
+ align-items: center;
3476
+ color: #4d4d4d;
2581
3477
  }
2582
- small,
2583
- .TextBody_module_small {
2584
- font-size: 0.875rem;
3478
+ .ResourcesGridList_module_searchInput {
3479
+ flex: 1;
3480
+ min-width: 0;
3481
+ border: none;
3482
+ outline: none;
3483
+ font-size: var(--size-body, 14px);
2585
3484
  font-weight: 500;
2586
3485
  line-height: 1.5;
3486
+ background: transparent;
3487
+ color: var(--base-black, #080808);
2587
3488
  }
2588
- .TextBody_module_smallest {
2589
- font-size: 0.75rem;
2590
- font-weight: 500;
2591
- line-height: 1.5;
3489
+ .ResourcesGridList_module_searchInput::placeholder {
3490
+ color: #9e9e9e;
2592
3491
  }
2593
- a {
2594
- color: var(--color-link);
2595
- text-decoration: none;
3492
+ .ResourcesGridList_module_dropdownPanel {
3493
+ position: absolute;
3494
+ top: calc(100% + 6px);
3495
+ right: 0;
3496
+ background: white;
3497
+ border: 1px solid var(--grayoutline, #dbdbdb);
3498
+ border-radius: 16px;
3499
+ padding: 8px;
3500
+ min-width: 150px;
3501
+ z-index: 100;
3502
+ box-shadow:
3503
+ 0 0 3px rgba(54, 54, 54, 0.1),
3504
+ 0 0 6px rgba(54, 54, 54, 0.09),
3505
+ 0 0 8px rgba(54, 54, 54, 0.05),
3506
+ 0 0 9px rgba(54, 54, 54, 0.01);
3507
+ display: flex;
3508
+ flex-direction: column;
3509
+ gap: 4px;
3510
+ }
3511
+ .ResourcesGridList_module_dropdownOption {
3512
+ display: flex;
3513
+ align-items: center;
3514
+ gap: 8px;
3515
+ padding: 4px 8px;
3516
+ border-radius: 8px;
2596
3517
  cursor: pointer;
3518
+ font-size: var(--size-body, 16px);
3519
+ font-weight: 500;
3520
+ line-height: 1.5;
3521
+ letter-spacing: -0.08px;
3522
+ white-space: nowrap;
3523
+ color: var(--base-black, #080808);
3524
+ background: transparent;
3525
+ border: none;
3526
+ width: 100%;
3527
+ text-align: left;
2597
3528
  }
2598
- a:hover {
2599
- text-decoration: underline;
3529
+ .ResourcesGridList_module_dropdownOption.ResourcesGridList_module_selected {
3530
+ background: var(--base-black, #080808);
3531
+ color: white;
2600
3532
  }
2601
- .TextBody_module_textBody {
3533
+ .ResourcesGridList_module_content {
3534
+ display: flex;
3535
+ gap: 24px;
3536
+ align-items: flex-start;
2602
3537
  width: 100%;
2603
- padding: var(--spacing-3xl) var(--spacing-7xl);
3538
+ max-width: 1280px;
2604
3539
  }
2605
3540
  @media (max-width: 768px) {
2606
- .TextBody_module_textBody {
2607
- padding: var(--spacing-lg) var(--spacing-md);
3541
+ .ResourcesGridList_module_content {
3542
+ gap: 16px;
3543
+ position: relative;
3544
+ overflow: hidden;
3545
+ min-height: 78vh;
2608
3546
  }
2609
3547
  }
2610
- .TextBody_module_textBody .TextBody_module_title {
2611
- margin-bottom: var(--spacing-xl);
2612
- color: var(--color-black);
2613
- }
2614
- @media (max-width: 768px) {
2615
- .TextBody_module_textBody .TextBody_module_title {
2616
- font-size: var(--font-size-xl);
2617
- margin-bottom: var(--spacing-lg);
2618
- }
3548
+ .ResourcesGridList_module_mobileSidebarOverlay {
3549
+ display: none;
2619
3550
  }
2620
3551
  @media (max-width: 768px) {
2621
- .TextBody_module_textBody .TextBody_module_body {
2622
- padding: 0 var(--spacing-md);
3552
+ .ResourcesGridList_module_mobileSidebarOverlay {
3553
+ display: flex;
3554
+ gap: 16px;
3555
+ position: absolute;
3556
+ top: 0;
3557
+ left: 0;
3558
+ bottom: 0;
3559
+ width: 100%;
3560
+ background: white;
3561
+ z-index: 20;
3562
+ transform: translateX(-100%);
3563
+ transition: transform 0.3s ease;
3564
+ pointer-events: none;
2623
3565
  }
2624
3566
  }
2625
- .TextBody_module_textBody .TextBody_module_body p {
2626
- font-size: var(--font-size-md);
2627
- font-weight: var(--font-weight-regular);
2628
- line-height: 1.5;
2629
- margin-bottom: var(--spacing-xl);
2630
- color: var(--color-black);
2631
- }
2632
3567
  @media (max-width: 768px) {
2633
- .TextBody_module_textBody .TextBody_module_body p {
2634
- font-size: var(--font-size-md);
3568
+ .ResourcesGridList_module_mobileSidebarOverlayOpen {
3569
+ transform: translateX(0);
3570
+ pointer-events: auto;
2635
3571
  }
2636
3572
  }
2637
- .TextBody_module_textBody .TextBody_module_body p:last-child {
2638
- margin-bottom: 0;
3573
+ .ResourcesGridList_module_mobileCategoriesPanel {
3574
+ flex: 1;
3575
+ min-width: 0;
3576
+ overflow-y: auto;
2639
3577
  }
2640
- .TextBody_module_textBody .TextBody_module_body p:empty {
2641
- display: none;
3578
+ .ResourcesGridList_module_mobileCategoriesList {
3579
+ list-style: none;
3580
+ padding: 0;
2642
3581
  margin: 0;
3582
+ display: flex;
3583
+ flex-direction: column;
2643
3584
  }
2644
- .TextBody_module_textBody .TextBody_module_body strong {
2645
- font-weight: var(--font-weight-bold);
2646
- color: var(--color-black);
3585
+ .ResourcesGridList_module_mobileSidebarItem {
3586
+ display: flex;
3587
+ align-items: center;
3588
+ justify-content: space-between;
3589
+ padding: 8px;
3590
+ border-radius: 8px;
3591
+ cursor: pointer;
3592
+ font-weight: 600;
3593
+ font-size: var(--size-body, 16px);
3594
+ line-height: 1.5;
3595
+ letter-spacing: -0.08px;
2647
3596
  }
2648
- .TextBody_module_textBody .TextBody_module_body p:has(strong) {
2649
- margin-bottom: 0 !important;
3597
+ .ResourcesGridList_module_mobileSidebarItem.ResourcesGridList_module_active {
3598
+ background: rgba(0, 0, 0, 0.1);
2650
3599
  }
2651
- .TextBody_module_textBody .TextBody_module_body a {
2652
- color: var(--color-link);
2653
- font-weight: var(--font-weight-semibold);
3600
+ .ResourcesGridList_module_mobileSidebarCloseColumn {
3601
+ position: relative;
3602
+ width: 40px;
3603
+ flex-shrink: 0;
3604
+ align-self: stretch;
2654
3605
  }
2655
- .TextBody_module_textBody .TextBody_module_body h2 {
2656
- font-weight: var(--font-weight-bold);
2657
- color: var(--color-black);
3606
+ .ResourcesGridList_module_mobileSidebarCloseColumn::after {
3607
+ content: "";
3608
+ position: absolute;
3609
+ top: 0;
3610
+ bottom: 0;
3611
+ left: 50%;
3612
+ width: 1px;
3613
+ background-color: var(--base-inverted-grey, #cecece);
3614
+ transform: translateX(-50%);
2658
3615
  }
2659
- .TextBody_module_textBody .TextBody_module_body h3,
2660
- .TextBody_module_textBody .TextBody_module_body h4 {
2661
- font-size: var(--font-size-xl);
2662
- margin-bottom: var(--spacing-lg);
2663
- color: var(--color-black);
3616
+ .ResourcesGridList_module_sidebar {
3617
+ width: 272px;
3618
+ flex-shrink: 0;
3619
+ align-self: stretch;
3620
+ border-right: 1px solid var(--base-inverted-grey, #cecece);
3621
+ padding-right: var(--spacing-lg);
2664
3622
  }
2665
3623
  @media (max-width: 768px) {
2666
- .TextBody_module_textBody .TextBody_module_body h3,
2667
- .TextBody_module_textBody .TextBody_module_body h4 {
2668
- font-size: var(--font-size-lg);
3624
+ .ResourcesGridList_module_sidebar {
3625
+ display: none;
2669
3626
  }
2670
3627
  }
2671
- .TextBody_module_textBody .TextBody_module_body br {
2672
- display: block;
3628
+ .ResourcesGridList_module_sidebarItem {
3629
+ display: flex;
3630
+ align-items: center;
3631
+ justify-content: space-between;
3632
+ padding: 8px;
3633
+ border-radius: 8px;
3634
+ cursor: pointer;
3635
+ font-size: var(--size-body, 15px);
3636
+ font-weight: 600;
3637
+ list-style: none;
3638
+ }
3639
+ .ResourcesGridList_module_sidebarItem.ResourcesGridList_module_active {
3640
+ background: rgba(0, 0, 0, 0.1);
3641
+ }
3642
+ .ResourcesGridList_module_sidebarMobile {
3643
+ position: relative;
3644
+ width: 40px;
3645
+ flex-shrink: 0;
3646
+ align-self: stretch;
3647
+ }
3648
+ .ResourcesGridList_module_sidebarMobile::after {
2673
3649
  content: "";
2674
- margin-bottom: var(--spacing-sm);
3650
+ position: absolute;
3651
+ top: 0;
3652
+ bottom: 0;
3653
+ left: 50%;
3654
+ width: 1px;
3655
+ background-color: var(--base-inverted-grey, #cecece);
3656
+ transform: translateX(-50%);
2675
3657
  }
2676
- .TextBody_module_textBody .TextBody_module_body table {
2677
- width: 100%;
2678
- border-collapse: collapse;
2679
- margin-bottom: var(--spacing-xl);
2680
- border: 1px solid rgba(8, 8, 8, 0.5);
2681
- table-layout: fixed;
3658
+ .ResourcesGridList_module_hamburger {
3659
+ position: relative;
3660
+ z-index: 1;
3661
+ background: white;
3662
+ border: 1px solid var(--base-inverted-grey, #cecece);
3663
+ border-radius: 26px;
3664
+ padding: 8px;
3665
+ display: flex;
3666
+ cursor: pointer;
3667
+ margin-top: 26px;
2682
3668
  }
2683
- .TextBody_module_textBody .TextBody_module_body table:last-child {
2684
- margin-bottom: 0 !important;
3669
+ .ResourcesGridList_module_cardsArea {
3670
+ flex: 1;
3671
+ min-width: 0;
2685
3672
  }
2686
- .TextBody_module_textBody .TextBody_module_body th,
2687
- .TextBody_module_textBody .TextBody_module_body td {
2688
- padding: 8px 16px;
2689
- border: 1px solid rgba(8, 8, 8, 0.5);
2690
- font-size: var(--font-size-md);
2691
- font-weight: var(--font-weight-regular);
2692
- line-height: 1.5;
2693
- color: var(--color-black);
2694
- vertical-align: top;
2695
- overflow-wrap: break-word;
2696
- word-break: break-word;
3673
+ .ResourcesGridList_module_grid {
3674
+ display: grid;
3675
+ grid-template-columns: repeat(3, 1fr);
3676
+ gap: 16px;
2697
3677
  }
2698
3678
  @media (max-width: 768px) {
2699
- .TextBody_module_textBody .TextBody_module_body th,
2700
- .TextBody_module_textBody .TextBody_module_body td {
2701
- padding: 8px;
2702
- font-size: var(--font-size-sm);
3679
+ .ResourcesGridList_module_grid {
3680
+ grid-template-columns: repeat(2, 1fr);
2703
3681
  }
2704
3682
  }
2705
- .TextBody_module_textBody .TextBody_module_body tbody tr:first-child {
2706
- background: #dedede;
2707
- font-weight: var(--font-weight-semibold);
2708
- text-align: left;
2709
- }
2710
- .TextBody_module_textBody .TextBody_module_body ol,
2711
- .TextBody_module_textBody .TextBody_module_body ul {
2712
- margin-left: 24px;
2713
- margin-bottom: var(--spacing-xl);
3683
+ .ResourcesGridList_module_list {
3684
+ display: flex;
3685
+ flex-direction: column;
2714
3686
  }
2715
- .TextBody_module_textBody .TextBody_module_body ol li,
2716
- .TextBody_module_textBody .TextBody_module_body ul li {
2717
- margin-bottom: var(--spacing-sm);
2718
- font-size: var(--font-size-md);
2719
- font-weight: var(--font-weight-regular);
2720
- line-height: 1.5;
2721
- color: var(--color-black);
3687
+ .ResourcesGridList_module_cardGrid {
3688
+ width: 100%;
3689
+ border-radius: 8px;
3690
+ overflow: hidden;
3691
+ border: 1px solid var(--grayoutline, #dbdbdb);
3692
+ background: white;
2722
3693
  }
2723
- .TextBody_module_textBody .TextBody_module_body ol ol,
2724
- .TextBody_module_textBody .TextBody_module_body ol ul,
2725
- .TextBody_module_textBody .TextBody_module_body ul ol,
2726
- .TextBody_module_textBody .TextBody_module_body ul ul {
2727
- margin-left: 48px;
2728
- list-style-type: lower-alpha;
3694
+ @media (max-width: 768px) {
3695
+ .ResourcesGridList_module_cardGrid .ResourcesGridList_module_cardBody {
3696
+ height: auto;
3697
+ min-height: 236px;
3698
+ padding: 16px;
3699
+ }
2729
3700
  }
2730
- .TextBody_module_textBody .TextBody_module_body blockquote {
2731
- border-left: 5px solid var(--color-gray);
2732
- padding: 5px 0 1px 30px;
2733
- margin: 15px 0;
2734
- font-size: 1.125em;
2735
- line-height: 1.125em;
3701
+ .ResourcesGridList_module_cardBody {
3702
+ padding: 24px 24px 16px;
3703
+ height: 314px;
3704
+ display: flex;
3705
+ flex-direction: column;
3706
+ justify-content: space-between;
2736
3707
  }
2737
- .TextBody_module_textBody .TextBody_module_body :is(h1, h2, h3, h4, h5, h6, span).align--center {
2738
- text-align: center;
3708
+ .ResourcesGridList_module_cardIconTitle {
3709
+ display: flex;
3710
+ gap: 16px;
3711
+ align-items: flex-start;
3712
+ min-width: 0;
2739
3713
  }
2740
3714
  @media (max-width: 768px) {
2741
- .TextBody_module_textBody .TextBody_module_body :is(h1, h2, h3, h4, h5, h6, span).align--center {
2742
- text-align: justify;
3715
+ .ResourcesGridList_module_cardIconTitle {
3716
+ flex-direction: column;
3717
+ gap: 8px;
3718
+ align-items: flex-start;
2743
3719
  }
2744
3720
  }
2745
- .TextBody_module_textBody .TextBody_module_body p.align--center {
2746
- text-align: center;
2747
- margin-bottom: var(--spacing-lg) !important;
3721
+ .ResourcesGridList_module_cardTitle {
3722
+ flex: 1;
3723
+ min-width: 0;
3724
+ font-weight: 600;
3725
+ font-size: var(--size-body, 16px);
3726
+ line-height: 1.5;
3727
+ overflow-wrap: anywhere;
3728
+ display: -webkit-box;
3729
+ -webkit-line-clamp: 3;
3730
+ -webkit-box-orient: vertical;
3731
+ overflow: hidden;
2748
3732
  }
2749
3733
  @media (max-width: 768px) {
2750
- .TextBody_module_textBody .TextBody_module_body p.align--center {
2751
- text-align: justify;
3734
+ .ResourcesGridList_module_cardTitle {
3735
+ letter-spacing: -0.08px;
2752
3736
  }
2753
3737
  }
2754
- .TextBody_module_textBody .TextBody_module_body table p.align--center {
2755
- margin-bottom: 0 !important;
2756
- text-align: center;
2757
- }
2758
-
2759
- /* src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss */
2760
- .TextCenterCtaInBottom_module_textCenterCta {
2761
- display: block;
2762
- width: 100%;
2763
- background-color: var(--color-white);
2764
- }
2765
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
2766
- display: flex;
2767
- flex-direction: column;
2768
- align-items: center;
2769
- justify-content: center;
2770
- padding: var(--spacing-3xl) var(--spacing-7xl);
2771
- gap: var(--spacing-xl);
2772
- }
2773
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
3738
+ .ResourcesGridList_module_cardMeta {
2774
3739
  display: flex;
2775
- flex-direction: column;
3740
+ justify-content: space-between;
2776
3741
  align-items: center;
2777
- text-align: center;
2778
- max-width: 866px;
2779
- gap: var(--spacing-xl);
2780
3742
  }
2781
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
2782
- font-size: var(--font-size-xl);
2783
- font-weight: 600;
2784
- line-height: var(--line-height-tight-2);
2785
- color: var(--color-black);
2786
- }
2787
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
2788
- font-size: var(--font-size-lg);
3743
+ .ResourcesGridList_module_cardDate {
3744
+ font-size: 14px;
2789
3745
  font-weight: 500;
2790
- line-height: var(--line-height-tight-1);
2791
- color: var(--color-neutral-700);
3746
+ color: #4d4d4d;
3747
+ white-space: nowrap;
2792
3748
  }
2793
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
3749
+ .ResourcesGridList_module_cardList {
3750
+ background: white;
3751
+ padding: 16px 24px;
3752
+ border-bottom: 1px solid var(--grayoutline, #dbdbdb);
2794
3753
  display: flex;
2795
- gap: var(--spacing-md);
3754
+ gap: 32px;
3755
+ align-items: center;
2796
3756
  }
2797
3757
  @media (max-width: 768px) {
2798
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
2799
- display: grid;
2800
- gap: var(--spacing-sm);
3758
+ .ResourcesGridList_module_cardList {
3759
+ flex-direction: column;
3760
+ gap: 16px;
3761
+ padding: 16px 24px;
3762
+ border: 1px solid var(--grayoutline, #dbdbdb);
3763
+ border-radius: 8px;
3764
+ border-bottom: 1px solid var(--grayoutline, #dbdbdb);
3765
+ margin-bottom: 16px;
2801
3766
  }
2802
3767
  }
3768
+ .ResourcesGridList_module_cardListLeft {
3769
+ display: flex;
3770
+ flex-direction: column;
3771
+ gap: 8px;
3772
+ align-items: center;
3773
+ flex-shrink: 0;
3774
+ min-width: 80px;
3775
+ }
2803
3776
  @media (max-width: 768px) {
2804
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper.TextCenterCtaInBottom_module_iconOnly {
2805
- display: flex;
2806
- justify-content: center;
3777
+ .ResourcesGridList_module_cardListLeft {
3778
+ order: 2;
3779
+ flex-direction: row;
3780
+ justify-content: space-between;
3781
+ align-items: center;
3782
+ width: 100%;
2807
3783
  }
2808
3784
  }
2809
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta img {
2810
- height: var(--font-size-xs);
2811
- width: var(--font-size-xs);
3785
+ .ResourcesGridList_module_cardListRight {
3786
+ display: flex;
3787
+ gap: 16px;
3788
+ align-items: flex-start;
3789
+ flex: 1;
3790
+ min-width: 0;
2812
3791
  }
2813
3792
  @media (max-width: 768px) {
2814
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
2815
- padding: var(--spacing-lg) var(--spacing-md);
2816
- gap: var(--spacing-md);
2817
- }
2818
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
2819
- max-width: 343px;
2820
- gap: var(--spacing-md);
2821
- }
2822
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
2823
- font-size: var(--font-size-lg);
2824
- line-height: var(--line-height-tight-3);
2825
- }
2826
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
2827
- font-size: 18px;
2828
- line-height: var(--line-height-normal);
2829
- }
2830
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta {
3793
+ .ResourcesGridList_module_cardListRight {
3794
+ order: 1;
3795
+ flex-direction: column;
3796
+ gap: 8px;
3797
+ align-items: flex-start;
2831
3798
  width: 100%;
3799
+ flex: none;
2832
3800
  }
2833
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_iconOnly .TextCenterCtaInBottom_module_cta {
2834
- width: auto;
2835
- }
3801
+ }
3802
+ .ResourcesGridList_module_notificationDot {
3803
+ width: 16px;
3804
+ height: 16px;
3805
+ border-radius: 50%;
3806
+ background: #c00000;
3807
+ flex-shrink: 0;
3808
+ }
3809
+ .ResourcesGridList_module_iconWrapper {
3810
+ width: 37px;
3811
+ height: 38px;
3812
+ flex-shrink: 0;
3813
+ display: flex;
3814
+ align-items: center;
3815
+ justify-content: center;
3816
+ }
3817
+ .ResourcesGridList_module_pagination {
3818
+ display: flex;
3819
+ gap: 8px;
3820
+ align-items: center;
3821
+ justify-content: center;
3822
+ }
3823
+ .ResourcesGridList_module_pageArrow {
3824
+ width: 44px;
3825
+ height: 44px;
3826
+ border-radius: 50%;
3827
+ background: #ffffff;
3828
+ cursor: pointer;
3829
+ display: flex;
3830
+ align-items: center;
3831
+ justify-content: center;
3832
+ border: none;
3833
+ }
3834
+ .ResourcesGridList_module_pageDotActive {
3835
+ width: 40px;
3836
+ height: 20px;
3837
+ border-radius: 10px;
3838
+ background: #080808;
3839
+ }
3840
+ .ResourcesGridList_module_pageDot {
3841
+ width: 20px;
3842
+ height: 20px;
3843
+ border-radius: 10px;
3844
+ border: 1px solid #cecece;
3845
+ background: white;
2836
3846
  }
2837
3847
  /*# sourceMappingURL=index.css.map */