@digital-b2c/coreui-kit 0.24.0 → 0.24.1

package/dist/index.css

@@ -5550,14 +5550,14 @@ a:hover {
 }
 .Media5050Left_module_media5050 .Media5050Left_module_container {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: 675fr 581fr;
+  gap: 24px;
   align-items: stretch;
 }
 .Media5050Left_module_media5050 .Media5050Left_module_content {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-md);
-  padding-left: var(--spacing-lg);
 }
 @media (max-width: 768px) {
   .Media5050Left_module_media5050 .Media5050Left_module_content {
@@ -5578,8 +5578,9 @@ a:hover {
 }
 .Media5050Left_module_media5050 .Media5050Left_module_longText br {
   display: block;
-  content: "";
-  margin-top: 16px;
+  height: 16px;
+  margin: 0;
+  line-height: 0;
 }
 @media (max-width: 768px) {
   .Media5050Left_module_media5050 .Media5050Left_module_longText ol,
@@ -5602,6 +5603,9 @@ a:hover {
 }
 .Media5050Left_module_media5050 .Media5050Left_module_ctaWrapper {
   margin-top: calc(28px - var(--spacing-md));
+  width: fit-content;
+  max-width: none;
+  overflow-x: visible;
 }
 @media (max-width: 768px) {
   .Media5050Left_module_media5050 .Media5050Left_module_ctaWrapper {
@@ -7816,373 +7820,4 @@ a:hover {
 .TimelineCards_module_timeline-cards .TimelineCards_module_timeline-cards-text {
   color: var(--color-black);
 }
-
-/* src/components/PodcastCard/PodcastCard.module.scss */
-html,
-body {
-  font-family: "Instrument Sans", sans-serif;
-  font-size: 1rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: #4d4d4d;
-}
-h1,
-.PodcastCard_module_h1 {
-  font-size: 3rem;
-  font-weight: 600;
-  line-height: 1.17;
-}
-@media (max-width: 768px) {
-  h1,
-  .PodcastCard_module_h1 {
-    font-size: 2rem;
-  }
-}
-h2,
-.PodcastCard_module_h2 {
-  font-size: 2.5rem;
-  font-weight: 600;
-  line-height: 1.2;
-}
-@media (max-width: 768px) {
-  h2,
-  .PodcastCard_module_h2 {
-    font-size: 1.5rem;
-  }
-}
-h3,
-.PodcastCard_module_h3 {
-  font-size: 2rem;
-  font-weight: 600;
-  line-height: 1.25;
-}
-@media (max-width: 768px) {
-  h3,
-  .PodcastCard_module_h3 {
-    font-size: 1.25rem;
-  }
-}
-h4,
-.PodcastCard_module_h4 {
-  font-size: 1.5rem;
-  font-weight: 600;
-  line-height: 1.33;
-}
-@media (max-width: 768px) {
-  h4,
-  .PodcastCard_module_h4 {
-    font-size: 18px;
-  }
-}
-h5,
-.PodcastCard_module_h5 {
-  font-size: 1.25rem;
-  font-weight: 500;
-  line-height: 1.4;
-}
-@media (max-width: 768px) {
-  h5,
-  .PodcastCard_module_h5 {
-    font-size: 18px;
-  }
-}
-.PodcastCard_module_subheading,
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_main-content .PodcastCard_module_title {
-  font-size: 1.25rem;
-  font-weight: 500;
-  line-height: 1.4;
-}
-@media (max-width: 768px) {
-  .PodcastCard_module_subheading,
-  .PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_main-content .PodcastCard_module_title {
-    font-size: 18px;
-  }
-}
-.PodcastCard_module_subheading strong,
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_main-content .PodcastCard_module_title strong {
-  font-weight: 500;
-  color: #000000;
-}
-.PodcastCard_module_body,
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_top-content .PodcastCard_module_badge,
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_top-content .PodcastCard_module_date,
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_main-content .PodcastCard_module_description,
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-label {
-  font-size: 1rem;
-  font-weight: 500;
-  line-height: 1.5;
-}
-small,
-.PodcastCard_module_small {
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1.5;
-}
-.PodcastCard_module_smallest {
-  font-size: 0.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-}
-a {
-  color: var(--color-link);
-  text-decoration: none;
-  cursor: pointer;
-}
-a:hover {
-  text-decoration: underline;
-}
-.PodcastCard_module_podcast-card {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: var(--spacing-xl);
-  border-radius: var(--rounded-md);
-  border: 1px solid var(--color-extra-light-gray);
-  min-height: 458px;
-  height: 100%;
-}
-@media (max-width: 768px) {
-  .PodcastCard_module_podcast-card {
-    min-height: 0;
-    gap: var(--spacing-5xl);
-    padding: 20px;
-  }
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-md);
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_top-content {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_top-content .PodcastCard_module_badge {
-  color: var(--color-black);
-  background-color: var(--color-gray-50);
-  padding: var(--spacing-xs) var(--spacing-md);
-  font-weight: var(--font-weight-regular);
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_top-content .PodcastCard_module_date {
-  color: var(--color-black);
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_main-content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-md);
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_main-content .PodcastCard_module_title {
-  font-weight: var(--font-weight-bold);
-  color: var(--color-black);
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_main-content .PodcastCard_module_description {
-  display: -webkit-box;
-  -webkit-line-clamp: 4;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-@media (max-width: 768px) {
-  .PodcastCard_module_podcast-card .PodcastCard_module_content-wrapper .PodcastCard_module_main-content .PodcastCard_module_description {
-    display: block;
-    -webkit-line-clamp: unset;
-    -webkit-box-orient: unset;
-    overflow: visible;
-  }
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper {
-  display: flex;
-  flex-direction: column;
-  background-color: var(--color-white);
-  border-radius: var(--rounded-md);
-  border: 1px solid var(--color-extra-light-gray);
-  padding: 18px 8px;
-  transition: all 0.5s ease;
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper:focus-within .PodcastCard_module_cta-icons,
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper:hover .PodcastCard_module_cta-icons {
-  opacity: 1;
-  max-height: 100px;
-  transform: translateY(0);
-  pointer-events: auto;
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper:focus-within .PodcastCard_module_cta-label,
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper:hover .PodcastCard_module_cta-label {
-  margin-bottom: var(--spacing-xl);
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-label {
-  text-align: center;
-  color: var(--color-black);
-  transition: margin 0.5s ease;
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-icons {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10.5px;
-  flex-wrap: wrap;
-  opacity: 0;
-  max-height: 0;
-  transform: translateY(-5px);
-  pointer-events: none;
-  transition:
-    opacity 0.3s ease,
-    max-height 0.5s ease,
-    transform 0.3s ease;
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-icons .PodcastCard_module_cta-icon {
-  position: relative;
-  display: inline-flex;
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-icons .PodcastCard_module_cta-icon .PodcastCard_module_icon-default,
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-icons .PodcastCard_module_cta-icon .PodcastCard_module_icon-active {
-  display: block;
-  transition: opacity 0.2s ease;
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-icons .PodcastCard_module_cta-icon .PodcastCard_module_icon-active {
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-icons .PodcastCard_module_cta-icon:hover .PodcastCard_module_icon-default,
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-icons .PodcastCard_module_cta-icon:focus-visible .PodcastCard_module_icon-default {
-  opacity: 0;
-}
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-icons .PodcastCard_module_cta-icon:hover .PodcastCard_module_icon-active,
-.PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-icons .PodcastCard_module_cta-icon:focus-visible .PodcastCard_module_icon-active {
-  opacity: 1;
-}
-@media (max-width: 768px) {
-  .PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper {
-    border: none;
-    padding: 0;
-    background-color: transparent;
-    cursor: default;
-  }
-  .PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-label {
-    display: none;
-  }
-  .PodcastCard_module_podcast-card .PodcastCard_module_cta-wrapper .PodcastCard_module_cta-icons {
-    opacity: 1;
-    max-height: none;
-    transform: none;
-    pointer-events: auto;
-  }
-}
-
-/* src/widgets/PodcastGridCards/PodcastGridCards.module.scss */
-html,
-body {
-  font-family: "Instrument Sans", sans-serif;
-  font-size: 1rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: #4d4d4d;
-}
-h1,
-.PodcastGridCards_module_h1 {
-  font-size: 3rem;
-  font-weight: 600;
-  line-height: 1.17;
-}
-@media (max-width: 768px) {
-  h1,
-  .PodcastGridCards_module_h1 {
-    font-size: 2rem;
-  }
-}
-h2,
-.PodcastGridCards_module_h2 {
-  font-size: 2.5rem;
-  font-weight: 600;
-  line-height: 1.2;
-}
-@media (max-width: 768px) {
-  h2,
-  .PodcastGridCards_module_h2 {
-    font-size: 1.5rem;
-  }
-}
-h3,
-.PodcastGridCards_module_h3 {
-  font-size: 2rem;
-  font-weight: 600;
-  line-height: 1.25;
-}
-@media (max-width: 768px) {
-  h3,
-  .PodcastGridCards_module_h3 {
-    font-size: 1.25rem;
-  }
-}
-h4,
-.PodcastGridCards_module_h4 {
-  font-size: 1.5rem;
-  font-weight: 600;
-  line-height: 1.33;
-}
-@media (max-width: 768px) {
-  h4,
-  .PodcastGridCards_module_h4 {
-    font-size: 18px;
-  }
-}
-h5,
-.PodcastGridCards_module_h5 {
-  font-size: 1.25rem;
-  font-weight: 500;
-  line-height: 1.4;
-}
-@media (max-width: 768px) {
-  h5,
-  .PodcastGridCards_module_h5 {
-    font-size: 18px;
-  }
-}
-.PodcastGridCards_module_subheading {
-  font-size: 1.25rem;
-  font-weight: 500;
-  line-height: 1.4;
-}
-@media (max-width: 768px) {
-  .PodcastGridCards_module_subheading {
-    font-size: 18px;
-  }
-}
-.PodcastGridCards_module_subheading strong {
-  font-weight: 500;
-  color: #000000;
-}
-.PodcastGridCards_module_body {
-  font-size: 1rem;
-  font-weight: 500;
-  line-height: 1.5;
-}
-small,
-.PodcastGridCards_module_small {
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1.5;
-}
-.PodcastGridCards_module_smallest {
-  font-size: 0.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-}
-a {
-  color: var(--color-link);
-  text-decoration: none;
-  cursor: pointer;
-}
-a:hover {
-  text-decoration: underline;
-}
-.PodcastGridCards_module_podcast-grid-cards .PodcastGridCards_module_container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-xl);
-}
-.PodcastGridCards_module_podcast-grid-cards .PodcastGridCards_module_title {
-  color: var(--color-black);
-}
 /*# sourceMappingURL=index.css.map */