@digital-b2c/coreui-kit 0.5.6 → 0.7.1

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
@@ -1327,6 +1327,207 @@ a:hover.Card_module_card {
1327
1327
  }
1328
1328
  }
1329
1329
 
1330
+ /* src/widgets/HeroBannerCarousel/HeroBannerCarousel.module.scss */
1331
+ .HeroBannerCarousel_module_heroBannerCarousel {
1332
+ background-color: var(--color-white);
1333
+ padding: 48px 80px;
1334
+ width: 100%;
1335
+ }
1336
+ @media (max-width: 768px) {
1337
+ .HeroBannerCarousel_module_heroBannerCarousel {
1338
+ padding: 24px 16px;
1339
+ }
1340
+ }
1341
+ .HeroBannerCarousel_module_inner {
1342
+ max-width: 1280px;
1343
+ margin: 0 auto;
1344
+ }
1345
+ .HeroBannerCarousel_module_header {
1346
+ margin-bottom: 32px;
1347
+ }
1348
+ @media (max-width: 768px) {
1349
+ .HeroBannerCarousel_module_header {
1350
+ margin-bottom: 24px;
1351
+ }
1352
+ }
1353
+ .HeroBannerCarousel_module_sectionTitle {
1354
+ margin-bottom: 8px;
1355
+ }
1356
+ .HeroBannerCarousel_module_swiperContainer {
1357
+ position: relative;
1358
+ }
1359
+ .HeroBannerCarousel_module_swiperContainer .swiper {
1360
+ overflow: visible;
1361
+ }
1362
+ .HeroBannerCarousel_module_swiperContainer .swiper-slide {
1363
+ width: 1114px;
1364
+ height: 552px;
1365
+ }
1366
+ @media (max-width: 768px) {
1367
+ .HeroBannerCarousel_module_swiperContainer .swiper-slide {
1368
+ width: 100%;
1369
+ height: 656px;
1370
+ }
1371
+ }
1372
+ .HeroBannerCarousel_module_card {
1373
+ position: relative;
1374
+ display: flex;
1375
+ width: 100%;
1376
+ height: 100%;
1377
+ border-radius: 16px;
1378
+ overflow: hidden;
1379
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
1380
+ background-color: var(--color-white);
1381
+ }
1382
+ @media (max-width: 768px) {
1383
+ .HeroBannerCarousel_module_card {
1384
+ flex-direction: column;
1385
+ }
1386
+ }
1387
+ .HeroBannerCarousel_module_cardContent {
1388
+ display: flex;
1389
+ flex-direction: column;
1390
+ justify-content: center;
1391
+ width: 50%;
1392
+ padding: 0 64px;
1393
+ gap: 24px;
1394
+ flex-shrink: 0;
1395
+ }
1396
+ @media (max-width: 768px) {
1397
+ .HeroBannerCarousel_module_cardContent {
1398
+ position: absolute;
1399
+ inset: 0;
1400
+ width: 100%;
1401
+ padding: 52px 24px 24px;
1402
+ justify-content: space-between;
1403
+ z-index: 2;
1404
+ }
1405
+ }
1406
+ .HeroBannerCarousel_module_cardTitle {
1407
+ font-size: 32px;
1408
+ font-weight: 600;
1409
+ line-height: 1.25;
1410
+ color: var(--color-black);
1411
+ }
1412
+ @media (max-width: 768px) {
1413
+ .HeroBannerCarousel_module_cardTitle {
1414
+ color: var(--color-white);
1415
+ }
1416
+ }
1417
+ .HeroBannerCarousel_module_cardBottom {
1418
+ display: flex;
1419
+ flex-direction: column;
1420
+ gap: 24px;
1421
+ }
1422
+ .HeroBannerCarousel_module_cardBody {
1423
+ font-size: 20px;
1424
+ font-weight: 500;
1425
+ line-height: 1.4;
1426
+ opacity: 0.7;
1427
+ color: var(--color-black);
1428
+ }
1429
+ @media (max-width: 768px) {
1430
+ .HeroBannerCarousel_module_cardBody {
1431
+ font-size: 18px;
1432
+ line-height: 1.5;
1433
+ color: var(--color-white);
1434
+ opacity: 0.85;
1435
+ }
1436
+ }
1437
+ .HeroBannerCarousel_module_cardCtaContainer {
1438
+ display: flex;
1439
+ gap: 12px;
1440
+ }
1441
+ @media (max-width: 768px) {
1442
+ .HeroBannerCarousel_module_cardCtaContainer {
1443
+ flex-direction: column;
1444
+ }
1445
+ }
1446
+ .HeroBannerCarousel_module_cardImageWrapper {
1447
+ position: relative;
1448
+ width: 50%;
1449
+ flex-shrink: 0;
1450
+ }
1451
+ @media (max-width: 768px) {
1452
+ .HeroBannerCarousel_module_cardImageWrapper {
1453
+ position: absolute;
1454
+ inset: 0;
1455
+ width: 100%;
1456
+ height: 100%;
1457
+ }
1458
+ .HeroBannerCarousel_module_cardImageWrapper::after {
1459
+ content: "";
1460
+ position: absolute;
1461
+ inset: 0;
1462
+ background-color: rgba(0, 0, 0, 0.48);
1463
+ z-index: 1;
1464
+ }
1465
+ }
1466
+ .HeroBannerCarousel_module_cardImage {
1467
+ width: 100%;
1468
+ height: 100%;
1469
+ object-fit: cover;
1470
+ }
1471
+ .HeroBannerCarousel_module_controls {
1472
+ display: flex;
1473
+ align-items: center;
1474
+ justify-content: center;
1475
+ gap: 16px;
1476
+ margin-top: 32px;
1477
+ }
1478
+ @media (max-width: 768px) {
1479
+ .HeroBannerCarousel_module_controls {
1480
+ margin-top: 24px;
1481
+ }
1482
+ }
1483
+ .HeroBannerCarousel_module_navButton {
1484
+ display: flex;
1485
+ align-items: center;
1486
+ justify-content: center;
1487
+ border: none;
1488
+ background: transparent;
1489
+ cursor: pointer;
1490
+ transition: opacity 0.2s;
1491
+ padding: 0;
1492
+ }
1493
+ .HeroBannerCarousel_module_navButton:disabled {
1494
+ opacity: 0.3;
1495
+ cursor: default;
1496
+ }
1497
+ @media (max-width: 768px) {
1498
+ .HeroBannerCarousel_module_navButton {
1499
+ display: none;
1500
+ }
1501
+ }
1502
+ .HeroBannerCarousel_module_navIcon {
1503
+ width: 32px;
1504
+ height: 32px;
1505
+ }
1506
+ .HeroBannerCarousel_module_pagination {
1507
+ display: flex;
1508
+ align-items: center;
1509
+ gap: 8px;
1510
+ }
1511
+ .HeroBannerCarousel_module_dot {
1512
+ width: 20px;
1513
+ height: 20px;
1514
+ border-radius: 50%;
1515
+ border: 1px solid var(--color-black);
1516
+ background: transparent;
1517
+ cursor: pointer;
1518
+ padding: 0;
1519
+ transition:
1520
+ width 0.3s,
1521
+ border-radius 0.3s,
1522
+ background-color 0.3s;
1523
+ }
1524
+ .HeroBannerCarousel_module_dot.HeroBannerCarousel_module_dotActive {
1525
+ width: 40px;
1526
+ border-radius: 10px;
1527
+ background-color: var(--color-black);
1528
+ border-color: var(--color-black);
1529
+ }
1530
+
1330
1531
  /* src/widgets/MiniBanner/MiniBanner.module.scss */
1331
1532
  .MiniBanner_module_minibanner {
1332
1533
  width: 100%;
@@ -1457,10 +1658,7 @@ a:hover.Card_module_card {
1457
1658
  color: var(--color-white);
1458
1659
  }
1459
1660
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack h2 {
1460
- color: var(--color-white);
1461
- }
1462
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack .subheading {
1463
- color: #cecece;
1661
+ color: var(--color-light-gray-2);
1464
1662
  }
1465
1663
  @media (max-width: 768px) {
1466
1664
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
@@ -1491,6 +1689,22 @@ a:hover.Card_module_card {
1491
1689
  flex-direction: column;
1492
1690
  align-items: center;
1493
1691
  }
1692
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light {
1693
+ background-color: var(--color-white);
1694
+ }
1695
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light h2,
1696
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle {
1697
+ color: var(--color-black);
1698
+ }
1699
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark {
1700
+ background-color: var(--color-black);
1701
+ }
1702
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark h2 {
1703
+ color: var(--color-white);
1704
+ }
1705
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark .MiniSectionCta_module_subtitle {
1706
+ color: var(--color-light-gray-2);
1707
+ }
1494
1708
  @media (max-width: 768px) {
1495
1709
  .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
1496
1710
  width: 100%;
@@ -1745,17 +1959,50 @@ a:hover.Card_module_card {
1745
1959
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
1746
1960
  flex-direction: row-reverse;
1747
1961
  align-items: center;
1962
+ width: 100%;
1963
+ padding-right: 1rem;
1964
+ }
1965
+ @media (max-width: 768px) {
1966
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
1967
+ flex-direction: column;
1968
+ padding-right: 0;
1969
+ }
1748
1970
  }
1749
1971
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
1750
1972
  flex-direction: row-reverse;
1751
1973
  align-items: center;
1752
1974
  gap: 1rem;
1753
- padding: 1rem;
1975
+ width: 100%;
1976
+ justify-content: space-between;
1977
+ }
1978
+ @media (max-width: 768px) {
1979
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
1980
+ flex-direction: column;
1981
+ padding: 0;
1982
+ }
1754
1983
  }
1755
1984
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
1756
1985
  min-width: 346px;
1757
1986
  height: 153px;
1758
1987
  }
1988
+ @media (max-width: 768px) {
1989
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
1990
+ width: 100%;
1991
+ height: 228.61px;
1992
+ }
1993
+ }
1994
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
1995
+ padding: 1rem;
1996
+ }
1997
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content.UpcomingEventCard_module_event-card-show-image {
1998
+ padding-top: 1rem;
1999
+ }
2000
+ @media (max-width: 768px) {
2001
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2002
+ padding: 1rem;
2003
+ padding-top: 0;
2004
+ }
2005
+ }
1759
2006
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta {
1760
2007
  margin-top: auto;
1761
2008
  }
@@ -1771,10 +2018,22 @@ a:hover.Card_module_card {
1771
2018
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
1772
2019
  flex-direction: row;
1773
2020
  }
2021
+ @media (max-width: 768px) {
2022
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
2023
+ flex-direction: column;
2024
+ align-items: flex-start;
2025
+ }
2026
+ }
1774
2027
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
1775
2028
  padding: 0;
1776
2029
  padding-right: 1rem;
1777
2030
  }
2031
+ @media (max-width: 768px) {
2032
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
2033
+ padding: 1rem;
2034
+ padding-top: 0;
2035
+ }
2036
+ }
1778
2037
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical {
1779
2038
  flex-direction: column;
1780
2039
  }
@@ -1793,6 +2052,9 @@ a:hover.Card_module_card {
1793
2052
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta {
1794
2053
  display: none;
1795
2054
  }
2055
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-footer {
2056
+ padding-top: 0;
2057
+ }
1796
2058
 
1797
2059
  /* src/components/Carousel/Carousel.module.scss */
1798
2060
 
@@ -1804,6 +2066,9 @@ a:hover.Card_module_card {
1804
2066
  gap: 12px var(--spacing-md);
1805
2067
  margin-bottom: var(--spacing-xl);
1806
2068
  }
2069
+ .EventList_module_event-list-module .EventList_module_event-list-header-container .EventList_module_event-list-title {
2070
+ color: var(--color-black);
2071
+ }
1807
2072
  .EventList_module_event-list-module .EventList_module_event-list-wrapper {
1808
2073
  display: flex;
1809
2074
  gap: var(--spacing-md);
@@ -1812,16 +2077,30 @@ a:hover.Card_module_card {
1812
2077
  .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical {
1813
2078
  flex-direction: column;
1814
2079
  }
1815
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item {
2080
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item {
1816
2081
  flex: 1;
1817
2082
  }
1818
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-content {
2083
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item .card-content {
1819
2084
  flex: 1;
1820
2085
  }
1821
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-content .card-text-content {
2086
+ .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 {
1822
2087
  flex: 1;
1823
2088
  }
1824
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-content .card-image {
2089
+ .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 {
2090
+ width: 346px;
2091
+ height: auto;
2092
+ max-height: 233px;
2093
+ }
2094
+ .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 {
2095
+ flex: 1;
2096
+ }
2097
+ .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 {
2098
+ flex: 1;
2099
+ }
2100
+ .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 {
2101
+ flex: 1;
2102
+ }
2103
+ .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 {
1825
2104
  width: 346px;
1826
2105
  height: auto;
1827
2106
  max-height: 233px;
@@ -1829,49 +2108,67 @@ a:hover.Card_module_card {
1829
2108
  .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal {
1830
2109
  flex-direction: row;
1831
2110
  }
1832
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item {
2111
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item {
1833
2112
  flex: 1;
1834
2113
  }
1835
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item {
2114
+ .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 {
1836
2115
  justify-content: space-between;
1837
2116
  }
1838
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-image {
2117
+ .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 {
1839
2118
  min-width: auto;
1840
2119
  }
1841
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-text-title {
2120
+ .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 {
1842
2121
  display: -webkit-box;
1843
2122
  -webkit-line-clamp: 2;
1844
2123
  -webkit-box-orient: vertical;
1845
2124
  overflow: hidden;
1846
2125
  }
1847
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-text-description {
2126
+ .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 {
1848
2127
  display: -webkit-box;
1849
2128
  -webkit-line-clamp: 4;
1850
2129
  -webkit-box-orient: vertical;
1851
2130
  overflow: hidden;
1852
2131
  }
1853
- .EventList_module_event-list-module.EventList_module_grey {
1854
- background-color: #f3f3f3;
2132
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item {
2133
+ flex: 1;
2134
+ }
2135
+ .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 {
2136
+ justify-content: space-between;
2137
+ }
2138
+ .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 {
2139
+ min-width: auto;
2140
+ }
2141
+ .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 {
2142
+ display: -webkit-box;
2143
+ -webkit-line-clamp: 2;
2144
+ -webkit-box-orient: vertical;
2145
+ overflow: hidden;
2146
+ }
2147
+ .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 {
2148
+ display: -webkit-box;
2149
+ -webkit-line-clamp: 4;
2150
+ -webkit-box-orient: vertical;
2151
+ overflow: hidden;
1855
2152
  }
1856
- .EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper {
2153
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList {
1857
2154
  display: flex !important;
1858
2155
  align-items: stretch !important;
1859
2156
  }
1860
- .EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item {
2157
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item {
1861
2158
  height: auto !important;
1862
2159
  display: flex !important;
1863
2160
  max-width: 258px !important;
1864
2161
  }
1865
- .EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item .EventList_module_event-card .card-content {
2162
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item .EventList_module_event-card .card-content {
1866
2163
  flex: 1;
1867
2164
  }
1868
- .EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item .EventList_module_event-card .card-content .card-text-title {
2165
+ .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 {
1869
2166
  display: -webkit-box;
1870
2167
  -webkit-line-clamp: 2;
1871
2168
  -webkit-box-orient: vertical;
1872
2169
  overflow: hidden;
1873
2170
  }
1874
- .EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item .EventList_module_event-card .card-content .card-text-description {
2171
+ .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 {
1875
2172
  display: -webkit-box;
1876
2173
  -webkit-line-clamp: 3;
1877
2174
  -webkit-box-orient: vertical;