@designcrowd/library.brand-page 5.10.20 → 5.10.30

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

@@ -736,6 +736,9 @@ a.maker-anchor {
 .tw-col-span-2 {
   grid-column: span 2 / span 2;
 }
+.tw-col-span-3 {
+  grid-column: span 3 / span 3;
+}
 .tw-col-span-6 {
   grid-column: span 6 / span 6;
 }
@@ -1440,6 +1443,9 @@ a.maker-anchor {
 .tw-min-w-8 {
   min-width: 2rem;
 }
+.tw-min-w-\[300px\] {
+  min-width: 300px;
+}
 .tw-min-w-\[310px\] {
   min-width: 310px;
 }
@@ -1834,6 +1840,9 @@ a.maker-anchor {
   -webkit-animation: tw-spin 1s linear infinite;
           animation: tw-spin 1s linear infinite;
 }
+.\!tw-cursor-not-allowed {
+  cursor: not-allowed !important;
+}
 .tw-cursor-default {
   cursor: default;
 }
@@ -2420,9 +2429,15 @@ a.maker-anchor {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .tw-whitespace-nowrap {
   white-space: nowrap;
 }
+.tw-whitespace-pre {
+  white-space: pre;
+}
 .tw-text-nowrap {
   text-wrap: nowrap;
 }
@@ -4606,13 +4621,13 @@ a.maker-anchor {
 }
 }
 
-.button-group[data-v-6f0cfe8d] {
+.button-group[data-v-e39022cf] {
 
     display: inline-flex;
 
     width: 100%
 }
-.button-group-item[data-v-6f0cfe8d] {
+.button-group-item[data-v-e39022cf] {
 
     cursor: pointer;
 
@@ -4642,7 +4657,7 @@ a.maker-anchor {
 
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
-.button-group-icon-button[data-v-6f0cfe8d] {
+.button-group-icon-button[data-v-e39022cf] {
 
     width: 100%;
 
@@ -4674,7 +4689,7 @@ a.maker-anchor {
 
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
-.button-group-image-button[data-v-6f0cfe8d] {
+.button-group-image-button[data-v-e39022cf] {
 
     width: 100%;
 
@@ -4708,7 +4723,7 @@ a.maker-anchor {
 
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
-.button-group-button[data-v-6f0cfe8d] {
+.button-group-button[data-v-e39022cf] {
 
     width: 100%;
 
@@ -5526,7 +5541,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 45vh;
 }
 
-.empty-para[data-v-723f8313] p:empty::after {
+.empty-para[data-v-a22efdb4] p:empty::after {
   content: '\00A0';
 }
 
@@ -5733,13 +5748,13 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   overflow-wrap: break-word;
 }
 
-.c-text-container[data-v-abc96d4b] {
+.c-text-container[data-v-8525aa87] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.device--mobile .grid-container[data-v-abc96d4b] {
+.device--mobile .grid-container[data-v-8525aa87] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5749,7 +5764,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           flex-direction: column;
 }
 @media (max-width: 767px) {
-.grid-container[data-v-abc96d4b] {
+.grid-container[data-v-8525aa87] {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -5760,7 +5775,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 @media (min-width: 767px) {
-.grid-container[data-v-abc96d4b] {
+.grid-container[data-v-8525aa87] {
     display: grid;
 }
 }
@@ -6125,10 +6140,10 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
     text-align: center
 }
 
-.c_banner--with-image-overlay[data-v-26770578] {
+.c_banner--with-image-overlay[data-v-dcac170d] {
   min-height: 24rem;
 }
-.c_banner--divided-container[data-v-26770578] {
+.c_banner--divided-container[data-v-dcac170d] {
   min-height: 30rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -6136,67 +6151,67 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           flex-direction: row;
   gap: 1rem;
 }
-.device-wrapper--mobile .c_banner--divided-container[data-v-26770578] {
+.device-wrapper--mobile .c_banner--divided-container[data-v-dcac170d] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
-.c_banner-container[data-v-26770578] {
+.c_banner-container[data-v-dcac170d] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c_banner--with-image-flip[data-v-26770578] {
+.c_banner--with-image-flip[data-v-dcac170d] {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
 }
-.c_banner--divided-container[data-v-26770578] .full-square-image {
+.c_banner--divided-container[data-v-dcac170d] .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-26770578] {
+.c_banner-container--left-aligned-stacking[data-v-dcac170d] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c_banner-container--right-aligned-stacking[data-v-26770578] {
+.c_banner-container--right-aligned-stacking[data-v-dcac170d] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
             flex-direction: row-reverse;
 }
-.c_banner-button--stacking[data-v-26770578] {
+.c_banner-button--stacking[data-v-dcac170d] {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 }
 @container (max-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-26770578] {
+.c_banner-container--left-aligned-stacking[data-v-dcac170d] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-container--right-aligned-stacking[data-v-26770578] {
+.c_banner-container--right-aligned-stacking[data-v-dcac170d] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-item--stacking[data-v-26770578] {
+.c_banner-item--stacking[data-v-dcac170d] {
     width: 100%;
 }
-.c_banner-button--stacking[data-v-26770578] {
+.c_banner-button--stacking[data-v-dcac170d] {
     width: 100%;
 }
-.c_banner--divided-container[data-v-26770578] {
+.c_banner--divided-container[data-v-dcac170d] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -7551,16 +7566,16 @@ body {
   width: auto;
 }
 
-.sortable[data-v-272ea5bb] {
+.sortable[data-v-6ae8aee3] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.sortable-ghost[data-v-272ea5bb] {
+.sortable-ghost[data-v-6ae8aee3] {
   visibility: hidden;
   padding: 0px;
   z-index: -1;
 }
-.sortable-ghost[data-v-272ea5bb]::after {
+.sortable-ghost[data-v-6ae8aee3]::after {
   visibility: visible;
   position: absolute;
   left: 50%;
@@ -7573,13 +7588,13 @@ body {
           transform: translateX(-50%);
   width: calc(100% - var(--page-padding) * 2);
 }
-.sortable-drag[data-v-272ea5bb] {
+.sortable-drag[data-v-6ae8aee3] {
   z-index: -1;
 }
-.sortable-drag .c-nav-below-logo[data-v-272ea5bb] {
+.sortable-drag .c-nav-below-logo[data-v-6ae8aee3] {
   display: none;
 }
-.sortable-drag[data-v-272ea5bb]::after {
+.sortable-drag[data-v-6ae8aee3]::after {
   visibility: visible;
   position: absolute;
   top: 0px;
@@ -7593,17 +7608,17 @@ body {
   width: calc(100% - var(--page-padding) * 2);
   outline-style: solid;
 }
-.brand-page__content--container[data-v-272ea5bb] {
+.brand-page__content--container[data-v-6ae8aee3] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--container--brandsite[data-v-272ea5bb] {
+.brand-page__content--container--brandsite[data-v-6ae8aee3] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--outline-selected[data-v-272ea5bb] {
+.brand-page__content--outline-selected[data-v-6ae8aee3] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -8458,11 +8473,11 @@ body {
   min-width: 33.333333%
 }
 
-.rich-text-editor[data-v-48e6fdd4]:focus-within {
+.rich-text-editor[data-v-fcad558e]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
 }
-.style-editor[data-v-48e6fdd4] {
+.style-editor[data-v-fcad558e] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8473,7 +8488,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-48e6fdd4] button:not(.c-button-style) {
+.style-editor[data-v-fcad558e] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8483,16 +8498,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-48e6fdd4] {
+.style-editor-button[data-v-fcad558e] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-48e6fdd4] {
+.toolbar-editor-button.active[data-v-fcad558e] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-48e6fdd4] {
+.toolbar-editor-button[data-v-fcad558e] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -8510,7 +8525,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-48e6fdd4] .ProseMirror {
+[data-v-fcad558e] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -8523,10 +8538,10 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-48e6fdd4] .ProseMirror:focus {
+[data-v-fcad558e] .ProseMirror:focus {
   outline: none;
 }
-[data-v-48e6fdd4] .ProseMirror * {
+[data-v-fcad558e] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -8535,17 +8550,25 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-.error-message[data-v-48e6fdd4] {
+[data-v-fcad558e] .ProseMirror a,[data-v-fcad558e] .ProseMirror a * {
+  color: #0097d7 !important;
+  text-decoration: underline !important;
+}
+.error-message[data-v-fcad558e] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.spacing-popup-container[data-v-48e6fdd4] {
+.popup-container[data-v-fcad558e] {
   position: absolute;
-  z-index: 9999;
+  z-index: 10;
   right: 8%;
 }
-.spacing-popup-panel[data-v-48e6fdd4] {
+.hyperlink-preview[data-v-fcad558e] {
+  position: absolute;
+  z-index: 10;
+}
+.popup-panel[data-v-fcad558e] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -8553,17 +8576,17 @@ body {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.spacing-popup-panel[data-v-48e6fdd4] input {
+.popup-panel[data-v-fcad558e] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-48e6fdd4] {
+.border[data-v-fcad558e] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(208 208 208 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-48e6fdd4] .text-dropdown-title {
+[data-v-fcad558e] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8572,7 +8595,7 @@ body {
   color: rgb(43 43 43 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-48e6fdd4] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-fcad558e] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(208 208 208 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8581,53 +8604,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-48e6fdd4],
-  .style-editor-button-textstyle[data-v-48e6fdd4] {
+.style-editor-button-font[data-v-fcad558e],
+  .style-editor-button-textstyle[data-v-fcad558e] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-48e6fdd4] {
+.style-editor-button.stepper[data-v-fcad558e] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-48e6fdd4] {
+.style-editor-button-stepper[data-v-fcad558e] {
     max-width: 100%;
 }
-.border.desktop[data-v-48e6fdd4] {
+.border.desktop[data-v-fcad558e] {
     display: none;
 }
-.border.mobile[data-v-48e6fdd4] {
+.border.mobile[data-v-fcad558e] {
     display: block;
 }
-[data-v-48e6fdd4] .left-align {
+[data-v-fcad558e] .left-align {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
+.hyperlink-popup[data-v-fcad558e] {
+    z-index: 9999;
+}
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-48e6fdd4] {
+.style-editor-button.stepper[data-v-fcad558e] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-48e6fdd4] {
+.style-editor-button-font[data-v-fcad558e] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-48e6fdd4] {
+.style-editor-button-stepper[data-v-fcad558e] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-48e6fdd4] {
+.style-editor-button-textstyle[data-v-fcad558e] {
     max-width: 25%;
 }
-.border.desktop[data-v-48e6fdd4] {
+.border.desktop[data-v-fcad558e] {
     display: block;
 }
-.border.mobile[data-v-48e6fdd4] {
+.border.mobile[data-v-fcad558e] {
     display: none;
 }
-[data-v-48e6fdd4] .left-align {
+[data-v-fcad558e] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-48e6fdd4]:hover {
+.drop-down-item[data-v-fcad558e]:hover {
   background-color: #eee;
 }
 
@@ -8675,7 +8701,7 @@ input[type='number'][data-v-28a532b4] {
           align-items: flex-start;
 }
 
-.text-item-preview[data-v-44e3de97] {
+.text-item-preview[data-v-4d5ca58f] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;
@@ -8859,11 +8885,11 @@ input[type='number'][data-v-28a532b4] {
 }
 }
 
-.template-preview[data-v-379bc048] {
+.template-preview[data-v-c5fa6125] {
   position: relative;
   background-attachment: initial !important
 }
-.template-preview__overlay[data-v-379bc048] {
+.template-preview__overlay[data-v-c5fa6125] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -8874,10 +8900,10 @@ input[type='number'][data-v-28a532b4] {
   cursor: pointer;
   opacity: 0
 }
-.template-preview__page[data-v-379bc048] {
+.template-preview__page[data-v-c5fa6125] {
   pointer-events: none
 }
-.template-preview[data-v-379bc048] .c-shape-background {
+.template-preview[data-v-c5fa6125] .c-shape-background {
   position: absolute
 }