@digital-b2c/coreui-kit 0.13.6 → 0.14.0

package/dist/index.css

@@ -3591,6 +3591,19 @@ a:hover {
     width: calc(100% - var(--spacing-xl));
   }
 }
+.MiniBanner_module_container {
+  width: 100%;
+  max-width: 100vw;
+  overflow: visible;
+  margin: 0 auto;
+  position: relative;
+  padding: var(--spacing-3xl) var(--spacing-md);
+}
+@media (max-width: 768px) {
+  .MiniBanner_module_container {
+    padding: var(--spacing-lg) var(--spacing-md);
+  }
+}
 
 /* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
 .MiniSectionCta_module_miniSectionCta {
@@ -4861,16 +4874,10 @@ a:hover {
 }
 .TextBody_module_textBody .TextBody_module_body h3,
 .TextBody_module_textBody .TextBody_module_body h4 {
-  font-size: var(--font-size-xl);
+  font-size: var(--font-size-2xl);
   margin-bottom: var(--spacing-lg);
   color: var(--color-black);
 }
-@media (max-width: 768px) {
-  .TextBody_module_textBody .TextBody_module_body h3,
-  .TextBody_module_textBody .TextBody_module_body h4 {
-    font-size: var(--font-size-lg);
-  }
-}
 .TextBody_module_textBody .TextBody_module_body br {
   display: block;
   content: "";
@@ -5517,4 +5524,95 @@ a:hover {
 .GlobalSearchResultsList_module_search-results-list .GlobalSearchResultsList_module_pagination {
   align-self: center;
 }
+
+/* src/widgets/TextCenterWithMedia/TextCenterWithMedia.module.scss */
+.TextCenterWithMedia_module_textCenterWithMedia {
+  width: 100%;
+}
+.TextCenterWithMedia_module_textCenterWithMedia h2 {
+  text-align: center;
+}
+.TextCenterWithMedia_module_thumbnailWrapper {
+  width: 100%;
+  position: relative;
+  margin-top: var(--spacing-xl);
+}
+@media (max-width: 768px) {
+  .TextCenterWithMedia_module_thumbnailWrapper {
+    margin-top: var(--spacing-lg);
+  }
+}
+.TextCenterWithMedia_module_thumbnail {
+  width: 100%;
+  height: auto;
+  display: block;
+}
+.TextCenterWithMedia_module_playButton {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+}
+.TextCenterWithMedia_module_playButton img {
+  display: block;
+}
+.TextCenterWithMedia_module_modal {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin: 0;
+  border: none;
+  padding: 0;
+  width: 90vw;
+  max-width: 1080px;
+  background: transparent;
+  overflow: hidden;
+}
+.TextCenterWithMedia_module_modal::backdrop {
+  background: rgba(0, 0, 0, 0.75);
+}
+@media (max-width: 768px) {
+  .TextCenterWithMedia_module_modal {
+    width: 100vw;
+  }
+}
+.TextCenterWithMedia_module_modalInner {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  padding: var(--spacing-md);
+  background: var(--color-white);
+  border-radius: 16px 16px 0 0;
+  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.25);
+}
+@media (max-width: 768px) {
+  .TextCenterWithMedia_module_modalInner {
+    border-radius: 0;
+  }
+}
+.TextCenterWithMedia_module_modalHeader {
+  display: flex;
+  justify-content: flex-end;
+}
+.TextCenterWithMedia_module_closeButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+}
+.TextCenterWithMedia_module_video {
+  display: block;
+  width: 100%;
+  aspect-ratio: 16/9;
+}
 /*# sourceMappingURL=index.css.map */