@digital-b2c/coreui-kit 0.10.1 → 0.11.0

package/dist/index.css

@@ -55,6 +55,7 @@ html {
   --color-pearlevision-green: #5c9541;
   --color-pearlevision-icontext: #19300e;
   --color-pearlevision-desctext: #47593e;
+  --spacing-xs: 0.25rem;
   --spacing-sm: 0.5rem;
   --spacing-md: 1rem;
   --spacing-lg: 1.5rem;
@@ -83,6 +84,14 @@ html {
   --line-height-tight-3: 1.25;
   --line-height-tight-4: 1.2;
   --line-height-tight-5: 1.17;
+  --rounded-none: 0;
+  --rounded-xs: 2px;
+  --rounded-sm: 4px;
+  --rounded-md: 8px;
+  --rounded-lg: 12px;
+  --rounded-xl: 16px;
+  --rounded-2xl: 24px;
+  --rounded-full: 9999px;
 }
 .sr-only {
   position: absolute;
@@ -158,6 +167,18 @@ h4,
     font-size: 18px;
   }
 }
+h5,
+.h5 {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  h5,
+  .h5 {
+    font-size: 18px;
+  }
+}
 .subheading {
   font-size: 1.25rem;
   font-weight: 500;
@@ -724,6 +745,11 @@ a:hover.Card_module_card {
   white-space: nowrap;
   animation: FilterBar_module_searchExpand 0.25s ease forwards;
 }
+@media (max-width: 768px) {
+  .FilterBar_module_searchExpanded {
+    max-width: calc(100vw - 150px);
+  }
+}
 .FilterBar_module_searchCollapsing {
   animation: FilterBar_module_searchCollapse 0.25s ease forwards;
 }
@@ -808,24 +834,33 @@ a:hover.Card_module_card {
   flex-direction: column;
   gap: 4px;
 }
-.FilterBar_module_searchPanel {
-  position: absolute;
-  top: calc(100% + 6px);
-  right: 0;
-  z-index: 100;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: min(240px, 100vw - 32px);
-  padding: 8px 16px;
-  background: white;
-  border: 1px solid #4d4d4d;
-  border-radius: 16px;
-  box-shadow:
-    0 0 3px rgba(54, 54, 54, 0.1),
-    0 0 6px rgba(54, 54, 54, 0.09),
-    0 0 8px rgba(54, 54, 54, 0.05),
-    0 0 9px rgba(54, 54, 54, 0.01);
+.FilterBar_module_filterFaded {
+  animation: FilterBar_module_filterFadeOut 0.25s ease forwards;
+  pointer-events: none;
+}
+.FilterBar_module_filterFading {
+  animation: FilterBar_module_filterFadeIn 0.25s ease forwards;
+}
+@keyframes FilterBar_module_filterFadeOut {
+  from {
+    opacity: 1;
+    max-width: 120px;
+  }
+  to {
+    opacity: 0;
+    max-width: 0;
+    overflow: hidden;
+  }
+}
+@keyframes FilterBar_module_filterFadeIn {
+  from {
+    opacity: 0;
+    max-width: 0;
+  }
+  to {
+    opacity: 1;
+    max-width: 120px;
+  }
 }
 .FilterBar_module_dropdownOption {
   display: flex;
@@ -845,6 +880,9 @@ a:hover.Card_module_card {
   width: 100%;
   text-align: left;
 }
+.FilterBar_module_dropdownOption:hover:not(.FilterBar_module_selected) {
+  background: var(--neutral-50, #ededed);
+}
 .FilterBar_module_dropdownOption.FilterBar_module_selected {
   background: var(--base-black, #080808);
   color: white;
@@ -924,6 +962,7 @@ a:hover.Card_module_card {
   border: none;
   border-radius: 16px;
   background-color: var(--color-black);
+  color: var(--color-white);
 }
 .Pagination_module_pagination .Pagination_module_page.Pagination_module_number.Pagination_module_active {
   width: 28px;
@@ -1213,135 +1252,550 @@ a:hover.Card_module_card {
   flex-shrink: 0;
 }
 
-/* src/components/LogoBar/LogoBar.module.scss */
-.LogoBar_module_logoBar {
+/* src/components/UpcomingEventCard/UpcomingEventCard.module.scss */
+.UpcomingEventCard_module_event-card {
   display: flex;
-  flex-wrap: nowrap;
-  overflow-x: auto;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--spacing-sm);
-  max-width: 303px;
-}
-.LogoBar_module_logoBar a {
-  position: relative;
-  flex-shrink: 0;
+  border: 1px solid var(--color-extra-light-gray);
+  overflow: hidden;
+  border-radius: 0.5rem;
+  background-color: var(--color-white);
+  flex: 1;
+  height: 100%;
 }
-.LogoBar_module_logoBar a .LogoBar_module_logoWrapper {
-  position: relative;
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content {
   display: flex;
-  align-items: center;
-  justify-content: center;
 }
-.LogoBar_module_logoBar a .LogoBar_module_logoWrapper .LogoBar_module_logo {
-  display: block;
-  object-fit: contain;
-  max-height: 48px;
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
+  object-position: center;
+  object-fit: cover;
 }
-.LogoBar_module_logoBar a .LogoBar_module_logoWrapper .LogoBar_module_logoHover {
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  transition: opacity 0.3s ease-in-out;
-  object-fit: contain;
-  max-height: 48px;
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  height: 100%;
 }
-.LogoBar_module_logoBar a:hover .LogoBar_module_logoHover {
-  opacity: 1;
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
+  line-height: 140%;
+  color: var(--color-black);
+  font-size: var(--font-size-xl);
 }
-
-/* src/widgets/CardCollection/CardCollection.module.scss */
-.CardCollection_module_card-collection {
-  display: block;
-  width: 100%;
-  background-color: var(--color-white);
+@media (max-width: 768px) {
+  .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
+    line-height: 130%;
+    font-size: var(--font-size-lg);
+  }
 }
-.CardCollection_module_card-collection h2 {
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_date {
+  color: var(--color-gray);
+  line-height: 150%;
+  font-size: var(--font-size-sm);
+}
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
   color: var(--color-black);
-  margin-bottom: var(--spacing-sm);
+  line-height: 140%;
+  font-size: var(--font-size-lg);
 }
-.CardCollection_module_card-collection .CardCollection_module_content {
-  margin-bottom: var(--spacing-xl);
+@media (max-width: 768px) {
+  .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
+    line-height: 130%;
+    font-size: 18px;
+  }
 }
-.CardCollection_module_card-collection .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: var(--spacing-md);
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
+  font-size: var(--font-size-md);
+  line-height: 150%;
 }
-.CardCollection_module_card-collection.CardCollection_module_threeCols .CardCollection_module_cardWrapper {
-  grid-template-columns: repeat(3, 1fr);
+@media (max-width: 768px) {
+  .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
+    font-size: var(--font-size-sm);
+    display: -webkit-box;
+    line-clamp: 5;
+    -webkit-line-clamp: 5;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
 }
-.CardCollection_module_card-collection.CardCollection_module_fourCols .CardCollection_module_cardWrapper {
-  grid-template-columns: repeat(4, 1fr);
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer {
+  padding: 1rem;
 }
-.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: stretch;
-  max-height: none;
-  height: 296px;
-  overflow: hidden;
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer button {
+  margin-right: 1rem;
+  min-width: 195px;
 }
-.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_reveal-wrapper {
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
+  flex-direction: row-reverse;
+  align-items: center;
   width: 100%;
-  height: 0;
-  overflow: hidden;
+  padding-right: 1rem;
 }
-.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_reveal-inner {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--spacing-md);
+@media (max-width: 768px) {
+  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
+    flex-direction: column;
+    padding-right: 0;
+  }
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
+  flex-direction: row-reverse;
+  align-items: center;
+  gap: 1rem;
   width: 100%;
+  justify-content: space-between;
 }
-.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_card {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  min-height: 160px;
-  min-width: 258px;
-  flex: 1 1 calc(25% - var(--spacing-md));
-  position: relative;
-  overflow: hidden;
-  border-radius: 12px;
+@media (max-width: 768px) {
+  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
+    flex-direction: column;
+    padding: 0;
+  }
 }
-.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_card:nth-child(n+5):nth-child(-n+8)::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  background:
-    linear-gradient(
-      180deg,
-      rgba(0, 0, 0, 0) 0%,
-      rgb(0, 0, 0) 45%);
-  z-index: 3;
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
+  min-width: 346px;
+  height: 153px;
 }
-.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_card h3,
-.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_card p {
-  position: relative;
-  z-index: 3;
-  color: var(--color-white);
+@media (max-width: 768px) {
+  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
+    width: 100%;
+    height: 228.61px;
+  }
 }
-.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper.CardCollection_module_is-expanded .CardCollection_module_card::after {
-  opacity: 0;
-  transition: opacity 0.3s ease-out;
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
+  padding: 1rem;
 }
-.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_cta {
-  position: absolute;
-  bottom: 32px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 10;
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content.UpcomingEventCard_module_event-card-show-image {
+  padding-top: 1rem;
 }
-@media (max-width: 1024px) {
-  .CardCollection_module_card-collection.CardCollection_module_fourCols .CardCollection_module_cardWrapper {
-    grid-template-columns: 1fr;
+@media (max-width: 768px) {
+  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
+    padding: 1rem;
+    padding-top: 0;
   }
 }
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta {
+  margin-top: auto;
+}
+.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 {
+  display: none;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta.UpcomingEventCard_module_hidden {
+  background-color: red;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-footer.UpcomingEventCard_module_hidden {
+  display: none;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
+  flex-direction: row;
+}
 @media (max-width: 768px) {
-  .CardCollection_module_card-collection {
-    padding: var(--spacing-lg) var(--spacing-md);
+  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
+  padding: 0;
+  padding-right: 1rem;
+}
+@media (max-width: 768px) {
+  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
+    padding: 1rem;
+    padding-top: 0;
+  }
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical {
+  flex-direction: column;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content {
+  flex-direction: column;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
+  height: 228.61px;
+  min-width: 346px;
+  object-position: center;
+  object-fit: cover;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
+  padding: 1rem;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta {
+  display: none;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-footer {
+  padding-top: 0;
+}
+
+/* src/components/Badge/Badge.module.scss */
+.Badge_module_badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-xs);
+  border-radius: var(--rounded-md);
+  line-height: 1;
+  white-space: nowrap;
+  width: fit-content;
+  user-select: none;
+  border: 1px solid var(--color-extra-light-gray);
+}
+.Badge_module_badge.Badge_module_default {
+  background-color: var(--color-white);
+}
+.Badge_module_badge.Badge_module_sm {
+  min-height: 20px;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  font-size: var(--font-size-sm);
+}
+.Badge_module_badge.Badge_module_sm .Badge_module_badge-icon {
+  width: 18px;
+  height: 18px;
+}
+.Badge_module_badge.Badge_module_md {
+  min-height: 28px;
+  padding: 0.375rem 0.75rem;
+  font-size: var(--font-size-md);
+}
+.Badge_module_badge.Badge_module_md .Badge_module_badge-icon {
+  width: 24px;
+  height: 24px;
+}
+.Badge_module_badge.Badge_module_clickable {
+  cursor: pointer;
+  transition: background-color 0.2s ease, transform 0.2s ease;
+}
+.Badge_module_badge.Badge_module_clickable:hover {
+  opacity: 0.9;
+}
+.Badge_module_badge.Badge_module_clickable:focus-visible {
+  outline: 2px solid var(--color-black);
+  outline-offset: 2px;
+}
+.Badge_module_badge.Badge_module_clickable:active {
+  transform: scale(0.98);
+}
+.Badge_module_badge.Badge_module_clickable:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.Badge_module_badge .Badge_module_label {
+  overflow-wrap: anywhere;
+  text-transform: uppercase;
+  color: var(--color-black);
+}
+.Badge_module_badge .Badge_module_icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.Badge_module_badge .Badge_module_iconOnly {
+  aspect-ratio: 1;
+  padding-inline: 0;
+}
+
+/* src/components/Input/Input.module.scss */
+.Input_module_input-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+.Input_module_label {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--color-black);
+}
+.Input_module_required {
+  margin-left: 0.25rem;
+  color: #d92d20;
+}
+.Input_module_wrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  height: 40px;
+  border: 1px solid var(--color-light-gray);
+  border-radius: var(--rounded-xl);
+  background: var(--color-white);
+  padding: var(--spacing-sm) var(--spacing-md);
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.Input_module_wrapper:focus-within {
+  border-color: var(--color-black);
+  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
+}
+.Input_module_input {
+  width: 100%;
+  min-width: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+  font: inherit;
+  color: inherit;
+}
+.Input_module_input::placeholder {
+  color: var(--color-gray);
+}
+.Input_module_input:disabled {
+  cursor: not-allowed;
+}
+.Input_module_adornment {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-gray);
+}
+.Input_module_helper-text {
+  font-size: 0.875rem;
+  color: var(--color-gray);
+}
+.Input_module_error {
+  font-size: 0.875rem;
+  color: #d92d20;
+}
+.Input_module_input-field--error .Input_module_wrapper {
+  border-color: #d92d20;
+}
+.Input_module_input-field--disabled {
+  opacity: 0.6;
+}
+.Input_module_input-field--disabled .Input_module_wrapper {
+  background: #f5f5f5;
+}
+.Input_module_end-action-button {
+  padding: 4px;
+  border-radius: var(--rounded-full);
+}
+
+/* src/components/NewsCard/NewsCard.module.scss */
+.NewsCard_module_news-card {
+  position: relative;
+  display: flex;
+  gap: var(--spacing-md);
+  border: 1px solid var(--color-extra-light-gray);
+  border-radius: var(--rounded-md);
+  background-color: var(--color-white);
+  overflow: hidden;
+  transition: all 0.5s ease;
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-link {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  border-radius: inherit;
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-link:focus-visible {
+  outline: 2px solid var(--color-link);
+  outline-offset: -2px;
+}
+.NewsCard_module_news-card:hover,
+.NewsCard_module_news-card:focus-within {
+  background-color: #fbfbfb;
+}
+.NewsCard_module_news-card:hover .NewsCard_module_news-card-cta,
+.NewsCard_module_news-card:focus-within .NewsCard_module_news-card-cta {
+  background-color: red;
+  transform: translateY(0px) !important;
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-image {
+  object-fit: cover;
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  width: 100%;
+  padding: 0 var(--spacing-md);
+  padding-bottom: var(--spacing-md);
+  padding-top: var(--no-image-padding);
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-content .NewsCard_module_news-card-top-content {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--spacing-xs);
+  align-items: center;
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-content .NewsCard_module_news-card-top-content .NewsCard_module_news-card-badge {
+  background-color: #fafafa;
+  padding: 5.5px 1rem;
+  font-size: var(--font-size-sm);
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-content .NewsCard_module_news-card-top-content .NewsCard_module_news-card-date {
+  color: var(--color-gray);
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-content .NewsCard_module_news-card-main-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-content .NewsCard_module_news-card-main-content .NewsCard_module_news-card-title {
+  font-size: var(--font-size-lg);
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-content .NewsCard_module_news-card-main-content .NewsCard_module_news-card-description,
+.NewsCard_module_news-card .NewsCard_module_news-card-content .NewsCard_module_news-card-main-content p {
+  color: var(--color-gray);
+  font-size: var(--font-size-md);
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-cta-wrapper {
+  position: relative;
+  z-index: 2;
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-cta-wrapper .NewsCard_module_news-card-cta {
+  border: 0;
+  padding: 0;
+  border-radius: 0;
+  background-color: transparent;
+  transition: transform 0.5s ease, background-color 0.5s ease;
+  transform: translateY(35px);
+}
+.NewsCard_module_news-card .NewsCard_module_news-card-cta-wrapper .NewsCard_module_news-card-cta:hover {
+  border-bottom: 1px solid var(--color-black);
+}
+.NewsCard_module_news-card--vertical {
+  min-height: 493px;
+  flex-direction: column;
+}
+.NewsCard_module_news-card--vertical .NewsCard_module_news-card-content .NewsCard_module_news-card-top-content {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--spacing-xs);
+  align-items: center;
+}
+.NewsCard_module_news-card--vertical .NewsCard_module_news-card-content .NewsCard_module_news-card-top-content .NewsCard_module_news-card-badge {
+  background-color: #fafafa;
+  padding: 5.5px 1rem;
+  font-size: var(--font-size-sm);
+}
+.NewsCard_module_news-card--vertical .NewsCard_module_news-card-content .NewsCard_module_news-card-top-content .NewsCard_module_news-card-date {
+  color: var(--color-gray);
+}
+.NewsCard_module_news-card--horizontal {
+  padding: var(--spacing-md);
+  flex-direction: row-reverse;
+  align-items: center;
+}
+.NewsCard_module_news-card--horizontal .NewsCard_module_news-card-image {
+  height: 122px;
+}
+.NewsCard_module_news-card--horizontal .NewsCard_module_news-card-content {
+  padding: 0;
+  width: 100%;
+}
+@media (max-width: 768px) {
+  .NewsCard_module_news-card {
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 0;
+    min-height: 0;
+  }
+  .NewsCard_module_news-card .NewsCard_module_news-card-image {
+    object-fit: cover;
+    height: auto;
+    width: 100%;
+  }
+  .NewsCard_module_news-card .NewsCard_module_news-card-content {
+    padding: 0 var(--spacing-md);
+    padding-bottom: var(--spacing-md);
+  }
+  .NewsCard_module_news-card .NewsCard_module_news-card-cta-wrapper {
+    display: none;
+  }
+}
+
+/* src/widgets/CardCollection/CardCollection.module.scss */
+.CardCollection_module_card-collection {
+  display: block;
+  width: 100%;
+  background-color: var(--color-white);
+}
+.CardCollection_module_card-collection h2 {
+  color: var(--color-black);
+  margin-bottom: var(--spacing-sm);
+}
+.CardCollection_module_card-collection .CardCollection_module_content {
+  margin-bottom: var(--spacing-xl);
+}
+.CardCollection_module_card-collection .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: var(--spacing-md);
+}
+.CardCollection_module_card-collection.CardCollection_module_threeCols .CardCollection_module_cardWrapper {
+  grid-template-columns: repeat(3, 1fr);
+}
+.CardCollection_module_card-collection.CardCollection_module_fourCols .CardCollection_module_cardWrapper {
+  grid-template-columns: repeat(4, 1fr);
+}
+.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  max-height: none;
+  height: 296px;
+  overflow: hidden;
+}
+.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_reveal-wrapper {
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+}
+.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_reveal-inner {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-md);
+  width: 100%;
+}
+.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_card {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  min-height: 160px;
+  min-width: 258px;
+  flex: 1 1 calc(25% - var(--spacing-md));
+  position: relative;
+  overflow: hidden;
+  border-radius: 12px;
+}
+.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_card:nth-child(n+5):nth-child(-n+8)::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background:
+    linear-gradient(
+      180deg,
+      rgba(0, 0, 0, 0) 0%,
+      rgb(0, 0, 0) 45%);
+  z-index: 3;
+}
+.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_card h3,
+.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_card p {
+  position: relative;
+  z-index: 3;
+  color: var(--color-white);
+}
+.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper.CardCollection_module_is-expanded .CardCollection_module_card::after {
+  opacity: 0;
+  transition: opacity 0.3s ease-out;
+}
+.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper .CardCollection_module_cta {
+  position: absolute;
+  bottom: 32px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+@media (max-width: 1024px) {
+  .CardCollection_module_card-collection.CardCollection_module_fourCols .CardCollection_module_cardWrapper {
+    grid-template-columns: 1fr;
+  }
+}
+@media (max-width: 768px) {
+  .CardCollection_module_card-collection {
+    padding: var(--spacing-lg) var(--spacing-md);
   }
   .CardCollection_module_card-collection .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
     grid-template-columns: 1fr;
@@ -1695,6 +2149,43 @@ a:hover.Card_module_card {
   text-decoration: underline;
 }
 
+/* src/components/LogoBar/LogoBar.module.scss */
+.LogoBar_module_logoBar {
+  display: flex;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-sm);
+  max-width: 303px;
+}
+.LogoBar_module_logoBar a {
+  position: relative;
+  flex-shrink: 0;
+}
+.LogoBar_module_logoBar a .LogoBar_module_logoWrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.LogoBar_module_logoBar a .LogoBar_module_logoWrapper .LogoBar_module_logo {
+  display: block;
+  object-fit: contain;
+  max-height: 48px;
+}
+.LogoBar_module_logoBar a .LogoBar_module_logoWrapper .LogoBar_module_logoHover {
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  transition: opacity 0.3s ease-in-out;
+  object-fit: contain;
+  max-height: 48px;
+}
+.LogoBar_module_logoBar a:hover .LogoBar_module_logoHover {
+  opacity: 1;
+}
+
 /* src/widgets/HeroBanner/HeroBanner.module.scss */
 .HeroBanner_module_heroBanner {
   width: 100%;
@@ -2148,6 +2639,18 @@ h4,
     font-size: 18px;
   }
 }
+h5,
+.Accordion_module_h5 {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  h5,
+  .Accordion_module_h5 {
+    font-size: 18px;
+  }
+}
 .Accordion_module_subheading {
   font-size: 1.25rem;
   font-weight: 500;
@@ -2302,6 +2805,18 @@ h4,
     font-size: 18px;
   }
 }
+h5,
+.InternalBrandsTab_module_h5 {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  h5,
+  .InternalBrandsTab_module_h5 {
+    font-size: 18px;
+  }
+}
 .InternalBrandsTab_module_subheading,
 .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_textsContainer .InternalBrandsTab_module_subTitle > *,
 .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentTitle,
@@ -2873,224 +3388,56 @@ a:hover {
 .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_left .Teaser5050WithCta_module_container {
   flex-direction: row-reverse;
 }
-.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-md);
-  padding: 0 var(--spacing-5xl);
-  width: 50%;
-}
-.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_title {
-  color: var(--color-black);
-}
-.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
-  width: 50%;
-  border-radius: 16px;
-}
-.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta img {
-  height: var(--font-size-xs);
-  width: var(--font-size-xs);
-}
-@media (max-width: 768px) {
-  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
-    flex-direction: column-reverse;
-    gap: var(--spacing-xl);
-  }
-  .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_left .Teaser5050WithCta_module_container {
-    flex-direction: column-reverse;
-  }
-  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper,
-  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
-    width: 100%;
-    padding: 0;
-  }
-  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta {
-    width: 100%;
-  }
-}
-.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
-  display: flex;
-  gap: var(--spacing-md);
-}
-@media (max-width: 768px) {
-  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
-    display: grid;
-    gap: var(--spacing-sm);
-  }
-}
-
-/* src/components/UpcomingEventCard/UpcomingEventCard.module.scss */
-.UpcomingEventCard_module_event-card {
-  display: flex;
-  border: 1px solid var(--color-extra-light-gray);
-  overflow: hidden;
-  border-radius: 0.5rem;
-  background-color: var(--color-white);
-  flex: 1;
-  height: 100%;
-}
-.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content {
-  display: flex;
-}
-.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
-  object-position: center;
-  object-fit: cover;
-}
-.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  height: 100%;
-}
-.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
-  line-height: 140%;
-  color: var(--color-black);
-  font-size: var(--font-size-xl);
-}
-@media (max-width: 768px) {
-  .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
-    line-height: 130%;
-    font-size: var(--font-size-lg);
-  }
-}
-.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_date {
-  color: var(--color-gray);
-  line-height: 150%;
-  font-size: var(--font-size-sm);
-}
-.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
-  color: var(--color-black);
-  line-height: 140%;
-  font-size: var(--font-size-lg);
-}
-@media (max-width: 768px) {
-  .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
-    line-height: 130%;
-    font-size: 18px;
-  }
-}
-.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
-  font-size: var(--font-size-md);
-  line-height: 150%;
-}
-@media (max-width: 768px) {
-  .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
-    font-size: var(--font-size-sm);
-    display: -webkit-box;
-    line-clamp: 5;
-    -webkit-line-clamp: 5;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-  }
-}
-.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer {
-  padding: 1rem;
-}
-.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer button {
-  margin-right: 1rem;
-  min-width: 195px;
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
-  flex-direction: row-reverse;
-  align-items: center;
-  width: 100%;
-  padding-right: 1rem;
-}
-@media (max-width: 768px) {
-  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
-    flex-direction: column;
-    padding-right: 0;
-  }
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
-  flex-direction: row-reverse;
-  align-items: center;
-  gap: 1rem;
-  width: 100%;
-  justify-content: space-between;
-}
-@media (max-width: 768px) {
-  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
-    flex-direction: column;
-    padding: 0;
-  }
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
-  min-width: 346px;
-  height: 153px;
-}
-@media (max-width: 768px) {
-  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
-    width: 100%;
-    height: 228.61px;
-  }
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
-  padding: 1rem;
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content.UpcomingEventCard_module_event-card-show-image {
-  padding-top: 1rem;
-}
-@media (max-width: 768px) {
-  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
-    padding: 1rem;
-    padding-top: 0;
-  }
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta {
-  margin-top: auto;
-}
-.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 {
-  display: none;
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta.UpcomingEventCard_module_hidden {
-  background-color: red;
+.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  padding: 0 var(--spacing-5xl);
+  width: 50%;
 }
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-footer.UpcomingEventCard_module_hidden {
-  display: none;
+.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_title {
+  color: var(--color-black);
 }
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
-  flex-direction: row;
+.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
+  width: 50%;
+  border-radius: 16px;
+}
+.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta img {
+  height: var(--font-size-xs);
+  width: var(--font-size-xs);
 }
 @media (max-width: 768px) {
-  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
-    flex-direction: column;
-    align-items: flex-start;
+  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
+    flex-direction: column-reverse;
+    gap: var(--spacing-xl);
+  }
+  .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_left .Teaser5050WithCta_module_container {
+    flex-direction: column-reverse;
+  }
+  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper,
+  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
+    width: 100%;
+    padding: 0;
+  }
+  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta {
+    width: 100%;
   }
 }
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
-  padding: 0;
-  padding-right: 1rem;
+.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
+  display: flex;
+  gap: var(--spacing-md);
 }
 @media (max-width: 768px) {
-  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
-    padding: 1rem;
-    padding-top: 0;
+  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
+    display: grid;
+    gap: var(--spacing-sm);
   }
 }
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical {
-  flex-direction: column;
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content {
-  flex-direction: column;
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
-  height: 228.61px;
-  min-width: 346px;
-  object-position: center;
-  object-fit: cover;
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
-  padding: 1rem;
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta {
-  display: none;
-}
-.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-footer {
-  padding-top: 0;
-}
 
 /* src/components/Carousel/Carousel.module.scss */
+.Carousel_module_carousel {
+  margin: 0;
+}
 
 /* src/widgets/EventList/EventList.module.scss */
 .EventList_module_event-list-module .EventList_module_event-list-header-container {
@@ -3268,6 +3615,18 @@ h4,
     font-size: 18px;
   }
 }
+h5,
+.TextEvent_module_h5 {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  h5,
+  .TextEvent_module_h5 {
+    font-size: 18px;
+  }
+}
 .TextEvent_module_subheading,
 .TextEvent_module_textEvent .TextEvent_module_richText p,
 .TextEvent_module_textEvent .TextEvent_module_richText h3,
@@ -3536,6 +3895,18 @@ h4,
     font-size: 18px;
   }
 }
+h5,
+.TextBody_module_h5 {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  h5,
+  .TextBody_module_h5 {
+    font-size: 18px;
+  }
+}
 .TextBody_module_subheading,
 .TextBody_module_textBody .TextBody_module_body h3,
 .TextBody_module_textBody .TextBody_module_body h4 {
@@ -3944,4 +4315,268 @@ a:hover {
   background: #c00000;
   flex-shrink: 0;
 }
+
+/* src/components/Grid/Grid.module.scss */
+.Grid_module_grid {
+  display: grid;
+  width: 100%;
+  grid-template-columns: repeat(var(--grid-columns, 3), minmax(0, 1fr));
+  gap: var(--grid-gap, 1rem);
+}
+.Grid_module_grid .Grid_module_grid-item {
+  min-width: 0;
+  grid-column: span var(--col-xl, 1);
+}
+@media (max-width: 1024px) {
+  .Grid_module_grid .Grid_module_grid-item {
+    grid-column: span var(--col-lg, var(--col-xl, 1));
+  }
+}
+@media (max-width: 768px) {
+  .Grid_module_grid .Grid_module_grid-item {
+    grid-column: span var(--col-md, 12);
+  }
+}
+@media (max-width: 425px) {
+  .Grid_module_grid .Grid_module_grid-item {
+    grid-column: span var(--col-ml, var(--col-md, 12));
+  }
+}
+@media (max-width: 375px) {
+  .Grid_module_grid .Grid_module_grid-item {
+    grid-column: span var(--col-mm, var(--col-ml, var(--col-md, 12)));
+  }
+}
+@media (max-width: 320px) {
+  .Grid_module_grid .Grid_module_grid-item {
+    grid-column: span var(--col-xs, var(--col-mm, var(--col-ml, var(--col-md, 12))));
+  }
+}
+
+/* src/widgets/BlogCardGrid/BlogCardGrid.module.scss */
+.BlogCardGrid_module_blog-card-grid h4 {
+  color: var(--color-black);
+  font-weight: 500;
+}
+.BlogCardGrid_module_blog-card-grid .BlogCardGrid_module_wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+}
+
+/* src/widgets/FeaturedNewsHighlights/FeaturedNewsHighlights.module.scss */
+.FeaturedNewsHighlights_module_featured-news-higlights {
+  background-color: #f3f3f3;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights h2 {
+  color: var(--color-black);
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl);
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_header-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-xs);
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_content-wrapper {
+  display: grid;
+  grid-template-columns: 2fr 1fr;
+  gap: var(--spacing-lg);
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_featured-card {
+  max-width: 747px;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_featured-card .news-card-content {
+  flex: 1;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_featured-card .news-card-main-content {
+  flex: 1;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_side-content {
+  min-width: 510px;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-lg);
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_side-content .news-card-title {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_side-content .news-card-description {
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_side-content .news-card-main-content {
+  min-height: 81.97px;
+}
+@media (max-width: 768px) {
+  .FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_content-wrapper {
+    grid-template-columns: 1fr;
+  }
+  .FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_featured-card {
+    min-width: 0;
+  }
+  .FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_featured-card .news-card-title {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+  .FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_featured-card .news-card-description {
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+  .FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_side-content {
+    min-width: 0;
+    gap: var(--spacing-md);
+  }
+  .FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_wrapper .FeaturedNewsHighlights_module_side-content .news-card-description {
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_carousel {
+  margin: 0;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_carousel .FeaturedNewsHighlights_module_carousel-wrapper {
+  display: flex !important;
+  align-items: stretch !important;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_carousel .FeaturedNewsHighlights_module_carousel-wrapper .FeaturedNewsHighlights_module_carousel-list-item {
+  max-width: 258px;
+  height: auto !important;
+  display: flex !important;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_carousel .FeaturedNewsHighlights_module_carousel-wrapper .FeaturedNewsHighlights_module_carousel-news-card .news-card-content {
+  flex: 1;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_carousel .FeaturedNewsHighlights_module_carousel-wrapper .FeaturedNewsHighlights_module_carousel-news-card .news-card-main-content {
+  flex: 1;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_carousel .FeaturedNewsHighlights_module_carousel-wrapper .FeaturedNewsHighlights_module_carousel-news-card .news-card-main-content .news-card-title {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.FeaturedNewsHighlights_module_featured-news-higlights .FeaturedNewsHighlights_module_carousel .FeaturedNewsHighlights_module_carousel-wrapper .FeaturedNewsHighlights_module_carousel-news-card .news-card-main-content .news-card-description {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+/* src/widgets/NewsCardList/NewsCardList.module.scss */
+.NewsCardList_module_news-card-list .NewsCardList_module_container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl);
+}
+.NewsCardList_module_news-card-list .NewsCardList_module_wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+}
+.NewsCardList_module_news-card-list .NewsCardList_module_search-input {
+  align-self: flex-end;
+}
+.NewsCardList_module_news-card-list .NewsCardList_module_search-input .NewsCardList_module_end-action-button {
+  padding: 4px;
+  border-radius: var(--rounded-full);
+}
+.NewsCardList_module_news-card-list .NewsCardList_module_pagination {
+  align-self: center;
+}
+
+/* src/widgets/BlogPost/BlogPost.module.scss */
+.BlogPost_module_blog-post .BlogPost_module_container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl);
+}
+.BlogPost_module_blog-post .BlogPost_module_header {
+  max-width: 1024px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  border-bottom: 1px solid var(--color-black);
+  padding-top: var(--spacing-3xl);
+}
+.BlogPost_module_blog-post .BlogPost_module_header h1 {
+  color: var(--color-black);
+  text-align: left;
+}
+.BlogPost_module_blog-post .BlogPost_module_header .BlogPost_module_image {
+  object-fit: cover;
+  width: 100%;
+}
+.BlogPost_module_blog-post .BlogPost_module_content {
+  min-width: 700px;
+  max-width: 700px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl);
+}
+.BlogPost_module_blog-post .BlogPost_module_content .BlogPost_module_content-top {
+  display: flex;
+  gap: var(--spacing-xs);
+  align-items: center;
+  justify-content: space-between;
+}
+.BlogPost_module_blog-post .BlogPost_module_related-articles .title {
+  text-transform: uppercase;
+}
+@media (max-width: 768px) {
+  .BlogPost_module_blog-post .BlogPost_module_content {
+    min-width: 0;
+    width: 100%;
+  }
+}
+
+/* src/widgets/BlogSearchResultsList/BlogSearchResultsList.module.scss */
+.BlogSearchResultsList_module_search-results-list .BlogSearchResultsList_module_container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl);
+}
+@media (max-width: 768px) {
+  .BlogSearchResultsList_module_search-results-list .BlogSearchResultsList_module_container {
+    gap: var(--spacing-lg);
+  }
+}
+.BlogSearchResultsList_module_search-results-list .BlogSearchResultsList_module_search-result {
+  color: var(--color-black);
+  font-size: var(--font-size-xl);
+}
+@media (max-width: 768px) {
+  .BlogSearchResultsList_module_search-results-list .BlogSearchResultsList_module_search-result {
+    font-size: 18px;
+  }
+}
+.BlogSearchResultsList_module_search-results-list .BlogSearchResultsList_module_wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+}
+.BlogSearchResultsList_module_search-results-list .BlogSearchResultsList_module_search-input {
+  align-self: flex-end;
+}
+.BlogSearchResultsList_module_search-results-list .BlogSearchResultsList_module_search-input .BlogSearchResultsList_module_end-action-button {
+  padding: 4px;
+  border-radius: var(--rounded-full);
+}
 /*# sourceMappingURL=index.css.map */