@designcrowd/library.brand-page 5.16.3-background-7 → 5.16.3-background-9

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -942,6 +942,9 @@ a.maker-anchor {
 .tw-mt-0 {
   margin-top: 0px;
 }
+.tw-mt-0\.5 {
+  margin-top: 0.125rem;
+}
 .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -1194,12 +1197,18 @@ a.maker-anchor {
 .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;
 }
@@ -1705,6 +1714,11 @@ a.maker-anchor {
   -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));
@@ -2470,6 +2484,9 @@ a.maker-anchor {
 .tw-rounded-full {
   border-radius: 9999px;
 }
+.tw-rounded-lg {
+  border-radius: 0.5rem;
+}
 .tw-rounded-md {
   border-radius: 0.375rem;
 }
@@ -3383,6 +3400,14 @@ a.maker-anchor {
   -webkit-transition-property: none;
   transition-property: none;
 }
+.tw-transition-opacity {
+  -webkit-transition-property: opacity;
+  transition-property: opacity;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 150ms;
+          transition-duration: 150ms;
+}
 .tw-transition-shadow {
   -webkit-transition-property: -webkit-box-shadow;
   transition-property: -webkit-box-shadow;
@@ -3535,6 +3560,10 @@ a.maker-anchor {
   .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) {
 
@@ -3595,6 +3624,10 @@ a.maker-anchor {
     height: auto;
   }
 
+  .sm\:tw-min-h-10 {
+    min-height: 2.5rem;
+  }
+
   .sm\:tw-w-64 {
     width: 16rem;
   }
@@ -3626,6 +3659,11 @@ a.maker-anchor {
     padding-left: 1rem;
     padding-right: 1rem;
   }
+
+  .sm\:tw-text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
 }
 @media (min-width: 768px) {
 
@@ -7410,14 +7448,14 @@ body {
   line-height: 1.5;
 }
 
-.brand-page-root[data-v-7126bf7b] {
+.brand-page-root[data-v-69f25323] {
   height: 100%;
 }
-.sortable[data-v-7126bf7b] {
+.sortable[data-v-69f25323] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-7126bf7b] {
+.brand-page[data-v-69f25323] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -7429,7 +7467,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--default[data-v-7126bf7b] {
+.brand-page__inner--default[data-v-69f25323] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -7441,16 +7479,16 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-7126bf7b] {
+.brand-page__inner--desktop[data-v-69f25323] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-7126bf7b] {
+.brand-site__header[data-v-69f25323] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-7126bf7b] {
+.brand-page__header[data-v-69f25323] {
   padding-top: var(--page-padding);
 }
-.brand-page__content--default[data-v-7126bf7b] {
+.brand-page__content--default[data-v-69f25323] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -7467,7 +7505,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-7126bf7b] {
+.brand-page__content--desktop[data-v-69f25323] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -7483,15 +7521,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-7126bf7b] {
+.brand-page__content--inner[data-v-69f25323] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-7126bf7b] {
+.brand-page__content--inner--brandsite[data-v-69f25323] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-7126bf7b] {
+.brand-page__content--outline-selected[data-v-69f25323] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -7499,20 +7537,20 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-7126bf7b] {
+.brand-page__content--outline-footer-selected[data-v-69f25323] {
   outline-color: #f7768c;
   outline-width: 0.2rem;
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
 @media (max-width: 640px) {
-.brand-page__content--inner--full-width[data-v-7126bf7b] {
+.brand-page__content--inner--full-width[data-v-69f25323] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-7126bf7b] {
+.brand-page__content--inner--full-width[data-v-69f25323] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }
@@ -8770,7 +8808,97 @@ input[type='number'][data-v-28a532b4] {
 }
 }
 
-.testimonial-preview[data-v-037d5b71] {
+.c-modal-dcom[data-v-33680d77] {
+  background-color: #eceefe;
+  border: 1px solid #3247c5;
+}
+.c-modal-bc[data-v-33680d77] {
+  background-color: #cceaf7;
+  border: 1px solid #0097d7;
+}
+.typing-cursor[data-v-33680d77] {
+  display: inline-block;
+  -webkit-animation: blink-33680d77 1s step-end infinite;
+          animation: blink-33680d77 1s step-end infinite;
+  color: #3247c5;
+  font-weight: bold;
+  margin-left: 2px;
+}
+.prompt-textarea[data-v-33680d77] {
+  line-height: 1.5;
+  min-height: 4.5rem; /* Minimum 3 rows on mobile (1.5em * 3) */
+  max-height: calc(7.5em + 1rem); /* Maximum 5 rows */
+  color: rgb(96 96 96);
+  scrollbar-gutter: stable;
+  overflow-y: auto;
+}
+
+/* Desktop: smaller minimum height */
+@media (min-width: 640px) {
+.prompt-textarea[data-v-33680d77] {
+    min-height: 2.5rem; /* Single line on desktop */
+}
+}
+.prompt-textarea[data-v-33680d77]::-webkit-input-placeholder {
+  color: rgb(96 96 96 / 50%);
+}
+.prompt-textarea[data-v-33680d77]::-moz-placeholder {
+  color: rgb(96 96 96 / 50%);
+}
+.prompt-textarea[data-v-33680d77]:-ms-input-placeholder {
+  color: rgb(96 96 96 / 50%);
+}
+.prompt-textarea[data-v-33680d77]::-ms-input-placeholder {
+  color: rgb(96 96 96 / 50%);
+}
+.prompt-textarea[data-v-33680d77]::placeholder {
+  color: rgb(96 96 96 / 50%);
+}
+
+/* Ensure border is visible when scrollbar appears */
+.prompt-textarea[data-v-33680d77]::-webkit-scrollbar {
+  width: 8px;
+}
+.prompt-textarea[data-v-33680d77]::-webkit-scrollbar-track {
+  background: transparent;
+  margin: 2px;
+}
+.prompt-textarea[data-v-33680d77]::-webkit-scrollbar-thumb {
+  background: rgb(96 96 96 / 30%);
+  border-radius: 4px;
+}
+.prompt-textarea[data-v-33680d77]::-webkit-scrollbar-thumb:hover {
+  background: rgb(96 96 96 / 50%);
+}
+.text-grayscale[data-v-33680d77] {
+  color: rgb(96 96 96 / 50%);
+}
+.text-success[data-v-33680d77] {
+  --tw-text-opacity: 1;
+  color: rgb(29 134 13 / var(--tw-text-opacity));
+}
+@-webkit-keyframes blink-33680d77 {
+0%,
+  50% {
+    opacity: 1;
+}
+51%,
+  100% {
+    opacity: 0;
+}
+}
+@keyframes blink-33680d77 {
+0%,
+  50% {
+    opacity: 1;
+}
+51%,
+  100% {
+    opacity: 0;
+}
+}
+
+.testimonial-preview[data-v-a66d4bed] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;
@@ -8782,7 +8910,7 @@ input[type='number'][data-v-28a532b4] {
           align-items: flex-start;
 }
 
-.text-item-preview[data-v-9aa75006] {
+.text-item-preview[data-v-7f11c2cf] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;
@@ -9015,7 +9143,7 @@ input[type='number'][data-v-28a532b4] {
     margin-bottom: 1.5rem
 }
 
-.c-brand-page-maker[data-v-b762f3c1] {
+.c-brand-page-maker[data-v-9080d767] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9025,10 +9153,10 @@ input[type='number'][data-v-28a532b4] {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-b762f3c1] {
+.c-brand-page-maker__inner[data-v-9080d767] {
   height: 100%;
 }
-.c-save-bar[data-v-b762f3c1] {
+.c-save-bar[data-v-9080d767] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9050,7 +9178,7 @@ input[type='number'][data-v-28a532b4] {
   -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-b762f3c1] {
+.c-save-bar--visible[data-v-9080d767] {
   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;
@@ -9060,11 +9188,11 @@ input[type='number'][data-v-28a532b4] {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-b762f3c1] {
+.c-brand-page-maker[data-v-9080d767] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-b762f3c1] {
+.c-brand-page-maker__inner[data-v-9080d767] {
     height: 100%;
 }
 }