@designcrowd/library.brand-page 5.10.20 → 5.10.31

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

@@ -332,6 +332,9 @@ a:not(.tw-lowercase) {
 .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
 }
@@ -1036,6 +1039,9 @@ a:not(.tw-lowercase) {
 .tw-min-w-8 {
     min-width: 2rem
 }
+.tw-min-w-\[300px\] {
+    min-width: 300px
+}
 .tw-min-w-\[310px\] {
     min-width: 310px
 }
@@ -1428,6 +1434,9 @@ a:not(.tw-lowercase) {
     -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
 }
@@ -2014,9 +2023,15 @@ a:not(.tw-lowercase) {
     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
 }
@@ -4296,13 +4311,13 @@ a:not(.tw-lowercase) {
 }
 }
 
-.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;
 
@@ -4332,7 +4347,7 @@ a:not(.tw-lowercase) {
 
     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%;
 
@@ -4364,7 +4379,7 @@ a:not(.tw-lowercase) {
 
     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%;
 
@@ -4398,7 +4413,7 @@ a:not(.tw-lowercase) {
 
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
-.button-group-button[data-v-6f0cfe8d] {
+.button-group-button[data-v-e39022cf] {
 
     width: 100%;
 
@@ -5216,7 +5231,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';
 }
 
@@ -5423,13 +5438,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;
@@ -5439,7 +5454,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;
@@ -5450,7 +5465,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;
 }
 }
@@ -5815,10 +5830,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;
@@ -5826,67 +5841,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;
@@ -7241,16 +7256,16 @@ body {
   width: auto;
 }
 
-.sortable[data-v-272ea5bb] {
+.sortable[data-v-6ae8aee3] {
   outline-color: #b2bdfb;
   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%;
@@ -7263,13 +7278,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;
@@ -7283,17 +7298,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: #b2bdfb;
@@ -8148,11 +8163,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(96 96 96 / var(--tw-border-opacity));
 }
-.style-editor[data-v-48e6fdd4] {
+.style-editor[data-v-fcad558e] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8163,7 +8178,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;
@@ -8173,16 +8188,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;
@@ -8200,7 +8215,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;
@@ -8213,10 +8228,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;
@@ -8225,17 +8240,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;
@@ -8243,17 +8266,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(209 209 209 / 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;
@@ -8262,7 +8285,7 @@ body {
   color: rgb(38 38 38 / 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(209 209 209 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8271,53 +8294,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;
 }
 
@@ -8365,7 +8391,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;
@@ -8549,11 +8575,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;
@@ -8564,10 +8590,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
 }
 
@@ -8629,7 +8655,7 @@ input[type='number'][data-v-28a532b4] {
 }
 }
 
-.modal-content-container[data-v-d079fbaa] {
+.modal-content-container[data-v-d980574d] {
   height: 100%;
   min-height: 100vh;
   width: 100%;
@@ -8649,7 +8675,7 @@ input[type='number'][data-v-28a532b4] {
   padding-top: 15vh;
   background-color: rgba(0, 0, 0, 1);
 }
-.button-container[data-v-d079fbaa] {
+.button-container[data-v-d980574d] {
   margin-bottom: 0.5rem;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -8661,7 +8687,7 @@ input[type='number'][data-v-28a532b4] {
           flex-direction: column;
   gap: 0.5rem;
 }
-.primary-button[data-v-d079fbaa] {
+.primary-button[data-v-d980574d] {
   width: 100%;
   cursor: pointer;
   border-radius: 0.375rem;
@@ -8675,7 +8701,7 @@ input[type='number'][data-v-28a532b4] {
   -webkit-transition: background-color 0.2s;
   transition: background-color 0.2s;
 }
-.secondary-button[data-v-d079fbaa] {
+.secondary-button[data-v-d980574d] {
   width: 100%;
   cursor: pointer;
   padding: 0.75rem;
@@ -8684,6 +8710,6 @@ input[type='number'][data-v-28a532b4] {
   -webkit-transition: background-color 0.2s;
   transition: background-color 0.2s;
 }
-.primary-button[data-v-d079fbaa]:hover {
+.primary-button[data-v-d980574d]:hover {
   background-color: rgba(255, 255, 255, 0.1);
 }