npm - @designcrowd/library.brand-page - Versions diffs - 5.17.28 → 5.18.0 - Mend

@designcrowd/library.brand-page 5.17.28 → 5.18.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.

Files changed (380) hide show

package/lib/src/css/library.brand-page-designCom.min.css CHANGED Viewed

@@ -413,6 +413,10 @@ a:not(.tw-lowercase) {
 .tw-m-auto {
     margin: auto
 }
+.tw--mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem
+}
 .tw-mx-0 {
     margin-left: 0px;
     margin-right: 0px
@@ -844,18 +848,12 @@ a:not(.tw-lowercase) {
 .tw-h-svh {
     height: 100svh
 }
-.tw-max-h-10 {
-    max-height: 2.5rem
-}
 .tw-max-h-36 {
     max-height: 9rem
 }
 .tw-max-h-56 {
     max-height: 14rem
 }
-.tw-max-h-64 {
-    max-height: 16rem
-}
 .tw-max-h-72 {
     max-height: 18rem
 }
@@ -1376,11 +1374,6 @@ a:not(.tw-lowercase) {
     -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
             transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
-.tw--translate-x-1\/2 {
-    --tw-translate-x: -50%;
-    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
 .tw--translate-x-2 {
     --tw-translate-x: -0.5rem;
     -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2267,10 +2260,6 @@ a:not(.tw-lowercase) {
     --tw-border-opacity: 1;
     border-color: rgb(182 58 42 / var(--tw-border-opacity))
 }
-.tw-border-error-700 {
-    --tw-border-opacity: 1;
-    border-color: rgb(136 44 32 / var(--tw-border-opacity))
-}
 .tw-border-grayscale-100 {
     --tw-border-opacity: 1;
     border-color: rgb(250 250 250 / var(--tw-border-opacity))
@@ -3012,9 +3001,6 @@ a:not(.tw-lowercase) {
 .tw-normal-case {
     text-transform: none
 }
-.tw-italic {
-    font-style: italic
-}
 .tw-leading-10 {
     line-height: 2.5rem
 }
@@ -3068,10 +3054,6 @@ a:not(.tw-lowercase) {
     --tw-text-opacity: 1;
     color: rgb(227 73 53 / var(--tw-text-opacity))
 }
-.tw-text-error-600 {
-    --tw-text-opacity: 1;
-    color: rgb(182 58 42 / var(--tw-text-opacity))
-}
 .tw-text-error-700 {
     --tw-text-opacity: 1;
     color: rgb(136 44 32 / var(--tw-text-opacity))
@@ -3456,10 +3438,6 @@ a:not(.tw-lowercase) {
         --tw-text-opacity: 1;
         color: rgb(63 89 246 / var(--tw-text-opacity))
     }
-    .hover\:tw-text-info-700:hover {
-        --tw-text-opacity: 1;
-        color: rgb(38 53 148 / var(--tw-text-opacity))
-    }
     .hover\:tw-text-primary-500:hover {
         --tw-text-opacity: 1;
         color: rgb(63 89 246 / var(--tw-text-opacity))
@@ -3512,10 +3490,6 @@ a:not(.tw-lowercase) {
     --tw-border-opacity: 1;
     border-color: rgb(182 58 42 / var(--tw-border-opacity))
 }
-.focus\:tw-border-error-700:focus {
-    --tw-border-opacity: 1;
-    border-color: rgb(136 44 32 / var(--tw-border-opacity))
-}
 .focus\:tw-border-grayscale-600:focus {
     --tw-border-opacity: 1;
     border-color: rgb(96 96 96 / var(--tw-border-opacity))
@@ -3553,9 +3527,6 @@ a:not(.tw-lowercase) {
     .tw-group:hover .group-hover\:tw-underline {
         text-decoration-line: underline
     }
-    .tw-group:hover .group-hover\:tw-opacity-100 {
-        opacity: 1
-    }
 }
 @media (min-width: 640px) {
     .sm\:tw-absolute {
@@ -3604,9 +3575,6 @@ a:not(.tw-lowercase) {
     .sm\:tw-h-auto {
         height: auto
     }
-    .sm\:tw-min-h-10 {
-        min-height: 2.5rem
-    }
     .sm\:tw-w-64 {
         width: 16rem
     }
@@ -3637,10 +3605,6 @@ a:not(.tw-lowercase) {
         padding-left: 1rem;
         padding-right: 1rem
     }
-    .sm\:tw-text-3xl {
-        font-size: 1.875rem;
-        line-height: 2.25rem
-    }
 }
 @media (min-width: 768px) {
     .md\:tw-absolute {
@@ -3655,6 +3619,9 @@ a:not(.tw-lowercase) {
     .md\:tw-right-0 {
         right: 0px
     }
+    .md\:tw-right-5 {
+        right: 1.25rem
+    }
     .md\:tw-right-6 {
         right: 1.5rem
     }
@@ -4043,6 +4010,9 @@ a:not(.tw-lowercase) {
     .lg\:tw-pb-8 {
         padding-bottom: 2rem
     }
+    .lg\:tw-pr-16 {
+        padding-right: 4rem
+    }
     .lg\:tw-pt-0 {
         padding-top: 0px
     }
@@ -6166,61 +6136,57 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
-.form-error[data-v-e7de4db0] {
+.form-error[data-v-b05afa44] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.contact-container[data-v-e7de4db0] {
+.contact-container[data-v-b05afa44] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c-text-padding[data-v-e7de4db0] {
+.c-text-padding[data-v-b05afa44] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.device-wrapper--mobile .c-divided-container[data-v-e7de4db0] {
+.device-wrapper--mobile .c-divided-container[data-v-b05afa44] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.device-wrapper--mobile .c-divided-container-reverse[data-v-e7de4db0] {
+.device-wrapper--mobile .c-divided-container-reverse[data-v-b05afa44] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.c-button-full-width[data-v-e7de4db0] {
-    grid-column: span 2 / span 2;
+.c-button-full[data-v-b05afa44] {
     width: 100%;
 }
-.c-button-full[data-v-e7de4db0] {
-    width: 100%;
-}
-.c-col-span-2[data-v-e7de4db0] {
+.c-col-span-2[data-v-b05afa44] {
     grid-column: span 2 / span 2;
 }
-.c-mobile-padding[data-v-e7de4db0] {
+.c-mobile-padding[data-v-b05afa44] {
     padding: 1rem;
 }
-.c-text-padding[data-v-e7de4db0] {
+.c-text-padding[data-v-b05afa44] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.c-py-6[data-v-e7de4db0] {
+.c-py-6[data-v-b05afa44] {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
 }
-.c-divided-container[data-v-e7de4db0] {
+.c-divided-container[data-v-b05afa44] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-divided-container-reverse[data-v-e7de4db0] {
+.c-divided-container-reverse[data-v-b05afa44] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6228,16 +6194,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.c-aspect-square[data-v-e7de4db0] {
+.c-aspect-square[data-v-b05afa44] {
     aspect-ratio: 1 / 1;
 }
-.c-divided-container[data-v-e7de4db0] {
+.c-divided-container[data-v-b05afa44] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c-divided-container-reverse[data-v-e7de4db0] {
+.c-divided-container-reverse[data-v-b05afa44] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
@@ -6290,10 +6256,10 @@ select[data-v-14e7c7c7] {
     text-align: center
 }
-.c_banner--with-image-overlay[data-v-4ff52b7b] {
+.c_banner--with-image-overlay[data-v-c9625b02] {
   min-height: 24rem;
 }
-.c_banner--divided-container[data-v-4ff52b7b] {
+.c_banner--divided-container[data-v-c9625b02] {
   min-height: 30rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -6301,67 +6267,67 @@ select[data-v-14e7c7c7] {
           flex-direction: row;
   gap: 1rem;
 }
-.device-wrapper--mobile .c_banner--divided-container[data-v-4ff52b7b] {
+.device-wrapper--mobile .c_banner--divided-container[data-v-c9625b02] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
-.c_banner-container[data-v-4ff52b7b] {
+.c_banner-container[data-v-c9625b02] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c_banner--with-image-flip[data-v-4ff52b7b] {
+.c_banner--with-image-flip[data-v-c9625b02] {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
 }
-.c_banner--divided-container[data-v-4ff52b7b] .full-square-image {
+.c_banner--divided-container[data-v-c9625b02] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
 @container (min-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-4ff52b7b] {
+.c_banner-container--left-aligned-stacking[data-v-c9625b02] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c_banner-container--right-aligned-stacking[data-v-4ff52b7b] {
+.c_banner-container--right-aligned-stacking[data-v-c9625b02] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
             flex-direction: row-reverse;
 }
-.c_banner-button--stacking[data-v-4ff52b7b] {
+.c_banner-button--stacking[data-v-c9625b02] {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 }
 @container (max-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-4ff52b7b] {
+.c_banner-container--left-aligned-stacking[data-v-c9625b02] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-container--right-aligned-stacking[data-v-4ff52b7b] {
+.c_banner-container--right-aligned-stacking[data-v-c9625b02] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-item--stacking[data-v-4ff52b7b] {
+.c_banner-item--stacking[data-v-c9625b02] {
     width: 100%;
 }
-.c_banner-button--stacking[data-v-4ff52b7b] {
+.c_banner-button--stacking[data-v-c9625b02] {
     width: 100%;
 }
-.c_banner--divided-container[data-v-4ff52b7b] {
+.c_banner--divided-container[data-v-c9625b02] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6523,40 +6489,40 @@ select[data-v-14e7c7c7] {
 }
 }
-.c_text-media--items[data-v-2e839d0c] {
+.c_text-media--items[data-v-6e40b489] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 2.5rem;
 }
-.c_text-media--item[data-v-2e839d0c] {
+.c_text-media--item[data-v-6e40b489] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 1.5rem;
 }
-.c_text-media-container[data-v-2e839d0c] {
+.c_text-media-container[data-v-6e40b489] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c_text-media-padding[data-v-2e839d0c] {
+.c_text-media-padding[data-v-6e40b489] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.c_text-media--shape[data-v-2e839d0c] {
+.c_text-media--shape[data-v-6e40b489] {
   width: 25%;
 }
-.device--mobile .c_text-media--items[data-v-2e839d0c] {
+.device--mobile .c_text-media--items[data-v-6e40b489] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.device--mobile .c_text-media--alternate[data-v-2e839d0c],
-.device--mobile .c_text-media--shape[data-v-2e839d0c] {
+.device--mobile .c_text-media--alternate[data-v-6e40b489],
+.device--mobile .c_text-media--shape[data-v-6e40b489] {
   width: 100%;
 }
-.device--mobile .c_text-media--alternate-container[data-v-2e839d0c] {
+.device--mobile .c_text-media--alternate-container[data-v-6e40b489] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -6564,18 +6530,18 @@ select[data-v-14e7c7c7] {
 }
 .device--mobile
   .c_text-media--items_direction
-  .c_text-media--item[data-v-2e839d0c]:nth-child(even) {
+  .c_text-media--item[data-v-6e40b489]:nth-child(even) {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 @media (max-width: 767px) {
-.c_text-media--alternate[data-v-2e839d0c],
-  .c_text-media--shape[data-v-2e839d0c] {
+.c_text-media--alternate[data-v-6e40b489],
+  .c_text-media--shape[data-v-6e40b489] {
     width: 100%;
 }
-.c_text-media--alternate-container[data-v-2e839d0c] {
+.c_text-media--alternate-container[data-v-6e40b489] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
@@ -6584,7 +6550,7 @@ select[data-v-14e7c7c7] {
 }
 @media (min-width: 767px) {
 @media (min-width: 768px) {
-.c_text-media--items_direction .c_text-media--item[data-v-2e839d0c]:nth-child(even) {
+.c_text-media--items_direction .c_text-media--item[data-v-6e40b489]:nth-child(even) {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
           -ms-flex-direction: row-reverse;
@@ -9026,7 +8992,7 @@ input[type='number'][data-v-b7154ee1] {
 }
 }
-.testimonial-preview[data-v-bdb27adb] {
+.testimonial-preview[data-v-bb4e9acc] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;
@@ -9038,7 +9004,7 @@ input[type='number'][data-v-b7154ee1] {
           align-items: flex-start;
 }
-.text-item-preview[data-v-e7d0198b] {
+.text-item-preview[data-v-7aefa82c] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;
@@ -9222,6 +9188,15 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
 .c-sidebar-content__inner {
   margin-bottom: 3.5rem;
 }
+.c-sidebar-content--ai {
+  overflow-y: hidden !important;
+  padding-bottom: 3.5rem !important; /* clear fixed mobile tab bar (tw-h-14) */
+}
+@media (min-width: 1024px) {
+.c-sidebar-content--ai {
+    padding-bottom: 0 !important;
+}
+}
 .c-tab {
   border: none;
   border-right: 1px solid #d0d0d0;
@@ -9329,16 +9304,108 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     margin-bottom: 1.5rem
 }
-.typing-cursor[data-v-2aa00d74] {
-  -webkit-animation: blink-2aa00d74 1s infinite;
-          animation: blink-2aa00d74 1s infinite;
+.shimmer-text[data-v-7a203d2a] {
+  background: -webkit-gradient(
+    linear,
+    left top, right top,
+    from(#9ca3af),
+    color-stop(35%, #9ca3af),
+    color-stop(50%, #e5e7eb),
+    color-stop(65%, #9ca3af),
+    to(#9ca3af)
+  );
+  background: linear-gradient(
+    90deg,
+    #9ca3af 0%,
+    #9ca3af 35%,
+    #e5e7eb 50%,
+    #9ca3af 65%,
+    #9ca3af 100%
+  );
+  background-size: 250% 100%;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  -webkit-animation: shimmer-slide-7a203d2a 4s linear infinite;
+          animation: shimmer-slide-7a203d2a 4s linear infinite;
+}
+@-webkit-keyframes shimmer-slide-7a203d2a {
+from {
+    background-position: 200% center;
+}
+to {
+    background-position: -200% center;
+}
+}
+@keyframes shimmer-slide-7a203d2a {
+from {
+    background-position: 200% center;
+}
+to {
+    background-position: -200% center;
+}
+}
+.step-spinner[data-v-7a203d2a] {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  border: 2px solid transparent;
+  border-top-color: #798bf9;
+  -webkit-animation: spin-7a203d2a 0.7s linear infinite;
+          animation: spin-7a203d2a 0.7s linear infinite;
+}
+@-webkit-keyframes spin-7a203d2a {
+to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+@keyframes spin-7a203d2a {
+to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+.tw-animate-fade-in[data-v-7a203d2a] {
+  -webkit-animation: fade-in-7a203d2a 0.3s ease-in;
+          animation: fade-in-7a203d2a 0.3s ease-in;
+}
+@-webkit-keyframes fade-in-7a203d2a {
+from {
+    opacity: 0;
+    -webkit-transform: translateY(4px);
+            transform: translateY(4px);
+}
+to {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+}
+}
+@keyframes fade-in-7a203d2a {
+from {
+    opacity: 0;
+    -webkit-transform: translateY(4px);
+            transform: translateY(4px);
+}
+to {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+}
+}
+.typing-cursor[data-v-32d97597] {
+  -webkit-animation: blink-32d97597 1s infinite;
+          animation: blink-32d97597 1s infinite;
 }
-.bubble-ai[data-v-2aa00d74] {
+.bubble-ai[data-v-32d97597] {
   background-color: #eceefe;
   border-color: #798bf9;
   color: #171717;
 }
-@-webkit-keyframes blink-2aa00d74 {
+@-webkit-keyframes blink-32d97597 {
 0%,
   50% {
     opacity: 1;
@@ -9348,7 +9415,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     opacity: 0;
 }
 }
-@keyframes blink-2aa00d74 {
+@keyframes blink-32d97597 {
 0%,
   50% {
     opacity: 1;
@@ -9358,8 +9425,49 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     opacity: 0;
 }
 }
+.shimmer-text[data-v-32d97597] {
+  background: -webkit-gradient(
+    linear,
+    left top, right top,
+    from(#9ca3af),
+    color-stop(35%, #9ca3af),
+    color-stop(50%, #e5e7eb),
+    color-stop(65%, #9ca3af),
+    to(#9ca3af)
+  );
+  background: linear-gradient(
+    90deg,
+    #9ca3af 0%,
+    #9ca3af 35%,
+    #e5e7eb 50%,
+    #9ca3af 65%,
+    #9ca3af 100%
+  );
+  background-size: 250% 100%;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  -webkit-animation: shimmer-slide-32d97597 4s linear infinite;
+          animation: shimmer-slide-32d97597 4s linear infinite;
+}
+@-webkit-keyframes shimmer-slide-32d97597 {
+from {
+    background-position: 200% center;
+}
+to {
+    background-position: -200% center;
+}
+}
+@keyframes shimmer-slide-32d97597 {
+from {
+    background-position: 200% center;
+}
+to {
+    background-position: -200% center;
+}
+}
-.suggested-prompts-container[data-v-4c205850] {
+.suggested-prompts-container[data-v-51b6c6a0] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -9371,10 +9479,10 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE and Edge */
 }
-.suggested-prompts-container[data-v-4c205850]::-webkit-scrollbar {
+.suggested-prompts-container[data-v-51b6c6a0]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
-.chatbox-textarea[data-v-4c205850]:focus {
+.chatbox-textarea[data-v-51b6c6a0]:focus {
   -webkit-box-shadow:
     0 4px 6px -1px rgb(0 0 0 / 0.1),
     0 2px 4px -2px rgb(0 0 0 / 0.1);
@@ -9383,47 +9491,30 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     0 2px 4px -2px rgb(0 0 0 / 0.1);
   border-color: var(--tw-grayscale-300, #d1d5db);
 }
-[data-v-4c205850] .btn-no-padding {
+[data-v-51b6c6a0] .btn-no-padding {
   padding: 0 !important;
 }
-.disabled-button[data-v-4c205850] button {
+.disabled-button[data-v-51b6c6a0] button {
   background-color: rgb(229 231 235) !important;
   cursor: not-allowed !important;
   opacity: 0.6 !important;
 }
 .ai-container {
-  height: calc(100dvh - (90px + 58px));
-  margin-left: -1.25rem;
-  margin-right: -1.25rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-@media (min-width: 1024px) {
-.ai-container {
-    height: calc(100dvh - 90px);
-}
-}
-.ai-container {
-  height: calc(100vh - 90px);
-  margin-left: -1.25rem;
-  margin-right: -1.25rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    height: 100%;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    overflow: hidden
 }
-.c-brand-page-maker[data-v-b0e83282] {
+.c-brand-page-maker[data-v-c1609344] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9433,10 +9524,10 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-b0e83282] {
+.c-brand-page-maker__inner[data-v-c1609344] {
   height: 100%;
 }
-.c-save-bar[data-v-b0e83282] {
+.c-save-bar[data-v-c1609344] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9458,7 +9549,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-b0e83282] {
+.c-save-bar--visible[data-v-c1609344] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9468,11 +9559,11 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-b0e83282] {
+.c-brand-page-maker[data-v-c1609344] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-b0e83282] {
+.c-brand-page-maker__inner[data-v-c1609344] {
     height: 100%;
 }
 }